body {
	background: #f6f6f6;
	color: #444;
	font: normal 12px/17px 'Gill Sans', Arial, sans-serif;
	margin: 0;
	padding: 0;
}
img { border: 0; }
a {
	color: #5e87b0;
	text-decoration: none; 
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
:focus { outline: none; }
.clear { clear: both; }
.replace { display: block; text-indent: -99999px; }

h1 {}
h2 {
	font: normal 18px 'Gill Sans', Arial, sans-serif;
	text-transform: uppercase;
}

img.alignright {float:right; margin: 0 0 15px 15px;}
img.alignleft {float:left; margin: 0 15px 15px 0;}
img.aligncenter {display: block; margin: 0 auto; }

/* !simple grid system */
.box { float: left; position: relative; }
.box.left { clear: left; margin-right: 2%; }
.box.right { float: right; padding-left: 2%; padding-right: 0% }
.half { width: 48%; padding-right: 2%; }
.full { width: 100%; margin:0;}
.onesixth { width: 14%; padding-right: 2%; }
.fivesixths { width: 81%; padding-right: 2%; }
.onethird { width: 31%; padding-right: 2%; }
.twothirds { width: 64%; padding-right: 2%; }
.onequarter { width: 23%; padding-right: 2%; }
.threequarters { width: 73%; padding-right: 2%; }
.onefifth { width: 18%; padding-right: 2%; }
.twofifths { width: 38%; padding-right: 2%; }
.threefifths { width: 58%; padding-right: 2%; }
.fourfifths { width: 78%; padding-right: 2%; }
.box.center { float: none; margin: 0 auto; }

	.button {
		background-color: #5E87B0;
		border: none;
		border-radius: 11px;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
		-o-border-radius: 11px;
		color: #fff;
		cursor: pointer;
		padding: 3px 11px;
		text-transform: lowercase;
		transition: background-color 0.35s ease-in-out;
		-moz-transition: background-color 0.35s ease-in-out;
		-webkit-transition: background-color 0.35s ease-in-out;
		-o-transition: background-color 0.35s ease-in-out;
	}
	.button:hover {
		background-color: #9F9F9F;
	}

#wrapper {
	background: #fff;
	margin: 0 auto;
	position: relative;
	width: 960px;
}
#header {
	padding: 10px;
	width: 900px;
}
	#header #logo {
		float: left;
		height: 100px;
	}
	#header #logo a {
		background: url(../images/tofu-magazine-logo.jpg) no-repeat;
		color: #111111;
		display: block;
		/* font: normal 28px Georgia, serif; */
		height: 80px;
		font-size: 28px;
		margin: 0 0 0 20px;
		text-indent: -9999px;
		width: 198px;
	}
	#header ul.social {
		float: right;
		list-style: none;
		margin: 5px 0 0 0;
		padding: 0;
	}
	ul.social li {
		float: left;
	}
		ul.social li a {
			display: block;
			margin: 0 6px;
			font-size: 1.3em;
			transition: color .3s ease .1s;
		}

		ul.social li a:hover {
			color: #fff;
		}
		#header ul.social li a:hover {
			color: #424242;
		}

/*
		li.facebook { background: url(../images/facebook.png) top no-repeat; }
		li.facebook:hover { background: url(../images/facebook.png) bottom no-repeat; }

		li.twitter { background: url(../images/twitter.png) top no-repeat; }
		li.twitter:hover { background: url(../images/twitter.png) bottom no-repeat; }

		li.rss { background: url(../images/rss.png) top no-repeat; }
		li.rss:hover { background: url(../images/rss.png) bottom no-repeat; }

		li.youtube { background: url(../images/youtube.png) top no-repeat; }
		li.youtube:hover { background: url(../images/youtube.png) bottom no-repeat; }

		li.tumblr { background: url(../images/tumblr.png) top no-repeat; }
		li.tumblr:hover { background: url(../images/tumblr.png) bottom no-repeat; }
*/

