/*  
Theme Name: Southwest Conservation Corps
Theme URI: http://creativeslice.com/
Description: Theme for SCCorps.org
Version: 1.1
Author: Tim Bowen / Creative Slice
Author URI: http://creativeslice.com/
*/

/*---css reset start---*/
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,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%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */:focus{outline:0;}ol,ul{list-style:none;}/*---css reset end---*/

body{
	margin:0;
	padding:0;
	line-height:1;
	color:black;
	font-size: .8em;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/tan_background.jpg) no-repeat 50% 0 #988260;
}
#main{
	width:897px;
	margin:0 auto 0;
	position:relative;
}
img{
	display:block;
}

hr {border: none 0; 
	border-top: 1px solid #fef5c7;
	border-bottom: 1px dotted #772f17;
	height: 2px;
	}

.alignleft {
float: left;
padding: 5px 10px 5px 0;
}

.alignright {
float: right;
padding: 5px 0px 5px 10px;
}

.post .ngg-albumoverview {
clear: none;
}

.post .ngg-albumoverview .ngg-album-compact {
text-align: center;
}

/*---header---*/
#header{
	height:87px;
	width:100%;
	overflow:visible;
	position:relative;
	z-index:98;
}
/*---logo---*/
#header h1{
	margin:0;
	position:absolute;
	top:24px;
	z-index:100;
	left:0;
	overflow:hidden;
}
#header h1 a {
	width:126px;
	height:126px;
	background: url(images/logo.gif) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
}
/*---end logo---*/


#flashslideshow {
	height: 299px;
	width: 643px;
}

#header .newstop{
right: 0;
top: 0;
position: absolute;
font-family: 'Neucha', arial, serif;
}

#header .facebook {
right: 190px;
width: 170px;
color: #fff;
text-align: right;
top: 10px;
position: absolute;
text-decoration: none;
}

#header .donate {
right: 410px;
color: #eee;
text-align: right;
top: 5px;
position: absolute;
text-decoration: none;
}

#header a.news {
background: #8a2d2c;
font-size: 18px;
padding: 6px 9px;
line-height: 32px;
text-decoration: none;
color: #fff;

}

#header a:hover.news {
background: #27140a;
}

.facebook img{
margin: -2px 5px 0 5px;
float: right;
}

/*---menu---*/

#header #menu {
padding-top: 62px;
clear: right;
float: right;
}
#header ul{
	margin:0px 12px;
width: 700px;
text-align: right;
	list-style:none;
	overflow:hidden;
}
#header ul li{
display: inline;
	padding:0 0 0 20px;
}
#header ul li a, #header ul li a:visited {
	text-decoration:none;
	font-size: 20px;
font-weight: bold;
font-family: 'Neucha', arial, serif;
	color:#fff;
	white-space:nowrap;
}

#header ul li a:hover,
#header ul li.current_page_item a,
#header ul li.current_page_parent a {
color: #422b1e;
}
/*---end menu---*/
/*---end header---*/

/*---sidebar---*/

.sidebar li.page-item-2758 {
clear: both;
margin-top: 15px !important;
}

#content .interior .sidebar {
float: right;
background: #471703;
border: 2px solid white;
width: 180px;
padding: 10px;
color: #fffa7e;
}
#content .interior .sidebar a {
color: #fff;
}

#content .interior .sidebar h3 {
color: #fffa7e;
font-weight: normal;
}

#content .interior .sidebar a:hover,
#content .interior .sidebar .current_page_item a {
color: #fffa7e;
}

#content .interior .sidebar li {
list-style: none;
margin: .4em;
padding: .4em;
background: #772f17;
font-weight: bold;
}

/*---end sidebar---*/
/*---content---*/
#content{
	padding:0 0 0 35px;
	width:862px;
	overflow:hidden;
}

#youtubearea {
margin: 8px;
text-align: center;
}

