/*
Theme Name: Bike First!
Theme URI: http://www.bikefirstlttw.com
Description: Custom theme for the Bike First!
Version: 1.0
Designer: Evan Rowe
Author: Evan Rowe
Designed By
Author URI: http://www.evan-rowe.com
Tags: custom

	This theme was designed and coded by <a href="http://www.evan-rowe.com">Evan Rowe</a>.

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

*/


/*  RESET
===========================================
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	list-style-type: none;
}

li {
	list-style: none;
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img a, a img {
	border: none;
	background: none;
}

a, a:hover {
	outline: none;
}

blockquote, q
{
	quotes: none;
}

/*
Safari doesn't support the quotes attribute, so we do this instead.
*/
blockquote:before, blockquote:after, q:before, q:after
{
	/*
	CSS 2; used to remove quotes in case "none" fails below.
	*/
	content: "";
	/*
	CSS 2.1; will remove quotes if supported, and override the above.
	User-agents that don't understand "none" should ignore it, and
	keep the above value. This is here for future compatibility,
	though I'm not 100% convinced that it's a good idea...
	*/
	content: none;
}

textarea { overflow: auto; }
input { border: 0px solid white; margin: 0;  padding: 0; }



/*  COLORS
===========================================

blue: 4FBDE8
light blue: 74CDEE
dark blue: 009AC2

orange: F47D30
light orange: FBB98C

light grey: D0D2D3
dark grey: 58595B

*/


/*  GLOBALS, PAGE STRUCTURE
===========================================
*/



body {
	margin: 0 auto;
	text-align: center;
	background: url(./img/bg-page.jpg) top left repeat-x #4FBDE8;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #404041;
}

#wrapper {
	width: 787px;
	height: auto;
	margin: 0 auto;
}

#header {
	width: 780px;
	height: 130px;
	float: left;
	text-align: left;
	margin-top: 35px;
	background: url(./img/bg-header.png) 5% 0% no-repeat;
}

#content-top {
	width: 787px;
	height: 65px;
	float: left;
	background: url(./img/bg-content-top.png) top left no-repeat;
}

#main-nav {
	width: 750px;
	height: 46px;
	float: left;
	text-align: left;
	margin: 20px 0 0 15px;
}

#content {
	width: 787px;
	height: auto;
	float: left;
	background: url(./img/bg-content.png) top left repeat-y;
	padding: 40px 0 30px 0;
	text-align: left;
}

#page-top {
	width: auto;
	float: left;
	margin-bottom: 40px;
}

#page {
	width: 750px;
	height: auto;
	float: left;
	margin-left: 30px;
	text-align: left;
}

#sidebar { width: 240px; float: left; height: auto; margin-left: 40px; }

#content-bottom {
	width: 787px;
	height: 65px;
	float: left;
	background: url(./img/bg-content-bottom.png) top left no-repeat;
}

#footer {
	width: 750px;
	height: 32px;
	float: left;
	background: url(./img/bg-footer.png) top left no-repeat;
	border-top: 1px solid #666666;
	margin: 6px 0 0 15px;
	text-align: left;
	padding-top: 8px;
}

#bottom-spacer {
	width: 100%;
	height: 40px;
	float: left;
}

.entry .spacer { 
	width: 440px;
	height: 20px;
	float: left;
}


/*  HEADER STRUCTURE
===========================================
*/

#home-link {
	width: 576px;
	height: 79px;
	float: left;
	margin: 0 0 0 10px;
}

#tagline {
	float: left;
	clear: both;
	color: #404041;
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	margin: 12px 0 12px 26px;
	text-shadow: #ffffff 0px 1px 0px;
	width: 700px;
	height: auto;
}


ul#nav-primary {
	list-style-type: none;
	display: block;
	width: 750px;
	height: 46px;
	background: url(./img/nav-sprite.png) top left no-repeat;
	float: left;
	position: relative;
}

ul#nav-primary li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

ul#nav-primary li, ul#nav-primary a {
	height: 40px;
	display: block;
}

#home { left: 0; top: 0; width: 83px; height: 40px; }
#about { left: 83px; top: 0; width: 88px; height: 40px; }
#contact { left: 171px; top: 0; width: 105px; height: 40px; }
#clinics { left: 276px; top: 0; width: 91px; height: 40px; }
#volunteer { left: 367px; top: 0; width: 120px; height: 40px; }
#success-stories { left: 487px; top: 0; width: 171px; height: 40px; }
#donate { left: 658px; top: 0; width: 92px; height: 40px; }

#home a:hover, #home.current { background: transparent url(./img/nav-sprite.png) 0px -55px no-repeat; }
#home a:active { background: transparent url(./img/nav-sprite.png) 0px -115px no-repeat; }