/* !nav */
#nav {
	border-bottom: dotted 1px #d8d8d8;
	clear: both;
	margin: 10px 0 1px 0;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: visible;
	padding: 0 30px 5px 30px;
	width: 900px;
}
	#nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#nav ul li {
		border-top: solid 1px #fff;
		float: left;
		padding: 7px 13px 5px 13px;
	}
	#nav ul li:hover,
	#nav ul li.active {
		background: #dee4ea;
		border-top: solid 1px #5e87b0;
	}
	#nav ul li a {
		color: #000000;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	#nav form {
		float: right;
		margin: 0 8px 0 0;
		padding: 0;
		width: 261px;
	}
	#nav form label {
		background: #f8f8f8;
		border-bottom: solid 1px #d8d8d8;
		border-top: solid 1px #d8d8d8;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		box-shadow: inset 0 0 10px #d8d8d8;
		-moz-box-shadow: inset 0 0 10px #d8d8d8;
		-webkit-box-shadow: inset 0 0 10px #d8d8d8;
		display: block;
		height: 20px;
		padding: 3px 0;
	}
	#nav form input {
		background: none;
		border: none;
		padding: 2px 5px;
	}
	#nav form input#search {
		width: 225px;
	}
	#nav form input.btn_submit {
		background: url(../images/search.png) no-repeat;
		text-indent: -9999px;
		width: 16px;
		cursor: pointer;
	}
	
.slider img { width: 100%; }

/* !content */
#main {
	background: url(../images/bg-content.png) center bottom no-repeat;
