/*
Theme Name: Kayak for a Cure
Theme URI: http://#/
Description: A WordPress theme built by FCV for Kayak for a Cure
Version: 2.0
Author: Daryl Claudio, Stephen Phung
Author URI: http://fcvtechnologies.ca/
Tags: awesome

	A WordPress theme built by FCV
	Kayak for a Cure

*/

/*

/// /// SWATCH

Kayak Logo Blue:
	#0051a2

	hovered version-- #006ab5


/// /// FONT STACKS

serif family:
	font-family: Georgia, "Bookman Old Style", Rockwell, "Book Antiqua", "Lucida Bright", serif;

sans serif family:
	font-family: Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;

*/

body {
background: #000000;
}

#bodywrap {
background: url('bg-faces.jpg') center -10px repeat;
text-align: center;
}

a:link,
a:visited {
color: #000;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: underline;
}

a:active {
color: #000;
text-decoration: underline;
}

.header a:link,
.header a:visited,
.footer a:link,
.footer a:visited,
.paddlewithme a:link,
.paddlewithme a:visited,
.donatenow a:link,
.donatenow a:visited {
color: #f9f9f9;
text-decoration: none;
}

.header a:hover,
.footer a:hover,
.paddlewithme a:hover,
.donatenow a:hover {
color: #f9f9f9;
text-decoration: underline;
}

.header a:active,
.footer a:active,
.paddlewithme a:active,
.donatenow a:active {
color: #FFF;
text-decoration: underline;
}

strong {
font-weight: 600;
}

h1 {
font-family: Georgia, "Bookman Old Style", Rockwell, "Book Antiqua", "Lucida Bright", serif;
font-size: 24px;
color: #0051a2;
padding-top: 18px;
margin-bottom: 18px;
margin-left: 48px;
}

h1.subheader,
h2.subheader {
font-size: 16px;
font-family: Georgia, "Bookman Old Style", Rockwell, "Book Antiqua", "Lucida Bright", serif;
color: #000;
margin-bottom: 18px;
}

h1.sectionheader {
font-family: Georgia, "Bookman Old Style", Rockwell, "Book Antiqua", "Lucida Bright", serif;
font-size: 24px;
color: #0051a2;
padding-top: 18px;
margin: 0 0 18px 12px;
}

h2.sectionheader {
font-size: 20px;
font-family: Georgia, "Bookman Old Style", Rockwell, "Book Antiqua", "Lucida Bright", serif;
color: #0051a2;
margin-bottom: 18px;
}

p {
font-family: Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
font-size: 12px;
color: #121212;
line-height: 1.3;
}

.alignleft {
text-align: left;
}

.aligncenter {
text-align: center;
}

.alignright {
text-align: right;
}

.navigation .alignright {
width: 200px;
float: right;
}

.navigation .alignleft {
float: left;
width: 200px;
}

p.editpostlink {
display: block;
margin: 8px 12px 36px;
font-style: oblique;
}

/*-----------------------------------
				Header
************************************/

.header {
background:url('header-bg.png') 0 0 repeat-x transparent;
height:116px;
left:0;
position:absolute;
text-align:left;
width:100%;
z-index:400;
}

	#headwrap {
	background-repeat:repeat-x;
	height: 93px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 970px;
	}

	h2#headlogo {
	display: block;
	float: left;
	left: 0px;
	height: 155px;
	position: absolute;
	top: 0;
	width: 625px;
	}

		h2#headlogo a {
		background: url('logo.png') 0 0 no-repeat transparent;
		display: block;
		height: 155px;
		text-indent: -9001px;
		width: 625px;
		}

	ul#headnav {
	left: 650px;
	position: absolute;
	top: 23px;
	}

		ul#headnav li {
		float: left;
		font-family: Georgia, "Bookman Old Style", Rockwell, "Book Antiqua", "Lucida Bright", serif;
		font-size: 12px;
		}

			ul#headnav #headnav-struggles {
			background: url(header-nav.png) 0 0 no-repeat transparent;
			display: block;
			float: left;
			width: 93px; /*162px;*/
			height: 32px;
			margin: 0 12px 0 0;
			text-indent: -9001px;
			}

			ul#headnav #headnav-struggles .hover {
			background: url(header-nav.png) 0 -32px no-repeat transparent;
			}

			ul#headnav #headnav-news {
			background: url(header-nav.png) -100px 0 no-repeat transparent;
			display: block;
			float: left;
			width: 67px;
			height: 32px;
			margin: 0 12px 0 0;
			text-indent: -9001px;
			}

			ul#headnav #headnav-news .hover {
			background: url(header-nav.png) -100px -32px no-repeat transparent;
			}

			ul#headnav #headnav-oursponsors {
			background: url(header-nav.png) -241px 0 no-repeat transparent;
			display: block;
			float: left;
			width: 129px;
			height: 32px;
			margin: 0;
			text-indent: -9001px;
			}

			ul#headnav #headnav-oursponsors .hover {
			background: url(header-nav.png) -241px -32px no-repeat transparent;
			}

				ul#headnav li a {
				position: relative;
				}
				
				ul#headnav li a .hover {
				display: block;
				opacity: 0;
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				opacity: 0;
				}

	#headgotq {
	left: 583px;
	position: absolute;
	top: 29px;
	}

		#headgotq #gotquestions {
		display: block;
		width: 186px;
		height: 22px;
		float: left;
		}

			#headgotq #gotquestions a {
			background: url('header-gotquestions.png') 0 0 no-repeat transparent;
			display: block;
			height: 22px;
			text-indent: -9999px;
			width: 186px;
			}

	#headdonatenow {
	left: 799px;
	position: absolute;
	top: 24px;
	text-align: center;
	width: 167px;
	}

		#headdonatenow .donatenowbutton,
		#headdonatenow .wheredonate {
		margin: 0 auto;
		text-align: center;
		}

