/* 
Project Stylesheet
Author: Nick Francis
Questions/Comments: nick@project83.com
*/

body {
	font-family: "Lucida Grande", Arial, sans-serif;
	background:#faa42d url(../images/interiorBg.jpg) repeat-x top left;
}

body#home {
	background:#faa42d url(../images/homeBg.jpg) repeat-x top left;
}

#bg{
	width:auto;
	background:url(../images/interiorMainBg.jpg) center top no-repeat;
}

body#home #bg{
	width:auto;
	background:url(../images/homeMainBg.jpg) center top no-repeat;
}

body #wrap {
	margin:0 auto;
	width:960px;
}

/*typography*/
p{
	font-size:0.75em;
	color:#612613;
	line-height:1.4em;
}

a{
	color:#02668f;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

#main-content ul, #main-content ol{
	font-size:0.8em;
	color:#612613;
	line-height:1.4em;
	font-weight:bold;
}

#main-content ul li{
/*	margin-bottom:2em; */
}

#main-content ul li span.title{
	font-weight:normal;
	font-style:italic;
}

#main-content ul ul{
	font-size:0.9em;
	font-weight:normal;
	list-style:none;
	margin:0;
}

#main-content ul li ul li{
	margin-bottom:0;
}

/*HEADER*/
#header{
	position:relative;
	height:230px;
	width:960px;
}
#logo {
	position:absolute;
	top:62px;
}
#logo a{
	display:block;
	width:600px;
	height:77px;
	text-indent:-9000px;
}

/*NAV*/
ul#nav{
	position:absolute;
	top:178px;
	left:0;
	list-style:none;
	width:846px;
	height:31px;
	margin:0;
}
ul#nav li{
	margin:0;
	float:left;
}
ul#nav li a{
	display:block;
	background:url(../images/nav.jpg) left top no-repeat;
	height:31px;
	text-indent:-9000px;
}
ul#nav li a#nav-home {
	width:67px;
	background-position:0 0;
}
ul#nav li a#nav-home:hover{
	background-position:0 -31px;
}
ul#nav li a#nav-home.active{
	background-position:0 -62px;
}
ul#nav li a#nav-who{
	width:131px;
	background-position:-67px -0;
}
ul#nav li a#nav-who:hover{
	background-position:-67px -31px;
}
ul#nav li a#nav-who.active{
	background-position:-67px -62px;
}
ul#nav li a#nav-what{
	width:130px;
	background-position:-198px -0;
}
ul#nav li a#nav-what:hover{
	background-position:-198px -31px;
}
ul#nav li a#nav-what.active{
	background-position:-198px -62px;
}
ul#nav li a#nav-where{
	width:163px;
	background-position:-328px -0;
}
ul#nav li a#nav-where:hover{
	background-position:-328px -31px;
}
ul#nav li a#nav-where.active{
	background-position:-328px -62px;
}
ul#nav li a#nav-generaction{
	width:135px;
	background-position:-491px -0;
}
ul#nav li a#nav-generaction:hover{
	background-position:-491px -31px;
}
ul#nav li a#nav-generaction.active{
	background-position:-491px -62px;
}
ul#nav li a#nav-blog{
	width:67px;
	background-position:-626px -0;
}
ul#nav li a#nav-blog:hover{
	background-position:-626px -31px;
}
ul#nav li a#nav-blog.active{
	background-position:-626px -62px;
}
ul#nav li a#nav-media{
	width:79px;
	background-position:-693px -0;
}
ul#nav li a#nav-media:hover{
	background-position:-693px -31px;
}
ul#nav li a#nav-media.active{
	background-position:-693px -62px;
}
ul#nav li a#nav-join{
	width:74px;
	background-position:-772px -0;
}
ul#nav li a#nav-join:hover{
	background-position:-772px -31px;
}
ul#nav li a#nav-join.active{
	background-position:-772px -62px;
}
ul#subnav{
	position:absolute;
	margin:0;
	list-style:none;
	top:12px;
	left:363px;
	/*left:283px;*/
}
ul#subnav li{
	float:left;	
	margin:0;	
}
ul#subnav li a{
	color:#452618;
	font-weight:bold;
	text-decoration:none;
	font-size:.689em;
	display:block;
	width:auto;
	padding:0 12px;
	border-right:#452618 1px solid;
	
}
ul#subnav li a:hover{
	text-decoration:underline;	
}
ul#subnav li a.last{
	border-right:none;
}
ul#subnav li a.feed{
	border-right:none;
	text-indent:-9000px;
	background:url(../images/sprites.png) left top no-repeat;
	width:20px;
	height:19px;
	margin:-3px 0 0 1px;
	padding-right:0;
	padding-left:0;
}
/*HOME PAGE*/
#slideshow-wrap{
	float:left;
	width:600px;
	height:360px;
	padding:45px 9px 51px 33px;
	position:relative;
	overflow:hidden;
}

