/* ---------------------------------------------------------------------------------------------------------------
 Resets default browser CSS. 
------------------------------------------------------------------------------------------------------------------ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table 			{ border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th 	{ vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, 
blockquote:after, 
q:before, 
q:after 		{ content: ""; }
blockquote, q 	{ quotes: "" ""; }

/* Remove annoying border on linked images. */
a img 			{ border: none; }




/* ---------------------------------------------------------------------------------------------------------------
 Typography
------------------------------------------------------------------------------------------------------------------ */


/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
	font-size: 88%;
	color: #222; 
	background: #fff;
	font-family: Helvetica, Arial, sans-serif;
	background: #fcf2d1 url(/images/layout/background.jpg) left top repeat-x;
	color: #333; 
	line-height: 1.5;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { color: #111; }

h1 { font-size: 3em; font-weight: bold; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.4em; font-weight: bold; margin-bottom: .75em; text-transform: uppercase; }
h3 { font-size: 1.1em; font-weight: bold; line-height: 1; color: #c70493; }
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
	margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #c70493; }
a           { color: #6b03ac; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; white-space: nowrap; }
th,td       { padding: 2px 2px 2px 0; vertical-align: top; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }




/* ---------------------------------------------------------------------------------------------------------------
 Core Elements
------------------------------------------------------------------------------------------------------------------ */

#shell 			{ width: 940px; margin: 12px auto 0 auto; }
#header			{ position: relative; display: block; background: url(/images/layout/header.jpg) right top no-repeat; padding-bottom: 25px; }
#content		{ background: #fff; padding-bottom: 20px; }

.skip			{ display: none; }
.copy			{ margin: 0 36px; padding: 2.5em 0; }	
.col			{ float: left; width:270px; display: inline; }
.append			{ margin-right: 29px; }
.prepend		{ margin-left: 29px; }
.nospace		{ margin-bottom: 5px; padding-bottom: 0; }
.addspace		{ margin-top: 2.5em; }

#logo 			{ margin-left: 36px; float: left; }
.left_curve 	{ display: block; background: url(/images/layout/left_curve.png) left top no-repeat; }
.right_curve 	{ display: block; background: url(/images/layout/right_curve.png) right top no-repeat; }


/* Floats
-------------------------------------------------------------- */

.float			{ display: inline; }
.right			{ float: right; margin-left: .3em; }
.left			{ float: left; margin-right: .3em; }
.top			{ margin-top: .3em; }
.bottom 		{ margin-bottom: .3em; }
.clear_left		{ clear: left; }


/* Bullets,Links w/ icons
-------------------------------------------------------------- */

ul.tire_bullets	{ list-style: none; margin: 0 0 2em 0; padding: 0; }
ul.tire_bullets li { 
	list-style-type: none; 
	padding: 1px 0 5px 25px; 
	margin: 0 0 1em 0;
	background: url(/images/icons/bullet_tire.gif) left top no-repeat;
	font-style: italic; 
}

ul.special_bullets		{ list-style: none; margin: 0; }
ul.special_bullets li	{ list-style-type: none; margin: 0 0 1em 0; }

/* icons are part of <a> tag */
a.tire, 
a.tire:visited, 
a.tire:hover,
a.pump,
a.pump:visited,
a.pump:hover,
a.wrench,
a.wrench:visited,
a.wrench:hover 			{ padding: 2px 0 5px 24px; font-weight: bold; display: block; }

a.tire, 
a.tire:visited, 
a.tire:hover			{ background: url(/images/icons/bullet_tire.gif) left top no-repeat; }

a.pump,
a.pump:visited,
a.pump:hover			{ background: url(/images/icons/bullet_pump.gif) left top no-repeat; }

a.wrench,
a.wrench:visited,
a.wrench:hover 			{ background: url(/images/icons/bullet_wrench.gif) left top no-repeat; }

a.photo_link { 
	clear: both; 
	padding: 1px 0 3px 28px; 
	display: block;
	background: url(/images/icons/bullet_photo.gif) left top no-repeat; 
	font-weight: bold; 
}


/* Main Nav
-------------------------------------------------------------- */

#nav {
	width: 550px;
	float: right;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0 30px 0 0;
}

#nav li 				{ display: inline; padding: 0; margin: 0; }
#nav li a				{ position: absolute; text-indent: -9999px; overflow: hidden; }

#nav a.home, 
#nav a.home:visited, 
#nav a.home:hover 		{ top:10px; left: 0; width: 85px; height: 45px; background: url(/images/main_nav/nav_home.png) left top no-repeat; }

#nav a.story, 
#nav a.story:visited, 
#nav a.story:hover 		{ top: 30px; left: 105px; width: 113px; height: 43px; background: url(/images/main_nav/nav_story.png) left top no-repeat; }

#nav a.donate, 
#nav a.donate:visited, 
#nav a.donate:hover 	{ top: 50px; left: 230px; width: 89px; height: 51px; background: url(/images/main_nav/nav_donate.png) left top no-repeat; }

#nav a.volunteer,
#nav a.volunteer:visited
#nav a.volunteer:hover	{ top: 58px; left: 340px; width: 98px; height: 44px; background: url(/images/main_nav/nav_volunteer.png) left top no-repeat; }

#nav a.photos,
#nav a.photos:visited,
#nav a.photos:hover 	{ top: 40px; left: 445px; width:101px; height: 50px; background: url(/images/main_nav/nav_photos.png) left top no-repeat; }


/* hover effect */
#nav a.home:hover, 	
#nav a.story:hover, 	
#nav a.donate:hover,
#nav a.volunteer:hover,
#nav a.photos:hover		{ background-position: left bottom; }	


/* Super Nav
-------------------------------------------------------------- */

#super_nav {
	position: absolute;
	right: 15px;
	top:0;
	list-style: none;
	font-size: 88%;
}

#super_nav li 		{ display: inline; padding: 0 5px; border-right: 1px solid #333; }
#super_nav .last	{ border: none; padding-right: 0; }
#super_nav a 		{ text-decoration: none; }


/* Footer
-------------------------------------------------------------- */

#footer { 
	padding: 30px 0; 
	background: url(/images/layout/footer.gif) center top no-repeat; 
	font-size: 84%; color: #8e8e8e; 
	text-align: center; 
}

