/*
Theme Name: Surreal Minimal
Description: Based on minimalist
Version: 4.0
Author: Jack James
Author URI: http://www.surrealroad.com
Latest updated: 13/01/10
Tags: 

*/
 
#page{ 
	width:850px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
} 

.contentBox{
	margin-top:10px;
	margin-bottom:10px;
	padding: 20px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#FFF;
	border:2px solid #aaa;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

.contentBox ul, .contentBox ol {
	padding:1.2em;
	margin-left:1em;
}

.sidebarBox{
	margin-top:3px;
	margin-bottom:10px;
	padding: 10px;
	background-color:#FFF;
	border:2px solid #aaa;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#header{ 
	position:relative; 
	width:152px; 
	margin: 0 auto; 
	padding: 30px;
	overflow-x:hidden;
} 

#header h1{ position:relative; float:left; padding:0px 0px 0px 250px; width: 650px; font-weight:bold; font-size:20px; text-transform:uppercase;} 
#header h2{ position:relative; float:left; clear:left; padding:0px 0px 0px 250px; width: 650px; font-weight:bold; font-size:14px; text-transform:uppercase;} 

h2.contentheader, h2.contentheader a{
	color:#000;
	font-family:Chiller, "Blackadder ITC", "Handwriting - Dakota", "Marker Felt", pristina, "Savoye LET", cursive, sans-serif;
	font-size:1.5em;
	padding-bottom:10px;
	padding-left:10px;
} 
 
#leftcol{ 
	width:180px; 
	float:left; 
	position:relative; 
	padding: 0px 20px 0px 0px; 
	text-align:right; 
	overflow-x:hidden;
	padding-right:10px;
	padding-top:5px;
}

.menuheader, .menuheader a {
	margin:0; 
	text-align:right; 
	font-weight:bold; 
	text-transform:uppercase; 
	font-family:Chiller, "Blackadder ITC", "Handwriting - Dakota", "Marker Felt", pristina, "Savoye LET", cursive, sans-serif;
	font-size:1.1em;
	padding-bottom:10px;
	padding-right:5px;
	color:#333;
}

h2.menuheader {cursor: pointer;}

table, tr, td {
	border:1px none #000;
}

table {
	background-color:#EDE6D3;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
}

td {
	background-color:#F3F1E9;
	padding:3px;
}


#menu ul {
	padding: 2px 0px 2px 0px; 
	margin: 0px 0px 0px 0px;
	display: inline;
	list-style-type: none;
	font: helvetica,arial,clean,sans-serif;
	font-size: 1em;
	text-align:left;
}

#feedicon {
	padding-right:7px;
}

ul#recentcomments {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; width:230px; clear:left; float:right;}
ul#recentcomments li{margin: 0px 0px 0px 0px; display: block; font-weight:bold; text-transform:uppercase; font-size:14px;}
ul#recentcomments li a{ width: 225px; display: block; padding: 5px 0px 5px 5px; text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#recentcomments li a:hover{ text-decoration:none; }
#recentcomments a{ text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:14px;}
#recentcomments a:hover{ text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:14px; }

#maincol{ float: right; display:inline; position: relative; width:650px; overflow-x:hidden; text-align:left;}

h2.contentheader{ cursor: pointer; position:relative; float:left; margin:0px 0px 0px 0px; clear:left;} 

.content{clear:both;}

.permalink{ 
	margin:0px 0px 0px 0px; 
	padding:0px; 
	font-weight:bold; 
	font-size:0.8em;  
	clear:both;
	color:#ccc;
	padding-bottom:20px;
} 

.permalink a{
	text-decoration:none;
	color:#aaa;
} 

table#calendar_wrap {overflow:hidden;clear:both; }

#wp-calendar{ font-size: 13px; text-decoration:none; clear:both; margin: 6px auto 6px auto; padding: 0px 10px 0px 10px;}
#wp-calendar a{ font-size: 13px; text-decoration:none; }
#wp-calendar a:hover{ font-size: 13px; text-decoration:none; }

blockquote {
	margin:20px; 
	padding:8px 8px 8px 15px;
	background-color:#FFC;
	border:solid #FF0 2px;
}

blockquote p {
	background-color:inherit; font-size:0.9em; line-height:1.3em;
}

label {background-color:inherit; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; margin:5px 0 15px 0;}


#respond{font-weight:normal;}
#s,#submit { font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {  font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}



img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right;}
.alignleft {float:left;}

.divider{height: 25px; width:604px; background: top center no-repeat; margin: 10px auto 5px auto;}
.left { float:left; margin:10px 15px 10px 0;}
.right { float:right; margin:10px 0 5px 10px;}
.center { margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0px;}

#postinfotext{
	margin:0px 0px 0px 0px; 
	padding:0px; 
	font-weight:bold; 
	font-size:0.8em;  
	clear:both;
	color:#ccc;
	padding-top:30px;
}

#postinfotext a {
	color: #aaa;
}

.commentheader {
	font-size: 1.5em; 
	padding-top:20px;
}

.comment {
	margin:0 0 10px;
	padding:8px 8px 8px 15px;
	background-color:#F2F5FA;
	border:solid #5A95EE 2px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	min-height:47px;
}

.commenticon {
	margin:0px 0px 0px 0px; 
	padding:0px; 
	font-weight:bold; 
	font-size:0.8em;  
	color:#aaa;
}

.commenticon a {
	color: #888;
}

.commenttext { font-size: 13px; line-height:1.7em; }
.commenttext p{ font-size: 13px; line-height:1.7em; }

.comment p {line-height:1.7em; margin:0px; padding-bottom:2px;}
.gravatarside {float:right; width:48px; height:48px; margin:0px 5px 5px 5px;}

.addComment {
	color:#333;
	font-size:1.7em;
	padding-top:10px;
	padding-bottom:20px;
}
	
.wp-caption { text-align: center; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; clear:both;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}


.navigation, .navigation a {
	color:#666;
	font-family:Chiller, "Blackadder ITC", "Handwriting - Dakota", "Marker Felt", pristina, "Savoye LET", cursive, sans-serif;
	font-size:1.5em;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;

}

.heading {
	color:#666;
	font-family:Chiller, "Blackadder ITC", "Handwriting - Dakota", "Marker Felt", pristina, "Savoye LET", cursive, sans-serif;
	font-size:1.5em;
	padding-top:10px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:15px;
	font-size:1.7em;
}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}