/*-----------------------------------
				Footer
************************************/

#footer {
height:248px;
position:relative;
width:100%;
z-index:200;
top: -10px;
}

/*
body#homepage #footer {
top: -59px;
}
*/

.footer {
background: url(footer-bg.png) 0 0 repeat-x transparent;
height:248px;
position:relative;
width:100%;
z-index:300;
}

#footwrap {
background-repeat:repeat-x;
height:248px;
margin:0 auto;
position:relative;
text-align:center;
width:970px;
}

	#footnavcontainer {
	left: 0;
	position: absolute;
	top: 25px;
	text-align: left;
	width: 630px;
	}

	#footnavcontainer #nav-about {
	float: left;
	margin: 0 0 0 11px;
	color: #FFFFFF;
	width: 600px;
	}
	#nav-about p{ 
	color: #FFFFFF;
	}

	#footnavcontainer #nav-takeaction {
	float: left;
	margin: 0 0 0 12px;
	width: 138px;
	}

	#footnavcontainer #nav-2009events {
	float: left;
	margin: 0 0 0 12px;
	width: 200px;
	}

	#footnavcontainer a:link,
	#footnavcontainer a:visited {
	color: #f9f9f9;
	text-decoration: none;
	}

	#footnavcontainer a:hover {
	color: #FFF;
	text-decoration: underline;
	}

	#footnavcontainer a:active {
	color: #222;
	text-decoration: underline;
	}

	#footnavcontainer h3 {
	font-family: Georgia, "Bookman Old Style", Rockwell, "Book Antiqua", "Lucida Bright", serif;
	font-size: 16px;
	color: #FFF;
	}

		#footnavcontainer h3 a:link,
		#footnavcontainer h3 a:visited {
		color: #FFF;
		text-decoration: none;
		}

		#footnavcontainer h3 a:hover {
		color: #FFF;
		text-decoration: underline;
		}

		#footnavcontainer h3 a:active {
		color: #FFF;
		text-decoration: underline;
		}

	#footnavcontainer ul.nav { /* ul.nav = links */
	font-family: Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
	font-size: 13px;
	list-style: disc outside;
	color: #FFF;
	margin-top: 10px;
	padding: 0 0 0 13px;
	}

	#footnavcontainer ul.nav li {
	margin-bottom: 6px;
	}

	#footnavcontainer ul#nav-list-2009events-left {
	float: left;
	list-style: none;
	padding: 0;
	width: 100px;
	}

	#footnavcontainer ul#nav-list-2009events-right {
	float: left;
	list-style: none;
	padding: 0;
	}

#footconnect {
left: 647px;
position: absolute;
text-align: left;
top: 25px;
width: 320px;
}

	#footconnect a:link,
	#footconnect a:visited {
	color: #f9f9f9;
	text-decoration: none;
	}

	#footconnect a:hover {
	color: #FFF;
	text-decoration: underline;
	}

	#footconnect a:active {
	color: #FFF;
	text-decoration: underline;
	}

	#footconnect h3 {
	color: #FFF;
	font-family: Georgia, "Bookman Old Style", Rockwell, "Book Antiqua", "Lucida Bright", serif;
	font-size: 16px;
	}

		#footconnect h3 a:link,
		#footconnect h3 a:visited {
		color: #FFF;
		text-decoration: none;
		}

		#footconnect h3 a:hover {
		color: #FFF;
		text-decoration: underline;
		}

		#footconnect h3 a:active {
		color: #FFF;
		text-decoration: underline;
		}
    
   #footconnect ul.sociallist {
	margin-top: 10px;
	
	}

	#footconnect ul.sociallist li {
	margin-bottom: 6px;
	float:left;
	}

	#footconnect img {
	margin-bottom: -3px;
	margin-right: 10px;
	}

	#footcontact {
	color: #222;
	float: left;
	font-family: Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
	font-size: 13px;
	margin: 0 0 0 11px;
	width: 151px;
	}

		.contactinfo {
		line-height: 1.3;
		margin-top: 8px;
		}

		.contactinfo .small {
		font-size: 85%;
		}

	#footsocial {
	font-family: Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
	font-size: 13px;
	float: left;
	margin: 0 0 0 10px;
	width: 140px;
	}

		#footsocial ul.sociallist {
		margin-top: 10px;
		
		}

		#footsocial ul.sociallist li {
		margin-bottom: 6px;
		float:left;
		}

		#footsocial img {
		margin-bottom: -3px;
		margin-right: 10px;
		}


