/*

================================================== 

================================================== 

================================================== 

   #Media Queries ================================

================================================== 

================================================== 

================================================== */



	/* Smaller than standard 960 (devices and browsers) */

	@media only screen and (max-width: 600px) {
		
		#logo a img{
			width: 100%;		
		
		}
		#header {
			background:#000;
		}
		

		/* Tablet Portrait size to standard 960 (devices and browsers) */




		/*** General Styles ***/

		#wrapper{ width: 768px; background:url(../images/wrapper-bg-980.png) repeat-y; }

		#wrapper-content{ width: 688px; }



		/*** Header Styles ***/



			/**- Header Top Styles **/

			.topNav{ width: 688px; }



		/*** Main Styles ***/

		#main { width: 452px; } /* was 478px */



			/**- Featured Slider Styles **/

			#slider { width: 346px !important; }

			.nivo-caption { width: 327px; }



			/**- Block styles **/

			.block-item-big {

				width: 216px;

			}

			.block-item-small {

				width: 216px;

			}



			.block-item-big img {

				max-width: 209px;

			}



			.block.half{

				width: 216px;

			}



			.block.half .block-item-big img {

				width: 209px;

				max-width: 209px;

			}



			/**- Carousel Styles **/

			.wrapper-carousel .anyClass { width: 330px !important; }

			.anyClass img { width: 130px; }



			/** Archive Block Styles **/

			.block.archive .block-item-big { width: 455px !important; }





		/*** Sidebar Styles ***/

		#sidebar { width: 216px; float: left;} /* was 190 */



			/**- Social Widgets **/

			.social-item { width: 60px; margin-right: 12px;}

			.social-count { font-size: 15px;}



			/**- Tabbed widget **/

			ul.tabs { padding-left: 7px !important; }

			ul.tabs li { margin-left: 5px !important;}

			ul.tabs li a { font-size: 15px; }

			.tabs_container { width: 216px; }







		/*** Widget Styles ***/



			/**- Search Widget **/

			#searchform { width: 194px; }

			#searchform #s{ width: 156px;}



			/**- Twitter widget **/

			.tweets { width: 216px; }



			/**- Flickr Widget **/

			.flickr-photo img { width: 83px; }



			iframe.fb-iframe{ width: 150px !important; }



		/*** Footer styles ***/

		#wrapper-footer { width: 728px;}

		#footer{ width: 688px; }



			/**- Footer widget **/

			#footer .widget { width:216px; }



		/*** Post Styles ***/

		.post-thumb img { width: 442px; height: auto;}



			/**- Comment Styles **/

			#comment-textarea { float: left; }

			#comment-submit { float: left; margin-top: 20px; }



			/**- Related posts **/

			.related-item { width: 136px; }



		/*** Page styles ***/



  			/**- Full width page **/

  			#fullwidth, #fullwidth .post-entry { width: 688px; }



		.responsive .post-heading h1{

			background: red;

		}



		header ul.menu li{

			margin-left: 30px;

		}



		header h1.logo{

			margin: 28px 0 23px 0;

		}

		

		header h1.logo a img{

			width: 95%;

			height: auto;

		}



		/* custom height for testim slider - overriding that of its .js func */

		ul.bjqs, li.bjqs-slide{

			/*height: 250px !important;*/

			height: 208px !important;	

			clear: both;

			/*position: relative;*/

		}



		/* Themes-Page */

		a.button, a.button:hover{

			width: 95px;

		}



		/* Blog page */

		.content-area.blog .container{

			background: url('../images/bg-sidebar-y.png') 555px repeat-y;

		}



		.blog-post .meta{

			padding-bottom: 31px;

			position: relative;

		}



		.blog-post a.read-more{

			position: absolute;

			bottom: 10px;

			left: 0;

		}





		/* footer */



		.footer-widget-col input[type="text"],

		.sidebar-forum .subscribe input[type="text"]{

			width: 53%;

			max-width: 53%; 

		}



		.footer-widget-col input[type="submit"]{

			width: 35%;

			max-width: 35%; 

		}



		/* fforum */

		.fforum ul.navigation > li{

			margin-right: 15px !important;

		}

	

		/* register page - forums */

		.content-left .bbp-login-form{

			width: 60%;

		}



		.content-left .bbp-login-form input[type="text"]{

			width: 93%;

		}



		/* sidebar subscribe */

		.sidebar-forum .subscribe input[type="text"]{

			width: 87%;

			max-width: 87%;

		}

		.sidebar-forum .subscribe input[type="submit"]{

			width: 50%;

			max-width: 50%;

		}



		.sidebar .bbp-login-form button[type="submit"]{

			bottom: auto;

			top: 124px;

			right: 0;

		}



		.sidebar .bbp-login-form input[type="checkbox"] + label {

			margin-top: -15px;

			padding-bottom: 25px;

		}



	}



	/* All Mobile Sizes (devices and browser) */

	@media only screen and (max-width: 767px) {

		header h1 a{

			margin: 0 auto;

		}



		header .navigation-main select{

			display: block;

		}		





		header ul.menu{

			display: none;

		}





		/* blog-page */

		.blog-post .meta ul{

			clear: both;

			margin-top: 8px;

			border-left: 0;

			padding-left: 0;

			margin-right: 8px;

		}

		.blog-post .meta span.comments{

			margin-top: 8px;

			padding-left: 0;

		}

		.blog-post .meta a.read-more{

			clear: both;

			margin-top: 8px;

			float: left;

		}





		/* footer */

		.bottom ul.copyright{

			text-align: center;

		}



		





	}



	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

	/* Tablets */

	@media only screen and (min-width: 480px) and (max-width: 767px) {



		/*** General Styles ***/

		#wrapper{ width: 420px; background: #fff; }

		#wrapper-content{ width: 420px; }



		/*** Header Styles ***/



			/**- Header Top Styles **/

			.topNav { width: 420px; }

			.topNavWrapper { text-align: center; margin-top: 20px; }

			.topNavWrapper ul.topNav { display: none; }

			.topNavWrapper select { display: block; margin: 0 auto; width: 360px;}			



			/**- Header Middle Styles **/

			#header-middle { text-align: center; }

			#logo{ width: 100%;}



			/**- Main Navigation styles **/

			#wrapper-navigation { padding-top: 9px; height: 41px; }

			#navigation ul { display: none; }

			#navigation select { display: block; width: 360px; }



		/*** Main Styles ***/

		#main { width: 396px; margin-right: 0; float: none; margin-bottom: 30px;

				/*border-bottom: 4px #ccc solid;*/

				padding: 0 12px;

				padding-bottom: 20px;

			} /* was 478px */



			/**- Featured Slider Styles **/

			#slider { width: 290px !important; }

			.nivo-caption { width: 270px; }



			/**- Block styles **/

			.block-item-big {

				width: 370px;

				padding-left: 12px;

				padding-right: 12px;

			}

			.block-item-small {

				width: 370px;

				padding-left: 12px;

				padding-right: 12px;

			}



			.block-item-big img { width: 366px; max-width: 366px; height: auto;}



			.block.half{

				width: 400px;

			}



			.block.half.last { margin-top: 40px; }



			.block.half .block-item-big img {

				width: 366px;

				max-width: px;

			}



			.block.full .block-item-big-last { margin-bottom: 8px; } /* phone screen fix */



			/**- Carousel Styles **/

			.wrapper-carousel .anyClass { width: 270px !important; }

			.anyClass img { width: 130px; }



			/** Archive Block Styles **/

			.block.archive .block-item-big { width: 400px !important; padding-left: 0; padding-right: 0; }

			.block.archive .block-item-big .block-image { float: none; }

			.block.archive .block-item-big img { width: 390px; max-width: 390px }







		/*** Sidebar Styles ***/

		.widget { padding: 0 12px; }

		.widget-title { margin: 0 -12px 25px -12px; }

		#sidebar { width: 420px; float: none; clear: both; padding-top: 60px; border-top: 4px #ccc solid;} /* was 190 */



			/**- Social Widgets **/

			.social-item { width: 100px; margin-right: 12px; margin-left: 16px; }

			.social-item.last {  margin-right: 0; margin-left: 16px;}

			.social-count { font-size: 17px;}



			/**- Tabbed widget **/

			ul.tabs { padding-left: 7px !important; }

			ul.tabs li { margin-left: 5px !important;}

			ul.tabs li a { font-size: 17px; }

			.tabs_container { width: 394px; padding-left: 12px;}

			#sidebar .tabs-wrapper { width: 420px; margin: 0 -12px; }



			

		/*** Widget Styles ***/



		.homepage-widget .block.full > div:nth-child(3) { border-top: 1px dashed #ccc; padding-top: 12px; margin-top: 8px; }

		



			/**- Search Widget **/

			#searchform { width: 373px; }

			#searchform #s{ width: 222px;}



			/**- Twitter widget **/

			.tweets { width: 392px; }



			/**- Flickr Widget **/

			.flickr-photo img { width: 107px; }



		/*** Footer styles ***/

		#wrapper-footer { width: 100%;}

		#footer { width: 100%; }

		#footer-bottom { text-align: center; }

		#footer-bottom .left, 

		#footer-bottom .right { float: none; padding: 8px;}



			/**- Footer widget **/

			#footer .widget { width: 400px; margin: 0; float: none; margin-bottom: 20px; }



		/*** Post Styles ***/

		.post-thumb img { width: 384px; height: auto;}

		.post-meta-cats { }

		.post-author small { display: block; margin-top: 30px; float: left;}



			/**- Comment Styles **/

			.textarea-comment { background:url(../images/textarea-comment-small.png) no-repeat; border:0; width:276px; height:163px; padding:14px; font-family:arial; }

			#comment-textarea { float: left; }			

			#comment-submit { float: left; margin-top: 20px; }



			/** Related posts **/

			.related-item { width: 100%; }

			.related-item img {width: 390px; height: auto;}



		/*** Page styles ***/



  			/**- Full width page **/

  			#fullwidth { width: 396px; padding: 0 12px;}

  			#fullwidth, #fullwidth .post-entry { width: 396px; }





  		/** Form **/

  		.postForm .text { width: 374px; }

  		.postForm textarea { width: 374px; }



		.responsive .post-heading h1{

			background: red;

		}



		/* top nav ui fixes for smaller screens */

		.band.navigation-top .sixteen{

			position: relative;

		}



		.navigation-top .navigation-top-inner{

			padding-bottom: 65px;

		}



		.navigation-top ul{

			width: 100%;

			text-align: center;

			margin-right: 0;

		}



		.navigation-top ul.social-icons{

			position: absolute;

			top: 19px;

			right: 0px;

			margin-right: 0;

		}



		.navigation-top ul.social-icons li:first-child{

			margin-left: 0;

		}



		.navigation-top ul.account-top{

			position: absolute;

			top: 48px;

			right: 0px;

		}



		/* custom height for testim slider - overriding that of its .js func */

		ul.bjqs, li.bjqs-slide{

			/*height: 250px !important;*/

			height: 188px !important;	

			clear: both;

			/*position: relative;*/

		}





		/*themes-page*/

		.theme-block .buttons {

			text-align: center;

		}

		a.button, a.button:hover{

			width: 95px;

		}



		/* Blog page */

		.content-area.blog .container{

			background: none;

		}



		/* footer */



		.bottom ul.social-icons{

			float: none;

			text-align: center;	

		}



		/* register page - forums */

		.content-left .bbp-login-form{

			width: 70%;

		}



		.content-left .bbp-login-form input[type="text"]{

			width: 93%;

		}



		/* sidebar */

 



		.sidebar .bbp-login-form input[type="text"],

		.sidebar .bbp-login-form input[type="password"],

		.sidebar .widget-search input[type="text"],

		.sidebar-forum .subscribe input[type="text"]{			 

			width: 94%;

			max-width: 94%;

		}



		.sidebar .bbp-login-form fieldset{

			margin-bottom: 0;

		}



		.sidebar .bbp-login-form button[type="submit"]{

			margin-right: 4px;

			top: 95px;

			bottom: auto;

		}



		 





	}



	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

	/* iphonescreen */

	@media only screen and (max-width: 479px) {





		/*** General Styles ***/

		#wrapper{ width: 300px; background: #fff; }

		#wrapper-content{ width: 300px; }



		/*** Header Styles ***/



			/**- Header Top Styles **/

			.topNav { width: 300px; }

			.topNavWrapper { text-align: center; margin-top: 20px; }

			.topNavWrapper ul.topNav { display: none; }

			.topNavWrapper select { display: block; margin: 0 auto;}			



			/**- Header Middle Styles **/

			#header-middle { text-align: center; }

			#logo{ width: 100%;}



			/**- Main Navigation styles **/

			#wrapper-navigation { padding-top: 9px; height: 41px; }

			#navigation ul { display: none; }

			#navigation select { display: block; }



		/*** Main Styles ***/

		#main { width: 276px; margin-right: 0; float: none; margin-bottom: 30px;

				/*border-bottom: 4px #ccc solid;*/

				padding: 0 12px;

				padding-bottom: 20px;

			} /* was 478px */



			/**- Featured Slider Styles **/

			#slider { width: 254px !important; }

			.nivo-caption { width: 234px; }



			/**- Block styles **/

			.block-item-big {

				width: 276px;

				padding-left: 12px;

				padding-right: 12px;

			}

			.block-item-small {

				width: 276px;

				padding-left: 12px;

				padding-right: 12px;

			}



			.block-item-big img { width: 246px; max-width: 246px; }



			.block.half{

				width: 300px;

			}



			.block.half.last { margin-top: 40px; }



			.block.half .block-item-big img {

				width: 246px;

				max-width: 246px;

			}



			.block.full .block-item-big-last { margin-bottom: 8px; } /* phone screen fix */



			/**- Carousel Styles **/

			.wrapper-carousel .anyClass { width: 161px !important; }

			.anyClass img { width: 130px; }

			.anyClass ul li { width: 150px;}



			/** Archive Block Styles **/

			.block.archive .block-item-big { width: 276px !important; padding-left: 0; padding-right: 0; }

			.block.archive .block-item-big .block-image { float: none; }

			.block.archive .block-item-big img { width: 268px; max-width: 268px }







		/*** Sidebar Styles ***/

		.widget { padding: 0 12px; }

		.widget-title { margin: 0 -12px 25px -12px; }

		#sidebar { width: 300px; float: none; clear: both; padding-top: 60px; border-top: 4px #ccc solid;} /* was 190 */



			/**- Social Widgets **/

			.social-item { width: 81px; margin-right: 12px;}

			.social-count { font-size: 17px;}



			/**- Tabbed widget **/

			ul.tabs { padding-left: 7px !important; }

			ul.tabs li { margin-left: 5px !important;}

			ul.tabs li a { font-size: 15px; }

			.tabs_container { width: 270px; padding-left: 12px;}

			#sidebar .tabs-wrapper { width: 300px; margin: 0 -12px; }



			

		/*** Widget Styles ***/



		.homepage-widget .block.full > div:nth-child(3) { border-top: 1px dashed #ccc; padding-top: 12px; margin-top: 8px; }

		



			/**- Search Widget **/

			#searchform { width: 253px; }

			#searchform #s{ width: 222px;}



			/**- Twitter widget **/

			.tweets { width: 272px; }



			/**- Flickr Widget **/

			.flickr-photo img { width: 68px; }



		/*** Footer styles ***/

		#wrapper-footer { width: 100%;}

		#footer { width: 100%; }

		#footer-bottom { text-align: center; }

		#footer-bottom .left, 

		#footer-bottom .right { float: none; padding: 8px;}



			/**- Footer widget **/

			#footer .widget { width: 276px; margin: 0; float: none; margin-bottom: 20px; }



		/*** Post Styles ***/

		.post-thumb img { width: 264px; height: auto;}

		.post-meta-cats { float: left; }

		.post-author small { display: block; margin-top: 30px; float: left;}



			/**- Comment Styles **/

			.textarea-comment { background:url(../images/textarea-comment-small.png) no-repeat; border:0; width:276px; height:163px; padding:14px; font-family:arial; }

			#comment-textarea { float: left; }			

			#comment-submit { float: left; margin-top: 20px; }



			/** Related posts **/

			.related-item { width: 100%; }

			.related-item img {width: 270px; height: auto;}



		/*** Page styles ***/



  			/**- Full width page **/

  			#fullwidth { width:276px; padding: 0 12px;}

  			#fullwidth, #fullwidth .post-entry { width: 276px; }





  		/** Form **/

  		.postForm .text { width: 254px; }

  		.postForm textarea { width: 254px; }



		.responsive .post-heading h1{

			background: red;

		}





		/* top nav ui fixes for smaller screens */

		.band.navigation-top .sixteen{

			position: relative;

		}



		.navigation-top .navigation-top-inner{

			padding-bottom: 65px;

		}



		.navigation-top ul{

			width: 100%;

			text-align: center;

			margin-right: 0;

		}



		.navigation-top ul.social-icons{

			position: absolute;

			top: 19px;

			right: 0px;

			margin-right: 0;

		}



		.navigation-top ul.social-icons li:first-child{

			margin-left: 0;

		}



		.navigation-top ul.account-top{

			position: absolute;

			top: 48px;

			right: 0px;

		}





		/* iphone 1 logo fixes */

		header h1.logo a{

			text-align: center;

			width: auto;

		}



		header h1.logo a img{

			width: 87%;

			height: auto;

		}



		header h1.logo{

			margin: 24px 0 20px 0;

		}



		/* custom height for testim slider - overriding that of its .js func */

		ul.bjqs, li.bjqs-slide{

			/*height: 250px !important;*/

			height: 224px !important;	

			clear: both;

			/*position: relative;*/

		}





		.team-intros .title span{

			display: block;

		}



		/*themes-page*/

		.theme-block .buttons {

			text-align: left;

			float: left;

			margin-left: 0;

		}



		/* Blog page */

		.content-area.blog .container{

			background: none;

		}

				

		/* footer */

		.bottom ul.social-icons{

			float: none;

			text-align: center;	

		}







		/* register page - forums */

		.content-left .bbp-login-form{

			width: 90%;

		}



		.content-left .bbp-login-form input[type="text"]{

			width: 92%;

		}



		/* sidebar */

 



		.sidebar .bbp-login-form input[type="text"],

		.sidebar .bbp-login-form input[type="password"],

		.sidebar .widget-search input[type="text"],

		.sidebar-forum .subscribe input[type="text"]{			 

			width: 92%;

			max-width: 92%;

		}



		.sidebar .bbp-login-form fieldset{

			margin-bottom: 0;

		}



		.sidebar .bbp-login-form button[type="submit"]{

			margin-right: 3px;

			top: 95px;

			bottom: auto;

		}



		 





	}





/* #Font-Face

================================================== */