.navigation #homemap {
	margin:0;
	padding:0;
	width:391px;
	height:300px;
	float: left;
}

.navigation #map {
	margin:0;
	padding:0;
	width:391px;
	height:300px;
	background:url(images/map.jpg) top left no-repeat #fff;
	font-family:arial, helvetica, sans-serif;
	font-size:8pt;
}

.navigation #map li {
	margin:0;
	padding:0;
	list-style:none !important;
}

.navigation #map li a {
	display:block;
position: relative;
	/*
	   Specifying a background image
	   (a 1px by 1px transparent gif)
	   fixes a bug in older versions of
	   IE that causeses the block to not
	   render at its full dimensions.
	*/
	background:url(images/blank.gif);
	text-decoration:none;
	color:#000;
}

.navigation #map li a span {display: none;  }

.navigation #map li a:hover span {
	position:relative;
	display:block;
	width:140px;
	left:-50px;
	top:10px;
	border:2px solid #930209;
	background:#fff;
	padding:8px;
	filter:alpha(opacity=90);
	opacity:0.9;
}

.navigation #map a.durango {
	top:60px;
	left:110px;
	width:150px;
	height:90px;
}

.navigation #map a.alamosa {
	top:-35px;
	left:265px;
	width:120px;
	height:95px;
}

.navigation #map a.acoma {
	top:-40px;
	left:220px;
	width:160px;
	height:100px;
}

.navigation #map a.tucson {
	top:-120px;
	left:55px;
	width:160px;
	height:80px;
}

/*---visual---*/
/*---homebanner---*/
#content div.visual{
	padding:6px;
	width:862px;
	background-color: #422b1e;
	overflow:hidden;
}
#content div.visual div.homebanner{
	width:643px;
	height:299px;
	position:relative;
	float:left;
}

/* Basis of gallery with or without JS */
.homebanner .gallery,
.homebanner .gallery li     { list-style:none; margin:0; padding:0; }
.homebanner .gallery_wrap,
.homebanner .gallery        { width:643px; height: 2990px; position:relative; }
.homebanner .gallery        { display:block; width:643px; overflow:hidden; text-align:right; }
.homebanner .gallery img    { margin:0; padding:0; width:643px; height: 299px; }
.homebanner .gallery li        { display:block; width: 643px; height:299px; background: #27140a; overflow:hidden; }

/* thumbs only show up if JS is active */

.homebanner .thumbs            { display:none; position:relative; float: right; }
.homebanner .thumbs,
.homebanner .thumbs li        { list-style:none; margin-top: 0; padding:0; }
.homebanner .thumbs            {margin: -40px 10px 5px 5px;  z-index:12; }
.homebanner .thumbs li        { color:#fff; cursor:pointer; text-align:center; font-size:18px; font-weight:bold; line-height:18px; float:left; height:40px; border:1px #4f1f12 solid; margin-right:5px; }
.homebanner .thumbs li,
.homebanner .thumbs li span    { display:block; width:40px; height: 30px; }
.homebanner .thumbs li span    { background-color:#422b1e; filter: alpha (opacity=70); -moz-opacity:.7; opacity:.7; -khtml-opacity:0.7; height:24px; padding-top:6px; }

.homebanner .thumbs li.active span    { filter: alpha (opacity=0); -moz-opacity:; opacity:; -khtml-opacity:0.0; }
.homebanner .thumbs li.active        { border-color:#fff; }

/* JS slideshow */
.homebanner .slideshow                    { position:relative; height:299px; }
.homebanner .slideshow li                { position:absolute; top:0; right:0; z-index:8; }
.homebanner .slideshow li.active        { z-index:10; }
.homebanner .slideshow li.last-active    { z-index:9; }



/*---end homebanner---*/
/*---updates---*/
#content div.visual div.updates{
	float:left;
	width:201px;
	height:299px;
	margin:0 0 0 6px;
	position:relative;
	display:inline;
}
#content div.visual div.updates h2{
	margin:7px 0 7px 9px;
	overflow:hidden;
}

#content div.visual div.updates h2 a{
	height:32px;
	width:150px;
	color: #fffa7e;
	display:block;
text-decoration: none;
font-size: 28px;
	font-family: 'Neucha', arial, serif;
}


#content div.visual div.updates ul{
	margin:0px;
	padding:0px;
	list-style:none;
	width:201px;
	overflow:hidden;
}
#content div.visual div.updates ul li{
	margin:0 0 3px 0;
	background:#27140a;
	padding:5px 0 5px 10px;
}
#content div.visual div.updates ul li a{
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fffa7e;
}
#content div.visual div.updates ul li a:hover{
	text-decoration:underline;
}
#content div.visual div.updates ul li p{
	margin:0;
	font:10px Arial, Helvetica, sans-serif;
	color:#fff;
}
#content div.visual div.updates a.staff-openings{
	display:block;
	width:202px;
	height:41px;
	background:url(images/staff_openings.gif) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	left:0;
	bottom:66px;
}
#content div.visual div.updates a.browse-jobs{
	display:block;
	width:202px;
	height:64px;
	background:url(images/browse_service_opportunities.gif) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	left:0;
	bottom:0;
}
/*---end updates---*/
/*---end visual---*/
/*---information--*/
#content div.information{
color: #c6bc99;
border-top: 1px solid #422b1e;
background: #271e0a;
text-align: center;
font-style: italic;
font-size: 23px;
line-height: 28px;
padding: 10px 5px;
margin:0 0 7px 0;
font-family: 'Neucha', arial, serif;
}
/*---end information---*/