#footcloser {
font-family: Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
font-size: 11px;
color: #5F3D27;
margin: 0 auto;
padding-top: 180px;
text-align: center;
width: 400px;
}

	#footcloser h4 {
	background: url('footer-tagline.png') 0 0 no-repeat transparent;
	height: 16px;
	margin: 0 auto;
	text-align: center;
	text-indent: -9999px;
	width: 136px;
	}

	#footcloser h5 a:link,
	#footcloser h5 a:visited,
	#footcloser h5 a:hover,
	#footcloser h5 a:active {
	text-decoration: none;
	color: #5F3D27;
	}

	#footcloser h5 a:hover {
	text-decoration: underline;
	}

	#footcloser h5 a:active {
	color: #835436;
	text-decoration: underline;
	}

	#footcloser h5.websitebyfcv img {
	margin-bottom: -3px;
	padding-left: 2px;
	}

	#footcloser h5 {
	margin-top: 12px;
	}

/*-----------------------------------
				Content
************************************/

.container {
display:block;
margin:0 auto;
overflow:hidden;
width:980px;
padding: 138px 0 0 0;
}

body#homepage .container {
height:510px;
position: relative;
}

.content {
font-family:Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
min-height:400px;
position:relative;
text-align:center;
width:100%;
z-index:200;
background: url('bg-subpage-top.png') 1px 0 no-repeat transparent;
padding-top: 9px;
}

.content-form {
font-family:Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
min-height:400px;
position:relative;
text-align:center;
width:100%;
z-index:200;
background: url('bg-subpage-top.png') 1px 0 no-repeat transparent;
padding-top: 9px;
}

body#homepage .content {
top:700px;
display: none;
}

	.contentwrap {
	background:url('bg-subpage.png') 1px 0 repeat-y transparent;
	margin:0 auto;
	min-height:380px;
	text-align:left;
	padding:0 0 80px 0;
	width:980px;
	}

	div#homecontentwrap {
	padding-bottom:0;
	overflow: hidden;
	position: relative;
	z-index: 20;
	}

		#spinloader {
		display: none;
		background: url(ajax-loader.gif) 0 0 no-repeat;
		position: absolute;
		top: 200px;
		left: 380px;
		text-indent: -9001px;
		width: 220px;
		height: 19px;
		z-index: 9999;
		}

	.contentcontainer {
	margin: 0 auto;
	text-align: left;
	width: 953px;
	
	}

.breadcrumb {
background: url('bg-breadcrumb.png') 0 0 no-repeat transparent;
display: block;
font-family: Georgia, "Bookman Old Style", Rockwell, "Book Antiqua", "Lucida Bright", serif;
font-size: 16px;
text-align: left;
padding: 12px 0 0 12px;
height: 30px;
margin: 0 0 7px;
}

	.blogbreadcrumb {
	background: url('bg-breadcrumb.png') 0 0 no-repeat transparent;
	display: block;
	font-family: Georgia, "Bookman Old Style", Rockwell, "Book Antiqua", "Lucida Bright", serif;
	font-size: 16px;
	text-align: left;
	padding: 12px 12px 0 12px;
	height: 30px;
	margin: 0 0 7px;
	}

	.blogbreadcrumb .alignleft {
	background: url(arrow-left.gif) left center no-repeat;
	padding-left: 20px;
	width: 300px;
	float: left;
	}

	.blogbreadcrumb .alignright {
	background: url(arrow-right.gif) right center no-repeat;
	width: 300px;
	padding-right: 20px;
	float: right;
	text-align: right;
	}

	.sIFR-active .blogbreadcrumb .alignleft {
	background: url(arrow-left.gif) left 3px no-repeat;
	}

	.sIFR-active .blogbreadcrumb .alignright {
	background: url(arrow-right.gif) right 3px no-repeat;
	text-align: right;
	}

/* h1 titles */

#title-questionsandanswers {
background: url('title-faq.jpg') 0 0 no-repeat;
display: block;
width: 950px;
height: 285px;
text-indent: -9001px;
margin-left: 0;
}

#title-aboutkayakforacure {
background: url('title-aboutkayakforacure.jpg') 0 0 no-repeat;
display: block;
width: 950px;
height: 285px;
text-indent: -9001px;
margin-left: 0;
}

#title-takeaction {
background: url('title-takeaction.jpg') 0 0 no-repeat;
display: block;
width: 950px;
height: 285px;
text-indent: -9001px;
margin-left: 0;
}

#title-2009-vancouver {
background: url('title-2009-vancouver.jpg') 0 0 no-repeat;
display: block;
width: 950px;
height: 285px;
text-indent: -9001px;
margin-left: 0;
}

#title-2009-columbus {
background: url('title-2009-columbus.jpg') 0 0 no-repeat;
display: block;
width: 950px;
height: 285px;
text-indent: -9001px;
margin-left: 0;
}

#title-2009-victoria {
background: url('title-2009-victoria.jpg') 0 0 no-repeat;
display: block;
width: 950px;
height: 285px;
text-indent: -9001px;
margin-left: 0;
}

