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

.container,.container_alt {
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding:0 0 3px 0;
overflow:hidden;
position:relative;
}

.container_alt {
width: 97.4%;
max-width:1140px;
}


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

.fourcol {
width:30.7%;
float:left;
}

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

.specfifthcol {
width: 37.6%;
}

.specfifthcol_last{ width:20%}

.eightcol {
width:58.64%; padding:30px 2.7%;
float:left;
}

.sixcol {
width: 48%;
}

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



.first {
margin-left: 0px;
}

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



img {
	height: auto;
}


/* Smaller screens */

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

img.logo{ margin-bottom:20px !important}

ul.medpost>li{ width:30% !important;}

ul.medpost li#slider{ width:63.2% !important;}

ul.medpost li#slider2{ width:57.64% !important;}

#main-nav{ padding-left:0 !important;}
	
}


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

ul#main-nav>li{ width:23%; padding-left:2%;}

.stuff p.teaser{ height:100px; overflow:hidden;}

img.ad300{ width:100%}
	
}


/* Mobile */



@media handheld, only screen and (max-width: 740px) {

body {
font-size: 16px;
-webkit-text-size-adjust: none;
padding-top:0;
}

.centerrow, body,.container-out {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 0;
padding-right: 0;
margin-top:0;
}



#main-nav,
#header,
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol,.fifthcol,
.tabitem,
ul.medpost>li,
.slider_content,#content .slider_content
 {
width: auto;
float: none !important;
padding-left: 20px;
padding-right: 20px;
margin-left: 0;
margin-right: 0;
}


ul.medpost>li,
ul.medpost li#slider,
ul.medpost li#slider2{ width:100% !important; height:auto; padding:0 0 30px 0; margin:0 0 30px 0 !important;}


ul.medpost li#slider,.slider_content,#content .slider_content{width:100% !important; padding:0 0 !important;}

#navigation{ position:relative !important;}


#header{ position:relative;
float:none;
width:auto;}

#header a img.logo{ float: none;}

.mainflex{ margin:0 0 0 0;}

ul#main-nav{ width:100%; padding:5px 0 0 0; margin:0 auto -10px auto;}

ul#main-nav>li{ width:31.333%; padding-left:2%;}

.nav li ul{ width:200px; margin:0 0 0 -10px;}

.nav>li>ul>li{ width:100%;}

.scrollTo_top{ display:none !important; visibility:hidden !important;}

.searchformhead{ float:none; position:relative; top:auto; right:auto; width:60%; margin:40px auto 0 auto;}

.searchformhead input.s{border-left:none;}



ul#serinfo {
position: relative;
z-index: 5;
float: left;
}

.post iframe,
img.main-single,
.flexslider .slides img{ width:100% !important;}

.widgetflexslider{ margin-top:30px !important; margin-left:30px; margin-right:30px; width:auto; height:200px !important;}

#copyright{ padding:0 5%;}



.inside{ padding:30px 0 !important}

#homewidget .inside{ padding:30px 30px !important}


.stuff{ position:absolute; right:auto; left:0; top:65%; width:100%;}

.stuff h1{ text-shadow:0 0 2px #000; padding:17px 8% 0 8%;}

.stuff h1 a{ color:fff !important;}

.stuff p.meta,
.stuff p.teaser,
.stuff span.ribbon,
.stuff span.ribbon_icon,
.mainflex ol.flex-control-nav{ display:none; visibility:hidden;}



}


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

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

.nav>li{ background:none !important;}


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

} 



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

ul#main-nav>li{ width:47%; padding-left:3%;}

.archivepost img,.fblock img{ float:left;}

img.attachment-archive{ margin:0 auto 20px auto; display:block; float: none} 

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

.mainflex,.galleryslider{height: 230px !important;}

.stuff{top:43%;}


}