/************* Wireframe Layout *************/
html
{
	background: #3B3633;	
}

body
{
	margin: 0;
    font-family: Helvetica, Arial, sans-serif;
	background: #FFF url(/templates/10k/images/body-bg-home.jpg) top left repeat-x;
}

#content,#footer, #small-dot
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#content
{
	background: #E7FFE5; 
}

#nav-side
{
	background: #FFFDED; 
}

#nav-bread ul, #nav-footer ul, #nav-top ul, #nav-side ul
{
	list-style: none;
	padding: 10px;
	margin: 0;
}

#nav-side ul ul
{
	padding: 5px 0 0 10px;
}

#nav-bread li, #nav-top li
{
	display: inline;
	margin-right: 10px;
}


#nav-side ul.menu-3, #nav-side .menu-expand ul.menu-3
{
	display: none;
}
 
#nav-side .menu-2.menu-current ul.menu-3, #nav-side .menu-2.menu-parent ul.menu-3
{
	display: block;
}

/************* Typography *************/

p, li, h2, h3, h4 { color: #333333; }
h2{ font-size: 2.0em; font-weight:bold; }
h3{ font-size: 1.7em; font-weight:bold; margin-bottom: 0;}
h4, h5, h6{ font-size: 1.3em; font-weight:bold; margin-bottom: 0;}
p, li{ font-size: 1.3em; }
li { margin-bottom: 5px; }

a{ color: #2249a1;}
a:hover{ text-decoration:none; color: #2249a1;}

h3.post-title a {  color: #333333; text-decoration: none;}
h3.post-title a:hover { color: #333333; text-decoration: underline;}



/************* #Nav-Top & #Bar *************/



#bar
{
	margin-bottom: 5px;	
}

#bar ul, #bar p
{
	margin: 0;
	padding: 3px 0 0 0;
}

#bar li, #bar p
{
	font-size: 1.2em;
	font-weight:bold;
	color: #ced9f4;
}

#nav-top a
{
	color: #ced9f4;
	text-decoration: none;
}

#nav-top a:hover
{
	text-decoration: underline;
}

#logo
{
	height: 150px;	
	margin-left: -2px;
}

/************* #intro-content *************/

#intro-content .register
{
	margin-top: 6px;	
}

#intro-content .register a
{
	display: block;
	width: 125px;
	height: 120px;
	text-indent: -9009px;
	margin: 0;
	background: url(/templates/10k/images/intro-content-register.jpg) top center no-repeat;
	background-position: 0px 0px;
}

#intro-content .register a:hover
{
	background-position: 0px -120px;
}

#intro-content h2
{
	margin-bottom: 0;
	font-size: 1.8em;
	padding-top: 12px;
}

#intro-content img
{
	padding-top: 4px;
}

/************* #nav-main *************/

#nav-main
{
	margin-left: -2px;	
}

#nav-main ul
{
	margin: 10px 0 0 0;
	padding: 0;
}

#nav-main li
{
	display: block;
	list-style-type: none;
}

#nav-main li a
{
	width: 249px;
	display: block;
	height: 75px;
	text-indent:-9009px;
}

#nav-main li#home-nav-main-show a
{
	background:url(/templates/10k/images/home-nav-main-show.jpg) no-repeat top left;
}

#nav-main li#home-nav-main-contribute a
{
	background:url(/templates/10k/images/home-nav-main-contribute.jpg) no-repeat top left;
}

#nav-main li#home-nav-main-volunteer a
{
	background:url(/templates/10k/images/home-nav-main-volunteer.jpg) no-repeat top left;
}

#nav-main li#home-nav-main-about a
{
	background:url(/templates/10k/images/home-nav-main-about.jpg) no-repeat top left;
}

#nav-main li#home-nav-main-about a:hover, #nav-main li#home-nav-main-volunteer a:hover, #nav-main li#home-nav-main-contribute a:hover, #nav-main li#home-nav-main-show a:hover
{
	background-position: 0 -75px;
}


/*************  News Formatting *************/
#rss
{
	padding-top: 8px;	
}

#news h2
{
	font-size: 2.3em;
	color: #e43118;
	padding-top: 3px;
	background: url(/templates/10k/images/news-h2-bg.gif) center left no-repeat;
	margin-bottom: 0;
}

#news h3
{
	font-size: 1.8em;	
}

#news h3, #news p
{
	color: #282726;
}

#news, #cta
{
	margin-top: 30px;	
}

.divider
{
	height: 31px;
	background: url(/templates/10k/images/divider-bg.gif) top left repeat-x;
}

.date-stamp
{
	background: url(/templates/10k/images/date-stamp-bg.gif) top left no-repeat;
}

div.date-stamp ul
{
	margin: 0;
	padding: 0;
}

div.date-stamp li
{
	text-align: center;
	color: #fff;
	display: block;
	margin: 0;
	padding: 0;
}

div.date-stamp li.month
{
	padding-top: 8px;
	font-size: 1.2em;
	height: 12px;
}

div.date-stamp li.day
{
	
	font-size: 1.8em;
	height: 18px;
	padding-bottom: 15px
}

/*************  CTA Column *************/
p.cta-log-hours a, p.cta-join-staff a, p.cta-register a
{
	display: block;
	width: 290px;
	height: 70px;
	text-indent: -9009px;
	margin: 0;
	margin-bottom: 10px;	
}

p.cta-register a
{
	background: url(/templates/10k/images/cta-register.jpg) top center no-repeat;
	background-position: 0px 0px;
}

p.cta-join-staff a
{
	background: url(/templates/10k/images/cta-join-staff.jpg) top center no-repeat;
	background-position: 0px 0px;
}

p.cta-log-hours a
{
	background: url(/templates/10k/images/cta-log-hours.jpg) top center no-repeat;
	background-position: 0px 0px;
}

p.cta-log-hours a:hover, p.cta-join-staff a:hover, p.cta-register a:hover
{
	background-position: 0px -70px;
}

/************* Footer *************/

#footer-body {width: 100%; float:left; background: #3B3633;}

#footer-container
{
	width:995px;margin:0 auto;
}

#footer-container {width:995px;margin:0 auto;}
#footer-container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#footer-container {display:inline-block;}
* html #footer-container {height:1%;}
#footer-container {display:block;}

#footer
{
	padding-top: 20px;
	padding-bottom: 10px;
}

#footer p, #footer li
{
	font-size: 1.1em; color: #676666;
}

#footer li li
{
	font-size: 1.0em;	
}

#footer ul
{
	padding: 0;
	background: none;
}

#footer li
{
	margin-right: 0;
}

#footer a, #footer p, #footer h2
{
	color: #FFF;
	text-decoration: none;
}

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

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

#footer h2
{
	font-size: 1.4em;
	margin-bottom: 0;
}

#footer ul.menu-3, #footer .menu-expand ul.menu-3, #footer ul.menu-2, #footer .menu-expand ul.menu-2
{
	display: none;
}

#footer li ul
{
	margin-top: 5px;
}

/************* Small Dot *************/

#copyright p
{
	font-size: 1.2em;
	color: #CCCCCC;
}

#copyright a
{
	color: #CCCCCC;	
	text-decoration: underline;
}

#copyright a:hover
{
	color: #CCCCCC;	
	text-decoration: none;
}