#title-2009-mississauga {
background: url('title-2009-mississauga.jpg') 0 0 no-repeat;
display: block;
width: 950px;
height: 285px;
text-indent: -9001px;
margin-left: 0;
}

.blogcontainer {
width: 705px;
margin: 0 0 0 48px;
float: left;
}

.post { /* blog */
text-align: left;
margin: 0;
padding: 20px 0;
}

	.postcontent {
	float:left;
	width:490px;
	}

	h2.postheader {
	font-family: Georgia, "Bookman Old Style", Rockwell, "Book Antiqua", "Lucida Bright", serif;
	font-size: 24px;
	color: #121212;
	padding-bottom: 2px;
	margin-bottom: 4px;
	border-bottom:solid 1px #EE8120;
	width: 705px;
	}
	
		.post small {
		font-size: 12px;
		}
	
		.post .entry {
		padding: 20px 0;
		}
	
			.post p {
			line-height: 1.6;
			margin: 0 0 32px 0;
			}
	
		p.postmetadata {
		border-top: 1px solid #ccc;
		padding-top: 8px;
		}

	.postdetails { /* small column */
	float: left;
	padding: 20px 0 0 0;
	margin: 0 0 0 40px;
	width: 175px;
	line-height: 1.6;
	}

		div.postdetails small {
		display:block;
		color: #808080;
		}

		h2.search_results,
		div.archives h2.pagetitle {
		padding-bottom:20px;
		width:565px;
		}
		div.searchresult h3,
		div.archives h3 {
		margin-bottom:8px;
		}
		div.searchresult small,
		div.archives small {
		display:block;
		margin-bottom:5px;
		}

#sidebar {
width: 160px;
float: left;
margin: 20px 0 0 25px;
text-align: left;
font-size: 11px;
font-family: Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
}

	#sidebarul {
	padding: 20px 20px 8px 20px;
	background-color: #EDEDED;
	}

	#sidebarul h2 {
	font-size: 10px;
	text-transform: uppercase;
	color: #121212;
	}

	#sidebarul ul {
	padding: 8px 0 22px 0;
	}

	#sidebarul ul li {
	line-height: 1.4;
	}

	#sidebarul li.blogis {
	padding: 0 16px;
	margin: 0 0 20px 0;
	}

	#sidebarul li.blogis p {
	margin: 0;
	padding: 0;
	color: #9c9c9c;
	font-size: 11px;
	}


.page { /* page */
text-align: left;
margin-left: 48px;
width: 905px;
padding-bottom: 32px;
}

	.page p {
	line-height: 1.6;
	margin: 0 0 32px 0;
	}
	
	.post ul,
	.page ul {
	font-family: Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
	font-size: 12px;
	list-style: none;
	line-height: 1.6;
	padding: 38px 0 38px 24px;
	}
	
	.post ul li,
	.page ul li {
	background: url('li-arrow.gif') 0 0 no-repeat;
	padding: 2px 0 8px 20px;
	}

/* specialized layout elements ... */

.smallwidth {
width: 600px;
}

	#page-2009-city .leftcol { /* 2009 vancouver page */
	width: 360px;
	float: left;
	}

	#page-2009-city .rightcol {
	width: 460px;
	margin: 0 0 0 30px;
	float: left;
	}

		#page-2009-city h4.paddlebutton,
		#page-2009-city h4.donatenowbutton,
		#page-2009-city p.whatamipaddle,
		#page-2009-city p.wheredonate {
		margin: 0 auto;
		text-align: center;
		}

.leftcol .paddledonatebuttons {
float: left;
width: 180px;
margin: 0 0 48px 0;
}

p.whatamipaddle,
p.wheredonate {
font-family: Verdana, Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
font-size: 10px;
}

	.wheredonate a:link,
	.whatamipaddle a:link,
	.wheredonate a:visited,
	.whatamipaddle a:visited {
	color: #FFF;
	text-decoration: none;
	}

	.wheredonate a:hover,
	.whatamipaddle a:hover {
	color: #f9f9f9;
	text-decoration: underline;
	}

	.wheredonate a:active,
	.whatamipaddle a:active {
	color: #f9f9f9;
	text-decoration: underline;
	}

.routeheader h2.subheader { /* location and route map fix */
width: 250px;
float: left;
}

.routeheader p.smalldownload {
width: 195px;
float: right;
text-align: right;
margin: 0;
font-family: Verdana, Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
font-size: 10px;
}

