/*
Theme Name: Tom Conte's Domain
Theme URI: http://tom-conte.com/
Description: A theme for me!
Version: 1
Author: Tom Conte
Author URI: http://tom-conte.com/
Tags: one column, minimalism
*/


/* UNIVERSAL STYLES */
body { font:100%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; background:#fff; color:#353E34; }

h1 { font-size:1.5em; line-height:1; font-weight:bold; float:left; }	
h1 a:link, h1 a:visited{color:#353E34; border-bottom:none; font-weight:bold;}

h2{font-size:1.125em; line-height:1.3; text-transform:lowercase; margin:0 0 .975em 0; font-weight:bold; }

h3{font-size:1em; font-weight:bold; margin:0 0 1em 0; line-height:1.5; text-transform:lowercase; }

p{margin:0 0 1.5em 0; line-height:1.5;}

ul li { list-style-type:square; margin:0 0 .75em 0; }

ol li { margin:0 0 .75em 0; }

a:link, a:visited{text-decoration:none; color:#353E34; border-bottom:1px dotted #353e34; font-weight:normal;}

a:hover, a:active{border-bottom:none;}

img{border:none;}

em{font-style:italic;}

strong { font-weight:bold; }

pre { background:#E6EBE6; font-family:Monaco, Courier, monospace, serif; font-size:.75em; padding:1.5em; margin:0 0 1.5em 0; overflow:auto; }

code { background:#E6EBE6; font-family:Monaco, Courier, monospace, serif; font-size:.875em; }

#container { width:30em; max-width:120em; margin:0 auto; padding:0 0 2.5em 0;  }
#container:after { clear:both; visibility:hidden; display:block; content:" "; font-size:0; height:0; }

#callout{clear:both; padding:1.5em; background:#E6EBE6; margin:0 0 1.5em 0;}
#callout h2 { font-weight:normal; font-size:inherit; margin:0; line-height:normal; text-transform:capitalize; display:inline;}
#callout p{margin-bottom:0; display:inline;}
.single #callout span{display:block; font-size:.75em; margin:.5em 0 0 0; text-align:left; font-weight:normal;}
#callout span { display:block; text-align:center; font-size:13em; line-height:normal; font-weight:bold;}

header { width:30em; max-width:120em; margin:0 auto; padding:4.5em 0 0 0; }
header:after { clear:both; visibility:hidden; display:block; content:" "; font-size:0; height:0; }

/* NAVIGATION */
nav { margin:0 0 1em 0; overflow:auto; height:100%; }
.page-template-about-php nav ul, nav ul { float:right; margin:.2em 0 0 0; width:auto; }
nav ul li { display:inline; font-size:.75em; line-height:2; margin:0 0 0 1em; }
nav ul li a:link, nav ul a:visited{text-decoration:none; color:#353e34; border-bottom:none;}
nav ul li a:hover, nav ul a:active{border-bottom:1px dotted #353e34; }
nav ul li a.active { border-bottom:1px dotted #353e34; }
nav ul li a.active:hover { border-bottom:1px dotted #fff; }

/* BOOKMARKS */
dl dt { margin:0 0 .5em 0; }
dl dd { margin:0 0 2em 1.5em; }
dl dd blockquote { margin:1em 0 1.2em 0; }

/* POSTS */
#posts { margin:0 0 2.25em 0;}
#posts ul li { margin:0 0 1.5em 0; }
#posts ul li h2 { margin-bottom:.325em; }
#posts ul li h2 a { font-weight:bold; color:#353E34; }
#posts ul li span { font-size:.75em; display:block; }
#posts + #callout { margin:4.5em 0 1.5em 0; }
#post { margin:0 0 3em 0; }
#post ul { margin:0 0 1.5em 0; }
#post p + h3 { margin:3em 0 1em 0; }
#post .image { float:right; margin: 0 0 1.5em 0; }
.post-image{width:30em;}
blockquote{ font-size:; border-left:5px solid #E6EBE6; padding:0 0 0 1em; }

/* COMMENTS */
.commentlist { margin:0 0 1.5em 0; }
.commentlist ol li { padding:1.5em; background:#E6EBE6; margin:1.5em 0 0 0; list-style-type:none; }
.commentlist ol li:first-child { margin-top:0; }
.commentlist ol li p { margin:0; }
.commentlist .bypostauthor { background:none; }

#comment-form fieldset { border:none; background:#E6EBE6;}
#comment-form ol { padding:1.5em 1.5em 0 1.5em; }
#comment-form ol li { margin:0 0 1.5em 0; list-style-type:none; }
#comment-form ol li label { display:block; font-size:.875em; text-transform:uppercase; }
#comment-form ol li label em { font-size:.75em; text-transform:lowercase; }
#comment-form ol li input { width:98%; border:1px solid #cfd4cf; font-size:.75em; padding:.125em 0 .25em .25em; color:#838A82;}
#comment-form ol li textarea { width:98%; border:1px solid #cfd4cf; font-size:.75em; padding:.125em 0 .25em .25em; }
#comment-form fieldset fieldset { margin:0 0 0 1.5em; padding:0 0 1.5em 0;  }
#comment-form fieldset fieldset input { padding:0; background:none; color:#353E34; border-bottom:1px dotted #353e34; border-left:none; border-right:none; border-top:none; font-size:1em; }
#comment-form fieldset fieldset input:hover { border-bottom-color:#E6EBE6; }
#comment-form ol li input:focus, #comment-form ol li textarea:focus { border-color:#353E34; color:#353E34; }

/* ABOUT PAGE - 3 COLUMNS */
.page-template-about-php ul { float:left; width:10em; }
.page-template-about-php ul li { margin:0 0 .75em 1em;}
.page-template-about-php ul li:first-child { list-style-type:none; margin-left:0; color:#353E34; }

/* PROJECTS */
#project figure { margin:0 0 4.5em 0; width:30em;}