/* ^_____________^ */

/*
Theme Name: andybright
Theme URI: http://andybright.ws/
Description: Aieeeeeeeeeeeee 
Version: 1.0
Author: http://andybright.ws/
Author URI: http://andybright.ws/
*/

/* MEYER RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
li { list-style-type: none; }

/* THE MIGHTY CLEARFIX */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix,{display:block;}
.clear {clear:both;}

#page { width: 680px; position: relative; margin: 0 auto; }

a { color: #004ebc; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { color: white; background-color: #004ebc;}
.about-toggle.open:focus,
.posts-nav a:focus { background-color: #004ebc; }

body {
	color: #333;
	font-size: 16px;
	line-height: 1.5;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#header {
	padding-top: 1.5em;
	background-color: #fff;
	padding: 30px 40px;
	margin-bottom: 2em;
}

.alignleft { float: left; margin: 0em 1.5em 1.5em 0; }
.alignright { float: right; margin: 0em 0 1.5em 1.5em; }

.logotype {
	font-size: 3em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0.25em;
	line-height: 1;
	display: block;
	float: left;
	clear: left;
	color: black;
}
.about  {
	padding: 0.5em 1em 0.25em 1em;
	background: #ddd;
}
.about p {
	margin: 1.5em 0 1.5em 0;
}
.about-toggle {	
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAeCAYAAAAVdY8wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKdJREFUeNrkk0EKxCAMRVObY80wF5tVwbvoJUplei/HQAOpxJh9P/yF8vJJgmJK6QCAb/MJhkLzp/nXTAUvC2SZBUEpVguC0datwAJZKxkN4Ly2UeiAM4CFM0CCJiDBt2MgWGqtHg4COPVMEHPO7kR6b3Xig8DNEbgRuF8eiR7LzsNEK01OPUotfC/XE0dpPdinFnnuFx61NO1zcera96z9QnUDfwEGADFpMsF2pTdmAAAAAElFTkSuQmCC) 5px 7px no-repeat;
	padding: 0.25em 0.5em;
	padding-left: 1.25em;
}
a.open {
	background-color: #ddd;
	background-position: 5px -13px;
}
p.toggles {
	float: none;
	clear: left;
	margin-top: 1.7em;
}
.main {
	width: 100%;
	padding: 0 0 0 0;
	text-align:	left;
	display: block;
}
.sidebar {
	font-size: 0.8em;
	float: right;
	width: 55.8%;
	padding: 0 6% 0 0;
	position: relative;
	float: left;
}
.meta {
	font-size: 0.8em;
	float: right;
	width: 38.2%;
	float: right;
	padding: 0 0 0 0;
	position: relative;
}
.article .header {
	margin-bottom: 2em;
}
.article .header h1 {
	font-size: 1.875em;
	font-weight: bold;
	line-height: 1.2;
}
.article .header span {
	margin-top: 1em;
	font-size: 0.875em;
	display: block;
}
.article h2 {
	font-size: 1.3em;
	margin: 1.75em 0 0 0;
	font-weight: 600;
	line-height: 1.3333em;
}
.article h3 {
	font-size: 1.1em;
	margin: 1.75em 0 0 0;
	font-weight: 600;
	line-height: 1.1;
}
.article {
	background-color: #fff;
	padding: 35px 40px;
}
.article p, .article ul, .article ol {
	margin: 1.5em 0;
}
.article ul {
	margin: 1.1em;
} 
.article ul li {
	list-style: disc outside;
	line-height: 1.35;
	padding:0.4em 0;
}
.article ol li {
	list-style-type: decimal;
}
.article blockquote {
	font-size: 0.875em;
	font-family: Georgia;
	padding: 0 3em;
	border-top: 1px dotted silver;
	border-bottom: 1px dotted silver;
}

.article table { border-left: 1px solid #bbb; border-top: 1px solid #bbb; }
.article thead { background-color: #ccc; font-weight: bold; }
.article th, .article td { border-bottom: 1px solid #bbb; border-right: 1px solid #bbb;padding: 0.5em; }
.article caption { font-size: 0.875em; font-style: italic; margin: 1em 0; }

.posts-nav {
	height: 1.5em;
	margin: 2em 0;
	padding: 0 40px;
}
.posts-nav li.previous a {
	float: left;
}
.posts-nav li.next a {
	float: right;
}
.posts-nav li a {
	padding: 0.25em 0.5em;
	float: left;
	background-color: #ddd;
	display: block;
}
.footer {
	clear: both;
	margin-top: 4.5em;
}