/*  
Theme Name: Defeat Poverty DC
Theme URI: http://www.defeatpovertydc.org/
Description: Defeat Poverty DC Wordpress Theme.
Version: 1.0
Author: Zach Hannes modifying Dustin Pfeifer's original theme.
Author URI: http://portfolio.zhannes.com, http://www.drxlr.com/

Theme last updated: February 23, 2009
*/


/* Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0; 
	padding:0; 
}

table { 
	border-collapse:collapse; 
	border-spacing:0; 
}

fieldset, img { 
	border:0; 
}

address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; 
	font-weight:normal; 
}

caption, th { 
	text-align:left;
}

h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
	font-weight:normal; 
}

q:before, q:after { 
	content:'';
}

strong { 
	font-weight:bold;
}

em { 
	font-style:italic;
}

a img { 
	border:none 
}

abbr {
	color:#ee1c24; 
	border-bottom:1px dotted #ee1c24;
}

div {
	position:relative;
}


/* Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p {
	margin:10px 0;
	line-height:150%;
}

a {
	font-style:italic;
	color:#ee1c24;
	text-decoration:none;
}

a:hover {
	font-style:italic;
	color:#003368;
	text-decoration:none;
}	

h1 {
	font-size:26px;
	color:#eb1a22;
}

h2, h2 a {
	font-size:22px;
	color:#eb1a22;
	font-style:normal;
}

h3 {
	font-size:18px;
	color:#003368; 
	margin:10px 0;
}

abbr {
	cursor:help
}

small {
	font-size:9px;
	line-height: 12px;
}

table.chart, table.listserv {
	width:100%;
	margin:25px 0;
	font-family:helvetica, arial, sans-serif;
}

table.chart {
	width:350px;
	float:right;
	margin:25px 0 25px 25px;
}

table.chart th, table.listserv th {
	border-top:4px solid #003368;
	font-size:11px;
	padding:10px;
	color:#003368;
}

table.chart td, table.listserv td {
	padding:10px;
	font-size:11px;
}

table.chart tr, table.listserv tr {
	border-bottom:1px solid #ee1c24;
}

#main blockquote p {
	background:#f9f9f9;
	padding:10px;
}

#main .profile {
	background:#f9f9f9;
	height:225px;
}

#main .profile p {
	padding: 10px;
	}

#main ul { 
	list-style-type:square;
	margin:0 0 0 15px;
	line-height:150%;
}

#main ul li {
	margin:5px 0;
	padding:10px 0;
	border-bottom:1px solid #e6e6e6/* #f9f9f9 */;
}


/* Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	background:#305a84 url(images/background.jpg) repeat-x top;
	text-align:center;
	margin:0 auto;
	font:14px Georgia, serif;
	color:#4f4f4f;
}

#masthead {
	background:url(images/background_masthead.png) repeat-x top;
	z-index:10;
	height:175px;
}

#header {
	width:960px;
	height:175px;
	margin:0 auto;
}

	#logo {
		position:absolute;
		width:188px;
		left:0px;
		top:0px;
		text-align:center;
	}

	#logo h1 {
		color:#003568;
		font-size:11px;
		font-weight:bold;
		border:none;
		margin:5px auto 0 auto;
		padding:0;
	}
	
	#mission {
		position:absolute;
		width:489px;
		bottom:55px;
		right:284px;
		text-align:left;
		font:14px/1 Georgia, serif;
		color:#656565;
	}
	
	#mission span, #mission a {
		color:#ed1c24;
		font-weight:bold;
		text-decoration:none;
	}

#signup_box {
    background:url("images/signup_box.png") no-repeat;
	position:absolute;
	width:290px;
	height:117px;
	padding:12px 0 0;
	top:0;
	right:0;
}
/* classes for after a successful signup */
.hide {display:none;visibility:hidden;}
.success {margin-top:45px}

#constant-contact-signup {background:none;}

#signup_box h2 {text-indent:-9999px;visibility:hidden;height:0px;}

