/* @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:220px;}


.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;
}

.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 0 0 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;}

}


@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;}

}