ul#box-nav{
	list-style:none;
	margin:0;
	height:20px;
	background: url(../images/sprites.png) no-repeat 0 -188px;
	position:absolute;
	bottom:52px;
	right:10px;
	z-index:10;
	padding:17px 0 0 5px;
}

ul#box-nav li{
	margin:0 0 0 8px;
	float:left;
}

ul#box-nav li a {
	display:block;
	width:9px;
	height:9px;
	text-indent:-9000px;
	background: url(../images/sprites.png) no-repeat -404px -188px;
}

ul#box-nav li a.activeSlide {
	background: url(../images/sprites.png) no-repeat -413px -188px;
}

#callout-cta{
	float:left;
	width:212px;
	padding:103px 56px 0 25px;
}
#callout-cta h2{
	width:191px;
	height:76px;
	margin:0;
	padding:0;
	text-indent:-9000px;
	background: url(../images/sprites.png) -20px 0 no-repeat;
}
#callout-cta p{
	color:#381703;
	padding:23px 0 58px 0;
	margin:0;
	font-size:1.250em;
}
#callout-cta a{
	display:block;
	text-indent:-9000px;
	width:203px;
	height:45px;
	background:url(../images/sprites.png) -8px -76px no-repeat;
	margin-left:18px;
}
h1.partnering{
	height:146px;
	padding:15px 30px 0 30px;
	color:#fff;
	font-weight:normal;
	line-height:1.2em;
	font-size:1.4em;
	text-align:center;
	margin:0;
	text-shadow: 2px 2px 2px #7a1c00;
	font-family:"Lucida Grande", Helvetica, sans-serif;
}
.mac h1.partnering {
	font-size:1.6em;
	line-height:1.1em;
	font-family:"Myriad Pro", "Lucida Grande", Helvetica, sans-serif;
}
div.intro p{
	color:#612613;
	font-size:.875em;
	line-height:1.4em;
}
p.cap:first-letter {
	font-family:"Times New Roman", Times, serif;
	font-size:5em;
	margin:7px 12px 0 0;
	float:left;
}
img.intro-img{
	float:left;
	margin:13px 30px 10px -2px;
}
a.learn-more{
	display:block;
	text-indent:-9000px;
	background:url(../images/sprites.png) no-repeat -54px -121px;
	width:157px;
	height:35px;
}

/*Containers*/
#content{
	margin:0;
	background:url(../images/content-bg.jpg) repeat-y left top;
}

#content-bottom{
	height:20px;
	margin:0;
	background:url(../images/contentbot-bg.jpg) no-repeat left top;
}

#main{
	float:left;
	width:606px;
	padding:0 46px 0 27px;
}

#main-content{
	padding-top:20px;
}
#sidebar{
	float:right;
	width:253px;
	padding-right:1.5em;
	margin-top:-10px;
}

/*CONTENT*/
#pageTitle h2{
	height:34px;
	width:571px;
	color:#fcebba;
	font-weight:normal;
	font-size:1.5em;
	margin:0;
	padding:0;
	padding:17px 0 0 20px;
}

img.body-banner{
	margin-bottom:1em;
	margin-left:-27px;
}

#main h3 {
	text-transform:uppercase;
	color:#ac2703;
	font-size:.95em;
	margin-bottom:20px;
}

#main h3.blue {
	color:#02668F;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.5em;
	font-weight:normal;
	margin:0 0 10px;
	text-transform:none;
}

#main h3.border {
	border-bottom:#DDD29C 1px solid;
	padding-bottom:10px;
}

