/*
Theme Name: Bike City
Theme URI: http://bikecity.shinynewbike.org/
Description: A theme specially geared towards cycling advocacy organizations.
Version: 0.9
Author: Nathan Swartz
Author URI: http://shinynewbike.org/
Tags: Blue

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

The CSS for this theme can be found in the style.php file.

*/

 
/* CSS by Nathan Swartz */

body, h1, h2, h3, h4, h5, h6, form, input, fieldset, p, blockquote, ul, ol, li, dd, dt, dl {margin:0; padding:0;}

img, fieldset {border:none;}

body {font: 15px/150% "Helvetica Neue",Helvetica,Arial,sans-serif;
	  background:white;
	  text-align:center;
}

/* Positioning */

input, button, #search, #sidebar, .buttonlink, .post-edit-link, .wp-caption, .post img {-moz-border-radius:2px; -webkit-border-radius:2px;}
.discussion {-moz-border-radius:5px; -webkit-border-radius:5px;}

#copy, #sidebar, .widget {overflow:hidden;}

.container, .nav {width:954px; margin:0 auto; text-align:left;}
.width {clear:left;}

#header .container {height:70px; background:url(img/logo.gif) no-repeat 0 15px; padding-top:39px; position:relative;}

h1 {padding-left:87px; font-size:400%; height:75px; padding-top:18px; display:inline;}
h1 a {text-decoration:none;}
h1 a em {font-style:normal;}

p.tagline {display:inline; position:absolute; top:36px; font-weight:bold; padding-left:10px; margin-top:0;}
p.tools {position:absolute; top:10px; right:0; margin-top:0;}

#search {position:absolute; top:39px; right:0;}
#search {height:27px; padding:4px;}

.nav {height:42px;}
.nav ul {list-style:none;}
.nav ul li {float:left; text-transform:uppercase; font-size:18px;}
.nav ul li a {padding:10px; display: block; text-decoration:none; border-bottom:5px solid white;}
.nav ul li a:hover {background:white;}

.nav ul li ul {position: absolute; width:200px; left: -999em; list-style:none;}
.nav ul li:hover ul {left: auto; margin-top:-6px; }

.nav ul li ul li {clear:left; display:block; width:200px; font-size:15px;}
.nav ul li ul li a {display:block;}

#content {margin:28px 0; float:left;}

#copy {width:664px; margin-right:60px; float:left;}

.post {margin-bottom:5px; float:left; width:664px;}

.top {margin-bottom:25px; float:left;}

#updates {width:340px; margin-right:40px; float:left;}
#alerts {width:284px; float:left;}

.page_nav {font-size:120%;}
.page_nav .alignright, .page_nav .alignleft {width:50%; float:left;}

.column {width:50%; float:left;}

.business_card {width:164px; float:left; background:url(img/comment_dark.gif) no-repeat right 15px;}
.alt .business_card {background:url(img/comment_light.gif) no-repeat right 15px;}
.discussion {width:478px; padding:10px; float:left; color:white;}
#respond {float:left; clear:both; width:447px;}

#sidebar {width:200px; float:left; padding:25px 15px; }
.newsletter {width:200px; margin:15px 0 10px -15px; padding:3px 15px;}
#wp-calendar {background:white; margin:15px 0 15px -10px; width:190px; width:220px;}

#footer {clear:left; width:950px; margin:0 auto; padding:15px 0; text-align:center;}

/* Typography */

#content h1 {display:none;}
.intro h2 {display:none;}
.intro p:first-line, h2 {font-size:250%; font-weight:bold;}
.intro p:first-line {line-height:100%;}

.intro p, #join p, .top p {font-size:18px; font-weight:bold; line-height:165%; margin-top:0;}

h2 {font-size:310%; letter-spacing:-1px; margin-bottom:21px; line-height:90%;}
h3 {font-size:230%; color:margin:20px 0; line-height:90%;}
#join h3 {margin:0 0 5px 0;}
h3#comments, h3#reply {clear:left;}
h3#comments {float:left;}
h3#reply {padding-top:20px;}

h4 {font-size:120%; margin:15px 0 5px 0; letter-spacing:0px;}
h5 {font-size:100%; margin:10px 0;}
h6 {margin:10px 0 5px 0;}

p {padding:5px 0; text-align:justify;}
#join p {line-height:120%; margin-top:0;}
.newsletter p {margin-top:40px;}

.top p.datestamp {font-size:15px; font-weight:normal; font-style:italic;}
.meta {background:url(img/icon_comment_small.png) no-repeat 0 8px; padding-left:30px;}

.top .meta {background:url(img/icon_comments.png) no-repeat 0 3px; padding-left:42px;}

a {font-weight:bold;}
.icon_comment_small {background:url(img/icon_comment_small.png) no-repeat; padding:2px 0 2px 30px;}
#join h3 a, h2 a {text-decoration:none;}
.newsletter a {color:white;}

#content ul, #content ol {margin-left:35px;}
#content li {padding:4px 0;}
#updates ul {list-style:none; margin-left:0;}

#content ol.comment_thread {margin-left:0; list-style:none !important;}
#content ol.comment_thread li {clear:both;}

blockquote {background:url(img/bq_open.png) no-repeat; padding-left:40px; font-size:120%; margin:15px 0;}
blockquote p {background:url(img/bq_close.png) no-repeat bottom right; padding:0 40px 0 0;}

.rss_icon, .icon_rss {background:url(img/icon_rss.png) no-repeat; padding-left:25px !important;}
.icon_comment {background:url(img/icon_comment_small.png) no-repeat; padding-left:30px !important;}
.icon_twitter {background:url(img/icon_twitter_small.png) no-repeat; padding-left:30px !important;}
.icon_facebook {background:url(img/icon_facebook_small.png) no-repeat; padding-left:30px !important;}

.alignleft {text-align:left;}
.alignright {text-align:right;}

img.alignleft, div.alignleft {float:left; margin:0 15px 15px 0; padding:3px;}
img.alignright, div.alignright {float:right; margin:0 0 15px 15px; padding:3px;}
img.aligncenter, div.aligncenter {margin:15px auto; display:block; padding:3px;}

.wp-caption-text {font-size:90%; margin-right:10px;}
div.alignright .wp-caption-text {margin-left:15px; }


.context_links {font-size:90%; margin:15px 0;}
.context_links p { font-weight:bold;}
.context_links ul {list-style:none; margin-left:0 !important;}

/* Forms */

input {border:none; padding:4px; width:192px; font-size:15px; margin:3px 0;}
#search input {background:none;}
.newsletter input {background:white;}

button, .buttonlink, .post-edit-link { color:white; border:none; float:right; padding:4px 6px; font-size:15px; margin:3px 0;}
#search button {background:url(img/icon_search.png) no-repeat; border:none; text-indent:-999em; width:25px; height:25px; padding:0; float:none; margin:0;}

/* Tables */

#copy table {padding:2px; margin:15px auto;}
th, td {padding:3px;}
th {color:white; font-weight:bold;}
tr.ruled {color:white;}
.nav tr.even {background:white !important;}
#ec3_prev {margin-left:8px;}
#ec3_next {margin-right:8px;}