/*
Theme Name: Bright Futures
Theme URI:
Description: The theme for Bright Futures
Author: Les Colston & Eric Nicolaas
Version: 1.0
Tags:
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }



/* Primary Layout
-------------------------------------------------------------- */
html, body {height:100%;}
body {font:87.5%/1.57em Arial, Helvetica, sans-serif;overflow:auto;letter-spacing:0.05em;}
#container {position:relative;min-height:100%;height:auto !important;height:100%;}
.container-block {width:863px;margin:0px auto;background:transparent url('images/container_bg.png') repeat-y;padding:0 20px;}
#masthead {height:54px;clear:both;}
#navigation {height:33px;background:url('images/nav_bg.png') repeat-x;}
#graphic {height:355px;background:url('images/graphic_bg_repeat.png') repeat-x;width:100%;}
#main-container {width:863px;background:url('images/sidebar_bg.png') repeat-y right;overflow:auto;position:relative;clear:both;min-height:500px;}
#content {float:left;width:563px;}
.entry {padding:24px 21px 60px 20px;}
#sidebar {float:left;width:300px;padding-bottom:60px;}
#footer {height:57px;background-color:#f1f1f1;position:relative;}


/* Elements
-------------------------------------------------------------- */

/* typography */
h1 {font-size:1.714em;margin:0;line-height:1.57em;font-weight:bold;}
h2 {font-size:1.6em;}
h3 {font-size:1em;font-weight:bold;text-transform:uppercase;}
h4 {font-size:1.2em;}
h5 {font-size:1.071em;}
h6 {font-size:1em;}
p {margin-bottom:1.57em;}