#signup_container {
    height:65px;
    padding:0px 10px;
    padding-top:22px;
}

.signup-row {
    height:32px;
}

#cc_email {
    width:164px;
    float:left;
    margin-top:8px;
    margin-right:6.5px;
}

#cc_zip{
    width:80px;
    float:left;
    margin-top:8px;
    margin-left:6.5px;
}

#cc_ward {float:left;width:170px;font-size:10px;color:#666666;padding:3px 0;margin-bottom:5px;}

#cc_submit {margin-left:10px;}

#searchform {
	/* background:url(images/background_search.jpg) no-repeat; */
	position:absolute;
	bottom:8px;
	right:0px;
	width:160px;
	height:26px;
	padding:12px 0 0;
}

#searchform #s {
	/* background:none; */
	border:none;
	color:#666;
	font-size:11px;
	font-weight:regular;
	width:135px;
	height:20px;
	font-family:Arial;
	float:left;
        text-indent:7px;
}
	
.ie7 #searchform #s {
    height:16px;
}

#searchform .submit {
	/* background:url(images/button_search.jpg); */
	border:none;
	/* width:12px; */
	/* height:11px; */
	cursor:pointer;
}

#wrap {
	background:#fff;
	padding:0 0 10px;
}

#content {
	width:960px;
	margin:0 auto;
	padding:30px 0 0;
	text-align:left;
}

#content h1 {
	border-bottom:5px solid #d3d3d3;
	padding:0 0 15px;
	margin:0 0 30px;
}
	
#main {
	float:right;
	width:605px;
}

#sidebar {
	float:left;
	width:320px;
}

#sidebar h1, #sidebar h2 {
	color:#d3d3d3;
}

#sidebar h2 {
	margin:10px 0;
}
	
#sidebar .widget {
	margin:0 0 20px;
}

#sidebar #buttons {
	margin:0 0 20px;
	list-style-type:none;
}

#sidebar #buttons li a {
	display:block;
	height:38px;
	color:#fff;
	padding:22px 0 0 20px;
}

#sidebar #buttons li.email a {
	background:url(images/button_email.jpg) no-repeat right center;
}

#sidebar #buttons li.events a {
	background:url(images/button_events.jpg) no-repeat right center;
}

#sidebar #buttons li.share a {
	background:url(images/button_share.jpg) no-repeat right center;
}

#cycle {
	width:960px;
	margin:0px auto;
}

#rotator{
    float:left;
}

#you_can_help {
    background-color:#003569;
    float:left;
    height:331px;
    /* position:absolute; */
    /* right:232px; */
    /* top:210px; */
    width:288px;
    z-index:5;
    list-style-type:none;
}

#you_can_help li:first-child {margin-top:15px;margin-bottom:10px}

#you_can_help li span {text-indent:-9999px;display:none;visibility:hidden;}

#you_can_help li.last {margin-top:10px}

#you_can_help li.last a {color:#fff;font-weight:bold}