#about a:hover, #about.current { background: transparent url(./img/nav-sprite.png) -83px -55px no-repeat; }
#about a:active { background: transparent url(./img/nav-sprite.png) -83px -115px no-repeat; }

#contact a:hover, #contact.current { background: transparent url(./img/nav-sprite.png) -171px -55px no-repeat; }
#contact a:active { background: transparent url(./img/nav-sprite.png) -171px -115px no-repeat; }

#clinics a:hover, #clinics.current { background: transparent url(./img/nav-sprite.png) -276px -55px no-repeat; }
#clinics a:active { background: transparent url(./img/nav-sprite.png) -276px -115px no-repeat; }

#volunteer a:hover, #volunteer.current { background: transparent url(./img/nav-sprite.png) -367px -55px no-repeat; }
#volunteer a:active { background: transparent url(./img/nav-sprite.png) -367px -115px no-repeat; }

#success-stories a:hover, #success-stories.current { background: transparent url(./img/nav-sprite.png) -487px -55px no-repeat; }
#success-stories a:active { background: transparent url(./img/nav-sprite.png) -487px -115px no-repeat; }

#donate a:hover, #donate.current { background: transparent url(./img/nav-sprite.png) -658px -55px no-repeat; }
#donate a:active { background: transparent url(./img/nav-sprite.png) -658px -115px no-repeat; }


#center {
	width: 0px;
	margin: 0 auto;
	position: relative;
}

ul#nav-secondary {
	list-style-type: none;
	display: block;
	width: 750px;
	height: 25px;
	background: #FA9A5F;
	background-image: -webkit-gradient(linear, 0% 30%, 0% 100%, from(#FEE8D7), to(#FA9A5F));
	position: relative;
	top: 250px;
	left: 15px;
}

ul#nav-secondary li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	height: 24px;
	border-right: 1px solid #F16522;
	float: left;
	padding: 1px 8px 0 8px;
}

ul#nav-secondary li a { color: #58595B; font-weight: bold; font-size: 12px; text-decoration: none; text-shadow: #FEE8D7	 0px 1px 0px; }

