/*
Theme Name: Wheels 2015
Description: An ultra-simplified Wordpress theme. Based on "Simplest" by Trevor Turk.
Author: James Devlin
Author URI: http://codingthewheel.com
Theme URI: http://codingthewheel.com/wheels-2015
Tags: light, white, one-column
License: WTFPL - Do What the Fuck You Want to Public License
License URI: http://www.wtfpl.net/
*/

/* http://meyerweb.com/eric/tools/css/reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;/*font-size:100%;*/vertical-align:baseline;background:transparent}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* wheels-2015 */
/* html { font-size: 13px; } */

body
{ 
	margin: 0; 
	padding: 0; 
	font-family: 'Open Sans', 'Segoe UI', Helvetica, Arial, sans-serif; 
	font-size: 1.125em;
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal;
	line-height: 1.75em;
	text-rendering: optimizeLegibility; 
}

pre, code { font-family:'Inconsolata',Consolas,monospace; background-color: #f8f8ff; font-size: 1em; }

dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom:1em;}
p { margin-bottom: 1.75em; font-size: 1em; }
li { margin:0.5em 0 0 2em;}

dt {margin:1em 0; font-weight:bold;}
dd {margin:0 1em; padding-left:1em; border-left:1px solid #ddd;}
th, td {padding:0.5em; border:1px solid #ddd;}
blockquote {margin:0 1em; padding-left:1em; border-left:1px solid #ddd;}
pre {padding:0.5em; overflow:auto;}
sup, sub {height:0; line-height:1; vertical-align:baseline; position:relative; font-size:10px;}
sup {bottom:1ex;}
sub {top:0.5ex;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

body {color:#111;}
h1 {font-size:1.7em;}
h2 {font-size:2em;}
h3 {font-size:1.5em;}
a {text-decoration:none;}
a:hover { text-decoration: underline; }
/*h1,h2,h3,h4,h5,h6 {clear:both;}*/

/* Set the container width. If you change this, also change the "content_width"
   feature in functions.php to match. */
#container {max-width:768px; margin:2em auto;position:relative;}
#header #description {font-size:0.65em;line-height:0.85em; color: #ABABAB;}
#header h1 { margin-bottom: 0; color: #ABABAB; width: 100%; }
#header h1 a { color: #ABABAB; }
#header-title { text-decoration: none; text-transform: uppercase; font-family: 'Open Sans Condensed', 'Open Sans', Sans-serif; font-size: 3em; font-weight: 300; line-height: 1em; display: inline-block; }
#header-title a:hover { text-decoration: none; }
#header li {display:inline; margin:0 0.5em 0 0;}
#header img { width: 70px; }
#header div { position: absolute; left: 75px; top: 0px; width: 650px; }
#content {margin-top:4em;}
#content h2 a { color: #232323; }
.hentry, .meta, #respond {margin-bottom:2em; padding-bottom:1em; border-bottom:1px solid #ddd;}
.hentry h2, .hentry h3, .hentry h4 {margin-top:2em;}

.widgets {margin-bottom:2em; border-bottom:1px solid #ddd;}
.widget {margin-bottom:2em;}
.pagination {text-align:center; margin:2em auto 1em auto;}
.pagination a {padding:3px 8px; border: 1px solid #ddd;}

.alignleft {display:inline; float:left; margin:0 1em 1em 0;}
.alignright {display:inline; float:right; margin:0 0 1em 1em;}
.aligncenter {display:block; margin:1em auto;}
.wp-caption {text-align:center; padding:0.5em; background:#ddd;}
.wp-caption-text, .gallery-caption {font-size:0.7em; margin:3px 0;}

#comments {margin-bottom:2em; border-bottom:1px solid #ddd;}
#comments h3, #respond h3 {margin-bottom:2em;}
#comments li {list-style-type:none; margin:0 0 2em 0;}
#comments .avatar {vertical-align:middle; margin-right:2px; padding:2px; border:1px solid #ddd;}
#comments .comment-author {margin-bottom:1em;}
#comments .comment-author cite {font-weight:bold; font-style:normal; margin-top:1em;}
#comments .comment-meta {margin-bottom:1em;}
#comments .reply a {font-size:0.7em;}
#comments .children {margin:2em;}
#comments .pagination {margin-bottom:2em;}

#respond label {display:block;}
#respond .required {display:none;}
#respond #closed {font-style:italic;}
#comments li.comment #respond {margin:2em;}
#comments li.comment #respond h3 {padding-top:2em; border-top:1px solid #ddd;}
#comments li.comment #respond #cancel-comment-reply-link {font-size:0.7em; margin-left:1em;}

.footnote { font-size: 75%; line-height: 1.25em; }
.how-to { background-color: #F8F8F8; padding: 1em; margin-bottom: 1em; }
.how-to h2 { margin: 0; }

/* This rule makes sure that Wordpress images are proportionally sized to
their containers. Recommended per: http://codex.wordpress.org/Content_Width
"It's also recommended to add the following CSS to your theme:" */
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
	max-width: 100%;
	height: auto;
}
#content img {
	max-width: 100%;
	height: auto;
}