ul#joinevent {
width: 760px;
margin: 0 0 0 60px;
padding: 0;
}

	ul#joinevent li {
	background: none;
	font-size: 16px;
	line-height: 1;
	padding: 0;
	margin: 0;
	}

	ul#joinevent li ul {
	padding: 0;
	margin: 0;
	height: 100px;
	}

	ul#joinevent li ul li {
	float: left;
	padding: 0;
	margin: 0;
	}

	ul#joinevent li ul.joinheaders {
	margin: 25px 0 0 0;
	padding: 0;
	height: 42px;
	}

		ul#joinevent li ul.joinheaders li {
		font-size: 18px;
		font-weight: 600;
		text-decoration: underline;
		}

		ul#joinevent li ul.joinheaders li.joinheadercity {
		width: 160px;
		margin-left: 120px;
		}

		ul#joinevent li ul.joinheaders li.joinheaderarea,
		ul#joinevent li ul.joinheaders li.joinheaderdate {
		width: 160px;
		}

	ul#joinevent li ul li.joinimage {
	width: 94px;
	height: 80px;
	margin: 0 0 20px 0;
	text-indent: -9001px;
	}

		ul#joinevent li ul.joincolumbus li.joinimage {
		background: url('thumb-columbus.jpg') 0 0 no-repeat;
		}

		ul#joinevent li ul.joinmississauga li.joinimage {
		background: url('thumb-mississauga.jpg') 0 0 no-repeat;
		}

		ul#joinevent li ul.joinsanfrancisco li.joinimage {
		background: url('thumb-sanfrancisco.jpg') 0 0 no-repeat;
		}

		ul#joinevent li ul.joinvancouver li.joinimage {
		background: url('thumb-vancouver.jpg') 0 0 no-repeat;
		}

		ul#joinevent li ul.joinvictoria li.joinimage {
		background: url('thumb-victoria.jpg') 0 0 no-repeat;
		}

	ul#joinevent li ul li.joincity {
	margin: 0;
	padding: 20px 0 0 25px;
	width: 160px;
	font-weight: 600;
	}

		 ul#joinevent .small {
		 font-size: 11px;
		 font-weight: 400;
		 }

	ul#joinevent li ul li.joinarea {
	margin: 0;
	padding: 20px 0 0 0;
	width: 160px;
	}

	ul#joinevent li ul li.joindate {
	margin: 0;
	padding: 20px 0 0 0;
	width: 160px;
	}

	ul#joinevent li ul li.joinpaddlebutton {
	margin: 12px 0 0 0;
	padding: 0;
	width: 140px;
	}

	.joineventcontent {
	margin: 0 0 0 60px;
	}

/*-----------------------------------
				Buttons and Accessories
************************************/

.donatenowbutton {
background: url('button-donate.png') 0 0 no-repeat transparent;
display: block;
height: 37px;
width: 132px;
}

	.donatenowbutton a {
	display: block;
	height: 37px;
	text-indent: -9999px;
	width: 132px;
	}

.paddlebutton {
background: url('button-paddle.png') 0 0 no-repeat transparent;
display: block;
height: 37px;
width: 132px;
}

	.paddlebutton a {
	display: block;
	height: 37px;
	text-indent: -9999px;
	width: 132px;
	}

.volunteerbutton {
background: url('button-volunteer.png') 0 0 no-repeat transparent;
display: block;
height: 37px;
width: 217px;
}

	.volunteerbutton a {
	display: block;
	height: 37px;
	text-indent: -9999px;
	width: 217px;
	}

p.iconpdf {
background: url('icon-pdf.gif') 0 0 no-repeat;
height: 24px;
margin-left: 0 0 0 6px;
padding: 0 0 0 32px;
}

ul.previousevents {
padding: 0;
margin: 0;
list-style: none;
list-style-image: none;
}

	ul.previousevents li {
	background: none;
	display: inline;
	float: left;
	padding: 0 32px 0 0;
	}

.mapcontainer {
width: 460px;
height: 440px;
margin-bottom: 32px;
}

	.mapcontainer small {
	display: block;
	font-size: 12px;
	padding-top: 12px;
	}

	.mapcontainer .addr,
	.mapcontainer .adr {
	font-size: 12px;
	}


/* Stephen's CSS! */

.latestnews {
background: url('bg-latestnews.png') 0 26px repeat-x transparent;
top:-250px;
height:270px;
position:absolute;
}

	#latestnewswrap {
		margin:0 auto;
		text-align:left;
		width:970px;
		font-size: 12px;
	}
	
	#latestnewswrap h2 {
		background:transparent url('tab-latestnews.png') 0 top no-repeat;
		display:block;
		height:35px;
		position:relative;
		text-indent:-9999px;
		top:0;
		width:138px;
		cursor: pointer;
	}

	#latestnewswrap h4 {
	margin-bottom: 3px;
	font-family: Georgia, "Bookman Old Style", Rockwell, "Book Antiqua", "Lucida Bright", serif;
	font-size: 14px;
	font-weight: bold;
	}

	#latestnewswrap h4 a:link,
	#latestnewswrap h4 a:visited {
	color: #0051a2;
	text-decoration: none;
	}
	
	#latestnewswrap h4 a:hover {
	color: #006ab5;
	text-decoration: underline;
	}

	#latestnewswrap h4 a:active {
	color: #0051a2;
	text-decoration: none;
	}

	#latestnewswrap h4:hover {
	cursor: pointer;
	}

	#latestnewswrap .latestnewscontainer {
	margin: 20px 0 0 12px;
	float: left;
	width: 450px;
	}

		#latestnewswrap #fullpostlink {
		text-align: right;
		display: block;
		font-family: Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
		}
		
		.latestnewscontainer ul 
		{
		    height: 150px;
		}
		
		.latestnewscontainer ul li
		{
		    float: left; padding: 10px;
		}
		

	#latestnewswrap #twitter_div {
	margin-top: 12px;
	border-top: 1px solid #f2f2f2;
	padding-top: 12px;
	font-size: 12px;
	font-family: Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
	color: #121212;
	line-height: 1.3;
	}

	#latestnewswrap #twitter_div img {
	float: left;
	margin-right: 8px;
	}

	#latestnewswrap #twitter_div ul#twitter_update_list span {
	margin-right: 8px;
	}

	#latestnewswrap .latestnewsflickr {
	width: 480px;
	margin: 20px 0 0 20px;
	float: left;
	}

		.latestnewsflickr ul {
		display: block;
		}

		.latestnewsflickr ul li .latestflickr {
		background-position: center center;
		display: block;
		float: left;
		margin: 0 8px 0 0;
		border: 1px solid #663204;
		width: 50px;
		height: 50px;
		text-indent: -9001px;
		}

