/*
Theme Name: Simple
Theme URI: http://astroot.info
Description: Default theme for <a href="http://astroot.info">astroot.info</a>.
Version: 1.0
Author: Aaron Stroot
Author URI: http://astroot.info
*/

/* colors
dark blue:     #111e2d
light blue:    #5b9ef1
bright yellow: #feda4b
dull yellow:   #e1daa0
grey:          #a6a6a6
*/

/* silk icon set: www.famfamfam.com/labs/icons/silk/ */

/* globals */
*{margin: 0; padding: 0}
html{height: 100%; margin: 0}
body{background: url(images/bodybg-stripe.png) repeat; color: #a6a6a6; font-family: Helvetica,Arial,Georgia,sans-serif; font-size: 12px; line-height: 1.5em; margin: 0 auto; text-align: left}

/* structure */
#wrapper{background: transparent; margin: 0 auto}
#content{float: left; margin: 0 30px 5px 10px; width: 60%}

#header{margin: 30px 10px}
#header h1 a{background: url(images/header.png) no-repeat 5px 75%; display: block; margin-bottom: 5px; padding: 5px; text-indent: -9999px; width: 340px}
#header h2{color: #999; font-size: 22px; font-weight: normal; margin-left: 15px; padding: 5px}

#navbar{background: #5b9ef1 url(images/navbar-stripe.png) repeat; height: 25px; margin-bottom: 10px}
#navbar ul{margin: 3px 0 3px 12px; padding: 4px 0}
#navbar ul li{display: inline; font-size: 14px; font-weight: bold; padding: 4px 0}
#navbar ul li a{color: #222; margin: 0 3px; padding: 5px; text-transform: uppercase}
#navbar ul li a:hover{color: #fff}
#navbar ul li a#home{background: transparent url(images/home.gif) no-repeat; padding: 5px 0 4px 20px}
#navbar ul li a#home:hover{background-position: 0 -27px}

 /* structure - sidebar */
#sidebar{background-color: #feda4b; float: left; font-size: 11px; width: 36%; -moz-border-radius: 8px; -webkit-border-radius: 8px}
#sidebar a img{border: none}
#sidebar h2{color: #707070; font-size: 12px; font-weight: bold; margin: 5px; text-transform: uppercase}
#sidebar ul{padding: 0 0 10px}
#sidebar ul li{padding: 0 5px 5px 18px}
#sidebar ul li a{border-bottom: 1px dotted #669; color: #333}
#sidebar ul li a:hover{color: #669}

#social{background-color: #feda4b; font-family: Georgia,times; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px}
#social h2{background: url(images/elsewhere.png) no-repeat top center; margin: 5px 0 5px 125px; padding: 5px; text-indent: -9999px; width: 130px}
#social ul{padding: 0 0 15px; text-align: center}
#social ul li{color: #333; display: inline; font-size: 12px; margin: 0; padding: 0 5px 5px 15px}

#current{background-color: #111e2d}
#current h2{background: url(images/current.png) no-repeat top center; margin: 5px 0 5px 80px; padding: 5px 5px 10px; text-indent: -9999px; width: 200px}
#current ul li{color: #999; font-size: 12px; list-style-type: none; margin: 0; padding: 0 5px 5px 50px}
#current ul li a{border-bottom: 1px solid #999; color: #888}
#current ul li a:hover{color: #5b9ef1}
#current ul li.book{background: url(images/book.png) no-repeat 25px 0}
#current ul li.game{background: url(images/controller.png) no-repeat 25px 0}
#current ul li.show{background: url(images/television.png) no-repeat 25px 0}
#current ul li.listening{background: url(images/ipod.png) no-repeat 25px 0}

#monthly, #recent-posts{float: left; margin-left: 10px; width: 45%}
#monthly h2, #recent-posts h2, #cat h2, #links h2{padding-left: 20px}
#monthly h2{background: url(images/date.png) no-repeat 0 5px; padding-top: 5px}
#monthly ul li, #recent-posts ul li, #cat ul li, #links ul li{padding-left: 25px}
#recent-posts h2{background: url(images/page_red.png) no-repeat 0 1px}
#cat, #links{float: right; width: 45%}
#cat h2{background: url(images/table_multiple.png) no-repeat 0 5px; padding-top: 5px}
#cat ul li.categories, #cat ul li.categories ul, #links ul li.linkcat{padding: 0}
#cat ul li.categories ul li{color: #2851a2}
#links h2{background: url(images/medal_gold_1.png) no-repeat 0 1px}

#footer{background-color: #111e2d; border-top: 1px solid #feda4b; clear: both; text-align: left}
#footer ul{padding: 15px 0 15px 5px}
#footer ul li{display: inline; padding: 0 5px}
#footer a{border-bottom: 1px solid #999; color: #888}
#footer a:hover{color: #5b9ef1}

#navigation{margin-top: 25px}
#navigation p{font-size: 14px}
#navigation p a{background-color: #fc0; color: #111e2d; padding: 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px}

#searchform{display: inline; margin-right: 1em; padding: 0}
#searchform label{padding: 0 10px}
#searchform #s{background-color: #fff; color: #555; font-size: 14px; font-weight: bold; width: 200px}

/* tags */
a{color: #111e2d; outline: none; text-decoration: none}
a:visited{color: #111e2d}
a:hover{color: #fc0}
abbr{border-bottom: 1px dotted #a6a6a6; cursor: help}
blockquote{background: url(images/close-quote.gif) no-repeat right bottom; color: #679ef1; padding: 5px 0}
blockquote p{padding-left: 10px; text-indent: -18px}
blockquote p:first-letter{background: url(images/open-quote.gif) no-repeat left top; padding: 8px 0 0 18px}
dl,dt,dd{margin: 0; padding: 0}
p{margin: 0 0 1em}
ol{list-style-type: none; margin: 0; padding: 0}
ul{list-style-type: none; margin: 0; padding: 0}

/* custom classes */
.center{text-align: center}
.clear{clear: both}
.italic{font-style: italic}
.pagetitle{color: #679ef1; font-size: 16px; margin: 0; padding: 5px 5px 20px}
.post{background-color: #fff; color: #333; margin-bottom: 30px; padding: 10px 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px}
.post h2{border-bottom: 1px solid #5b9ef1; font-size: 20px; font-weight: bold; margin: .5em 0 .5em; padding-bottom: 5px}
.post h2 a{color: #111e2d}
.post h2 a:hover{color: #fc0}
.post h3{font-size: 16px; font-weight: bold; margin-bottom: 1em}
.post h4{color: #111e2d; font-size: 14px; font-weight: bold; margin-bottom: .5em}
.post h5{font-size: 12px; font-weight: bold; margin-bottom: .5em}
.post h5#playlist-title{color: #5b9ef1; cursor: pointer; margin-bottom: 2em; text-decoration: underline}
.post h5#playlist-title:hover{color: #fc0}
.post small{display: block; font-size: 85%; margin-bottom: 1em}
.post small a{color: #111e2d}
.post .entry{padding: 0 15px}
.post .entry a{color: #5b9ef1; font-weight: bold; text-decoration: underline}
.post .entry a:hover{color: #fc0; text-decoration: underline}
.post .entry code{color: #000; display: block; font-family: Consolas,Monaco,"Courier New",Courier,monospace; font-size: 12px; overflow: auto; padding: 0 10px}
.post .entry pre{background-color: #f5f5f5; border: 1px solid #dadada; color: #000; overflow: auto; width: 85%}
.post .entry img#about{float: right; padding: 0 0 0 10px}
.post .entry ol, .post .entry ul{margin: 10px 10px 10px 15px; padding: 5px}
.post .entry ul li{list-style-type: disc; padding: 2px 0 2px}
.post .entry ol li{list-style-type: decimal; padding: 2px 0 2px}
.post .entry table{border-bottom: 1px solid #ccc; border-collapse: collapse; margin-bottom: 1.5em; margin-top: 1em; z-index: 0}
.post .entry table caption{color: #111e2d; font-size: 110%; font-style: italic; text-align: left}
.post .entry table th{background-color: #eee; border-bottom: 1px solid #ccc; border-top: 2px solid #5b9ef1; color: #444; font-weight: bold; margin: 0; padding: .5em; text-align: left}
.post .entry table td{background-color: #fff; border-bottom: 1px solid #ccc; color: #333; line-height: 1.5em; padding: .5em .6em; text-align: center; vertical-align: middle}
table#bracket{border-collapse: collapse; border: none}
table#bracket td{border: none; margin: 0; padding: 10px; text-align: left; vertical-align: middle; width: 15em}
table#bracket td p{border-bottom: 1px solid #ccc; margin: 0; padding: 5px}
table#bracket th{text-align: center}
table#bracket img{padding: 0 20px}

ol#statuses{margin: 0 0 0 10px; padding: 0}
ol#statuses li{border-bottom: 1px dashed #669; font-family: Georgia; font-size: 14px; line-height: 1.75em; list-style: decimal outside; margin: 0 0 1em 0; padding: 15px 0 5px}
ol#statuses li:last-child{border: none}
ol#statuses li div.meta{font-size: 10px; line-height: 1.5em; margin-top: 10px; text-align: right}
ol#statuses li div.meta a{color: #707070}
ol#statuses li div.meta a:hover{color: #111e2d}
#flickr, #flickr #recent{margin: 20px 0}
#flickr a img{border: none}
#flickr img{height: 59px; margin: 1px 5px; width: 59px}
#flickr img:hover{height: 75px; margin: -7px -3px; width: 75px}

/* comment specific custom classes */
.post-comments{background: url(images/comment.png) no-repeat 0 50%; margin: 0; padding-left: 18px}
.closecomment,.nocomments{color: #fff; font-weight: bold}
.count{float: right; font-size: 22px; padding: 10px; text-shadow: 2px 2px 2px #000}
ol.commentlist{margin: 1.5em 0 0; padding: 0}
ol.commentlist li{background-color: #1e2224; border: 2px solid #12191c; clear: left; margin: 0 0 10px 30px}
ol.commentlist li.alt{background-color: #292d30}
ol.commentlist li img.avatar{float: left}
ol.commentlist h4{font-size: 13px; padding: 10px 0 10px 60px}
ol.commentlist h4 a{color: #fc0}
ol.commentlist cite{font-style: normal; text-transform: none}
ol.commentlist li span.moderate{background: url(images/icon-cursor.gif) no-repeat; color: #f30; padding: 2px 0 2px 20px}
ol.commentlist li p{font-size: 12px; padding: 0 10px 0 60px}
ol.commentlist li p.commentmetadata{color: #ddd; font-size: 10px; font-style: italic; text-align: right}
ol.commentlist li.authcomment{background-color: #e1daa0 !important; color: #000}
ol.commentlist li.authcomment h4 a{color: #2851a2}
ol.commentlist li.authcomment p.commentmetadata{color: #669}
#commentform a{color: #fc0}
#commentform input#author,#commentform input#email,#commentform input#url{background: #fff url(images/icon-form.gif) no-repeat; border: 1px solid #fff; padding: 4px 4px 4px 30px; width: 210px}
#commentform input#author{background-position: 3px -3px}
#commentform input#email{background-position: 3px -33px}
#commentform input#url{background-position: 3px -63px}
#commentform #comment{background-color: #fff; border: 1px solid #fff; color: #333; font-size: 16px; height: 100px; width: 75%}
h3#comments,h3#respond{clear: both; color: #bdbd9f; font-size: 12px; font-weight: bold; margin: 25px 0 10px; padding: 0 0 0 20px; text-transform: uppercase}
h3#comments{background: url(images/comment.png) no-repeat left}
h3#respond{background: url(images/comment_add.png) no-repeat left}
h3#comments a,h3#respond a{color: #fc0}