#features {
	/* background:url(images/background_features.jpg) no-repeat; */
    	background:url(images/facts_updates_bg.png) no-repeat;
	width:960px;
	height:331px;
	/* overflow:hidden; */
	margin:0 auto;
	text-align:left;
	position:relative;
        z-index:5;
        margin-top:-16px;
}

	#features li {
		/* display:block; */
		float:left;
		/* width:200px; */
		padding:10px 20px 0px 20px;
                list-style-type:none;
	}
	
        #features li.facts {width:322px}

        #features li.facts ul {margin-left:25px;margin-top:20px;list-style-type:none}

        #features li.facts ul li {font-size:16px;font-family:Georgia,serif;color:#003569;padding:0px;margin:0px;margin-bottom:25px;width:100%;list-style-image:url(images/fast_facts_li2.png);list-style-position:outside;}

        #features li.facts ul li {float:none}

        /* #features li.facts ul li:before { */
        /*     display: marker; */
        /*     content: url("images/fast_facts_li.png"); */
        /*     vertical-align: -5px; /\* choose this ... *\/ */
        /*     margin-right: 12px; /\* and this *\/ */
        /* } */
        
        #features li.facts a {color:#E51923;font-style:italic;padding-left:20px;font-size:14px;font-weight:bold}

	#features li.first {
		width:220px;
		padding-left:0;
	}
	
        #features li.alt {width:510px;margin-left:40px}

        #features li.alt #updates, #features li.alt h2 {padding-left:25px;}

	#features li.alt h2 {
		color:#003568;
		text-shadow:2px 2px 2px #fff;
	}
	

	/* #features h2.updates { */
	/* 	background:url(images/h2_updates.jpg) no-repeat center top;  */
	/* 	text-align:center; */
	/* } */
	
	#features h2 {
		padding:15px 0 0;
	}
	
	#features p {
		font-size:12px;
		margin: 10px 0 5px 0;
	}
	
	#updates {
		margin:10px 0;
		height:auto;
                font-family:arial;
	}
	
	#updates li {
		margin:0;
		padding:5px 0;
		border-bottom:1px solid #dedede;
                width:100%;
	}

        #updates li.last-update, #updates li.more-updates, #updates li ul.dbem_events_list li { border-bottom:none}     
	
        #updates li ul.dbem_events_list li .meta {font-style:normal;color:#4F4F4F;font-family:arial,sans-serif;}

	#updates li .meta {
		width:60px;
		float:left;
	}
	#updates li .meta p {text-align:right}	
	#updates li .excerpt {
		width:411px;
		float:left;
                padding-left:14px;
	}
	
	#updates li .date {
		font-size:12px;
	}

        #updates li .desc {
            font-size:14px;
            color:#e51923;
            display:block;
        }
	
	#updates li p {
		margin:0;
		line-height: 14px;

	}

        #updates li .meta p a, #updates li.more-updates a { text-align:right;font-size:14px;font-family:Georgia,serif;font-style:normal;font-weight:bold}      

        #updates li.more-updates a {font-style:italic;color:#e51923;padding-left:60px;}

        #features .excerpt-link, #features .evts-excerpt-link,.excerpt p a {font-size:12px;text-align:left;font-family:Georgia,serif; color:#e51923}
        
        #features a:hover {color:#003368;}
        
        #features .evts-excerpt-link:after {content:url(images/rt-arrow.png)}
        #features .evts-excerpt-link:hover:after {content:url(images/rt-arrow-hover.png)}
        
        
        /* #features .excerpt-link:after { */
        /*     content:' &raquo;'; */
        /* } */
        
#join {
	background:url(images/background_join.jpg) no-repeat center;
	display:block;
	width:960px;
	height:89px;
	margin:25px auto 0 auto;
	text-align:left;
	color:#000;
}

	#join h1 {
		width:410px;
		float:left;
		padding:30px 0 0 20px;
		font-size:28px;
		color:#fff;
		margin:0;
	}
	
	#join p {
		margin:0;
		padding:20px;
		font-size:12px;
	}
	
	#cc {
		background:#f9f9f9;
		padding:10px;
	}

#social_media {
	background:url(images/background_social2.jpg) repeat-x;
	height:98px;
	overflow:hidden;
	padding:20px 0 0;
	text-align:left;
	color:#fff;
}

	#social_media h2 {
		font-size:20px;
		color:#305a84;
		margin:0;
	}

	#social {
		width:960px;
		margin:0 auto;
	}

	#twitter {
		background:url(images/background_twitter.jpg) no-repeat bottom;
		float:left;
		width:478px;
		height:32px;
		padding:0 0 18px 62px;
		margin:0;
		rpp: 3;
	}

	#twitter_update_list {
		list-style-type:none;
	}
	
	#social_buttons {
		text-align:right;
	}
	
	#social_buttons a {
		padding:0 0 0 10px;
	}