.contentbg {
/*background: url('images/bg-faces.jpg') center -10px repeat;*/
left:0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 20;
}
	.faces {
		height:300px;
		position:relative;
		top:152px;
		left:1px;
		margin:0 auto;
		width:972px;
	}

	.faceshadow,
	.faceshadowOut {
	background: url(faceshadow.png) 0 0 no-repeat transparent;
	width: 180px;
	height: 177px;
	z-index: -10;
	position: absolute;
	display: block;
	opacity: 0;
	left: -51px;
	top: -50px;
	}

	.faces .faceshadow img {
	background: transparent;
	width: 180px;
	height: 177px;
	}

	ul.thumb {
		float: left;
		list-style: none;
		margin: 0; 
		padding: 0px;
		width: 972px;
	}
	
		ul.thumb li {
			float: left;
			height: 78px;
			margin: 0 3px 3px 0; 
			padding: 0px;
			position: relative;  /* Set the absolute positioning base coordinate */
			width: 78px;
			z-index: 0;
		}
		
			ul.thumb li .facenamebubble,
			ul.thumb li .facenameOut {
			position: absolute;
			z-index: 20;
			color: #FFFFFF;
			height: 11px;
			font-size: 12px;
			display: block;
			background-color: #003a83;/*eb7f1f;*/
			font-family: Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
			padding: 11px;
			top: -44px;
			left: -11px;
			opacity: 0;
			
			}
		
				ul.thumb li .facenamebubble .facename,
				ul.thumb li .facenameOut .facename {
				display: block;
				width: 160px;
				overflow-x: visible;
				text-align: center;
				}
				
				ul.thumb li .facenamearrow {
				background: url(facedroparrow.gif) 0 0 no-repeat transparent;
				width: 9px;
				height: 6px;
				display: block;
				position: absolute;
				top: -11px;
				left: -6px;
				z-index: 20;
				opacity: 0;
				}
		
			ul.thumb li img {
				-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
				background: #f0f0f0;
				height: 80px; /* Set the small thumbnail size */
				left: 0;
				position: absolute;
				top: 0;
				width: 80px; 
			}
			
			ul.thumb li img.hover {
				background:url(faceshadow.png) no-repeat center center transparent;  /* Image used as background on hover effect
				border: none; /* Get rid of border on hover */
			}
			
			ul.thumb li span.facecontent {
				display:none;
			}
			
div.featured {
height:479px;
margin:0 0 0 4px;
padding:0 0 0 1px;
position:relative;
text-align:left;
width:970px;
z-index:400;
}

	div.featured a#close {
	background:transparent url('button-close.png') 0 0 no-repeat;
	display:block;
	height:23px;
	right:10px;
	position:absolute;
	width:33px;
	}
			
	div.featured div#person {
	float:left;
	width: 350px; /*390px;*/
	}
	
	div.featured div#person-info {
	float:right;
	width: 610px; /*580px;*/
	padding-top: 25px;
	}
	
		div.featured div#person h2 {
		/*background:transparent url('heading-impaddlingfor.png') 0 0 no-repeat;*/
		height:18px;
		position:relative;
		/*text-indent:-9999px;*/
		top:25px;
		width:215px;
		margin-left: 15px;
		}
		
		div.featured div#person p.quote,
		div.featured div#person p.supporter {
		color:#003a83;
		font-family:Georgia;
		font-size:16px;
		line-height:1.4em;
		position:relative;
		top:40px;
		width:325px;
		margin-left: 15px;
		}
		
		div.featured div#person p.supporter {
		font-family: Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
		font-size: 14px;
		color: #121212;
		font-style: oblique;
		text-align: right;
		padding-top: 12px;
		padding-right: 24px;
		}
		
		div.featured div.paddlewithme,
		div.featured div.donatenow {
		left:400px;
		position:absolute;
		text-align:center;
		top:330px;
		font-family: Verdana, Arial, "Helvetica Neue", Tahoma, FreeSans, "Lucida Sans", sans-serif;
		}
		
		div.featured div.donatenow {
		left:700px;
		}
		
			div.featured div.paddlewithme a.paddlewithmelargebutton,
			div.featured div.donatenow a.donatenowlargebutton {
			background:transparent url('button-paddlewithme-lrg.png') 0 0 no-repeat;
			display:block;
			height:61px;
			text-indent:-9999px;
			width:219px;
			}
			
			div.featured div.donatenow a.donatenowlargebutton {
			background:transparent url('button-donatenow-lrg.png') 0 0 no-repeat;
			}
		
		span.bottom-shadow {
		background:transparent url('shadow-featuredbox.png') 0 0 no-repeat;
		display:block;
		height:10px;
		left:5px;
		position:absolute;
		bottom:-8px;
		width:970px;
		}