/* 	margin: 120px 0 0; */
	margin: 0;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: visible;
	padding: 0 0 30px 0;
}
#content {
	float: left;
	margin: 20px 50px 0 0;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: visible;
	padding: 0 30px;
	width: 550px;
}
	.post {
		border-bottom: dotted 1px #d8d8d8;
		margin: 0 0 25px 0;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: visible;
		padding: 0 0 10px 0;
	}
	.post h1 {
		font: normal 18px/18px 'Gill Sans', Arial, sans-serif;
		margin: 10px 0 0 0;
		text-transform: uppercase;
	}
	.post .front_thumb {
		border: solid 1px #d8d8d8;
		float: left;
		margin: 1em 1em 1em 0;
	}
	.post_meta {
/*
		background: #f8f8f8;
		border-bottom: solid 1px #d8d8d8;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		box-shadow: inset 0 0 10px #d8d8d8;
		-moz-box-shadow: inset 0 0 10px #d8d8d8;
		-webkit-box-shadow: inset 0 0 10px #d8d8d8;
*/
		border-top: solid 1px #d8d8d8;
		clear: both;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: visible;
		opacity: .5;
		padding: 10px  0 10px;
		transition: opacity 0.35s ease-in-out;
		-moz-transition: opacity 0.35s ease-in-out;
		-webkit-transition: opacity 0.35s ease-in-out;
		-o-transition: opacity 0.35s ease-in-out;
	}
	.post_meta:hover {
		opacity: 1;
	}
	ul.post_meta_group {
		border-right: dotted 1px #d8d8d8;
		float: left;
		list-style: none;
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
	}
	ul.post_meta_group li {
		font-size: 11px;
		padding: 0 2px 0 0;
	}
	ul.post_meta_group.share { width: 20px; }
	ul.share ul { list-style: none; margin: 0; padding: 0; }
	ul.meta_name {
		width: 80px;
	}
	ul.meta_tags {
		border: none;
		margin: 0px;
		padding: 0;
		width: 405px;
	}
	ul.meta_rest {
		border: none;
		width: 80px;
	}


	ul.post-categories { border-top: 1px solid #d7d7d7; margin: 20px 0 5px; overflow: hidden; padding: 10px 0 0; list-style: none; }
	ul.post-categories li {
		float: left; 
		margin: 0 3px 3px 0; 
		background-color: #5E87B0;
		border: none;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 4px;
		-o-border-radius: 2px;
		display: block;
		padding: 2px 5px;
		text-transform: lowercase;
		transition: background-color 0.35s ease-in-out;
		-moz-transition: background-color 0.35s ease-in-out;
		-webkit-transition: background-color 0.35s ease-in-out;
		-o-transition: background-color 0.35s ease-in-out;
	}
	ul.the_tags { border-bottom: solid 1px #d7d7d7; margin: 0px 0 10px; overflow: hidden; padding: 0 0 10px; list-style: none; }
	ul.the_tags li { 
		float: left; 
		margin: 0 3px 3px 0; 
		background-color: #D7D7D7;
		border: none;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 4px;
		-o-border-radius: 2px;
		display: block;
		padding: 2px 5px;
		text-transform: lowercase;
		transition: background-color 0.35s ease-in-out;
		-moz-transition: background-color 0.35s ease-in-out;
		-webkit-transition: background-color 0.35s ease-in-out;
		-o-transition: background-color 0.35s ease-in-out;
	}
	ul.the_tags li a,
	ul.post-categories li a { color: #fff; }
	ul.the_tags li:hover,
	ul.post-categories li:hover {
		background-color: #9F9F9F;
	}
	ul.post_meta_info {
		list-style: none;
		margin: 0;
		overflow: hidden;
		padding: 0;
	}
	ul.post_meta_info li {
		float: left;
		margin: 0 10px 0 0;
	}
	ul.post_meta_share { margin: 0; padding: 0; }
	ul.post_meta_share li { float: right; padding: 0 0 0 10px; }
	ul.post_meta_share li a {
		height: 16px;
		display: block;
		margin: 0;
		padding: 0;
		width: 16px;
	}


	.post_image {
		margin: 1em 0;
	}
	.splash {
		margin: 10px 42px 10px 30px;
	}
	ul#options { border-top: solid 1px #d8d8d8; list-style: none; margin: 10px 0 0; padding: 10px 0 0; width: 100%; }
	ul#options li {
		float: left;
		margin: 0 10px 0 0;
		overflow: hidden;
	}
	ul#options li.right {
		float: right;
		margin: 0 0 0 15px;
	}
	li a.twitter { 
		background: url(../images/twitter-big.png) no-repeat;
		display: block;
		text-indent: -9999px;
		width: 16px;
	}
	li a.facebook { 
		background: url(../images/facebook-big.png) no-repeat;
		display: block;
		text-indent: -9999px;
		width: 16px;
	}

/* !sidebar */
#sidebar {
	float: left;
	margin: 20px 0 0 0;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: visible;
	width: 260px;
}
	ul.ads {
		list-style: none;
		margin: 40px 0 0 0;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: visible;
		padding: 0 0 10px 0;
		width: 260px;
	}
	ul.ads li {
		/* background: #f8f8f8; */
		float: left;
/* 		height: 30px; */
		margin: 0 0px 10px 0;
		width: 125px;
	}
	ul.ads li:nth-child(even) {
		margin-right: 10px;
	}

	ul.twits {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.twits li {
		margin: 0 0 20px 0;
	}
	ul.twits li span { color: #888; font-size: 11px; }

#sidebar .store li { float: left; width: 50%; border: none; padding: 10px 0 0; height: 180px; }

/* !footer */
#footer {
	background: #424242;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	clear: both;
	color: #9f9f9f;
	margin: 0 0 20px 0;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: visible;
	padding: 10px 30px;
}
	#footer ul {
		list-style: none;
		margin: 10px 0;
		padding: 0;
	}
	#foot_info {
		float: left;
		width: 175px;
	}
	.foot_nav {
		float: left;
		width: 100px;
	}
	#footer #foot_nav_one {
		border-left: dotted 1px #9f9f9f;
		padding: 0 0 0 30px;
	}
	#footer .social {
		float: right;
	}

/* !contact form */
.forms label {
	display: block;
	width: 100%;
}
.forms .row,
.mc_merge_var {
	margin: 14px 0 !important;
}
.forms label span {
	display: inline;
	float: left;
	width: 80px;
}
.forms input.text,
.forms textarea,
.forms select,
.mc_input {
	background: none;
	border: solid 1px #d8d8d8;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 5px 0;
	padding: 5px;
	width: 200px;
}
.forms input.text:focus,
.forms textarea:focus,
input.mc_input:focus {
	border: solid 1px #5e87b0 !important;
}
.mc_signup_submit,
#mc_unsub_link,
#mc_display_rewards {
	text-align: left !important;
}

