/*
Theme Name: Bike/Ped
Theme URI: http://wwbpa.org/
Description: A custom theme built for the WWBPA
Version: 1.0
Author: Nathan Swartz

*/

/** CSS by Nathan Swartz on Car Free Fridays, PGH PA **/

body {color:#221e1f;
	  font: 15px/150% Helvetica,Arial,sans-serif;
	  background:#ecba0e url(img/bg_content.gif) repeat-y center;
	  text-align:center;
}

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;}

/* Positioning */

.container {width:920px; margin:0 auto; text-align:left;}

#header {background:url(img/bg_header.jpg) repeat-x; padding:11px 0 0 0; height:119px;}

h1 {background:url(img/logo.jpg) no-repeat; width:275px; height:94px;  float:left;}
h1 a {display:block; height:94px; text-indent:-999em;}

#header .container p {margin-top:49px; width:300px; font-size:120%; font-weight:bold; float:left;}

#search {padding:25px 0 0 125px; float:left;}
#search input {width:163px; width:160px;}

#nav {clear:left; background:url(img/bg_nav.gif) repeat-x; margin-top:-11px; float:left; width:100%;}

#nav .container {width:920px; margin:0 auto;}

#nav li {list-style:none;}
#nav li a {color:#fff; border-left:2px solid #211d1e; padding-left:9px;}
#nav li.first_li a {border-left:none;}

#primary li {float:left; padding:9px 9px 9px 0; text-transform:uppercase;}
#secondary li {float:left; padding:9px 9px 9px 0; }

#secondary {float:right;}

#primary a {
	display: block;
}

#primary li {
	float: left;
}

#primary ul {
	position: absolute;
	width: 200px;
	left: -999em;
	background:#5a5a5a;
}

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

#primary ul li {width:200px; font-size:90%; margin:0;}
#primary ul li a {text-transform:none !important; width:184px; padding:2px 8px; display:block; border-left:none !important;}
#primary ul li a:hover {background:white; color:#5a5a5a;}

#top, #bottom {width:888px; padding:16px; float:left;}
#bottom {background:#f5f3ec; padding:16px 12px; margin:0 4px;}

.leftcol {width:625px; float:left; padding:16px 0 16px 10px;}
.rightcol {width:235px; float:left; padding:16px 8px 16px 10px;}
#home .leftcol, #bottom .leftcol  {width:500px;}
#home .rightcol, #bottom .rightcol  {width:360px;}

.page_nav {width:615px; float:left;}
.page_nav .alignleft, .page_nav .alignright {width:307px; float:left;}

#content {min-height:500px;}

.icon_facebook {background:url(img/icon_facebook.jpg) no-repeat; padding:5px 0 5px 40px !important; margin-bottom:5px;}
.icon_twitter {background:url(img/icon_twitter.jpg) no-repeat; padding:5px 0 5px 40px !important;}

.imagenav img {margin-right:4px;}

#footer {clear:left;}

#footer p {font-size:90%; padding:15px 0;}

.post {margin-bottom:25px;}

img.centered {
	display: block;
	margin:15px 0;
		}

img.alignright {
	margin: 0 0 15px 15px;
	display: inline;
	float: right;
	}

img.alignleft {
	margin: 0 15px 15px 0;
	display: inline;
	float: left;
	}

.alignright {text-align:right;}

.alignleft {text-align:left;}

.hidden {display:none;}

.slideshow {margin-bottom:10px;}

.subnav {margin-left:15px !important;}

.postmetadata {font-style:italic; font-size:90%;}

.commentlist {list-style:none;}

.avatar {float:left; margin:0 15px 15px 0;}

.donatebutton {border:none !important; background:white; margin-top:7px;}

/* Typography */

h3 {margin-top: 10px;}

blockquote {border-left:5px solid gray; margin:20px 0; padding-left:15px;}

#comments {clear:both;}

a {color:#5c95bf; text-decoration:none; font-weight:bold;}

#content p {padding:9px 0;}

#content ul {margin-left:30px;}
#content li {margin:4px 0;}

#blogbar ul {list-style:none !important; margin-left:0; margin-bottom:15px;}

/* Forms */

input, button {font-size:100%;}
input {background:#f1f1f1; padding:5px; border:1px solid #b9b9b9; color:#101010;}
button {background:#f8c101; padding:4px; border:1px solid #b9b9b9; color:#101010; text-transform:uppercase;}