#main p.larger{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.563em;
	line-height:1.1em;
	color:#612613;
}

div.shadow {
	float:left;
	margin:0 1.5em .5em 0;
	background:url(../images/img_top.png) no-repeat top left;
}

div.shadow img {
	display:block;
	padding:6px 10px 21px 20px;
	background:url(../images/img_btm.png) no-repeat bottom left;
}

div.shadow-hort{
	float:left;
	margin:0 1.5em .5em 0;
	background:url(../images/img_top-hort.png) no-repeat top left;
}

div.shadow-hort img {
	display:block;
	padding:6px 10px 21px 20px;
	background:url(../images/img_btm-hort.png) no-repeat bottom left;
}

div.shadow-right {
	float:right;
	margin:0 0 .5em 1.5em;
}

a.donate{
	display:block;
	width:157px;
	height:35px;
	background:url(../images/sprites.png) no-repeat 0 -225px;
	margin-bottom:30px;
	text-indent:-9000px;
}

ul.pdf{
	list-style:none;
	margin:0;
}

a.pdf {
	display:block;
	background:transparent url(../images/pdf-sm.png) no-repeat scroll left top;
	padding:4px 0 2px 24px;
}

/*sidebar*/
.side-box, .blog-nav{
	padding-left:10px;
}
.side-box {
	margin:0 0 1.5em 0;
	padding-bottom:.5em;
	border-bottom:1px solid #DDD29C;	
}
#sidenav{
	margin-top:-20px;
}
#sidenav h2{
	color:#ac2703;
	font-size:1.2em;
}
#sidenav ul{
	list-style:none;
	margin:0 0 35px 0;	
	width:266px;
	border-bottom: #c7bc92 1px dotted;
}
#sidenav li{
	border-top: #c7bc92 1px dotted;
	margin:0;	
}
#sidenav li.last{
	border-bottom: #c7bc92 1px dotted;
}
#sidenav li a{
	display:block;
	width:256px;
	height:24px;
	background:url(../images/sprites.png) no-repeat -211px 0;
	font-size:.95em;
	font-weight:bold;
	padding:8px 0 0 10px;
}
#sidenav li a:hover{
	color:#611D01;
	text-decoration:none;
	background-position:-211px -32px;
}
#sidenav li a.active{
	background-position:-211px -156px;
	color:#611d01;
}

#sidenav li a.level3{
	background-position:-211px -64px;
	color:#611d01;
}
#sidenav li a.last{
	border-bottom: #c7bc92 1px dotted;
}
#sidenav ul ul{
	width:266px;
	margin:0;
}
#sidenav li li{
	border-top:none;
	margin:8px 0;	
}
#sidenav li li a{
	display:inline;
	width:auto;
	height:auto;
	font-size:.750em;
	font-weight:bold;
	padding:0;
	color:#c34702;
	padding-left:35px;
	background: url(../images/sprites.png) no-repeat -211px -100px;
}	
#sidenav li li a:hover{
	background-position: -211px -100px;
}	
#sidenav li li a.active{
	color:#611d01;
	background-position: -211px -100px;
}
#sidebar ul.blog {
	list-style:none;	
	margin:0 0 1em 0;
}
#sidebar ul.blog li {
	padding-left:15px;
	background: url(../images/sprites.png) no-repeat -585px 0px;
}
#sidebar ul.blog li a{
	font-size:.750em;
	font-weight:bold;
	padding:0;
}	
#sidebar ul.recent-posts li a{
	color:#652e16;
}
.blog-nav{
	margin-top:-15px;
}
#sidebar h3{
	color:#c34702;
	font-size:1em;
	margin-bottom:18px;
}
#sidebar h4{
	font-size:1em;
	margin-bottom:18px;
}
#sidebar p{
	font-size:0.689em;
	line-height:1.4em;
}
#sidebar ul#blogpost{
	list-style:none;
	margin:0;
	width:auto;
}
#sidebar ul#blogpost li{
	margin:20px 0 20px 0;
}
#sidebar ul#blogpost p.date{
	margin:0;
	padding:0;
}
#sidebar ul#blogpost h4{
	font-size:.955em;
	margin:0;
	padding:0;
	margin-bottom:3px;
}
#sidebar .spacer{
	width:auto;
	height:1px;
	border-bottom:#ddd29c 1px solid;
	margin-bottom:20px;
}
#sidebar a.cta{
	font-size:1.1em;
	font-weight:bold;
}
#sidebar #spread-word{
	background:url(../images/bubbles.gif) no-repeat top right;
}
#sidebar #spread-word p.join{ 
	font-weight:bold;
	font-size:.9em;
}
#sidebar a.donateBtn{
	display:block;
	width:88px;
	height:21px;
	text-indent:-9000px;
	background:url(../images/sprites.png) no-repeat -478px -43px;
}


