/* body */
body { background: #0F1C28 url(../../img/design/top_stripe_dark.gif) 0px 0px repeat-x; color: #E6EDF4; font-size: 115%; }

/* typography */
a { color: #FFCC33; text-decoration: underline; }
a:hover { color: #FFEEBB; }
h2, h3, h4, h5 { color: #fff; }
p { line-height: 1.5em; }
img.left { border: 1px solid #2A455D; }
img.right { border: 1px solid #2A455D; }

/* skip link */
#skip_to_content { background: transparent; color: #FFCC33; text-decoration: underline; }

/* Header */
#wrapper { background: #0F1C28; border-color: #253B52; }
	#header { padding-top: 60px; background: url(../../img/design/dark_header.jpg) 340px 43px no-repeat; }
	
		h1 { width: 260px; height: 60px; background: url(../../img/design/self-direct_dark.gif) 0px 0px no-repeat; margin: -5px 0 5px 16px; }
			h1 img { display: none; }
	
		#style_switcher li a:hover { background: #547CA8; }
		#style_switcher li a.active, #style_switcher li a.active:hover { background: #547CA8; } 
	
/* Main Navigation */
	#main_navigation { background: #0F1C28; border-top: 1px solid #253B52; border-bottom: 1px solid #253B52;}
		#main_navigation li a {
			padding: 8px 22px 8px 22px;
			color: #FFCC33;
			border-right: 1px solid #192A3C;
			border-left: 1px solid #5B7692;
			background: #142738;
			text-decoration: underline; 
		}
		#main_navigation li a:hover { background-color: #3E5F81; text-decoration: underline; }
		
		.home #home_nav, .home #home_nav:hover,
		.about #about_nav, .about #about_nav:hover,
		.resources #resources_nav, .resources #resources_nav:hover,
		.blog #blog_nav, .blog #blog_nav:hover,
		.get-involved #involved_nav, .get-involved #involved_nav:hover,
		.contact #contact_nav, .contact #contact_nav:hover
		{ background-color: #253B52; border-left: 1px solid #5B7692; border-right: 1px solid #253B52; color: #fff; text-decoration: none; }
		
	/* Sub Navigation */
	#sub_navigation {
		background:  transparent;
		float:       left;
		padding-top: 20px;
		width:       28%;
	}		

		#sub_navigation ul {
			font-size: 1em;
		}

			#sub_navigation li {
				border-bottom: 1px solid #253B52;
			}

				#sub_navigation li a {
					background:      url('../../img/design/blog_arrow_dark.gif') 10px 16px no-repeat;
					color:           #FC3;
					display:         block;
					text-decoration: none;
					padding:         10px 15px 10px 27px;
				}

				#sub_navigation li a:hover {
					background-color: #253B52;
					color:            #FC3;
					text-decoration:  underline;
				}

				#sub_navigation li a.active,
				#sub_navigation li a.active:hover {
					background-color: #3E5F81;
					color:            #FC3;
					cursor:           default;
					text-decoration:  none;
				}

		#sub_navigation ul li ul {
			font-size:  0.9em;
			list-style: none;
			margin:     0;
			padding:    0;
		}

			#sub_navigation ul li ul li {
				border: none;
			}

				#sub_navigation ul li ul li a {
					background:   url('../../img/design/subnav_arrow_dark.gif') 25px 16px no-repeat;
					color:        #FC3;
					padding-left: 40px;
				}

				#sub_navigation ul li ul li a:hover {
					background-position: 20px 16px;
					color:               #FC3;
				}

				#sub_navigation ul li ul li a.active,
				#sub_navigation ul li ul li a.active:hover {
					background-color:    #142738;
					background-position: 20px 16px;
					color    :           #FC3;
					cursor:              default;
				}
		
					
/* Home Page */		
#home_intro { background: #0F1C28; border-bottom: 1px solid #5B7692; }
	#home_intro h2 { color: #fff; }
	#home_intro h3 { font-size: 1em; color: #fff; }
	#home_intro p {  max-width: 37em; }

#home_content {
	background: #0F1C28;
}

.home_section h3,
#home_resources h3.recent_resources,
#home_feedback h3,
#home_involved h3
{ color: #fff; }

.home_section p.see_more a { color: #FFCC33; }


/* Footer */		
#footer { border-top: 2px solid #5B7692; }


/* Resources */		
#resources_cats h3 a { color: #FFCC33; text-decoration: underline; }
#resources_cats li h5 { color: #fff; }
em.fsize { color: #ccc; }

/* Blog */		
#blog_sidebar_wrap { border-left: 1px solid #5B7692; }

	#blog_sidebar h4 { color: #fff; }
	#blog_sidebar ul { border-top: 1px solid #45586C; }
		#blog_sidebar ul li {  border-bottom: 1px solid #45586C; }
			#blog_sidebar ul li a { text-decoration: underline; color: #FFCC33; background: transparent; padding-left: 13px; }
			#blog_sidebar ul li a:hover { background-color: #1F3447; color: #FFCC33; }	
			#blog_sidebar ul li a.active, #blog_sidebar ul li a.active:hover { background-color: #334961; color: #fff; }
			
			
#blog_content li p.posted, p.posted { background: #1E3346; }
	p.posted span sup { color: #fff; }
	p.posted span.month { color: #fff; }
	
#blog_content h3 a { color: #FFCC33; text-decoration: underline; }
#blog_content h3 a:hover { color: #FFEEBB; }

#blog_content p.meta, .blog p.meta { color: #BDC7D1; }
	#blog_content p.meta a, .blog p.meta a { color: #BDC7D1; }
	
.blog_message { background: #283246; }

/* Forms */
form.default { border-color: #3D576F; background: #1B2C3D; }
input.def, textarea.def { border-color: #11161B; }

/* Comments */
#discussion { border-color: #3D576F; background: #1B2C3D; }
	#discussion h4 { font-size: 1.2em; padding: 2px 0 2px 20px; background: transparent; }
	
	ul#comments li a.com_number { border-bottom: 1px dotted #FFCC33; color: #FFCC33; }
	ul#comments li p { color: #E6EDF4; }