/*
Theme Name: FreeRide Revival
Theme URI: http://freeridepgh.org/
Description: The latestly greatestly theme built by ClickNathan for FreeRide PGH!
Version: 1.0
Author: Nathan Swartz of ClickNathan.com
Author URI: http://clicknathan.com/

	This theme and all of its components are copyright FreeRide Pittsburgh. Not to be used without permission of FreeRide and ClickNathan

*/

/* CSS by ClickNathan one lazy summer afternoon */

body {background:url(img/bg.jpg) repeat top center; 
	color:#555555; 
	color: #333; /* Changed to a darker by William Wedler */
	font: 15px/150% Helvetica,Arial,sans-serif;
	text-align:center;
	}
	
body, h1, h2, h3, h4, h5, h6, form, input, fieldset, p, blockquote, ul, ol, li {margin:0; padding:0;}

img, fieldset {border:none;}

/* Positioning */

#background {background:url(img/bg_content.gif) repeat-y top center;}

#headerback {background:url(img/bg_header.jpg) no-repeat top center;}

#container {width:724px; margin:0 auto; text-align:left;}

#header {height:244px; padding-top:73px; position:relative;}

h1 {width:515px; height:117px;}

h1 a {display:block; height:117px; text-indent:-999em;}

.who_we_are {width:213px; height:189px; position:absolute; right:-38px; top:10px;}

a.who_we_are {display:block; height:189px; background:url(img/who_we_are.jpg) no-repeat; background-position:top; text-indent:-999em;}
a:hover.who_we_are {background-position:bottom !important;}

#nav {position:absolute; z-index:999; list-style:none; margin-top:47px; background:url(img/bg_nav.jpg) no-repeat; height:33px;}

#nav li {float:left; height:33px; margin-left: 10px;}
#nav li a {display:block; height:33px; text-indent:-999em;}

#nav li ul li a {text-indent:0 !important; color:#fff !important; font-weight: 900; display: block; padding: 0px 8px;} /* modifications WW */
#nav li ul li a:hover {color:#fc0 !important; background: #444;} /* modifications WW */

#nav li ul {padding:0 8px 15px 8px;}

#nav li ul li {display:block; width:180px; margin:0 !important; line-height:90%; font-weight:bold; z-index:999;} /* modifications WW */

#nav li ul li ul {display:none;}

.nav_resources {width:128px;}
.nav_about {width:88px;}
.nav_programs {width:134px;}
.nav_volunteer {width:129px;}
.nav_donate {width:100px;}
.nav_learn {width:80px;}

#nav li ul {list-style: none; position: absolute; width:189px; background:url(img/bg_dropdowns.png) no-repeat bottom center; left: -999em; padding:5px 0 25px 5px !important; margin:0 !important;}
	
#nav li:hover ul {left: auto;}

#nav li:hover ul, #nav li.sfhover ul {left: auto;}

#content {padding-left:18px;}

#copy {float:left; width:491px; padding:0 16px 16px 16px;}
#sidebar {float:left; width:150px; padding:0 13px 16px 13px;}

.col_1, .col_2 {float:left; width:235px; margin-right:10px;}

#footer {clear:left; background:#ffcc00; padding:20px; text-align:center; font-size:80%;}
.alignright {float:right; margin:0 0 10px 10px;}
.alignleft {float:left; margin:0 10px 10px 0;}

#search label {display:none;}
#search {margin:38px 0 0 8px; position:relative;}
#s {height:24px; background:transparent; border:none;}
#searchsubmit {position:absolute; text-indent:-999em; background:transparent; width:38px; height:38px; right:-50px; top:-3px; border:none;}

.meta {background:#b8b7b7  url(img/stuff_gray.jpg) no-repeat;; border:none; padding:10px; font-weight:bold; margin:10px 0 35px 0;}
.pagenav, .arch {float:left; background:#555; border:none; padding:10px; font-weight:bold;}
.pagenav a {color:white;}
.textleft, .textright {float:left; width:235px;}
.textright {text-align:right;}
.arch {margin-bottom:20px; background:#b8b7b7;}

.meta, .pagenav, .arch, #submit, .commentlist li, .popout {-moz-border-radius: 10px; -webkit-border-radius: 15px;}

#submit {background:#b8b7b7; padding:10px; float:right; margin:0 87px 0px 0px; border:none; clear:right;}

.subtle p {margin-top:-15px !important;}
.commentlist {list-style:none;}
.commentlist li {padding:15px !important;}
.avatar {float:left; margin:5px 10px 10px 0;}

.alt {background:#eaeaea;}

.whenner {line-height:60%;}

.popout {padding:0 10px; width:210px; margin:10px 0; background:#fdf4cf url(img/stuff_peach.jpg) no-repeat;}

.col_1 {width:210px; margin:10px 15px 0 0;}

.pair {margin-top:15px !important; background:url(img/pair_logo.gif) no-repeat center; width:118px; height:27px; margin:0 auto;}
.pair a {text-indent:-999em; display:block; height:27px;}

/* Typography */

h2 {padding-bottom:11px;}
h3 {padding:10px 0;}

p {padding:5px 0;}

a {color:#e92528; text-decoration:none;}

#copy ul {padding:5px 0 5px 30px;}
#copy li {padding:4px 0;}

ul.latest_posts {padding:0px !important; list-style:none;}
ul.latest_posts li {border-left:10px solid #b8b7b7; padding:0 0 0 7px !important; margin:4px 0 13px 0;}

#sidebar h2 {text-indent:-999em; margin-top:25px;margin-bottom: 0px;padding:0;} /* Edited (WW) */

.small {font-size:80%;}
.light {color:#b8b7b7;}

.directions {float:right; margin-top:-32px;}

.when {background:url(img/text_when.gif) no-repeat; width:62px; height:23px;} /* Old height 23px (WW)*/
.where {background:url(img/text_where.gif) no-repeat; width:72px; height:23px;}
.tags {background:url(img/text_tags.gif) no-repeat; width:50px; height:22px;}
.rss {background:url(img/text_rss.gif) no-repeat; width:71px; height:28px;}
.newsletter {background:url(img/text_newsletter.gif) no-repeat; width:146px; height:23px;}
.archives {background:url(img/text_archives.gif) no-repeat; width:93px; height:23px;}
.categories {background:url(img/text_categories.gif) no-repeat; width:115px; height:22px;}

.rss a {display:block;}

.arch h2 {color:white; width:469px; font-size:1em; padding-bottom:0px;}

/* Additionals */

.fdpoweredby {display:none;}


/* Added by William Wedler on November 15, 2009 */
#shopHours {
  line-height: 100%;
  padding: 0;
}

#shopHours h3, #shopLocation h3{
  margin: 0;
  margin-bottom: 3px;
  padding: 0;
}

#shopHours dl{
  margin: 0px;
  font-size: 80%;
}

#shopHours dl dt{
  margin-top: 2px;
}

#shopHours dl dd{
  margin: 0;
  margin-left: 15px;
  margin-bottom: 3px;
  border-left: 2px solid #333;
  padding-left: 3px;
}

#shopLocation address {
  
}

#shopLocation address a{
  color: #000;
}

#shopLocation address a:hover{
  color: #e92528;
}