/*
 * ------------------------------------------------------------------------
 * JA Puresite Template for J25 & J31
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/
#ja-megamenu ul { font-size:130%!important; letter-spacing: -1px; }
body {
  -webkit-text-size-adjust: 100%; /*Fix Mobile Safari Font Scale*/
}

/* RESPONSIVE FONT SIZES
--------------------------------------------------------- */

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.main {
  width: 700px !important;
}

.main .main-inner1 {
	margin-left: 0;
	margin-right: 0;
}

#ja-content { width: 100%;  margin: 10px 0px 0px 0px; }

#ja-mainbody,
.ja-l1 #ja-main { width: 100% !important; }

#ja-container .main .main-inner1 { margin: 0 -10px; }

.ja-content-main { margin: 0 10px; }

/* MASONRY PRESETS (240px*5 Grids)
--------------------------------------------------------- */
/* Main Content */
.ja-frontpage #ja-content {
  float: none;
  width: 100%; /* Frontpage Content 3 grids */
}

/* full 5 grids content */
body.content-grid-mass #ja-content,
body.content-grid-mass.ja-frontpage #ja-content {
  width: 100% !important;
}

/* 4 grids content */
body.content-grid-quadruple #ja-content,
body.content-grid-quadruple.ja-frontpage #ja-content {
  width: 100% !important;
}

/* 3 grids content */
body.content-grid-tripple #ja-content,
body.content-grid-tripple.ja-frontpage #ja-content {
  width: 100% !important;
}

/* CONTENT'S GRIDS
--------------------------------------------------------- */
.items-row {}

.items-row .item .contentpaneopen {}

.item {
  padding: 0;
}

.cols-1 .item {
  float: none;
  width: 100% !important;
}

.cols-2 .item,
.cols-3 .item,
.cols-4 .item,
.cols-5 .item {}


/* HEADER
--------------------------------------------------------- */
#ja-header {
}

#ja-header .main {
  width: 100%;
  text-align: center;
}

#ja-header .main-inner1 {}

h1.logo {
  width: 218px;
}

h1.logo a {
	width: 218px;
	height: 50px;
	background: url(../images/logo-mb.png) no-repeat left top;
}

.logo-text h1 {font-size: 210%!important; margin: 25px 0 20px!important; }

h1.logo a img {
	display: none;
}
/* SPOTLIGHT
--------------------------------------------------------- */

#ja-topsl .ja-box-left,
#ja-topsl1 .ja-box-left,
#ja-topsl2 .ja-box-left { width: 100% !important; float: none; }

#ja-topsl .ja-box-left .ja-box-ct .no-tablet > p,
#ja-topsl1 .ja-box-left .ja-box-ct .no-tablet > p,
#ja-topsl2 .ja-box-left .ja-box-ct .no-tablet > p { display: none; }

#ja-topsl .ja-box-left + .ja-box { clear: both; }

#ja-topsl .ja-box-left + .ja-box { clear: both; }
#ja-topsl .ja-box + .ja-box { width: 33% !important; }

#ja-topsl1 .ja-box-left + .ja-box,
#ja-topsl2 .ja-box-left + .ja-box { clear: both; position: static; width: 100% !important; float: none; }

#ja-topsl .ja-box-left + .ja-box-right,
#ja-topsl1 .ja-box-left + .ja-box-right,
#ja-topsl2 .ja-box-left + .ja-box-right { position: static; }

#ja-botsl1 .ja-box.ja-box-left {
	width: 75% !important;
}

#ja-botsl1 .ja-box.ja-box-right {
	width: 100% !important;
	border-top: solid 1px #222;
}

#ja-topsl .ja-box,
#ja-topsl1 .ja-box,
#ja-topsl2 .ja-box  {
	min-height: 0 !important;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
}

/* MODULES
--------------------------------------------------------- */
#ja-main-wrap div.masonry-brick div.ja-moduletable-inner, 
#ja-main-wrap div.masonry-brick div.moduletable-inner, 
#ja-main-wrap div.masonry-brick div.ja-module-inner, 
#ja-main-wrap div.masonry-brick div.module-inner, 
#ja-extra-col div.masonry-brick div.module-inner {}

/* RIGHT 
--------------------------------------------------------- */
#ja-right { width: 100% !important; }

#ja-right div.ja-moduletable { float: left; }
/* Hiden in Tablet ---*/
.hide-in-normal,
.hide-in-tablet {
  display: none;
}

/* MAIN NAVIGATION 
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
	/*width: 460px;*/
	text-align: left;
	display: block;
    font-size: 90%;
}

/* Mega Menu Layout ---*/

.ja-megamenu ul.level0 li.mega span.menu-desc { display: none; }
.ja-megamenu ul.level0 li.mega a.mega { padding: 0 15px!important; }

/* Menu Button --- */
/* to use this value to detect responsive
 * > 3: mean responsive
 * 4: is mobile device, which the menu show only first level
 */
#ja-menu-button {
  z-index: 3;
}

/* All Categories ---*/
div.subCategoryContainer { width: 33% !important; }

div.itemListSubCategories .clr { display: none; }

div.subCategory { height: auto !important; }

/* K2 Detail ---*/
div.viewitemllink,
div.itemAuthorBlock,
div.itemAuthorLatest,
div.itemRelated { width: 46%; }

.itemListView #itemListSecondary,
.tagItemList {
	margin-bottom: -30px;
}

div.itemView {
	margin-bottom: 10px;
}