/* @the 1200px grid
********************************************************************************************
********************************************************************************************/

.container {
	width: 100%;
	max-width: 1020px;
	margin: 40px auto;
	padding:0 80px;
	position:relative;
	overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol,.fifthcol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	margin-left:0;
	float: left;
	min-height: 1px;
	overflow:hidden;
}

.fourcol {
	width: 28%;
	padding-right:0;
	padding-left:3%;
	float:left;
}

.threecol {
	width: 22.7%;
	padding:0;
	margin:0 0 0 3%;
	float:left;
	margin-bottom:20px;
	overflow:hidden;
}

.specfifthcol {
	width: 37.6%;
}

.specfifthcol_last{
	width:20%
}

.eightcol {
	width: 70%;
	padding-right:0;
	padding-left:0;
	float:left;
}

.sixcol {
	width: 50%;
}

.twelvecol {
	width: 90%;
	float: left;
}

.first {
	margin-left: 0px;
}

object, embed {
	max-width: 100%;
}

img {
	height: auto;
}

/* iPad Landscape */
@media screen and (max-width: 1181px){
	.container{
		padding:0 20px;
		margin:20px auto;
		width:auto;
	}

	.small_gallery {
		width:19%;
	}

	img.logo {
		width: 70%;
	}


	.entry img.alignnone,
	.entry img.alignleft,
	.entry img.alignright {
		width:100%;
	}
}

/* iPad Portrait */
@media screen and (max-width: 770px){

	.shadow-inset2{
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#sidebar{ width:31%;}

	.ad300 img,
	ul#block li img,
	#sidebar_mid .fblock img{ width:100%;}

	#sidebar .fblock img{ width:90px;}

	ul#block li h2{ font-size:18px !important;}

	ul#block{height:420px;}

	li.block1{height:140px;}

	li.block2{height:280px;}

	li.block3{height:140px;top:0;}

	li.block4{height:280px;top:140px;}

	li.block5{height:140px;top:140px;}

	li.block6{height:140px;top:280px;}

	li.block7{height:140px;top:280px;}

	#header ul.social-menu{ float:left; margin-left:5px !important;}

	.nav>li:first-child>a{ padding-left:10px !important}

	.tab-post h3{ font-size:10px !important;}

	.flickwrap img{ width:64px;}

	.comment-form-author,
	.comment-form-email,
	.comment-form-url{ margin-right:10px !important;}

	#sec-nav>li>a{
		text-align:center;
		padding: 22px 10px 20px 10px;
	}
}

/* Mobile */
@media handheld, only screen and (max-width: 740px) {
	body {
		font-size: 16px;
		-webkit-text-size-adjust: none;
	}

	.container {
		margin: 0 auto;
	}

	.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol,.fifthcol,
	#sidebar,#homecontent,.homecontent_alt,#singlecontent,#homeright,.headad
	.tabitem {
		width: auto;
		float: none !important;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.homecontent_alt{
		width:100% !important;
	}

	#header {
		position:relative;
		float:none;
		width:89%;
		padding:20px 5%;
	}

	#header h1 {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 0;
	}

	a.logo img{ display:block; margin:0 auto 20px auto; float:none; overflow:hidden}

	#headtop{ border:none;}

	a#navtrigger{ display:block;}

	#navigation,
	#sec-nav{
		display:none;
	}

	#main-nav{ width:100%; padding:0 0 0 0; float:none;}

	.nav>li,
	.nav>li:first-child{ width:90%; padding:0 5% !important; border-bottom:1px dotted #ddd; text-align:center;}

	#main-nav>li>a:before{ display:none;}

	#sec-nav{
		margin-bottom:20px;
	}

	.nav>li>a{ padding:15px 0 !important; background:none}

	.nav li ul{ width:90%;}

	.big_single,.small_posts,.small_posts_alt,ul.raws,ul.raws li,ul.related{ width:100%;}

	.big_single{ margin-bottom:40px;}

	.big_single img{ margin:0 auto 20px auto !important; float:none; width:100%;}

	.tab img {margin: -5px 0;}

	ul.raws li img{ width:40%; margin-bottom:10px;}

	.small_posts p.teaser { height: auto;}

	ul#serinfo {
	position: relative;
	}

	.post iframe{ width:100%;}

	#copyright{ padding:0 5%;}

	.scrollTo_top,
	.top-rating{ display:none !important; visibility:hidden !important;}

	ul#block li img{ width:110%;}

	.resmode-No{ display:none; visibility:hidden;}

	.tabitem iframe, .tabitem img{ max-width:100%;}

	.widgetflexslider ul.slides img,
	.related li a img{width:100%;}

	ul.mansory>li{ width:45% !important;}

	#tickerwarp {
		display: none;
	}

	.mobileheader {
		margin: 0;
		padding: 0;
		position: relative;
		display: block;
		width: 100%;
		z-index: 9000;
	}

	#navtrigger {
		position: absolute;
		top: 0;
		left: 0;
	}

	.flexcarousel.flexslider {
		display: none;
	}
	#sidebar_mid,
	#sidebar {
		display: none;
	}
}

@media only screen and (max-width: 660px) {
	.scrollTo_top{ visibility:hidden; display:none}

	.centerrow .centerthreecol img{ width:auto;}

	.tmnf-sc-quote.left,
	.tmnf-sc-quote.right{ width:100%; float:none; margin-left:0; margin-right:0}


	.contact-form .forms textarea,
	.contact-form .forms input.txt{ width:100%; float:none; margin-left:0; margin-right:0; padding-left:0; padding-right:0}

	.contact-form .forms label{ margin-bottom:10px}

	.contact-form .forms .buttons .submit,
	.contact-form .forms input#sendCopy{ margin-left:0;}

	a.trigger{ display:none;}

	ul#block li img{ width:130%;}

	#sidebar_mid,
	#sidebar{ border:none; width:100%; margin:0 0 20px 0; padding:0 0 0 0;}
	#sidebar_mid .fblock img{ width:auto; float:none;}


	.twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{ width:100% !important;}
} 

@media only screen and (max-width: 490px) {
	.archivepost img{ float:none; clear:both; margin:0 auto 10px auto !important; display:block;}

	.archivepost .ribbon,.archivepost .ribbon_icon{ display:none;}

	.ratingblock{ width:87%; padding:30px 6% 15px 6%}

	.widgetflexslider h3{padding-right: 10px;}

	.comment-form-author, .comment-form-email, .comment-form-url{ width:100%;}

	#respond textarea{ width:90%}

	#tickerwarp{ padding:5px 0 0 0;}

	.widgetflexslider .meta,
	#tickerwarp span.lab{ display:none;}

	ul#block{ height:auto;}

	ul#block li{ position:relative; width:50%; float:left; height:160px; left:auto; top:auto;}

	ul#block li.block1 img{ width:180%; left:-40%}

	ul#block li.block7{width:100%;}

	ul#block li h2{ font-size:12px !important;}

	img.alignleft,
	img.alignright,
	img.aligncenter,
	.wp-caption,
	.wp-caption img{ width:100%; margin:5px 0 30px 0;}

	ul.ad125,ul.ad125 li{ margin:4px !important;}

	.flickwrap{ width:110%;}

	.big_gallery img{ width:100%; margin:0 0 10px 0;}

	ul.mansory>li{ width:95% !important;}
}