/*
Theme Name: Slimline
Theme URI: davidbcalhoun.com
Description: Minimalist take on Wordpress
Version: 1.0
Author: David Calhoun
Author URI: http://davidbcalhoun.com/
Tags: minimal
*/


/* YUI Reset 3.0.0b1 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.gradient { background-color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); -moz-linear-gradient(top,  #ccc,  #000); }
.opacity-40 { background: rgba(0, 0, 0, 0.4); opacity:0.4; filter:alpha(opacity=40); }

a { text-decoration: none; }
a, a:visited { color: #003000; }
a:hover { text-shadow: 0 0 1px #bebebe; }
a:hover img {  opacity: 0.75; filter: alpha(opacity=75); }

h1, #header h2 { font-size: 150%; letter-spacing: -0.05em; color: black; }
h2 { font-size: 160%; }
h3 { font-size: 120%; margin: 2.5em 0 0 0; font-weight: bold; }
h4 { font-size: 105%; margin: 2em 0 0 0; font-weight: bold; }
div.post h1 { font-size: 180%; }

body { padding: 1em 0; line-height: 150%; }

#header { width: 100%; text-align: center; margin-top: 1em; }

#body { width: 800px; margin: 1em auto; }

#sidebar { width: 800px; margin: 2em auto 1em auto; padding: 1em; background-color: #F6F6F6; }

#footer { width: 100%; text-align: center; }

.comment-link-top { float: right; }
.commentlist .comment, .commentlist .pingback { margin: 1em 0 0 0; padding: 1em; background: #e4e4e4; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.commentlist .bypostauthor { background: #CDD8F0; }
.commentlist { margin-top: 1em; }
.pingback { font-size: 80%; font-style: italic; }

p { margin-top: 1em; clear: both; }

.post { border-top: 1px solid gray; padding: 2em 0 0; margin: 1em 0 0; }
body.home .post { padding: 2em 0 0; margin: 2em 0 0; }

body .dp-highlighter .bar, body .dp-highlighter ol { padding: 0; margin: 0; }
body .dp-highlighter ol { margin: 0 0 1px 0; }
body .dp-highlighter .tools, body .dp-highlighter ol li { border-left: 3px solid gray; }

span.date { display: block; margin-top: 0.2em; font-size: 80%; color: #80; }
p.tags { margin: 0; }
p.category { margin: 0; }
p.comments-link-bottom { margin: 0; }

.aligncenter { margin: auto; text-align: center; }

.wp-caption { margin: 2em auto; }
.wp-caption p.wp-caption-text { margin-top: 0.3em; font-style: italic; }
/* .wp-caption img { border: 1px solid gray; } */

.entry a { border-bottom: 1px dotted #003000; }

ul { margin: 2em 0 2em 1em; }
ul li { list-style-position: inside; list-style-type: disc; margin-top: 0.3em; }

#sidebar ul { margin: 0; }
#sidebar ul li { list-style-type: none; }
#sidebar ul li h2 { margin-top: 1em; }

img.avatar { float: left; margin-right: 1em; }

p.tags { margin: 2em 0; }

blockquote { margin: 1em 2em 0 2em; background-color: #E4E4E4; padding: 1.5em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
blockquote p { margin: 0; }

.small-box { border: 1px solid black; padding: 0 0.5em; margin: 0.1em 0.5em 0 0; }

.website { margin: 2em 0; clear: both; background-color: #E4E4E4; padding: 2em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; zoom: 1; }
.website:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.website a, .website div { float: left; }
.website div a { float: none; }
.website div { margin: 0 0 0 2em; width: 400px; font-size: 110%; }
.website div p:first-child { margin: 0; }

img.aligncenter { display: block; margin: 0 auto; }
.alignleft { text-align: left; }

ul.links { margin: 0.75em 2em; }

.percentages { float: left; margin: 0 0 0 2em; zoom: 1; }
.percentages:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#body thead td { background: #c6c6c6; }
.positive { background: #d5ffd7; }
.negative { background: #ffa9a9; }
#body td { padding: 0.75em; }
#body tr:nth-child(even) { background: #e9e9e9; }
table, .video { margin: 2em auto; }
table { border: 1px solid #AAA; }
th { background-color: #F2F2F2; }
th, td { border: 1px solid #AAA; }

em { font-style: italic; }

.intro { margin: 1em 0 0 0; zoom: 1; }
.intro:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.intro img { width: 450px; float: left; }
.intro div { width: 300px; float: left; margin: 0 0 0 2em; }

.datatable-small, .datatable-medium thead td { background: #c6c6c6; }
.datatable-small, .datatable-medium tr:nth-child(even) { background: #e9e9e9; }

.datatable-small { width: 60%; }
.datatable-medium { width: 80%; }

ol { margin: 1em 0; line-height: 125%; }
ol li { list-style-type: decimal; list-style-position: inside; }
ol.commentlist li { list-style-type: none; }

.instructions { line-height: 125%; margin: 1em 0; padding: 0 2em 1em; background-color: #E4E4E4; border: 1px solid #CDD8F0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: monospace; }

.left-margin-large { margin-left: 3em; }

.entry h3:first-child { margin: 1em 0 0; }

.navigation .alignleft { float: left; }
.navigation .alignright { float: left; margin-left: 3em; }
.navigation, .comment-link-top { zoom: 1; }
.navigation { line-height: 100%; margin-top: 2em; }
.navigation:after, .comment-link-top:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.navigation div a, .comment-link-top { text-align: center; padding: 1em; background: #cacaca; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.navigation div a:hover, .navigation div a:active, .comment-link-top:hover, .comment-link-top:active { background: #dcdcdc; }

.image-block { display: block; position: relative; }
.image-block cite { position: relative; margin: -0.9em 0 1em; display: block; font-size: 90%; }
.image-block.full img { width: 100%; margin: 1em 0; display: block; }


#footer { clear: both; }

/* Mobile overrides */
@media only screen and (max-device-width: 480px) {
	* { max-width: 100%; }
	#header { width: 100%; }
	#body { width: 95%; font-size: 16px; }
	textarea { max-width: 95%; }
	pre { max-width: 100%; font-size: 90%; overflow-x: hidden; }
	#body td { padding: 0.2em; }
	.dp-highlighter { font-size: 70%; }
	.percentages { width: 90%; margin: 0; font-size: 80%; }
	.website img { width: 100%; }
	.website div { clear: both; font-size: 90%; width: 100%; margin: 1em 0 0 0; }
	img { max-width: 100%; height: auto; }
	.intro img { width: 100% !important; }
	.intro div { width: 100% !important; margin: 2em 0 0; }
	.datatable-small, .datatable-medium { width: 100%; }
	.left-margin-large { margin: 0; }
	object, embed { width: 100% !important; }
	.instructions { overflow: hidden; }
	.comment-link-top { padding: 0.5em; }
}