/*Blog*/
.blog-post{
	border-bottom:#ddd29c 1px solid;
	padding:28px 0 10px 0;
}

.blog-post p.date{
	color:#ac2703;
	margin:0;
	font-size:0.750em;
	font-weight:bold;
}

#main .blog-post h3 {
	text-transform:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:1.4em;
	margin:5px 0 15px 0;
	line-height:1.2em;
}
.blog-post p.info{
	background-color:#f1e9c0;
	height:25px;
	border-top:#b8ac80 1px dotted;
	padding:5px 0 0 10px;
	font-size:0.750em;
}

#comments{
	padding-bottom:10px;
	border-bottom:#ddd29c 1px solid;
}

#comments h4, #add-comments h4{
	color:#02668f;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.5em;
	font-weight:normal;
	margin:20px 0 10px 0;
}
#comments h4 span{
	color:#907a63;
	font-size:.65em;
}

#comments .comment-entry{
	padding:10px 5px;
	margin-bottom:10px;
}

#comments .admin{
	background-color:#f1eabf;
}

#comments .admin span.name{
	padding-left:28px;
	padding-bottom:2px;
	background:url(../images/sprites.png) no-repeat -55px -156px;
}

#comments .comment-entry .comment-info{
	color:#b6411e;
	margin-bottom:5px;
}

#comments .comment-entry .comment{
	padding-left:20px;
	margin-bottom:0;
}

fieldset#comment-form{
	padding:0;
}

fieldset#comment-form ul{
	margin:0;
}

fieldset#comment-form ul li.message{
	float:right;
	margin-top:-175px;
}

fieldset#comment-form ul li.submit{
	text-align:right;
	clear:both;
	margin:0;
	padding:0;
}

fieldset#comment-form ul li.submit #submit-btn{
	width:88px;
	height:21px;
	border:none;
	padding:0;
}

fieldset#comment-form label{
	float:none;
	font-size:.75em;
	display:block;
	text-align:left;
	width:260px;
	color:#612613;
	font-weight:normal;
}

fieldset#comment-form label .req{
	font-size:.75em;
}


fieldset#comment-form input{
	float:none;
	width:260px;
	border:#e5dbc0 1px solid;
	padding:6px;
}

fieldset#comment-form textarea{
	height:130px;
	width:260px;
	border:#e5dbc0 1px solid;
	padding:6px;
}

/*Media*/
.gallery-wrap{
	width:620px;
	padding:10px;
	margin:15px 0 0 -15px;
	background-color:#f2ebc0;
}

.gallery-wrap img.gallery{
	float:left;
}

.gallery-wrap .gallery-details{
	float:right;
	width:420px;
}


#main .gallery-wrap .gallery-details h3 {
	text-transform:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:1.4em;
	margin:10px 0;
}

#main .gallery-wrap .gallery-details p.gallery-specs{
	color:#ac2703;
	font-size:.8em;
	font-weight:bold;
	margin:0;
}

#main .gallery-wrap .gallery-details a.viewPhotos{
	display:block;
	text-indent:-9000px;
	background:url(../images/sprites.png) no-repeat -477px 0;
	width:77px;
	height:21px;
	margin:5px 0 0 0;
	float:right;
}

/* media albums */
#album .itemWrap {
	float:left;
	text-align:center;
	width:192px;
	height:170px;
	padding:0 .3em 2em .3em;
}

#album .itemWrap img, #viewItem img#item {
	border:4px solid #F2EBC0;
}

#viewItem .itemNav {
	font-size:.75em;
	text-align:center;
	margin-bottom:1em;
}