#footer {
	width:960px;
	margin:0 auto;
	padding:25px 0;
	font-size:11px;
	text-align:left;
	color:#fff;
}

	.footerleft {
		float:left;
	}

	.footerright {
		float:right;
		text-align:right;
	}
	
	.footerright a {
		color:#fff;
		font-style:normal;
		margin:0 0 0 15px;
	}


/* Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#nav {
	position:absolute;
	width:615px;
	bottom:8px;
	/* right:390px; */
	list-style-type:none;
	z-index:20;
	left:180px;
}

#nav li {
	float:left;
	border-left:1px solid #f2262e;
}

#nav li.page-item-2 {
	border:none;
}

#nav a {
	display:block;
	padding:10px 12px;
	font:12px arial, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	line-height:1;
}

#nav a:hover, #nav li:hover a {
	background:#003468;
	color:#fff !important;
}

#nav li.current_page_item a, #nav li.current_page_ancestor a {
	color:#ab0b13;
}

#nav li ul { /* second-level lists */
	background:#003468;
	position:absolute;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	width:200px;
	text-align:left;
	margin:0;
}

	#nav li li {
		list-style-type:none;
		border:none;
		padding:0;
	}
	
	#nav li:hover ul a, #nav li.current_page_item ul a, #nav li.current_page_parent ul a {
		background:#003468 url(images/nav.jpg) no-repeat right center;
		width:180px;
		font-size:11px;                
	}
	
	#nav li ul a:hover, #nav li ul li.current_page_item a, #nav li ul li.current_page_ancestor a, #nav li ul li:hover a {
		background:#305a84 url(images/nav_ro.jpg) no-repeat right center;
                /* z-index:99; */
                /* display:block; */
	}

#nav li ul ul { /* third-and-above-level lists */
	margin:-31px 0 0 204px;
}

	#nav li ul li.current_page_item li a, #nav li ul li.current_page_ancestor li a, #nav li ul li:hover li a {
		background:#003468 url(images/nav.jpg) no-repeat right center;
	}
	
	#nav li ul li.current_page_item li a:hover, #nav li ul li.current_page_ancestor li a:hover, #nav li ul li:hover li a:hover, #nav li ul li.current_page_ancestor li.current_page_item a {
		background:#305a84 url(images/nav_ro.jpg) no-repeat right center;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left:-999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
        display:block;
        z-index:99;
}

#sidebar ul {
	margin:0;
	list-style-type:none;
}

#sidebar ul li {
	margin:0 0 5px;
}

#sidebar ul a {
	background:#f9f9f9 url(images/secondary_nav.jpg) no-repeat right center;
	display:block;
	padding:5px;
	font-style:normal;
	color:#003468;
}

#sidebar ul a:hover, #sidebar ul li.current_page_item a {
	background:#dddbdb url(images/secondary_nav_ro.jpg) no-repeat right center;
	color:#4f4f4f;
}

#footernav {
	list-style-type:none;
	margin:10px 0;
}

#footernav li {
	display:inline;
	margin:0 0 0 10px;
}

#footernav a {
	font-size:14px;
	color:#fff;
	text-decoration:none;
	font-style:normal;
}


/* Calendar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.dbem-calendar-table {
	width:100%;
	margin:10px 0;
}

.dbem-calendar-table td {
	border:1px solid #d3d3d3;
	padding-top:20px !important;
	padding-bottom:20px !important;
	text-align:center;
	vertical-align:top;
}

.dbem-calendar-table thead td {
	vertical-align:middle;
	text-align:center !important;
}

.dbem-calendar-table td.eventless-today {
	background:#cfcfcf;
}

.eventful a {
	font-style:italic;
	color:#ee1c24 !important;
	text-decoration:none;
}


/* multiple events listing page */

