/* @override 
	http://localhost:8888/qs/unified/lifestyle/templates/jblifestyle/css/mediaqueries.css
	http://localhost:8888/qs/unified/lifestyledev/templates/jblifestyle/css/mediaqueries.css
	http://localhost:8888/17/lifestyle/templates/jblifestyle/css/mediaqueries.css
*/

/**
 * @package		Joomla Bamboo Zen Grid Framework
 * @Type        Core CSS
 * @version		v2
 * @author		Joomlabamboo http://www.joomlabamboo.com
 * @copyright 	Copyright (C) 2007 - 2010 Joomla Bamboo
 * @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */
 
/* Rules for Media queries. If you want to create your own media query file just create a file called mediaqueroes.css in your css file.
-----------------------------------------------------------------------------*/



	/* Tablet Portrait size to standard 960 (devices and browsers) */
@media screen and (max-width: 1000px) {
	.container{width:860px !important}
	#bannerwrap .container {width: 100% !important}
	.mbWrap img { margin-right: 20px !important; height: auto !important; }
	#banner .allitems,.slide-controller {width: 880px !important}
	.features{height:250px}

}


	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 850px) {
	#abovemain,#belowmain,#above,#below {
	width: 92%;padding: 0 4%;}
	.features{height:300px}
}	
	
@media only screen and (min-width: 480px) and (max-width: 850px) {	
	.container{width:640px !important}
	#banner .allitems,.slide-controller {width: 680px !important}
	span.createDate,span.k2Author,.k2Category { margin-right: 8px; }
	#nav ul li { font-size: 1.1em; }
	.fb_iframe_widget iframe { width: 50px!important; }
	#nav ul li
{
	font-size:1.2em;
	margin:4px 0 0 0 !important 
}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { }


@media only screen and (min-width: 480px) and (max-width: 1025px) {
	
	/* Fix for advert positions with three modules published at low resolutions */
	#abovemain .grid_3,
	#abovemain .grid_4,
	#belowmain .grid_3,
	#belowmain .grid_4 { width: 100%; }	
	#zenpanel {width: 90% !important}

	
}

/* Fix for tabs dropping onto two lines on small screens */
@media only screen and (min-width: 480px) and (max-width: 768px) {

	ul.jbtabs li a,ul.jbtabs li.active a { padding: 12px 20px; font-size: 0.9em; line-height: 1.9em; }
	#bannerwrap .container { padding-bottom: 0; }

	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 600px) {

	#bottom h3 { clear: both; }
	
	/* Makes all grid positions 100% in width on small browsers */
	.grid_one,
	.grid_two,
	.grid_three,
	.grid_four,
	.grid_five,
	.grid_six,
	.grid_seven,
	.grid_eight,
	.grid_nine,
	.grid_ten,
	.grid_eleven,
	.grid_twelve,
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_0  
	{width: 100% !important;margin-bottom: 30px; float:left!important} 
	
	.jbmoduleBody .zentools.grid .zenitem,
	.jbmoduleBody .zentools.grid .zenitem .column2 {
		margin-bottom: 0;
	}
	
	
	.jbMeta{
padding:0 0 30px;
	line-height: 1.8;
}
	#bannerwrap { display: none; }
	#mainwrapouter { margin-top: 0!important; }
	
	/* CSS for the mobile menu */
	#mobilemenu {display: block;padding: 0 0 10px;margin-bottom: 0;margin-top: 10px}
	#mobilemenu select {width: 100% !important; padding: 10px 5px}
	#menuwrap {display: none}

	#search .input{width: 100%;margin-bottom: 10px}
	#search .moduletable .inputbox,#search_searchword {float: left;width: 97%;margin-bottom: 10px}
	
	/* Special module class to hide some modules on small browsers */
	.moduletable.mobilehide{display: none}
	
	/* Resets the push and pull for source ordered content */
	.onecols_pull,
	.twocols_pull,
	.threecols_pull,
	.fourcols_pull,
	.fivecols_pull,
	.sixcols_pull,
	.sevencols_pull,
	.eightcols_pull,
	.ninecols_pull,
	.tencols_pull,
	.elevencols_pull,
	.twelvecols_pull,
	.onecols_push,
	.twocols_push,
	.threecols_push,
	.fourcols_push,
	.fivecols_push,
	.sixcols_push,
	.sevencols_push,
	.eightcols_push,
	.ninecols_push,
	.tencols_push,
	.elevencols_push,
	.twelvecols_push
	{left: 0}
	
	.mbWrap{width: 47% !important}
	
	#leftCol, #rightCol, #midCol { 
	clear: both; float: none; height: auto !important; width: 100%; }
	
	#nav { float: left; width: 49%; margin: 0; }
	#nav ul { display: none; }
	
	#mainContent { padding: 0 3.8% 20px!important; }
	#mainContent.one { padding: 0 3.8% 20px 0!important; }
	#logo * { text-align: center; }
	.mbColImage { float: left; margin-right: 20px; }
	.mbWrap.last { float: left; }
	.container{ width: 98%  !important; }
	
	#tabwrap .container { padding: 0; }
	#nav ul li a { padding-left: 0; padding-right: 0; }
	ul.jbtabs { border: 0; height: auto; }
	ul.jbtabs li { float: none; list-style-type: none; margin: 0; }
	ul.jbtabs li a { color: #999;  border: 0; border-bottom: 1px solid #ddd; padding:8px 10px; display: block;margin-bottom: 8px; }
	ul.jbtabs li a:hover,
	#navwrap #navWrapper #nav ul li .current a:hover { border-bottom: 1px solid #ddd; border-width: 0 0 1px 0; }
	ul.jbtabs li.active a {  }
	#zenpanel { width: 90% !important; height: auto !important; }

	#bannerwrap .container { padding: 0; }
	#nav { margin-bottom: 0; }
	.jb_left45,.jb_right45 { width: 100% !important; margin: 0 !important; border: 0 !important; padding: 0 !important; }
	
	#nav.centered,#header4 {
	text-align:center;margin-top: -8px;text-align:center;
}

#bottom .moduletable { margin: 20px 0; }

#headerwrap ul {
display:inline-block;
list-style:none; margin-top: 15px;
}