div.top-shade {
background:transparent url('top-shade.png') 0 0 repeat-x;
height:181px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:10;
}

div.bottom-shade {
background:transparent url('bottom-shade.png') 0 0 repeat-x;
height:181px;
left:0;
position:absolute;
bottom:130px;
width:100%;
z-index:10;
}

div.right-shade {
background:transparent url('right-shade.png') right top repeat-y;
height:100%;
z-index: 10;
position:relative;
}

div.left-shade {
background:transparent url('left-shade.png') left top repeat-y;
height:100%;
z-index:10;
position: relative;
}

/* BLOG COMMENTS (MUST FIX...) */

div.contentcontainer h3#comments {
	width:565px;
}
div.contentcontainer ol li.comment div {
	overflow:auto;
}
div.contentcontainer ol.commentlist {
	width:565px;
}
div.contentcontainer ol.commentlist li {
	margin:15px 0;
	overflow:auto;
}
div.contentcontainer ol.commentlist li div.author {
	float:left;
	width:100px;
}
div.contentcontainer ol.commentlist li div.author img {
	margin:0 0 5px 0;
}
div.contentcontainer ol.commentlist li div.response {
	float:right;
	width:420px;
}
div.contentcontainer ol.commentlist li div.response div {
	margin:0 0 10px 0;
}
div.contentcontainer ol.commentlist li ul.children {
	
}
div.contentcontentcontainer ol.commentlist li ul.children li {
	padding-left:145px;
	width:400px;
}
div.contentcontainer ol.commentlist li ul.children li ul.children li {
	padding-left:100px;
	width:300px;
}
div.contentcontainer ol.commentlist li ul.children li div.response {
	width:300px;
}
div.contentcontainer ol.commentlist li ul.children li ul.children li div.response {
	width:200px;
}
div.contentcontainer ol.commentlist li ul.children li div.response div.reply {
	
}
div.contentcontainer div#respond {
	clear:both;
	margin-top:30px;
	width:565px;
}
ul.children li div#respond {
	width:400px;
}
ul.children li div#respond div.text-comment {
	width:300px;
}
ul.children li div#respond textarea {
	width:270px;
}
div.contentcontainer div#respond h3 {
	font-size:1.3em;
	font-weight:lighter;
}
div.contentcontainer div#respond form {
	margin-top:15px;
}
div.contentcontainer div#respond div.comment-container {
	margin:15px 0 0 0;
}
div.contentcontainer div#respond div.your-comment {
	float:left;
}
div.contentcontainer div#respond div.your-comment p {
	font-size:1em;
}
div.contentcontainer div#respond div.your-comment p.username {

}
div.contentcontainer div#respond div.your-comment small {
	float:right;
	margin:5px 25px 0 0;
}
div.contentcontainer div#respond div.text-comment {
	float:right;
	width:420px;
}
div.contentcontainer div#respond div.newuser-comment input {
	border:none;
	color:#888;
	margin:3px 0 3px 0;
	padding:4px;
	width:412px;
}
div.contentcontainer div#respond textarea {
	border:none;
	height:140px;
	float:right;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1em;
	margin:0 0 3px 0;
	padding:15px;
	width:390px;
}
div.contentcontainer div#respond input#submit {
	background:#F642AC;
	border:none;
	color:#FFF;
	float:right;
	margin:10px 0 0 0;
	padding:5px 10px;
}

/* FLICKR + INFINITE CAROUSEL */
.infiniteCarousel {
  width: 374px;
  position: relative;
}

.infiniteCarousel .candywrapper {
  width: 294px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}


.infiniteCarousel ul a img {
 
}

.infiniteCarousel .candywrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel .candywrapper ul li {
background: none;
list-style: none;
background-position: center center;
display: block;
float: left;
width: 64px;
height: 64px;
text-indent: -9001px;
margin: 0;
padding: 0 5px;
}

.infiniteCarousel .candywrapper ul li.cloned {
margin: 0;

}

.infiniteCarousel div.latestflickr {
display: block;
width: 64px;
height: 64px;
border: 1px solid #FFF;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .backarrow {
  display: block;
  height: 23px;
  width: 33px;
  background: url(carousel-backarrow.gif) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 17px;
  cursor: pointer;
}

.infiniteCarousel .forwardarrow {
  display: block;
  height: 23px;
  width: 33px;
  background: url(carousel-forwardarrow.gif) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 17px;
  right: 0;
  cursor: pointer;
}

.spnsrblock {
margin: 10px 0 20px;
}

.spnsrblock img {
padding: 4px 6px;
}

/**** Mega Drop Down ***************************************************************************************************/

