/*
Theme Name: Farfarer Blog
Theme URI: http://www.farfarer.com
Description: The theme for my blog at www.farfarer.com.
Author: James O'Hare
Version: 1.0
Tags: white, blue, slate
*/

/* __________________________________________________________ HTML OVERRIDES _*/

pre, code {
	font-family: "Droid Sans Mono", Consolas, Monaco, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 0.85em;

	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */

	margin: 1em;
	padding: 1em;
	background: #ebeff2;
	min-height: 5em;
}

img, embed {
	max-width: 100%;
}

/* __________________________________________________________ PREV POST/NEXT POST BAR _*/

div.prevnext {
	margin: 1em 0.5em 0.5em 0.5em;
	background: #EFF3F6;
	display: block;
}

div.prevnext_prev {
	float: left;
	width: 50%;
	display: inline-block;
}

div.prevnext_next {
	float: right;
	width: 50%;
	display: inline-block;
	text-align: right;
}

div.prevnext_prev a, div.prevnext_next a {
	display: block;
	padding: 1em;

	text-decoration: none;
	font-size: 0.85em;

	color: #009DFF;
}

div.prevnext_prev a {
	
}

div.prevnext_next a {
	
}

div.prevnext_prev a:hover, div.prevnext_next a:hover {
	font-weight: 700;
	color: #FFF;
	background: #009DFF;
}

div.prevnext_catch {
	clear: both;
}

/* __________________________________________________________ MAIN POST _*/

div.posts {
	float: left;
	clear: both;
	width: 70%;
}
div.post {
	margin: 1em 0.5em 0.5em 0.5em;
	padding: 1em;
	border-radius: 0.15em;
	background: #EFF3F6;
}

div.post h1 {
	padding: 1em;
	margin: 0 -1em 0 -1em;
	background: #FFF;
}

div.post h1:first-child {
	margin: -1em -1em 0 -1em;
}

div.post h1:first-child a {
	display: block;
	margin: -1em;
	padding: 1em;
	text-decoration: none;
}

div.post h1:first-child a:hover {
	background: #009DFF;
	color: #FFF;
}

div.post p {
	font-size: 0.85em;
	padding: 1em;
	margin: 0;
	border: 0;
}

div.posts h2.title {
	display: block;
	padding: 1em;
	margin: 1em 0.5em 0 0.5em;
	background: #FFF;
	text-decoration: none;
	color: #999;
}

/* __________________________________________________________ META ( POSTED ON ) _*/

div.meta {
	display: block;
	margin: 1em 0 0 -1em;
}

div.meta a {
	margin: 0 0 0.5em 0;
	background: #FFF;
	padding: 0.5em;
	font-size: 0.85em;
	text-decoration: none;
}

div.meta a:hover {
	background: #009DFF;
	color: #FFF;
}

/* __________________________________________________________ UTILITY ( CATEGORY ) _*/

div.utility {
	display: inline;
	margin: 2em 0 1em -1em;
	background: #FFF;
	padding: 0.5em;
}

div.utility span {
	font-size: 0.75em;
}

div.utility span span {
	font-size: 1em;
}

/* __________________________________________________________ SIDEBAR _*/

div.sidebars {
	float: right;
	width: 30%;
}

div.sidebar {
	margin: 1em;
	padding: 1em;
	border-radius: 0.15em;
	background: #EFF3F6;
	font-size: 0.85em;
}

div.sidebar ul {
	margin: 0;
	border: 0;
	padding: 0;
}

div.sidebar ul li {
	margin: 0;
	border: 0;
	padding: 0;
	list-style-type: none;
}

div.sidebar ul li ul li {
	padding: 0.25em;
}

div.sidebar h3 {
	margin: 1em 0 1em 0;
	padding: 0;
	border: 0;
	font-weight: 400;
	color: #999;
}

/* __________________________________________________________ SEARCH BOX _*/

input.textinput {
	margin: 0;
	padding: 0.5em;
	border: 0;

	font-weight: 400;

	color: #999;
	background: #ebeff2;
}

input.button {
	margin: 0;
	padding: 0.5em;
	border: 0;

	font-weight: 400;

	color: #999;
	background: #ebeff2;
}

input.textinput:hover {
	background: #FFF;
}
input.button:hover {
	color: #009DFF;
	background: #FFF;
}

/* __________________________________________________________ COMMENTS _*/

div.comments, div.nocomments {
	margin: 0.5em;
	padding: 1em;
	background: #EFF3F6;
	font-size: 0.85em;
}

div.comments p {
	margin: 0;
	padding: 0;
	border: 0;
}