* html #headerwrap ul { /* Target IE6 */
display:inline;
}
*+html #headerwrap ul { /* Target IE7 */
display:inline;
}

#headerwrap li{
	display:inline;
	padding:8px 0 0 10px;
}

#headerwrap li a {
float: left;
}

#headerwrap .grid_one,#headerwrap .grid_two,#headerwrap .grid_three,#headerwrap .grid_four,#headerwrap .grid_five,#headerwrap .grid_six,#headerwrap .grid_seven,#headerwrap .grid_eight,#headerwrap .grid_nine,#headerwrap .grid_ten,#headerwrap .grid_eleven,#headerwrap .grid_twelve,#search.grid_three  {
margin: 0;width: 100%;
}

#navwrap {
height: auto;padding-bottom: 20px;
-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	border-bottom: 1px solid #ddd;
}

#breadcrumb
{
	border-bottom:1px solid #ddd;
background: #fff;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	width: 100%;
	margin-left: -4px;

}

#mainwrap .container {
padding-top: 280px;
}

#midCol {
margin-top: 10px;
}
#mainwrap.offset .container {padding-top: 0}
.frontpage #mainwrap .container {padding-top: 0px}

#mainwrap { padding-top: 0px; padding-bottom: 50px; }
#mainwrap .row {
	background-color: #F6F6F6;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: none;
	-webkit-background-clip: none;
	background-clip: none;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow: none;width: 100%;
	
}

#headerwrap {
background: #040404;
}


#socialicons.fixedright,#socialicons.fixedleft {
position: relative;bottom: 0;top: auto;float: left;width: 100%;margin-left: -70px;
}


#socialicons a {
padding: 0;
}



#mainwrapouter {
border: 0;
margin-top: 0;
position: relative;
}



#bannerwrap {

	border: 0

}

a#zenpanelopen {
top: -6px
}


#socialicons.fixedright ul {
width: 100% !important;margin: 0;background: #101010;padding: 0;
}

#abovemain,#belowmain,#above,#blow {
width: 92%;padding: 0 4%;
}

ul#filters li {
		margin: 0 8px 0 0 !important;
	}

#zenpanel {
top: 20px !important
}
}

@media only screen and (max-width: 400px) {
	ul#filters li {
		float: none;width: 100%;margin: 10px 0 !important;
	}
	
	ul#filters li a{
		width: 400px;float: none;
	}
}