/*  
Theme Name: Rapid Transit
Theme URI: http://rapidtransitvideo.com
Description: Custom Theme For Rapid Transit blog, based on Starkers by Elliot Jay Stocks
Version: 1.0
Author: Kevin deLeon
Author URI: http://mydesigncouldbeatupyourdesign.com
*/

/* ************************************************************************************************************************************************************

Obviously feel free to change the info above once you've added your own styling

************************************************************************************************************************************************************ */


/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui, Copied and modified from Elliot Jay Stocks Free Starkers Wordpress Theme*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults Copied and modified from Elliot Jay Stocks Free Starkers Wordpress Theme*/
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* ************************************************************************************************************************************************************

And now it's over to you...

************************************************************************************************************************************************************ */

/*-----------------------------------------
Setting some basic styles for all pages...canceling out 
margins, and setting up fonts and typography
-------------------------------------------*/
* {padding: 0; margin: 0;}
body, p, li, td, th, dd {font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 12px; padding: 0;}
ol, il, li {list-style: none;}

body {color: #000;}
img {border: 0;}

p, li, td, th, dd, ol, il {font-size: 12px;}
p {margin: 10px 0 10px 8px; line-height: 1.5em;}
li {line-height: 1.5em; margin: 0 0 0 8px;}

a {color: #21428F; text-decoration: none;}
a:visited {color: #21428f; text-decoration: none;}
a:active {color: #21428f; text-decoration: none;}
a:hover {color: #990000; text-decoration: none;}

h1 {margin: 10px 0 10px 0; font-family: "Courier New", Courier, mono; font-size: 25px;}
h2 {margin: 10px 0 10px 0; font-family: "Courier New", Courier, mono; font-size: 20px;}
h3 {margin: 10px 0 5px 0; font-family: "Courier New", Courier, mono; font-size: 18px;}

#mission p {font-size: 14px; font-family: "Courier New", Courier, mono; padding: 40px 40px 0 40px; line-height: 1em;}
#mission a {font-weight: bold;}

#footer {color: #eee;}

/*------------------------------------------
form elements
------------------------------------------*/
.searchField {border: 1px solid #333;}

/*------------------------------------------
structure
------------------------------------------*/

/*Basic Structure for every page */
#container {position: relative; width: 993px; margin: 0 auto;}
#header {width: 993px; height: 239px; margin: 0 auto; background: url('/assets/images/header.png') no-repeat;}
#header h1 {position: absolute; display: block; text-indent: -9999px;}
#header #sponsors h2 {position: absolute; display: block; text-indent: -9999px;}
#sponsors {position: absolute; top: 40px; left: 575px;}
.mion {display: block; width: 253px; height: 94px; margin: 0 0 0 0;}
.riot {display: block; width: 104px; height: 37px; margin: 0 0 0 0;}
.effort {display: block; width: 191px; height: 98px; margin: -55px 0 0 120px;}
#content {width:993px; margin: 0; background: url('/assets/images/body.png') repeat-y; overflow: hidden; }
#mainContent {position: relative; float: left; width: 604px; margin: 0 10px 0 0; padding: 0 0 0 27px;}

/*stuff for secondary content */
/*These Divs down here get a bit confusing because of the way I had to code the sidebar or "secondaryContent" to expand for IE6. The content is actually held within #secondaryBodyContent.
#secondaryContent just holds the top image of the side bar */
#secondaryContent {position: relative; float: right; width: 301px; height: 64px; margin: 0 51px 0 0; padding: 0 0 0 0; background: url('/assets/images/tagTop.jpg') no-repeat; clear:right;}
#secondaryBody {position: relative; float: right; width: 301px; margin: 0 51px 0 0; padding: 0 0 0 0; background: url('/assets/images/tagBody.jpg') repeat-y; clear: right;}
#secondaryBodyContent {position: relative; width: 255px; min-height: 320px; margin: 0 21px 0 0; padding: 0 10px 0 20px;}
#secondaryBottom {position: relative; width: 297px; height: 51px; margin: 0 0 0 0; padding: 0 0 0 0; background: url('/assets/images/tagBottom.jpg') no-repeat; clear: both;}


#searchContain {padding: 0px; margin: 0;}
#searchBtn {vertical-align: middle; width: 71px; height: 33px; text-indent: -9999px; margin: 0; padding:0; border:0; background: transparent url('/assets/images/search.png') no-repeat; cursor: pointer;}
#searchBtn:hover {background-position: -72px;}

.searchField {vertical-align: middle;}
.searchLabel { display: none;}
a.replace {	display: block;} 
p#subscribe {position: relative; width: 169px; height: 37px; text-indent: -9999px; margin: 10px 0 0 0;}
p#subscribe a span { position: absolute; top: 0; left: 0; display: block; background: url('/assets/images/rss.png'); width: 100%; height: 100%; cursor: pointer;}
p#subscribe a:hover span {background-position: -169px;}

.banner {border: 1px solid #333; margin-bottom: 5px;}

#bottomPaper {margin: 0 auto; margin-bottom: 20px; width: 993px; height: 78px; background: url('/assets/images/bottomPaper.png') no-repeat; color: #eee;}

/*
Flickr Badge Styling
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!*/
#flickr_badge_uber_wrapper {float: left; width: 255px;}
.flickr_badge_image img { width: auto; height: 50px; padding: 0; margin: 0 5px 5px 0; border: 1px solid #000; float: left; }
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important; background: #000; width: 203px; margin-bottom: 5px;}
/*
#flickr_badge_uber_wrapper {text-align:center; width:150px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
End Flickr Badge*/

#footerContain{width: 100%; height: 177px; background: #000;}
#footer {position: relative; width: 993px; height: 177px; margin: 0 auto; padding: 0 0 0 20px; background: #000000 url('/assets/images/footer.jpg') bottom no-repeat;}
#footer .copyright {display: block; float: left; margin-left: 10px;}
#footer .mydesign {display: block; float: right; margin-right: 25px;}

/*Navigation*/

/*highlight current page  */
#home #navigation #nav_home a {color: #000; border-bottom: medium solid #990000;}
#library #navigation #nav_library a {color: #000; border-bottom: medium solid #990000;}
#producers #navigation #nav_producers a {color: #000; border-bottom: medium solid #990000;}
#music #navigation #nav_music a {color: #000; border-bottom: medium solid #990000;}
#blog #navigation #nav_blog a {color: #000; border-bottom: medium solid #990000;}
#store #navigation #nav_store a {color: #000; border-bottom: medium solid #990000;}
#podcasts #navigation #nav_podcasts a {color: #000; border-bottom: medium solid #990000;}

#navigation {margin: 10px 0 20px 0;}
#navigation ul li {display: inline; margin: 0 10px 0 0;}
#navigation ul li a {font-size: 18px; color: #990000; text-decoration: none;}
#navigation ul li a:hover {font-size: 18px; color: #000; border-top: medium solid #990000;}
/*End Naviation*/


/*--------------------------------------
Lists
--------------------------------------*/
#secondaryBodyContent li {padding: 0; margin: 0;}
#secondaryBody h2 {margin: 20px 0 10px 0;}


/*----------------------------------------
Page Specific
-----------------------------------------*/
/*Video Container On Front Page */
#videoContainer {margin: 40px 0 0 0;}
#video {margin: 10px 0 0 0; border: none; width: 480px;}

/*Mission Statement On Front Page */
#mission{position: absolute; margin: 0; left: 565px; top: 370px; width: 418px; height: 350px; background: url('/assets/images/mission.png') no-repeat; z-index: 1000;}

/*Producer Pages */
.prodFloatLeft {float: left; border: 1px solid #333; padding: 5px; margin: 5px;}
.prodFloatRight {float: right; border: 1px solid #333; padding: 5px; margin: 5px;}
.producerSummary {border-top: 1px dashed #333; width: 600px; overflow: hidden; margin-bottom: 20px;}

.producersHR {margin: 0 auto; width: 80%; height: 1px; background: #333; border: 0;}

/*Music Page*/
.musicLinks {font-size: 1.5em;}


/*------------------------------------------
Blog Specific Stuff
------------------------------------------*/

.alt {background: #e1e1e1; border-top: 1px solid #333; border-bottom: 1px solid #333;}
ol.commentlist li {padding: 10px 0 10px 0;}

#footer .wpFooter {display: block; text-align: center;}

/*making comment box a specific width */
#comment {width: 580px;}

#respond {margin-top: 40px;}
#commentform {border: 1px solid #333;}
#commentHead {margin: 20px 0 0 0;}
/*cat dropdown*/
#categories-1 {margin-top: 20px;}
#cat {width: 200px;}

.postmetadata {border-top: 1px dashed #333; border-bottom: 1px dashed #333; padding: 5px 0 5px 0;}

/*form elements*/
#cat {border: 1px solid #333;}
#author {border: 1px solid #333;}
#email {border: 1px solid #333;}
#url {border: 1px solid #333;}
#comment {border: 1px solid #333;}


/* End Blog Specific Stuff */

/*lastly lest load this huge background image...in theory of course Thanks Elliot Jay Stocks*/
body {background: #4c2a00 url('/assets/images/mainBG.jpg') top center fixed no-repeat;}