/*FOOTER*/
#footer{
	position:relative;
	background:#fcc75c url(../images/footer-bg.png) no-repeat left top;
	margin-top:20px;
	height:220px;
	font-size:0.7em;
	color:#cd5b07;
}

#footer ul{
	line-height:1.2em;
	list-style:none;
}

#footer ul ul {
	list-style:disc;
}

#footer li li{
	margin:.5em 0;
}

#footer h4{
	font-size:1.4em;
	color:#cd5b07;
	margin-bottom:15px;
}

#footer a{
	color:#cd5b07;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer #who-we-are{
	position:absolute;
	width:145px;
	left:27px;
	top:24px;
}

#footer #what-we-do{
	position:absolute;
	width:135px;
	left:187px;
	top:24px;
}

#footer #where-we-work{
	position:absolute;
	width:170px;
	left:337px;
	top:24px;
}

#footer #media{
	position:absolute;
	width:110px;
	left:531px;
	top:24px;
}

#footer #join-us{
	position:absolute;
	width:120px;
	left:650px;
	top:24px;
}

#footer #footer-subnav{
	position:absolute;
	width:120px;
	right:28px;
	top:135px;
	text-align:right;
}

#footer #footer-subnav li{
	margin:2px 0;
}


#footer #footer-social{
	position:absolute;
	width:37px;
	right:28px;
	top:111px;
	height:20px;
}

#footer #footer-social li{
	float:left;
	margin:0;
	padding:0;
}

#footer #footer-social li a#twitter{
	background: url(../images/twitter.png) left top no-repeat;
	display:block;
	text-indent:-9000px;
	width:16px;
	height:20px;
	padding-right:5px;
}
#footer #footer-social li a#facebook{
	background: url(../images/facebook.png) left top no-repeat;
	display:block;
	text-indent:-9000px;
	width:16px;
	height:20px;
}



/*MEMBERS*/


fieldset#members-form{
	padding:0;
}

fieldset#members-form ul{
	margin:0;
	padding-bottom:50px;
}

fieldset#members-form ul li{
	clear:both;
	margin-bottom:0;
}

fieldset#members-form ul li.last{
	margin-bottom:30px;
}

fieldset#members-form ul li.message{
	float:right;
	margin-top:-175px;
}

fieldset#members-form ul li.submit{
	text-align:right;
	clear:both;
	margin:0;
	padding:0;
}

fieldset#members-form ul li.submit #submit-btn{
	width:88px;
	height:21px;
	border:none;
	padding-left:260px;
}

fieldset#members-form.login ul li.submit #submit-btn{
	padding-left:150px;
}

fieldset#members-form label{
	float:left;

	display:block;
	text-align:left;
	width:260px;
	color:#612613;
	font-weight:normal;
	padding-top:12px;
	font-weight:bold;
}


fieldset#members-form a.whats-this{
	font-weight:normal;
	font-size:.7em;
	line-height:3.5em;
}


fieldset#members-form.login label{
	width:150px;
}

fieldset#members-form label .req{
	font-size:.75em;
}

fieldset#members-form input{
	float:left;
	width:260px;
	border:#e5dbc0 1px solid;
	padding:6px;
}

fieldset#members-form textarea{
	height:130px;
	width:260px;
	border:#e5dbc0 1px solid;
	padding:6px;
}

fieldset#members-form textarea.donation-description{
	height:80px;
	margin-bottom:-10px;
}

.edit-profile{
	display:block;
	text-indent:-9000px;
	width:88px;
	height:21px;
	background:url(../images/sprites.png) no-repeat -477px -21px;
}

img#fd-but-startDate{
	padding-top:10px;
}

/* error container */
#errorContainer {
	padding:1em;
	border:2px solid #FBC2C4;
	background:#FBE3E4;
	margin-bottom:1em;
}

#errorContainer p, #errorContainer h4, #errorContainer li, #errorContainer a {
	color:#8a1f11;
	font-size:.9em;
}

#errorContainer li {
	height:20px;
}

#errorContainer h3 {
	text-transform:none;
}

#errorContainer p {
	margin-bottom:.5em;
}

#errorContainer a {
	text-decoration:underline;
}

label.error{
	border:none;
}