/*---TABLE--*/
#content th {
padding: 5px 10px;
background: #772f17;
border: 1px solid #2d0c03;
color: #fef5c7;
font-size: .9em;
text-transform: uppercase;

}

#content td {
padding: 10px;
color: #471703;
border: 1px solid #772f17;
}

#content td.title {
font-size: 1.3em;
font-weight: bold;
line-height: 1.3em;
}


#content td.description {
line-height: 1.2em;
}

#content td.description a {
font-size: .9em;
font-weight: bold;
}

#content td.status {
color: #2d0c03;
font-weight: bold;
background: #fef5c7;
}


/*---end TABLE--*/


#content div.interior {
background: white;
text-align: left;
padding: 1em;
margin-bottom: 7px;
color: #240c02;
}

#content div.interior .post {
width: 620px;
}

#content div.interior .postwide {
padding: 0 60px;
}

#content div.interior a {
color: #930209;
text-decoration: none;
}
#content div.interior a:hover {text-decoration: underline; }

#content div.interior h1.title {
font-size: 36px;
margin: 15px 20px 15px 110px;
font-weight: bold;
color: #471703;
font-family: 'Neucha', arial, serif;
}

#content div.interior h2 {
font-size: 1.8em;
padding: .2em;
}

#content #links h2 {
font-size: 1.5em;
}
#content #links a {
font-weight: bold;
padding-right: .5em;
}
#content #links li {
list-style: none;
}

#content div.interior h3 {
font-size: 1.6em;
padding-top: .4em;
color: #471703;
}

#content div.interior h3.title {
border-top: 1px dotted #772f17;
margin-top: .5em;
font-weight: bold;
padding-top: .5em;
}

#content div.interior p {
line-height: 1.3em;
padding: .5em 0;
}

#content div.interior li {
margin: .5em 2em;
list-style: disc;
}


#content div.interior small {
font-size: .8em;
line-height: 1.2em;
color: #772f17;
font-style: italic;
}


#respond, #comments {
border-top: 1px dotted #772f17;
margin-top: .6em;
padding-top: .5em;
}

#pagenavigation {
text-align: center;
clear: both;
margin-top: .5em;
padding-top: .5em;
color: #471703;
font-size: 1.3em;
border-top: 1px dotted #772f17;
}
.previous, .next {
display: inline;
}
.previous a, .next a {
padding: 0 .5em;
text-decoration: none;
font-weight: bold;
font-size: .8em;
}

