/*
Theme Name: CSAJ
Theme URI: http://wordpress.org/
Description: Cycle Solutions / Angry Johnny's Cycling Club.
Version: 1.0
Author: Wesley Hodgson
Author URI: http://wesleyhodgson.com/
Tags: bikes
*/

@import "css/reset.css";
@import "css/960.css";

body {font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; background: #283a3d url('images/bg_body.png') no-repeat 50% 0%; color: #E9F6FF;}
a {color: #E9F6FF;}
h2 {background: transparent url('images/divider.png') no-repeat 0% 100%; line-height: 25px; display: block; padding-left: 80px; margin-left: -80px; font-size: 2.3333em; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 1em;}
h3 {font-size: 1.5em; color: #5AB1FF; font-weight: normal; padding: 0.25em 0 0.5em;}
.left {float: left;}
.right {float: right;}

#outside {width: 100%; background: transparent url('images/bg_stripe.png') repeat-x 0 50px; overflow: hidden;}

#top {position: relative; height: 360px; padding-top: 50px;}
#top h1#team_title {position: absolute; top: 25px; left: 0; background: transparent url('images/banner_logos.png') no-repeat; width: 244px; height: 401px; text-indent: -9999em; z-index: 42;}
#top #nav {background: transparent url('images/bg_navbar.png') repeat-x; height: 35px; width: 940px; overflow: hidden;font-size: 1.4em;}
#top #nav a {text-decoration: none; padding: 2px 15px 0; line-height: 35px; display: block;}
#top #nav a:hover, #top #nav a.active {background-image: url('images/bg_navbar-over.png');}
#top #nav ul {float: right;}
#top #nav ul li {float: left; margin-left: 1px;}

#content {font-size: 1.2em;}
#content a {color: #9FD6FF;}
#content p {padding-bottom: 1em; line-height: 1.3; font-weight: normal;}
#content p.post_date {font-style: italic; color: #768F99; text-align: right; padding-top: 2px; font-size: 0.8333em;}
#content p.post_date a {color: #768F99;}
#content p.post_date a:hover {color: #E9F6FF;}
#content h2 a, #content h3 a {text-decoration: none;}
#content h2 a:hover, #content h3 a:hover {text-decoration: underline;}
#content div.post {margin-bottom: 4em;}

#content .post_meta_bottom {border-bottom: 1px solid #768F99; overflow: hidden; font-size: 0.8333em; padding: 0.2em 0;}
#content .post_meta_bottom, #content .post_meta_bottom a {color: #768F99; text-decoration: none;}
#content .post_meta_bottom a:hover {text-decoration: underline; color: white;}

#content #sidebar ul {margin-top: 1em;}
#content #sidebar #events li {background: transparent url('images/bg_bullet.png') no-repeat 0 1.7em; padding-left: 15px; margin-left: -15px;}
#content #sidebar #events p.event_date {padding: 0; color: #768F99;}
#content #sidebar #photos img {display: block;}
#content #sidebar #photos ul {margin-left: -20px;}

#content #sidebar div.flickrpress-container {overflow: hidden; margin-left: -34px; padding-bottom: 9px;}
#content #sidebar div.flickr_item {float: left; margin-left: 34px; margin-top: 17px;}
#content #sidebar div.flickr_item a {border: 1px solid white; display: block;}
#content #sidebar div.flickr_item img {display: block;}

#content .entry ul {padding-left: 30px; padding-bottom: 1em;}
#content .entry ul li {list-style: circle;}
#content .entry ul#flickrRSS {margin-left: -31px; overflow: hidden; padding: 0;}
#content .entry ul#flickrRSS li {float: left; margin-left: 31px; margin-bottom: 17px; list-style: none;}
#content .entry ul#flickrRSS a {display: block; border: 1px solid white;}
#content .entry ul#flickrRSS img {display: block;}

.page h2, .archive h2 {margin-bottom: 1em;}

.archive h3 {border-bottom: 1px solid #768F99; padding-bottom: 0; font-weight: bold;}

ol.commentlist {margin-bottom: 2em; border-bottom: 1px solid #768F99;}
ol.commentlist li {overflow: hidden; border-top: 1px solid #768F99; margin-bottom: 1em;}
ol.commentlist .comment_body {background: #3d4e50; padding: 10px 12px;}
ol.commentlist cite {font-size: 0.9167em; background: transparent url('images/bg_comment_cite.png') no-repeat 23px 0; display: block; padding: 20px; color: #9FD6FF;}
ol.commentlist cite img {border: 1px solid white; margin-right: 10px; vertical-align: middle;}
textarea#comment {width: 598px; padding: 10px; border: 1px solid #768F99;}

#footer {margin-top: 3em; padding: 30px 0 4em; background: transparent url('images/divider.png') no-repeat 0% 0%; overflow: hidden;}
#footer ul {float: right;}
#footer li {float: left; margin-left: 30px;}
#footer a.sponsor {display: block; background: transparent url('images/footer_logos.png') no-repeat; height: 62px; text-indent: -9999em;}
#footer a.xprezo {width: 135px; background-position: 0 5px;}
#footer a.rudy_project {width: 101px; background-position: -163px 2px;}
#footer a.cycle_solutions {width: 85px; background-position: -287px 0;}