/*
Theme Name: Selle
Theme URI:
Description: minimalist, white
Version: 1.0
Author: Niclas Sellebraten (concept), Tim Huynh (build)
Author URI: http://freemusing.com/
*/

/* 0-0 Browser Reset */

/* 1-0 General Layout (backgrounds, dimensions, positioning) */

/* 2-0 General Styling (text color, size, spacing) */

	/* 2-1 Navigation Styling */

	/* 2-1 Content Styling */

		/* 2-2-1 Comments Styling */
		
		/* 2-2-2 Comment Form Style */

	/* 2-3 Footer Styling */


/* ================================================== */
/* 0-0 Browser Reset */

/* adapted from meyerweb.com */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, code, del, dfn, em, font, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	background: #fff;
	color: #000;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ================================================== */
/* 1-0 General Layout (backgrounds, dimensions, positioning) */

/* in order of appearance */

body {
	margin: 0 auto;
	overflow: auto;
	width: 960px;
}
div.column-left {
	float: left;
	width: 800px;
}
div.column-right {
	float: left;
	width: 160px;
}
div#content, div#navigation {
	overflow: auto;
}

	/* ================================================== */
	/* 1-1 Navigation, Search Styling */
	
div#navigation {
	overflow: hidden;
}
div#navigation ul {
	float: left;
	width: 700px;
}
div#navigation form {
	float: left;
	overflow: hidden;
	width: 260px;
}
div#navigation form input {
	float: left;
}
div#navigation form input#s {
	width: 150px;
}
div#navigation form input#search-button {
	float: right;
	width: 100px;
}

/* ================================================== */
/* 2-0 General Styling (text color, size, spacing) */

/* sorted by HTML element */

a {
	color: #00b9f7;
	text-decoration: none;
}
a:hover {
	background: #e0f6fe;
}
body {
	color: #848484;
	font-size: 75%;
  	font-family: Georgia, serif;
}
div.whitespace {
	height: 50px;
}
h2, h3, h4 {
	font-weight: normal;
}
hr {
	background: #999;
	border: none;
	clear: both;
	font-size: 1px;
	height: 1px;
	margin: 20px 0;
}

	/* ================================================== */
	/* 2-1 Navigation, Search Styling */

div#navigation {
	color: #9c9c9c;
	font-family: Helvetica, Arial, sans-serif;
  	margin: 1em 0;
}
div#navigation ul {
  	font-size: 1.5833em; /* 19px */
  	line-height: 1.2em; /* 23px */
	margin: 0 0 3em;
}
div#navigation form {
  	font-size: 1.1667em; 	/* 14px */
  	line-height: 1.2857em; 	/* 18px */
}
div#navigation form input {
	padding: 1px 2px;
}
div#navigation form input#s {
	border: #9c9c9c solid 1px;
}
div#navigation form input#search-button {
	border: solid 1px #f0f0f0;
}
div#navigation form input#search-button:active {
	background: #9c9c9c;
	border: solid 1px #9c9c9c;
	cursor: pointer;
}
div#navigation form input#search-button:focus,
div#navigation form input#search-button:hover {
	cursor: pointer;
}

	/* ================================================== */
	/* 2-2 Content Styling */