#clear {
clear: both;
}

#content div.interior .gallery {
width: 600px;
margin-right: 240px;
}

#content div.interior p.edit a {
background: #930209;
padding: .1em .4em;
text-decoration: none;
color: white;
font-size: .8em;
}
#content div.interior p.edit a:hover {
color: #930209;
background: white;
}

#content div.interior .commentlist {
width: 660px;
}

#content div.interior .commentlist li {
list-style: decimal;
}

#content div.interior .commentlist .alt {
background: #eee;
padding: .5em;
}



/*---navigation---*/
#content div.navigation{
	width:862px;
	padding:0 0 7px 0;
	overflow:hidden;
}
/*---map---*/
#content div.navigation div.map{
	width:391px;
	height:300px;
	float:left;
	overflow:hidden;
}
/*---end map---*/
/*---foto---*/
#content div.navigation div.foto{
	height:290px;
	width:244px;
	padding:5px 4px 0 3px;
	float:left;
	position:relative;
	overflow:hidden;
	margin:0 0 0 7px;
	background:url(images/bg-foto.gif) no-repeat 0 0;
}
#content div.navigation div.foto a{
	display:block;
	text-indent:-9999px;
	height:13px;
	width:230px;
	background:url(images/bg-next-foto.gif) no-repeat 0 0;
	position:absolute;
	top:272px;
	left:9px;
}
/*---end foto---*/
/*---text---*/
#content .text{
	float:left;
	margin:2px 0 0 10px;
	padding: 10px;
	width:183px;
	font-size: 18px;
	line-height: 22px;
font-family: 'Neucha', arial, serif;
	color:#fff;
	background-color: #5f7871;
}

#content em {
font-style: italic;
}

#content .text strong {
font-weight: bold;
color: #fef5c7;
}

/*---end text---*/
/*---end navigation---*/

/*---footer---*/
div.footercarrier{
	/* background:url(images/bg-footer.png) repeat-x 0 0; */
	background-color: #422b1e;
	border-top:2px solid #27140a;
	width:100%;
	overflow:hidden;
	min-width:897px;
}
#footer{
	width:897px;
	margin:0 auto 0;
	overflow:hidden;
	font-size: 1.2em;
}

#footer div.inf{
	width:897px;
	overflow:hidden;
	height:155px;
}
#footer div.inf p{
	font:italic 20px Arial,Verdana,Helvetica, sans-serif;
	color:#fffa7e;
	margin:10px 0 0;
	padding:0 0 0 33px;
}
#footer div.inf ul{
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:897px;
}
#footer div.inf ul li{
	float:left;
	padding:0 0 0 33px;
	margin:15px 0 0 0;
width: 115px;
}
#footer div.inf ul li p,
#footer div.inf ul li {
	font:11px Tahoma,Arial,Verdana,Helvetica, sans-serif;
	color:#fffa7e;
}
#footer div.inf ul li a{
	font-weight:bold;
font-size:11px;
	color:#fff;
	text-decoration:none;
}
#footer div.inf ul li a:hover{
	text-decoration:underline;
}
#footer div.inf ul li p{
	margin:0;
	padding:0;
}

.corpsnetwork img {
border: 1px solid #422b1e;
margin-top: 22px;
background: #fff;
padding: 5px !important;
}

.americorps {width: 440px;
margin: 10px auto;
}

.americorps img {float: left; padding: 10px;}

p.copyright{
	clear:both;
	margin:8px 0 0;
	text-align:center;
	font:11px Tahoma,Arial,Verdana,Helvetica, sans-serif;
	color:#240c02;
	padding:0 0 90px;
}
.copyright a, .copyright a:visited {
color: #240c02;
text-decoration: none;

}
.copyright a:hover {
text-decoration: underline;
}