/*
Theme Name: Flow
Theme URI: http://stuarteaton.com/
Description: The default theme for stuarteaton.com
Version: 0.1
Author: Stuart Eaton
Author URI: http://stuarteaton.com/
Tags: Flowing, grid, boxes

	Flow v0.1
	http://stuarteaton.com/

	This theme was designed and built by Stuart Eaton,
	whose blog and website you will find at http://stuarteaton.com/

	Copyright (c) 2009 Stuart Eaton

*/


html {
//background: #e8e8e8 url('images/baselinegrid_18px.gif') repeat;
background-color: #aeaeae;
-webkit-text-size-adjust: 180%;
}

body {
	font-family: "Helvetica", sans-serif;
	font-size: 11px;
	line-height: 18px;
	margin: 18px 0px 18px 18px;
	color: #505050;
}
h1 {
	margin: 0;
	font-size: 1.7272727272727273em;
	line-height: 0.9473684210526315em;
	margin-bottom: 0.9473684210526315em;
}
h2 {
	margin: 0;
	font-size: 1.5454545454545454em;
	line-height: 1.0588235294117647em;
	margin-bottom: 1.0588235294117647em;
}
h3 {
	margin: 0;
	font-size: 1em;
	line-height: 1.6363636363636365em;
	margin-bottom: 1.6363636363636365em;
	color: #000;
	font-weight: bold;
	-webkit-text-size-adjust: 130%;
}
h4 {
	margin: 0;
	font-size: 1.1818181818181819em;
	line-height: 1.3846153846153846em;
	margin-bottom: 1.3846153846153846em;
}
p, ul, blockquote, pre, td, th, label {
	margin: 0;
	font-size: 1em;
	line-height: 1.6363636363636365em;
	margin-bottom: 1.6363636363636365em;
}
p.small, small {
	margin: 0;
	font-size: 0.8181818181818182em;
	line-height: 2em;
	margin-bottom: 2em;
	-webkit-text-size-adjust: 140%;
}
table {
	border-collapse: collapse;
	margin-bottom: 1.6363636363636365em;
}


del {
	text-decoration: line-through;
}



a {
color: #6aa5ed;
text-decoration: none;
}



ul{
list-style-type:none;
}

li{
margin-bottom: 0px;
}



.large-block {
	position: relative;
	float: left;
	background-color: #fff;
	width: 454px;
	margin: 0px 18px 18px 0px;
	padding: 18px;
	//-moz-border-radius: 5px;
	//-webkit-border-radius: 5px;
}

.standard-block {
	float: left;
	background-color: #fff;
	width: 200px;
	height: 270px;
	margin: 0px 18px 18px 0px;
	padding: 18px;
	//-moz-border-radius: 5px;
	//-webkit-border-radius: 5px;
}

.standard-block img { margin-bottom: 10px; }

.biog-standard-block {
	float: left;
	background-color: #fff;
	width: 200px;
	height: 270px;
	margin: 0px 18px 18px 0px;
	padding: 18px;
	//-moz-border-radius: 5px;
	//-webkit-border-radius: 5px;
}

.bookmark {
	//background: #eeebde url('images/baselinegrid_18px.gif') repeat;
}

.notes {
	background: #eeebde url('images/baselinegrid_18px.gif') repeat;
}

.post-bookend {
	float: left;
	background-color: #3f3f3f;
	width: 0px;
	height: 270px;
	margin: 0px 18px 18px 0px;
	padding: 18px;
	//-moz-border-radius: 5px;
	//-webkit-border-radius: 5px;
}


.noheight {
	height: auto;
}


.preview a  {
	color: #000;
	text-decoration: none;
}

#overlay {
	position: absolute;
	top: 0px;
	width: 97%;
	background-color: #aeaeae;
	z-index: 999;
	-moz-opacity: 0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
}

#image-slideshow {
	position: absolute;
	text-align: center;
	top: 18px;
	width: 97%;
	padding-bottom: 180px;
	z-index: 1000;
}

.fullsize-image {
	margin: 0 auto;
	padding: 18px;
}

.fullsize-image img {
	border: 1px solid #b8b8b8;
	
}


.hidden {display: none;}

.small {font-size: 8px;}

.preview {
width: 200px;
height: 252px;
margin-bottom: 0px;
overflow: hidden;
}


.preview-content {
position: relative;
float: left;
height: 414px;
}

.preview-content img {
margin-bottom: 12px;
}

.preview-link {
	position: relative;
	width: 236px;
	height: 252px;
	top: -288px;
	left: -18px;
	border: 1px solid #red;
}


.light { color:#c4c4c4; }

blockquote {
font-family: "Times New Roman", serif;
font-style: italic;
line-height: 22px;
}


#copyright {
	position: relative;
	float: left;
	top: 0px;
}

.clear-left { clear:left; }

.comment {
	float: left;
	background-color: #fff;
	width: 200px;
	min-height: 270px;
	margin: 0px 18px 18px 0px;
	padding: 18px;
	//-moz-border-radius: 5px;
	//-webkit-border-radius: 5px;
}

.comment-meta { margin-bottom: 18px; }

.CSS3_3Columns {
-webkit-column-count: 3;
-webkit-column-gap: 30px;
-moz-column-count: 3;
-moz-column-gap: 30px;
}



#top_post h1{
	margin-bottom: 15px;
}


#recent_posts h2 {
	margin-bottom: 20px;
}

#recent_posts h3 {
	margin-bottom: 30px;
}