/*
Theme Name: Clean
Theme URI: http://chrisvalleskey.com
Description: Nice and clean HTML5 theme. (Cool, that rhymed!)
Version: 1.0
Author: Chris Valleskey
*/

body { background: #FFF; color: #444; font-family: "Helvetica Neue", Helvetica, Calibri, sans-serif; }

a { color: #666; }
a:hover, #posts a:visited:hover { color: #222; }
a:active { color: #000; }
/*#posts a:visited { color: #AAA; }*/
a.btn, input.btn, a.btn-dl, a.comment-reply-link { background: #666; padding: 9px 10px; color: #FFF; text-decoration: none; font-size: 12px; font-weight: bold; display: inline-block; margin-bottom: 10px; }
a.btn-dl { background: #91AE6F; padding: 11px 20px; border: 2px solid #6C8253; margin-bottom: 20px; font-size: 14px; line-height: 14px; }
.btn:hover, input.btn:hover, a.btn-dl:hover, a.comment-reply-link:hover { background: #222; border-color: #222; }
.btn:after { content: " \2192"; }
#commentlist .btn:after { content: ""; }
a.small, a.comment-reply-link { padding: 6px 8px; font-size: 11px; margin-bottom: 14px; line-height: 14px; }

h1 { width: 110px; float: left; margin: 0 30px 0 0; overflow: hidden; font-family: "Helvetica Neue", sans-serif; }
h1 a { color: #FFF; display: block; width: 40px; height: 40px; text-decoration: none; line-height: 40px; text-align: center; font-size: 18px; }
h1 a:hover { background-color: #222; color: #FFF; }
h1 a:active { background-color: #000; }
h2 { font-size: 32px; line-height: 40px; margin: 0; font-weight: bold; letter-spacing: -0.025em; }
h2 a, h4 a { text-decoration: none; }
hgroup h2 { border-bottom: 1px dashed #DDD; line-height: 40px; padding: 0 0 9px 0; }
header hgroup h2 { border: 0; line-height: 20px; padding: 0; margin: 20px 0 0 0; font-size: 14px; font-weight: normal; }
h3 { font-size: 14px; line-height: 20px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }
h3 a { text-decoration: none; }
h4 { line-height: 20px; margin: 0; font-size: 1.6em; letter-spacing: -0.03em; }
h5 { text-transform: uppercase; font-size: 1.2em; line-height: 20px; letter-spacing: 1px; }

h2, h3, h4, h5 { font-family: "museo-slab-1","museo-slab-2", "Helvetica Neue", sans-serif; }

#posts {  border-bottom: 1px dashed #C9C8C6; margin-bottom: 19px; }

/* Article IDs */

#header, #featured, #notebook, #projects, #post, #comments, #respond, #twitter, #about, #footer { width: 970px; padding: 20px 0 18px; margin: 0 40px 0 20px; border-bottom: 2px solid #DDD; }

#header { border-top: 10px solid #444; padding: 40px 0 18px 0; overflow: visible; }
#featured {  }
#notebook {  }
#post {  }
#comments, #respond {  }
#projects {  }
#twitter {  }
#about {  }
#footer { border: 0; padding: 20px 0 60px; }

.post h3 { font-size: 24px; line-height: 40px; text-transform: none; letter-spacing: 0; }
.post ul { list-style: square; }

p.post-details, a.comments, a.date { line-height: 20px; margin-bottom: 20px; text-transform: uppercase; font-weight: bold; color: #666; }
p.post-details a, a.comments, a.date { text-decoration: none; }
a.comments, a.date { color: #999; }
a.comments:hover, a.date:hover { color: #222; }
h4+p.post-details, #twitter-box a.date { font-size: 10px; line-height: 14px; margin-bottom: 0; }

a.read-more { text-decoration: none; }

p.footer-copyright { text-align: right; font-size: 12px; line-height: 20px; color: #666; margin: 0; }

nav ul { float: right; list-style: none; margin: 20px 0 0 0; padding: 0; }
nav li { float: left; }
nav a { margin-left: 20px; text-decoration: none; }
nav li.current_page_item a { font-weight: bold; color: #222; }

ul.find-list { padding: 0; }
ul.find-list li { margin-right: 20px; list-style: none; float: left; }
ul.find-list li a { text-decoration: none; }

/* Single post */
.post-image img, .post a img { display: block; margin-bottom: 20px;  }
.post img, img.avatar { background: #222; padding: 5px; }

.code { margin-bottom: 20px; word-wrap: break-word; counter-reset: item; overflow-x: auto; }
.code div { white-space: pre; color: #444; font-size: 12px; }
.code div:nth-child(2n+1) { background: #FCFCFC; }
.code div:before { content: counter(item); counter-increment: item; text-align: right; width: 25px; display: inline-block; padding-right: 9px; background: #F9F9F9; border-right: 1px solid #EEE; border-left: 5px solid #444; color: #BBB; margin-right: 10px; font-size: 10px; line-height: 20px; }

/* Projects */
.project { margin-bottom: 20px; }
.project .project-img { margin: 5px 0 12px 0; display: block; }
.project section { margin-bottom: 10px; }

/* About Me */
.about h4 { margin-bottom: 10px; }
.about h2, hgroup h2 { margin-bottom: 20px; }
ul.list { list-style: none; padding: 0; margin-bottom: 19px; border-top: 1px solid #EEE; }
ul.list li { padding: 4px 6px 5px 6px; border-bottom: 1px solid #EEE; }
ul.list li.list-head { background: #F9F9F9; font-weight: bold; padding: 5px 5px 4px; }
.half { float: left; width: 180px; }
.gray { color: #BBB; }
.stars { cursor: help; float: right; }
/*.about img { background: #EEE; }*/

/* Comments */
#commentlist { padding: 0; margin: -20px 0 20px 0; list-style: none; }
#commentlist li { border-bottom: 1px dashed #c9c8c6; padding-top: 19px; }
#commentlist .post-details { font-size: 12px; }
#commentlist .post-details span { text-transform: none; }
#commentlist li.comment-author-admin { background: #F9F9F9; border-color: #999; }
#commentlist li.comment-author-admin>.comment-content { padding-left: 10px; width: 520px; }
#commentlist ul { list-style: none; margin: -1px 0 20px 0; border-top: 1px dashed #DDD; float: left; padding: 0 0 0 35px; width: auto; }
#commentlist ul .comment-content { width: 495px; }
#commentlist ul li.comment-author-admin>.comment-content { width: 485px; }
#commentlist ul ul .comment-content { width: 460px; }
#commentlist ul ul li.comment-author-admin .comment-content { width: 450px; }
#commentlist .comment-content ul { list-style: disc; margin: 0 0 20px 0; border: 0; float: none; padding: 0 0 0 20px; }
#commentlist .comment-content li { border: 0; background: none; padding: 0; }
img.avatar { float: left; margin: 0 10px 0 0; }
#comment { width: 516px; height: 208px; }
#commentform input.text { width: 216px; }
.optional { font-weight: normal; }
a.comment-edit-link { text-decoration: none; }
p.post-comment-feed { font-size: 10px; line-height: 20px; }
p.post-comment-feed a { background: url(i/feed-icon-14x14.png) no-repeat left center; padding-left: 18px; line-height: 20px; height: 20px; display: inline-block; }

/* Slideshow */
#slideshow, .project-img { border: 5px solid #444; margin-bottom: 20px; overflow: hidden; max-height: 300px; }
#slideshow img { display: block; margin: 0; }
#slideshow-nav { background: #444; float: right; height: 20px; padding: 5px; margin: 0 0 -50px 0; position: relative; top: -50px; z-index: 999; }
#slideshow-nav a { display: block; float: left; padding: 5px 7px; margin-left: 2px; color: #DDD; text-decoration: none; font-weight: bold; }
#slideshow-nav a:first-child { margin-left: 0; }
#slideshow-nav a.activeSlide, #slideshow-nav a:hover { background: #666; color: #FFF; }

/* Twitter */
#twitter-box { list-style: none; padding: 0; margin: 0 0 19px; clear: both; border-bottom: 1px dashed #c9c8c6; }
#twitter-box section { float: left; overflow: hidden; word-wrap: break-word; }
#twitter-box a.date { line-height: 20px; }
#twitter-box p { font-size: 12px; margin: 0 0 20px; line-height: 20px; }

/* Notice */
.notice { background: #333; color: #DDD; padding: 10px 0; }
.notice p { font-size: 12px; line-height: 20px; margin-bottom: 0; text-align: center; }

/* Lastfm, flickr */
div.flickr, div.lastfm { clear: both; height: 170px; }
div.lastfm a, div.flickr_badge_image { float: left; margin: 0 10px 10px 0; }
#lastfm_image5, #lastfm_image10, #flickr_badge_image5, #flickr_badge_image10 { margin-right: 0; }
div.lastfm img, div.flickr_badge_image img { width: 60px; height: 60px; margin: 0; }

/* CSS 3 */
h1 a, a.btn, a.comment-reply-link, input.btn, #slideshow, .project-img, #slideshow-nav, .post img,ul.skills, a.btn-dl, img.avatar { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/* 404 */
#error-404 { background: url(i/404_bg.png) repeat-x top left; border: 0; padding-top: 10px; }
#error-404 header { border-top: 0; }
.error-quote { font-family: Georgia, serif; font-size: 40px; letter-spacing: -0.02em; text-indent: -15px; line-height: 50px; margin: 0 0 20px 0; padding: 40px; background: #EEE; }
.error-quote span { font-size: 16px; color: #999; float: right; margin-top: 20px; line-height: 20px; }

/* WP Stats get off my lawn */
img#wpstats{width:0px;height:0px;overflow:hidden;margin:0;}

/* Color: Green */
/*h1 a, a.btn, input.btn, a.comment-reply-link { background-color: #819C58; }
a { color: #819C58; }*/

/* Color: Aqua (6/20/2010) */
h1 a, a.btn, input.btn, a.comment-reply-link { background-color: #5790A3; }
a { color: #5790A3; }

#header,#featured,#notebook,#projects,#post,#comments,#respond,#twitter,#about,#footer { margin:0; padding:30px 0 19px; width:auto; border-bottom:1px solid #DDD; }
#footer { border: 0; padding: 30px 0 50px; }