/* !store */
ul.store {
	clear: both;
	list-style: none;
	margin: 0;
	overflow: auto;
	overflow-x: visible;
	overflow-y: hidden;
	padding: 0 0 20px 0;
}
ul.store li {
	float: left;
	padding: 0 20px 30px 0;
	width: 92%;
	border-top: 1px solid #5e87b0;
}
ul.store li.store_title {
	clear: both;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	padding-bottom: 0px;
	width: 400px;
	border: none;
}
ul.store li img {
	float: left;
	padding: 0 10px 0 0;
}
ul.info {
	padding: 0;
}
.cover {
	float: right;
}
.store_content {
	float: left;
	padding: 0 0 0 15px;
	width: 335px;
}

/* !comments */
#comments {
	margin-top: 25px;
}
ol.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol.commentlist li.comment,
ol.commentlist li.post {
	background: none;
	border-top: solid 1px #d8d8d8;
	clear: both;
	margin: 10px 0;
	padding: 10px 0;
}
.comment_meta {
	float: left;
	padding: 5px;
	width: 140px;
}
.comment_author,
.comment_author a {
	display: block;
	font: bold 12px/14px Tahoma, Helvetica, Arial, sans-serif;
}
.comment_date {
	color: #757373;
	display: block;
	font: normal 12px/14px Tahoma, Helvetica, Arial, sans-serif;
}
.comment_body {
	border-left: dotted 1px #d8d8d8;
	float: left;
	padding: 5px 5px 15px 10px;
	margin: 0 0 0 5px;
	width: 375px;
}
.comment_body p {
	margin-top: 0px;
}
#respond .row input.text, .mc_merge_var input {
	background: #f6f6f6;
	border: solid 1px #d7d7d7;
	padding: 5px;
	width: 100%;
}
#respond .row input.text:focus,
#respond .row textarea:focus,
div.parent-focus input {
	background: #fff8fa !important;
}
#respond .row textarea{
	background: #f6f6f6;
	border: solid 1px #d7d7d7;
	height: 176px;
	padding: 5px;
	width: 100%;
}
#respond label {
	width: 100%;
}

/* !search */
ul.search-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.search-nav li {
	float: left;
	padding: 0 20px 0 0;
}

/* !newsletter signup */
#newsletter_signup {
	margin: 15px 0 0 0;
}

img.banner {
	position: absolute;
	top: 165px;
	left: 30px;
/* 	margin: 15px  0 5px 30px; */
	width: 891px;
}
#a_bit_above {
	z-index: 10;
/* 	display: none; */
}

/* !missing */
.missing h1 {
	font: normal 40px 'Gill Sans', Arial, sans-serif;
	text-align: center;
	margin: 40px 0 0 0;
	color: #5e87b0;
}
.missing h2 {
	font: normal 22px 'Gill Sans', Arial, sans-serif;
	text-align: center;
	margin: 0 0 -20px 0;
}

/* !related */
ul.related {
	list-style: none;
	margin: 0px 0 10px;
	overflow: hidden;
	padding: 0px;
}
ul.related li {
	border-top: dotted 1px #D8D8D8;
	clear: both;
	margin: 5px 0;
	overflow: hidden;
	padding: 5px 0;
}
ul.related li:first-child { border: none; }
ul.related span, ul.related a {
	display: block;
	float: left;
	padding: 0 10px 0 0;
}
ul.related li em {
	font-style: normal;
	opacity: 0;
	-webkit-transition: opacity 0.75s ease-in-out;
	-moz-transition: opacity 0.75s ease-in-out;
	-o-transition: opacity 0.75s ease-in-out;
	ransition: opacity 0.75s ease-in-out;
}
ul.related li:hover em {
	opacity: 1;
}

#press_resources a {
	display: block;
	margin-bottom: 25px;
	overflow: hidden;
}
#press_resources a img { border: solid 1px #D8D8D8; }


.shhh {
	display: none;
}