.contact-us h1 {color:#f5cd1b;}
.our-work h1 {color:#90df00;}
.about-bright-futures h1 {color:#ff2b57;}
.support-us h1 {color:#D50C19;}
.get-involved h1, .events h1 {color:#13C9EC;}

#news h3 a {text-transform:capitalize;}
.events h2 {font-size:2.07em;line-height:0.7em;}

/* images */
img.attachment-post-thumbnail {border:3px solid #e7c126;}
img.attachment-large-thumbnail {border:3px solid #18c9de;}

/* links */
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.contact-us a:hover {color:#f5cd1b !important;}
.our-work a:hover {color:#90df00 !important;}
.about-bright-futures a:hover {color:#ff2b57 !important;}
.support-us a:hover {color:#D50C19 !important;}
.get-involved a:hover, .events a:hover {color:#13C9EC !important;}

/* lists */
li {list-style-image:none;margin:0 0 1em 16px;}


/* Header
-------------------------------------------------------------- */
#tagline h2 {float:right;font-size:1.2em;color:#fff;text-shadow:-1px 0px 2px #646464;margin-top:17px;}

/* masthead */
#masthead .container-block {background:none;}
.homepage #masthead {background:url('images/masthead_bg_home.png') repeat-x;}
.about-bright-futures #masthead {background:#ff226b url('images/masthead_bg_about.png') repeat-x;}
.get-involved #masthead, .events #masthead {background:url('images/masthead_bg_volunteer.png') repeat-x;}
.contact-us #masthead {background:url('images/masthead_bg_contact.png') repeat-x;}
.support-us #masthead {background:url('images/masthead_bg_donate.png') repeat-x;}
.our-work #masthead {background:url('images/masthead_bg_our-work.png') repeat-x;}

/* navigation */
#navigation ul {background:url('images/nav_divider_left.png') repeat-y left;float:left;}
#navigation li {float:left;font-size:0.857em;text-transform:uppercase;margin-left:0;text-shadow:2px 2px 4px #fff;display:inline-block;position:relative;}
#navigation a {color:#3e3937;padding:0px 22px 3px;line-height:25px;float:left;background:url('images/nav_divider_left.png') repeat-y left;display:inline;}
#navigation a:hover {text-decoration:none;color:#3e3937 !important;}
#navigation span#menu-edge {height:33px;width:3px;display:block;float:left;background:url('images/nav_divider_left.png') repeat-y;}

#navigation li .sub-menu {position:absolute;top:33px;width:200px;display:none;}
#navigation li .sub-menu li {margin:0;background:url('images/nav_divider_left.png') repeat-y left;}
#navigation li .sub-menu li:hover {background-image:none;}
#navigation li .sub-menu li span {display:none;}
#navigation li .sub-menu li a {background-image:none;width:200px;padding:0.5em 10px;}
#navigation li.active .sub-menu {display:block;z-index:99;}

.menu-item span.bottom {height:5px;position:relative;display:block;top:28px;}
.menu-item span.right {float:right;display:inline-block;background:url('images/nav_divider_right.png') repeat-y right;width:1px;height:28px;}
.menu-item span span.right {height:5px;}

li#menu-item-38 span.bottom {background:#f7b700 url('images/nav_divider_left.png') repeat-y left;}
li#menu-item-38:hover,
.home .current-menu-item, li#menu-item-38 .sub-menu li:hover {background-color:#f7b700;}
li#menu-item-38 .sub-menu li {background-color:#fbd38d;border-bottom:5px solid #f7b700;}

li#menu-item-39 span.bottom {background:#f2206d url('images/nav_divider_left.png') repeat-y left;}
li#menu-item-39:hover,
.about-bright-futures .current-menu-item, li#menu-item-39 .sub-menu li:hover {background-color:#f2206d;}
li#menu-item-39 .sub-menu li {background-color:#ff78a8;border-bottom:5px solid #f2206d;}

li#menu-item-35 span.bottom {background:#adeb00 url('images/nav_divider_left.png') repeat-y left;}
li#menu-item-35:hover,
.our-work .current-menu-item, li#menu-item-35 .sub-menu li:hover {background-color:#adeb00;}
li#menu-item-35 .sub-menu li {background-color:#cdf39d;border-bottom:5px solid #adeb00;}

li#menu-item-34 span.bottom {background:#50d9ff url('images/nav_divider_left.png') repeat-y left;}
li#menu-item-34:hover,
.get-involved .current-menu-item, .events .current-menu-item, li#menu-item-34 .sub-menu li:hover {background-color:#50d9ff;}
li#menu-item-34 .sub-menu li {background-color:#77e7ff;border-bottom:5px solid #50d9ff;}

li#menu-item-36 span.bottom {background:#da2206 url('images/nav_divider_left.png') repeat-y left;}
li#menu-item-36:hover,
.support-us .current-menu-item, li#menu-item-36 .sub-menu li:hover {background-color:#da2206;}
li#menu-item-36 .sub-menu li {background-color:#f6626c;border-bottom:5px solid #da2206;}

li#menu-item-37 span.bottom {background:#fdfb00 url('images/nav_divider_left.png') repeat-y left;}
li#menu-item-37:hover,
.contact-us .current-menu-item, li#menu-item-37 .sub-menu li:hover {background-color:#fdfb00;}
li#menu-item-37 .sub-menu li {background-color:#fcfb7d;border-bottom:5px solid #fdfb00;}

/* graphic */
#graphic .container-block {background-image:none;}
#graphic .container-block div {background:url('images/graphic_bg.png') no-repeat;width:863px;height:355px;}
#graphic img {position:relative;bottom:7px;}


/* Content
-------------------------------------------------------------- */
#wra {font-size:0.857em;color:#737272;width:299px;margin-left:20px;background:url('images/wra.png') no-repeat top left;}
#wra p {padding-top:69px;}


/* Sidebar
-------------------------------------------------------------- */
#donation {width:230px;margin:0 auto;padding-top:23px;}
.donate-button {margin-bottom:11px;}
#news {width:253px;padding-left:21px;font-size:0.857em;color:#474747;margin-top:42px;}
#news h3 a,
#subpages a {color:#474747;font-weight:bold;font-size:1.083em;}
#subpages {margin:1.857em 0 0 45px;border-top:1px solid #c7c5bd;width:200px;}
#subpages li {margin:0;line-height:2.571em;border-bottom:1px solid #c7c5bd;}


/* Footer
-------------------------------------------------------------- */
#footer {font-size:0.857em;color:#737272;}
#footer .container-block {height:57px;}
#copyright {float:left;padding:21px 0 0 26px;}
#credits {float:right;padding:21px 26px 0 0;}


/* Contact page
-------------------------------------------------------------- */
.contact-us #main-container {background-image:none;}
.contact-us #content {width:695px;}


/* Events page 
-------------------------------------------------------------- */
.events #main-container {background-image:none;}
.events #content {width:863px;padding:24px 0 40px;}
.events .entry {clear:both;padding:0;margin-bottom:3em;}
.events .left-column {width:200px;float:left;padding-left:28px;}
.events .main-column {width:585px;float:right;margin-right:29px;padding:0;}