div#content div.image-container {
	overflow: hidden;
	padding: 10px 0;
	width: 960px;
}
div#content div.image-container div.image {
	float: left;
	width: 800px;
}
div#content div.image-container div.caption {
	color: #424242;
	float: left;
  	font-size: 1.1667em; 	/* 14px */
  	line-height: 1.2857em; 	/* 18px */
	padding-left: 20px;
	width: 140px;
}
div#content h2 {
 	font-size: 4em; 		/* 48px */
  	line-height: 1.125em;	/* 54px */
  	margin-top: 0.375em;
}
div#content h2 a.disguised-link {
	color: #9c9c9c;
}
div#content h2 a.disguised-link:hover {
	background: none;
}
div#content h3 {
  	font-size: 3em; 	/* 24px */
  	line-height: 1.5em; /* 36px */
  	margin: 0.5em 0;
}
div#content h3#comments {
	color: #9c9c9c;
	font-family: Helvetica, Arial, sans-serif;
  	font-size: 1.5833em; /* 19px */
	font-weight: bold;
  	line-height: 1.4em;
	margin: 1em 0;
	text-transform: uppercase;
}
div#content h4 {
	color: #9c9c9c;
  	font-size: 1.5em; 	/* 18px */
  	line-height: 1em; 	/* 18px */
  	margin: 1em 0 0;
}
div#content p {
  	font-size: 2em; 	/* 24px */
  	line-height: 1.5em; /* 36px */
  	margin: 0.75em 0;
	width: 800px;
}
div#content p#breadcrumb {
	color: #9c9c9c;
	font-family: Helvetica, Arial, sans-serif;
  	font-size: 1.1667em; 	/* 14px */
	font-weight: bold;
  	line-height: 1.2857em; 	/* 18px */
  	margin: 0;
	text-transform: uppercase;
}
div#content ul li form input {
	font-family: Georgia, serif;	/* for IE7 */
	padding: 1px;
}
div#content ul li form input#s {
	border: #999 solid 1px;
	width: 130px;
}
div#content ul li form input#search-button {
	background: #f0f0f0;
	border: #999 solid 1px;
	margin: 0.6429em 0 0;
}
div#content ul li form input#search-button:active {
	background: #999;
}
div#content ul li form input#search-button:focus, 
div#content ul li form input#search-button:hover {
	cursor: pointer;
}


div#content ul.post-stats {
	color: #999;
  	font-size: 1.1667em; 	/* 14px */
  	line-height: 1.2857em; 	/* 18px */
  	margin: 1.2857em 0;
}

		/* ================================================== */
		/* 2-2-1 Comments Styling */		

ol#comment-list li {
	margin: 1em 0;
}
ol#comment-list li p.comment-stats {
	color: #999;
  	font-size: 1.1667em; 	/* 14px */
  	line-height: 1.2857em; 	/* 18px */
  	margin: 0 0 2.5714em;
}

		/* ================================================== */
		/* 2-2-2 Comment Form Style */

form#commentform input, form#commentform textarea {
	border: #999 solid 1px;
	font-family: Georgia, serif;
}		
form#commentform label {
	font-size: 1em;		/* 12px? */
}
form#commentform input {
	font-size: 0.8333em;	/* 10px? */
	padding: 1px;
}
form#commentform input#submit {
	background: #f0f0f0;
	border: solid 1px #f0f0f0;
	padding: 4px;
}
form#commentform input#submit:active {
	background: #999;
}
form#commentform input#submit:focus,
form#commentform input#submit:hover {
	cursor: pointer;
}
form#commentform textarea {
	 font-size: 0.8333em;	/* 10px? */
	 width: 800px;
}
		
	/* ================================================== */
	/* 2-3 Footer Styling */

div#footer p, 
div#footer ul#post-nav {
  	font-size: 1.5em; 		/* 18px */
  	line-height: 1.333em;	/* 18px */
  	margin:  1em 0;
}
div#footer p.browse-message {
  	font-size: 1.1667em; 	/* 14px */
  	line-height: 1.2857em; 	/* 18px */
  	margin: 1.2857em 0;
}
div#footer ul {
	overflow: hidden;	/* for IE8, otherwise scrollbars appear */
}
div#footer ul#footer-columns {
  	font-size: 1.1667em; 	/* 14px */
  	line-height: 1.2857em; 	/* 18px */
	margin: 1.2587em 0;
}
div#footer ul#footer-columns li {
	float: left;
	margin: 0;
	width: 240px;
}
div#footer ul#footer-columns li#copyright {
	text-align: right;
	width: 480px;
}
div#footer ul#post-nav li.post-next {
	float: right;
	text-align: right;
	width: 400px;
}
div#footer ul#post-nav li.post-prev {
	float: left;
	width: 400px;
}