ul#nav-secondary li:hover, ul#nav-secondary li.current {
	background-color: #FEE8D7;
	background-image: -webkit-gradient(linear, 0% 30%, 0% 100%, from(#FA9A5F), to(#FEE8D7));
}



/*  COLORS
===========================================


faint blue: B8E5F6
light blue: 74CDEE
blue: 4FBDE8
dark blue: 009AC2

orange: F47D30
light orange: FBB98C

light grey: D0D2D3
dark grey: 58595B

*/


/*  TYPOGRAPHY
===========================================
*/

h1.quote { font-size: 26px; line-height: 28px; font-weight: bold; color: #009AC2; }
h1.quote.source { font-size: 26px; line-height: 28px; font-weight: bold; text-align: right; margin: 10px 60px 0 0; }

h2 { font-size: 26px; font-weight: bold; color: #009AC2; margin-bottom: 40px; }

h3 { font-size: 20px; font-weight: bold; color: #F47D30; }
h3.space { margin-bottom: 10px; }

h4 { font-size: 16px; font-weight: bold; color: #F47D30; line-height: 22px; margin: 10px 0 20px 0; }
h4.nospace { margin-top: 5px; }

h4.quote { font-size: 14px; line-height: 18px; }
h4.quote.source { margin: 5px 0 40px 120px; }

h5 { font-size: 16px; font-weight: bold; color: #009AC2; line-height: 20px; margin: 20px 0 5px 0; }
h5.nospace { margin-top: 5px; }

h6 { font-size: 14px; font-weight: bold; color: #F47D30; }

.entry { width: 440px; float: left; }

p { margin-bottom: 20px; }
.entry p { text-align: justify; }

.entry blockquote {
	background-color: #B8E5F6;
	background-image:  -webkit-gradient(linear, 0% 30%, 0% 100%, from(#B8E5F6), to(#74CDEE));
	margin: 0 0 20px 15px;
	padding: 10px;
	font-weight: bold;
	width: 300px;
	-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 2px 2px 5px #888;
	-webkit-box-shadow: 2px 2px 5px #888;
}

.entry blockquote p {
	margin: 0;
	line-height: 18px;
	color: #333;
	text-shadow: #eeeeee 0px 1px 0px;
}

/*  IMAGE STYLES
===========================================
*/

img, a img { border: 7px solid #74CDEE; margin-bottom: 15px; }
img.nospace { margin-bottom: 5px; }

a img:hover { border: 7px solid #F47D30; }

img.inline { border: 5px solid #74CDEE; margin: 5px 10px 5px 0px; }
img.inline.right { margin: 5px 0px 5px 10px; }


img.sidebar-img { margin: 20px 0 20px 0; }
img.sidebar-img.one { margin-top: 70px; }

img#lbImage { border: none; }


div.gallery { margin: 10px 0 25px 0; }

.gallery-row { margin-bottom: 5px; }

dl.gallery-item {
	margin: 0;
	padding: 0;
}

dt.gallery-icon {
	margin: 0;
	padding: 0;
	border: none;
}

dt.gallery-icon a img { margin: 0; padding: 1%; border: 4px solid #74CDEE; }
dt.gallery-icon a img:hover { margin: 0; padding: 1%; border: 4px solid #F47D30; }


/*  LINK AND LIST STYLES
===========================================
*/

a, a:visited { color: #F47D30; }
a:hover { color: #009AC2; }


.entry ul { list-style: disc; margin: 10px 0px 30px 15px; }
.entry ul li { list-style: disc; margin-left: 15px; }

a.lytebox { color: #74CDEE; }


/*  FOOTER STRUCTURE & LAYOUT
===========================================
*/

#footer { font-size: 10px; color: #404041; font-weight: bold; text-shadow: #ffffff 0px 1px 0px; }

span.copy { font-size: 11px; margin-left: 20px; float: left; }
span.siteby { margin-left: 30px; float: left; }
span.siteby a { color: #404041; }
span.siteby a:hover { color: #F47D30; }


ul#footer-nav, ul#footer-nav li { display: inline; }
ul#footer-nav { margin-left: 30px; float: left; }
ul#footer-nav li { padding: 0 5px 0 3px; border-right: 1px solid #404041; }
ul#footer-nav li.last { border-right: none; }
ul#footer-nav li a { color: #404041; text-decoration: none; }
ul#footer-nav li a:hover { color: #F47D30; text-decoration: none; }



/*  TABLES
===========================================
*/

.entry table {
	width: 440px;
	float: left;
	margin-bottom: 30px;
}

table tr.header-row {
	background-color: #009AC2;
	background-image: -webkit-gradient(linear, 0% 30%, 0% 100%, from(#74CDEE), to(#009AC2));
	color: #ffffff;
	font-weight: bold;
}

table tr.header-row td {
	padding: 2px 0 2px 6px;
}

table tr td {
	padding: 2px 0 2px 12px;
}

table tr.alt {
	background: #eeeeee;	
}


/*  POST STRUCTURE
===========================================
*/

.post { margin-bottom: 25px; float: left; width: 440px; height: auto; }

.post-head { border-bottom: 1px solid #F47D30; padding-bottom: 2px; margin-bottom: 15px; float: left; width: 440px; height: auto; }
.post-head h3 a { text-decoration: none; }
.publish_info { color: #009AC2; font-weight: bold; float: left; height: auto; width: 440px; }


/*  COLORS
===========================================


faint blue: B8E5F6
light blue: 74CDEE
blue: 4FBDE8
dark blue: 009AC2

orange: F47D30
light orange: FBB98C

light grey: D0D2D3
dark grey: 58595B

*/

/*  FORMS
===========================================
*/

form p { margin-bottom: 0; text-align: left; line-height: 16px; margin-bottom: 3px; }

label { font-weight: bold; color: #58595B; }

input.text { width: 350px; border: 1px solid #FBB98C; padding: 4px; margin-bottom: 15px; }
input.text:focus { background-color: #ededed; }

select, input.file { margin-bottom: 15px; }

textarea { width: 350px; border: 1px solid #FBB98C; padding: 4px; margin-bottom: 15px; padding: 4px; height: 70px; }
textarea:focus { background-color: #ededed; }

input.submit-button { 
	background-color: #B8E5F6;
	background-image: -webkit-gradient(linear, 0% 30%, 0% 100%, from(#B8E5F6), to(#74CDEE));
	margin: 10px 0 0 0;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	text-shadow: #ffffff 0px 1px 0px;
	-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 2px 2px 5px #888;
	-webkit-box-shadow: 2px 2px 5px #888;
}
	
input.submit-button:hover {
	background-color: #4FBDE8;
	background-image: -webkit-gradient(linear, 0% 30%, 0% 100%, from(#74CDEE), to(#009AC2));
	text-shadow: #dddddd 0px 1px 0px;
}

input.submit-button:active {
	background-color: #009AC2;
	background-image: -webkit-gradient(linear, 0% 30%, 0% 100%, from(#009AC2), to(#74CDEE));
	text-shadow: #dddddd 0px 1px 0px;
}