/*
Theme Name: Ben 
Theme URI: http://www.suprb.com/grid-a-licious/
Version: 1.0
Author: <a href="http://www.suprb.com">(c) 2008 Suprb</a>
*/
@font-face {
 font-family: Octin;
 src: url('fonts/octin_college_bd.otf');
}
body {			background-color:#d5d5d5;
				color:#666666;
				font-family:"Georgia", Arial, sans-serif;
				font-size:66.7%; /* = 10px */
				padding:0px;
				margin:0px;	}

#container {
				padding:22px 10px;
				margin:0px;}
				
img				{ border:0; }

a 				{ color:#fff; text-decoration:none; }
a:hover			{ color:#fff; text-decoration:underline; }

h1				{ font-family:Octin, "Georgia", Arial, sans-serif; color:#282828; font-size:3.1em; font-weight:400; line-height:0.8em; margin:0; padding:4px 0 0; }
h1 a			{ color:#282828; }
h1 a:hover		{ color:#282828; text-decoration:none; }
h2				{ color:#fff; font-weight:400; margin:0; font-style:italic; }
h2 a			{ color:#fff; }
h2 a:hover		{ color:#fff; text-decoration:underline; }
h3				{ color:#fff; font-weight:400; font-size:1.3em; }

.round { 		background-color:white;
				/*-moz-border-radius:3px;
  				-khtml-border-radius: 3px;
				-webkit-border-radius:3px;*/
				padding: 10px;
				width: 200px;
				float: left;
				margin-right: 10px; }

.contentIndex					{ background-color:#000000; color:#afafaf; text-align:center; padding:0 0 7px; }
.contentImage					{ background-color:#282828; color:#afafaf; text-align:center; padding:0; }
.contentIndex.textonly			{ padding:15px 0 7px; }
.twitter .contentIndex			{ background-color:#161616; }
.twitter .contentIndex p.twitter-message	{ height:40px; /*height:3.4em;*/ overflow:hidden; }
.onecol .contentIndex			{ background-color:#161616; }
.commentbox .contentIndex		{ background-color:#727272; }
.threecols .contentIndex		{ padding:0 0 7px!important; }
.contentIndex h2				{ padding:15px 10px 0; font-size:2em; line-height:1.2em; }
.onecol .contentIndex h2		{ padding:25px 10px 0; }
.threecols .contentIndex h2		{ padding:20px 10px 0; }
.threecols #contentbox2 h2		{ padding:25px 10px 0; }
.commentbox #contentbox2 h2		{ padding:25px 10px 10px; }
.contentIndex h2 img			{ margin:10px 0 0; }
.contentIndex p					{ padding:8px 10px 10px; margin:0; font-size:1.25em; line-height:1.2em; }
.onecol .contentIndex p			{ padding-bottom:0; }
.contentIndex form				{ text-align:left; padding:15px 15px 0; }
.contentIndex form p			{ padding:0; margin:0; font-size:1em; }
.contentIndex form p input		{ width:190px; height:14px; background-color:#ccc; color:#282828; }
.contentIndex form p.centered	{ text-align:center; padding:5px 0; }
.contentIndex form textarea		{ width:190px; height:32px; margin:10px 0 0; background-color:#ccc; color:#282828; }

.contentIndex p.button			{ padding-top:13px; }

.contentIndex input,
.contentIndex textarea		{ font-size:1.2em; font-family:"Georgia", Arial, sans-serif; }

.eachpost { 	background:transparent;
				/*-moz-border-radius:3px;
  				-khtml-border-radius: 3px;
				-webkit-border-radius:3px;*/
				/*position:absolute;*/
				/*padding-bottom:12px;*/	}
			
.eachpost > div 			{ padding:6px 0 0; position:relative; }
.threecols > div			{ padding:8px 0 0; }
	
.eachpost .author { padding-right: 3em; }

.author, .comment { text-decoration:none; }

.eachpost .signature { margin-top:1.5em; }

img.categorytape			{ position:absolute; top:0; }
.eachpost img.categorytape,
.onecol img.categorytape	{ left:60px; }
.twocols img.categorytape	{ left:182px; }
.threecols img.categorytape	{ left:304px; }

.leftlowernav > div,
.leftnav > div 			{ padding:6px 0 0; position:relative; }

#allposts 					{ position:relative;
				padding:0px 10px;}

il, ul, ol 					{ list-style-type: none; list-style: none; }

#menuItem 					{ height:120px; background-color:transparent;  }
#menuItem h2				{ color:#282828; font-size:1.3em; padding:3px 0 3px; }
#menuItem.twocols			{ font-size:1.3em; line-height:1.2em; color:#282828; }
#menuItem > div 			{ padding:0; }
#menuItem p					{ margin:0; padding:2px 0 0; }
#menuItem select			{ width:135px; font-size:1.2em; font-style:italic; font-family:"Georgia", Arial, sans-serif; background-color:#282828; color:#fff; padding:0; }
#menuItem select option		{ border:0; }
#menuItem p a				{ text-decoration:none; color:#fff; }
#menuItem p a:hover			{ text-decoration:underline; }

#mainContent img { display: none }
#mainContent {  /*-moz-border-radius:3px;
				-webkit-border-radius:3px;
  				-khtml-border-radius: 3px;*/
				border: 0;
				background: #fff;
				padding: 0 10px;
				margin-right: 10px;
				margin-bottom: 10px;
				width: 430px;
				float: left;
}
.main { font-size: 0px !important; }
.main p img {	/*-moz-border-radius:3px;
				-webkit-border-radius:3px;*/
				border: 0;
				background: #fff;
				padding: 10px;
				margin-right: 10px;
				margin-bottom: 10px;
				display: inline; }

.onecol						{ margin:0; padding-bottom:0; }
.onecol div p img			{ margin-bottom:7px; }
.twocols 					{  }
.threecols 					{  }
div.twitter	{ margin-top:0; }
div.twitter h2 img			{ margin-top:0; margin-bottom:6px; }
div.imageHolder				{ text-align:center; }
div.adjusted				{ padding-bottom:20px; }

.leftnav					{ display: block; width: 230px; position: absolute; left: 20px; top: 116px; }

.leftlowernav				{ display: block; width: 230px; position: absolute; left: 0px; top: 116px; }

.postnavigation				{ padding:0; }
.postnavigation a			{ margin-right:5px; }

a.selectmimic				{ position:relative; float:left; color:#fff; font-size:1.2em; padding:1px 5px; width:125px; line-height:16px; background-color:#282828; font-style:italic; }
.clear						{ clear:both; }

div.addthis_container		{ margin-top:5px; margin-bottom:13px; }
p.twitter-message			{ padding:20px 10px 6px!important; background:transparent url(images/icon-divider-w.png) no-repeat 50% 10px; }
span.twitter-timestamp		{ display:inline; }

input, textarea, select, button{
				/*background-color:white;
				-moz-border-radius:3px;
  				-khtml-border-radius: 3px;
				-webkit-border-radius:3px;*/
				padding: 3px;
				border:0px;
				margin-top: 5px;
				color:#666;
				font-size:11px;
				font-family: Arial, sans-serif; }
				
textarea { width: 420px; padding: 5px; }

input { padding: 5px; width: 420px; }

.bubble { /*width:690px;*/ margin:5px 0 10px 15px; text-align:left; }

.bubble blockquote { 
				/*background: #fff;*/
				margin:0px;
   				/*-moz-border-radius: 3px;
  				-khtml-border-radius: 3px;
  				-webkit-border-radius: 3px;*/
				padding:0;
				color:#afafaf;
				width:200px; }
				
.bubble small	{ font-size:1em; font-family:Arial,Arial, Helvetica, sans-serif; color:#282828; padding-left:2px; }

.bubble blockquote p { margin:0 0 3px; padding:0 5px; background-color:#ccc; line-height:22px; color:#282828; }

.bubble cite { 	position: relative;
				margin: -7px;
				padding: 7px 0px 13px 18px;
				top: 5px;
				background: transparent;
				font-style: normal;
				display: block; }

.commentmetadata { margin: 0; display: block; }

#commentBox a { text-decoration: none; }

small a { text-decoration: none; }
#nav {
background:transparent url(images/bg-nav-off.gif) repeat-x right top;
margin:0;
padding:0;
height:42px;
}
#nav ul {
padding:0;
margin:0;
}
#nav li{
padding:0;
margin:0;
float:left;
font-family:"Georgia", Arial, sans-serif;
font-size:1.9em;
color:#575353;
font-style:italic;
padding:3px 15px 15px 15px;
background:transparent url(images/bg-nav-off.gif) no-repeat right top;
margin-left:1px;
}
#nav li a:hover {
text-decoration:none;
}
#nav li.current_page_item {
background:transparent url(images/bg-nav-on.gif) no-repeat right top;
}
#nav li:hover {
background:transparent url(images/bg-nav-over.gif) no-repeat right top;
}
#nav li.current_page_item:hover {
background:transparent url(images/bg-nav-on.gif) no-repeat right top;
}
#nav li.navshow {
font-family:Octin, "Georgia", Arial, sans-serif;
background:transparent url(images/bg-show.gif) no-repeat right top;
padding:3px 40px 15px 10px;
color:#FFFFFF;
font-style: normal;
}
#nav li.navtake {
font-family:Octin, "Georgia", Arial, sans-serif;
background:transparent url(images/bg-take-me-home.gif) no-repeat left top;
padding:3px 10px 15px 40px;
color:#FFFFFF;
font-style: normal;
}
#nav li.navabout {
background:transparent url(images/bg-nav-about.gif) no-repeat right top;
float:right;
}
#nav li.navabout:hover {
background:transparent url(images/bg-nav-on.gif) no-repeat right top;
color:#FFFFFF;
}
#nav li.navabouton {
background:transparent url(images/bg-nav-on.gif) no-repeat right top;
float:right;
}
#header {
margin-bottom:0px;
}
#header h1 {
font-family:Octin, "Georgia", Arial, sans-serif;
font-size:76px;
color:#FFFFFF;
line-height:76px;
background:transparent url(images/fontunderline.gif) repeat;
}
.clear {
clear:both;}
.copy {
font-family:"Georgia", Arial, sans-serif;
font-size:12px;
font-style:italic;
color:#212121;
padding:5px 20px;
background-color:#CCCCCC;
}
.footer {
font-family:Octin, "Georgia", Arial, sans-serif;
font-size:36px;
background:#fff url(images/bg-footer.gif) repeat-x right top;
position: relative;
width:100%;
display:none;
margin-top:30px;
}
.footer a{
color:#CCCCCC;
text-decoration:none;
}
.footer a:hover {
color:#212121;
}
.footer ul {
padding:0px;
margin:25px 0px 0px 0px;
background-color:#FFFFFF;
}
.footer ul ul {
padding:0px;
margin:0px;
}
.footer li {
margin:5px 0px;
padding:0px;
}
.footer li li {
margin:5px 0px 15px 0px;
padding:0px;
}
.footer li.stick {
font-family:"Georgia", Arial, sans-serif;
font-size:18px;
color:#191616;
padding:0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
font-style:italic;
position:relative;
}
.f1 {
width:200px;
float:left;
margin-left:20px;
padding-bottom:20px;
}
.f2 {
width:400px;
float:left;
padding-bottom:20px;
margin-left:45px;
}
.f3 {
width:325px;
float:left;
padding-bottom:20px;
font-size:18px;
color:#CCCCCC;
margin-left:45px;
}
.f3 a{
color:#212121;
}
.f3 a:hover{
color:#212121;
}
.flickrphotos img {
margin:0px 5px 5px 0px;
}
.eachpost {
display:none;
}
.eachpostcontainer {
position:relative;
padding:0 20px;
}
.pagetemplate he{padding:0 10px 0 10px;}