#footer ul 			{ list-style: none; margin-bottom: .3em; }
#footer ul li		{ display: inline; list-style-type: none; border-left: 1px solid #8e8e8e; }
#footer a			{ color: #8e8e8e; padding: 0 10px; }
#footer ul li.first { border: none; }
#footer a img		{ margin: 10px; }


/* ---------------------------------------------------------------------------------------------------------------
 Clearfix
------------------------------------------------------------------------------------------------------------------ */

/* Clearing floats without extra markup [ http://www.positioniseverything.net/easyclearing.html ] */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix			{display: inline-block;}
* html .clearfix	{height: 1%;}
.clearfix 			{display: block;}

/* Regular clearing apply to column that should drop below previous ones. */
.clear 				{ clear:both; }




/* ---------------------------------------------------------------------------------------------------------------
 Home page
------------------------------------------------------------------------------------------------------------------ */

#banner {
	position: relative;
	display: block;
	background: #234d9f url(/images/banner.jpg) left bottom no-repeat;
}

#banner h1 {
	margin-bottom: 10px;
	padding: 20px 0 0 10px;
	color: #fff;
	text-shadow: #305f94 0 2px 1px;
}

#banner p {
	width: 450px;
	margin-left: 2em;
	padding-bottom: 40px;
	color: #fff;
	font-size: 115%;
	line-height: 1.8;
	font-weight: bold;
}

#banner h1 span 			{ float: left; display: inline; width: auto; }
#banner h1 .heading_text 	{ width: 500px; }

#banner a, 
#banner a:visited, 
#banner a:hover 			{ color: #fff; }

#home .copy 				{ padding: 0; }
#home .col h2 				{ font-size: .9em; color: #333; }
#home .col p, #home .col ul	{ font-size:86%; }
#home .col th, #home .col td{ font-size:80%; }

#latest_photos a			{ border: 3px solid #595959; float: left; display: block; margin: 0 10px 10px 0; }
#latest_photos a img		{ border: 1px solid #fff; }

#home .col .photo_link 		{ margin-top:5px; }

/* ---------------------------------------------------------------------------------------------------------------
 Partners
------------------------------------------------------------------------------------------------------------------ */

.partners {
	list-style: none;
	margin-left: 0;
}

.partners li {
	display: inline;
	text-align: center;
	margin: 0;
	float: left;
	width: 280px;
	height: 100px;
}


/* ---------------------------------------------------------------------------------------------------------------
 Photos
------------------------------------------------------------------------------------------------------------------ */

.event_photo {
	float: left;
	width: 416px;
	margin-bottom: 40px;
	text-align: center;
	display: inline;
}

#flash_gallery {
}