/*
Theme Name: Phusion Blog Restyle
Theme URI: http://blog.phusion.nl/
Description: Blog theme for Phusion.
Version: 1.0
Author: Pepijn Looije (Phusion)
Author URI: http://phusion.nl/
*/

.content a {
	color: #3c3fcc;
}

.content ul, .content ol {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

body div#content ul {
	list-style: disc outside;
}

body#blog {
	font-size: 12px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #5a5d6a;
	line-height: 1.6em;
}

div#top {
	background: #fff url('images/top.png') no-repeat;
	height: 81px;
}

div#top h1 {
	text-indent: -9999em;
	position: relative;
	float: left;
	top: 32px;
	left: 22px;
}

div#top h1 a {
	display: block;
	width: 253px;
	height: 32px;
}

div#middle {
	border: 1px solid #ebebf1;
	border-width: 0 1px 0 1px;
	background: #fff;
	padding: 22px;
	float: left;
	width: 924px;
}

h2.title a, p.meta { 
	font-family: 'Helvetica Neue'; 
	color: #3c3f4d;	
}

h3 {
	margin: 15px 0;
}

div#middle div#posts h2, div#middle div#posts h3, div#middle div#posts h4 { border: 0; font-weight: normal; }
div#middle div#posts h2.title { font-size: 23px; margin-bottom: 0; padding-bottom: 4px; font-weight: bold; }
div#middle div#posts h2 { font-size: 19px; }
div#middle div#posts span { color: #777c8f; }
div#middle div#posts div.content { padding: 20px 0 15px; }
div#middle div#posts div.content p { margin-bottom: 8px; }
div#middle div#posts div.content ol {
	margin-left: 2em;
	list-style: decimal outside !important;
}

div#middle div#posts .float-right {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

div#middle div#posts .clear-float {
	clear: both;
}

div#middle div#posts img.exhibit {
	border: solid 1px #bbbbbb;
	padding: 2px;
}

div#middle div#posts em {
	font-family: Times, 'Times New Roma', Serif;
	font-style: italic;
}

div#middle div#posts code {
	font-family: Monospace;
	padding: 2px;
	background: #e7e7e7;
	border: solid 1px #d0d0d0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div#posts {
	float: left;
	width: 652px;
	margin-right: 22px;
}

ul#sidebar {
	float: left;
	width: 250px;
}

ul#sidebar li, div#posts div.post {
	border-bottom: 1px solid #e6e6ed;
	padding: 7px 0 25px;
	margin-bottom: 20px;
}
ul#sidebar li { list-style: none; }
ul#sidebar > li:first-child, div#posts > div.post:first-child { padding-top: 0; }

ul#sidebar li p {
	padding: 6px 0;
}

body div#content div.twtr-hd h3 { height: 13px; }

a#learn-more { 
	display: block;
	margin-left: 165px;
	text-indent: -9999em;
	background: url('images/learn_more.png');
	width: 85px;
	height: 19px;
}

a#learn-more:hover { background-position: 0 -19px; }
a#learn-more:active { background-position: 0 -38px; }

div#bottom {
	background: #fff url('images/bottom.png') no-repeat;
	height: 5px;
	clear: both;
}

body div#content ol#comments {
	list-style: none;
}

ol#comments div.comment-author {
	background: #F4F4F6;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

ol#comments div.comment-meta {
	border-bottom: 1px dotted #F4F4F6;
	padding: 5px 10px;
}

ol#comments div.comment-meta a {
	color: #777C8F;
	font-size: 10px;
}

ol#comments li.comment {
	margin-bottom: 15px;
}

ol#comments li.comment p {
	padding: 5px 5px 10px;
}

ol#comments img.avatar { 
	vertical-align: middle; 
	margin-right: 10px;
}

ol#comments cite { font-style: normal; }

form#searchform {
	float: right;
}

form#searchform div > * {
	display: none;
}

form#searchform div {
	width: 253px;
	height: 29px;
	margin: 25px 20px 0 0;
	background: url('images/search.png');
}

form#searchform input#s {
	background: none;
	display: block;
	padding: 7px 0 0 30px;
	color: #5A5D6A;
	border: 0;
	font-size: 13px;
	width: 210px;
}

div#respond label {
	display: block;
	font-size: 14px;
	font-weight: bold;
}

div#respond input, div#respond textarea {
	color: #5A5D6A;
	border: 1px solid #C0C0C0;
	padding: 3px;
	margin: 4px 0;
	font-size: 12px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	width: 50%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url('images/form_bg.png') repeat-x;
}

:focus {
	outline: 0;
}

div#respond textarea {
	width: 75%;
}

div#respond input#submit {
	width: inherit;
}

div#respond input:focus, div#respond textarea:focus {
	border-color: #8D8D8D;
}

div#respond input#submit {
	background: url('images/submit_comment.png');
	width: 111px;
	height: 21px;
	text-indent: -9999em;
	border: 0;
}

div#respond input#submit:hover { background-position: 0 -21px; }
div#respond input#submit:active { background-position: 0 -42px; }