ul#headnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	z-index:150;
}
ul#headnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#headnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height: 44px;
}
ul#headnav li:hover a, ul#headnav li a:hover { background-position: left bottom; } /*--Hover State--*/
ul#headnav a.home {
	background: url(nav_home.png) no-repeat;
	width: 78px;
}
ul#headnav a.products {
	background: url(nav_products.png) no-repeat;
	width: 117px;
}
ul#headnav a.sale {
	background: url(nav_sale.png) no-repeat;
	width: 124px;
}
ul#headnav a.community {
	background: url(nav_community.png) no-repeat;
	width: 124px;
}
ul#headnav a.store {
	background: url(nav_store.png) no-repeat;
	width: 141px;
}


ul#headnav li .sub {
	position: absolute; /*--Important--*/
	top: 38px; left: 0;
	background: #2b2b2b url(sub_bg.png) repeat-x; /*--Background gradient--*/
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#headnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#headnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 275px;
	float: left;
}
ul#headnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#headnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#headnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#headnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#headnav .sub ul li a:hover {
	color: #ddd;
	background-position: 5px 12px ;/*--Override background position--*/
}


/**** Edit - Form ***************************************************************************************************/

.register_field 
{
color:#999BA1;
float:left;
font-size:10px;
height:50px;
padding-top:10px;
/*width:630px;*/

line-height: 15px;
text-align: left;

font-family: Arial,Verdana,Helvetica,sans-serif
}
.register_field_area
{
color:#999BA1;
float:left;
font-size:10px;
height:125px;
padding-top:10px;
/*width:630px;*/

line-height: 15px;
text-align: left;

font-family: Arial,Verdana,Helvetica,sans-serif
}
.required 
{
background-color:transparent;
background-image:url(required.png);
background-position:57px 14px;
background-repeat:no-repeat;
color:#71767E;
float:left;
font-size:11px;
padding-right:11px;
padding-top:10px;
text-align:right;
width:54px;
}
.input 
{
background-color:#3d3d3d;
float:left;
margin-bottom:9px;
width:416px;
}
.input_large 
{
background-color:#3d3d3d;
float:left;
margin-top: 2px;
margin-bottom:3px;
margin-right:25px;
width:416px;
height: 40px;

}
.input_superlarge 
{
background-color:#3d3d3d;
float:left;
margin-bottom:3px;
margin-right:25px;
width:416px;
height: 125px;
}
.input_large_top 
{
background-image:url(inputs.png);
float:left;
height:5px;
width:416px;
}
.fieldLarge 
{
background-color:transparent;
color:#cbcbcb;
float:left;
font-size:14px;
padding-bottom:10px;
padding-left:20px;
padding-top:10px;
text-align:left !important;
width:130px;
}
.fieldSuperLarge 
{
background-color:transparent;
color:#cbcbcb;
float:left;
font-size:14px;
padding-bottom:10px;
padding-left:20px;
padding-top:10px;
text-align:left !important;
width:130px;
height: 100px;
}
input.large 
{
background-color:#3d3d3d;
border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color #D3D1D1;
border-style:none none none solid;
border-width:medium medium medium 1px;
color:#f0f0f0;
font-size:14px;
margin-left:10px;
margin-top:1px;
padding:10px;
width:220px;
}
.input_large_bottom 
{
background-image:url(inputs.png);
background-position:0 -5px;
float:left;
height:5px;
width:416px;
}
textarea 
{
background-color:#3d3d3d;
border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color #D3D1D1;
border-style:none none none solid;
border-width:medium medium medium 1px;
color:#f0f0f0;
float:left;
font-family:Arial,Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
height:auto;
margin-left:-30px;
min-height: 100px;/*68px;*/
padding:10px;
width:270px;/*220px;*/
}

/**** Buttons - Form ***************************************************************************************************/
a.button{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	background:url(buttons/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
}
a:hover.button{
	color:#0066CC;
}
.add{
	background:url(buttons/add.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.delete{
	background:url(buttons/delete.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.user{
	background:url(buttons/user.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.alert{
	background:url(buttons/alert.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.msg{
	background:url(buttons/msg.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.download{
	background:url(buttons/download.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}

.lens{
	background:url(buttons/lens.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.info{
	background:url(buttons/info.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}

/* ************************************************************** */
/*Spacing stuff*/
.spacebottom
{
    margin-bottom: 10px;
}

.detailwrap
{
    padding: 10px;
    /*background-color:Lime;*/
    font-family:Georgia,"Times New Roman",Times,serif;
    color:#003a83;
    font-size:0.9em;    
    line-height:170%;
    
    
		
}
.detailwrap h2
{
    font-size:18px;
    font-weight:400;
    
    color: #000000;
}
.detailLeft
{
    /*background-color:Aqua;*/
}
.detailRight
{
    /*background-color:Maroon;*/
}
.detailRight object
{
    margin-left: 20px;
}
.struggleList
{
   font-size:12px;
   color: #003366;
   /*border-right: solid 1px #555555;*/
   padding-left: 5px;
   padding-right: 5px;
}
.struggleList h2
{
    font-size:16px;
    color: #003366;
    border-bottom: solid 2px #555555;
}
.summary
{
    margin-left: 15px;
}

#view-comments img
{
    position: absolute;
    top: 350px;
    left: 45px;
}