.dbem_events_list li.clearfix {list-style-type:none;border-bottom:solid 1px #e6e6e6}

.dbem_events_list li .meta {color:#003368;font-family:Georgia,sans-serif;font-style:italic;font-size:14px; display:block;float:left;width:200px}
.dbem_events_list li .excerpt {float:left;display:block;width:390px;}
.dbem_events_list li h3.event-title {color:#003368;font-family:Georgia;font-size:18px;}
.dbem_events_list li h3.event-location {color:#4f4f4f;font-family:Georgia;font-size:14px;}
.dbem_events_list li .learn-more {font-family:Georgia;font-color:#ee1c24;font-style:italic;font-size:14px;}

/* Form Elements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.cform ol, .gform_wrapper ul li {
	list-style-type:none;
}

.cform ol li, #main ul.gform_fields li.gfield_single, #main ul.gform_fields li.gfield {
	margin:20px 0;
        border-bottom:none;
}

table.dbem-rsvp-form td {
	padding:10px 0;
}

.cform label, #respond label, .gform_fields label {
	display:block;
	float:left;
	width:185px;
	padding:15px 0 0 15px;
	color:#003468;
}

.cform input.single, #respond input#author, 
#respond input#email, #respond input#url, 
.dbem-rsvp-form input, #cc input.email, 
.ginput_container input.medium {
	background:url(images/background_input.jpg);
	width:347px;
	height:32px;
	border:none;
	padding:15px 10px 0 10px;
}

.cform textarea, #respond textarea, .dbem-rsvp-form textarea,
.ginput_container textarea {
	background:url(images/background_textarea.jpg);
	width:347px;
	height:142px;
	border:none;
	padding:15px 10px 0 10px;
}

div.gform_footer input.button {float:right}

.cf-sb, #submit, #cc input.submit {
	text-align:right;
	margin:0;
	padding:0 38px 0 0;
}

.cf-sb input, #submit input, #cc input.submit, div.gform_footer input.button {
	border:none;
	background:url(images/button_submit.jpg) no-repeat;
	height:47px;
	width:115px;
        cursor:pointer;
}

#cc input.email {
	display:block;
	float:left;
	margin:0 10px 0 0;
}

#cc input.submit {
	display:block;
}

.linklove, .cf_hidden {
	display:none;
}


/* Sliding Panel - Homepage
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.boxgrid{
	width:200px;
	height:260px;
	margin:0;
	padding:0;
	cursor:pointer;
	overflow:hidden;
	position:absolute;
	bottom:-62px;
}

.boxgrid img {
	position:absolute;
	top:0;
	right:0;
	border:0;
	cursor:pointer;
}

.captionfull .boxcaption {
 	position:relative;
 	background:url(images/bg-slidingpane.jpg) no-repeat top left;
 	height:178px;
 	padding:0px 0 20px 0;
 	margin:-10px 0 0 0;
 	top:260px;
 	left:0;
}
 
.boxcaption p {
 	padding:10px 0 0 0;
}

.caption .boxcaption {
	top:220px;
	left:0;
}


/* Wordpress Defaults
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.aligncenter { 
	display:block; 
	margin:0 auto;
}

.alignleft { 
	float:left;
	margin:0 20px 0 0;
}

.alignright { 
	float:right;
	margin:0 0 0 20px;
}

.wp-caption { 
	text-align:center; 
	background:#f9f9f9; 
	padding:0; 
	margin:0 0 15px 10px;
	width:140px !important;
}

.wp-caption-text {
	color:#4f4f4f;
	font:10px/14px helvetica, arial, sans-serif;
}

.size-thumbnail {
	border-bottom:2px solid #d9d9d9;
	width:140px;
	height:140px;
}

/* Comment Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.commentlist {
	margin:20px 0;
}
	
.commentlist li {
	list-style-type:none;
	margin:10px 0;
	background:#f9f9f9;
	padding:20px;
	font-size:12px;
}

.commentlist p {
	margin:10px 0 0;
}

.commentlist p.postmetadata {
	margin:0;
}

.commentlist p.author {
	margin:0;
}

.commentlist .avatar {
	float:left;
	margin:0 10px 0 0;
}


/* Browser Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}          
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#nav li:first-child {border:none}

