/* @center grid
********************************************************************************************
********************************************************************************************/

.centerrow {
width: 100%;
max-width: 1055px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

.centeronecol, .centertwocol, .centerthreecol, .centerthreecolspec, .centerfourcol {
margin:0 1.85%;
float: left;
min-height: 1px;
margin-bottom:40px !important;
}

.centerrow .centeronecol {
width: 4.93%;
}

.centerrow .centertwocol {
width: 13.26%;
}

.centerrow .centerthreecol {
width: 21.3%;
}

.centerrow .centerthreecolspec {
width: 16.3%;
}

.centerrow .centerfourcol {
width: 29.63%;
}


/* @the 1140px grid
********************************************************************************************
********************************************************************************************/

.container {
padding-left: 20px;
padding-right: 20px;
overflow:hidden;
}

.container-full {
padding-left: 20px;
padding-right: 20px;
width:100%;
}

.row {
width: 100%;
max-width: 1010px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

.rowwide {
width: 104%;
max-width: 1050px;
min-width: 745px;
margin: 0 auto;
overflow: hidden;
}

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

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 21.85%;
}

.row .fourcol {
width: 30.53%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 47.9%;
}

.row .sevencol {
width: 55%;
}

.row .eightcol {
width: 64.7%;
}

.row .ninecol {
width: 73.7%;
}

.row .tencol {
width: 81.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.first {
margin-left: 0px;
}

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



img {
	height: auto;
}
	.flickwrap img{
	}


/* Smaller screens */

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

body {
font-size: 1em;
line-height: 1.9em;
}

.padding-fix{ padding-left:20px !important; padding-right:20px !important}


.centerrow .centerthreecolspec{
width:22%;
min-width:172px !important;
height:auto;
overflow:hidden;
}

.searchform input.s {
	width:90%;}
	
}


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

#navigation {
height:auto;}

ul#social-menu{ margin:0 0 30px 0}

.singlepost .eightcol{ margin-bottom:40px;}

.folio-meta { margin-bottom:30px;}

}


/* Mobile */



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

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

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

.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol,
.centerrow .centeronecol, .centerrow .centertwocol, .centerrow .centerthreecol, .centerrow .centerfourcol
 {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
}

.item_full, .item_full_narrow, .item_full3, .item_blog{
height:auto !important;}
	
.item_full p.taggs, .item_full_narrow p.taggs, .item_full3 p.taggs, .item_blog p{ margin-bottom:15px}

#sidebar {
background:none;
padding:40px 0 0 0}


#navigation {
clear: both;
float:left;
}
#navigation .nav {
float: none;
}

#topnav{ text-align:center;}
.nav{float:none; margin:10px auto; text-align:center;}

.nav li {
float: none;
}
#navigation .nav li a {
border: none!important;
background:none;
}

a#homes {
display:none;
}

#navigation .nav li ul {
position: relative;
border: none!important;
}
#navigation .nav li ul li {
padding-left: 10px;
}
#navigation .nav li ul a {
color: #888888;
}
#navigation .nav li ul a:hover {
text-decoration: underline;
}
#navigation ul {
margin:15px 0;
}


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

ul.medpost li img {
display:block;
margin:10px auto 20px auto;
clear:both;
float:none;}


.item_full,.item_full_narrow,.item_full3,.item_blog{
float:none;
margin:0 auto 0 auto;
}



#portfolio-filter{ margin-bottom:5px;}

#portfolio-filter a{ padding-bottom:15px;}

#header h1,#header h1 img{ text-align:center; margin:0 auto; float:none;}

#header ul.social-menu{ float:left; margin:40px 0 -10px 0; width:108%}


#header ul.social-menu>li {
float: left;
margin: 0 15px 15px 0;
padding:0; }


ul#social-menu,ul#social-menu li {
float: left; }


.searchformhead{float: none; margin:20px auto; }


h2.leading,h4.leading{ text-align:center;}

}


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

#navigation {
width:100%;
}

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



.twins,.twins-small,.twins2col{ width:100%}

.slpost_small {
min-height:inherit;
height:auto;
}

.slpost_small img,.slpost_small iframe {
width:100%;
height: auto;}
#content .flickr_badge_image{ height:40px;}

.post .meta, .page .meta{width:100%; text-align:left;}

span.ico-date,
span.ico-cat,
span.ico-auth,
span.ico-comm{;margin:7px 13px 0 0; float:left;}

ul.medpost li h2{margin: -5px 0 15px 0;}

ul.medpost li p{margin: 0 0 15px 0;}

} 




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


ul.medpost li img {
margin:0 0 20px 0;
clear:both;
float:none;}

#portfolio-filter a{ padding-bottom:15px;}

} 







/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		
	}
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

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

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}