/*  
Theme Name: Democracy Corps
Theme URI: http://democracycorps.com/
Description: Democracy Corps Theme
Version: 1.0
Author: Eric McGregor
Author URI: http://ericmcgregor.com/


*/

/* ------ NOTES ---------------------------------------------------------------

Master Screen Style for Democracy Corps.

--------- UPDATE INFO ---------------------------------------------------------



--------- CONTENTS ------------------------------------------------------------

1: FONT, INPUT, TEXTAREA

2: color themes
	a) focus
	b) polling
	c) strategy
	
3:
	
---------------------------------------------------------------------------- */


/* 1: FONT, INPUT, TEXTAREA
============================================================================ */
.clearfix:after, .ContentWrapper:after, .category:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix, * html .ContentWrapper, *html .category {height: 1%;}




/*LINK COLORS */
a {text-decoration:none;}
.PageContent a:hover {background:#f1f1f1;}
p a {
	text-decoration:underline;
	font-weight:bold;
}
body {background:#222;}

/* 2: COLOR THEMES
============================================================================ */


#globalNav a.home:hover,
#globalNav a.home.selected {
	color:#999;
}
#globalNav a.about:hover,
#globalNav a.about.selected {
	color:#999;
}

#globalNav a.subscribe:hover,
#globalNav a.subscribe.selected {
	color:#f48c1b;
}
#globalNav a.subscribe img {
	position:absolute;
	top:14px;
	right:30px;
}
/* FOCUS COLOR FORMATTING
============================================================================ */
#focus.category h2 a, 
#focus.category h3 a,
#focus h3 a,
#focus h2 a,
#focus h1 a {color:#c07807;}

#focus li a, 
#focus dl a, 
#focus li a, 
#focus dl a,
#focus .smallBlock a,
#focus p a {color:#c07807;}


#globalNav a.focus:hover,
#globalNav a.focus.selected {
	color:#c07807;
}



/* POLLING COLOR FORMATTING
============================================================================ */

#polling.category h2 a,
#polling.category h3 a,
#polling h3 a,
#polling h2 a,
#polling h1 a  {color:#125AA7;}

#globalNav a.polling:hover,
#globalNav a.polling.selected {
	color:#125AA7;
}

#polling li a, 
#polling dl a, 
#polling li a, 
#polling dl a,
#polling .smallBlock a,
#polling p a {color:#125AA7;}

/* STRATEGY COLOR FORMATTING
============================================================================ */

#strategy.category h3 a,
#strategy h3 a,
#strategy h2 a,
#strategy h1 a {color:#4f6c3c;}


#globalNav a.strategy:hover,
#globalNav a.strategy.selected {
	color:#7b916d;
}

#strategy li a, 
#strategy dl a, 
#Stratgey li a, 
#strategy dl a,
#strategy .smallBlock a,
#strategy p a {color:#7b916d;}





/* : PUBLIC HOME PAGE
============================================================================ */

#PublicHome .category {
	padding:30px 0;
}
#PublicHome .category h3 {
	line-height:20px;
	margin-top:5px;
	margin-bottom:18px;
}
#PublicHome .category em.smallBlock {
	margin-bottom:5px;
	color:#d2d2d2;
}


#PublicHome .PageContent .format1 {
	width:30%;
	float:left;
	padding:0 3% 0 0;
	text-align:left;
}
#PublicHome #focus {
	border:1px dotted #d2d2d2;
	border-width:1px 0;
}
#PublicHome img.imageheader {
	display:block;
	margin:0px 0 20px 0px;
}
.viewall {
	float:right;
	margin-right:20px;
}
.viewall a {
	display:block;
	color:#d2d2d2;
	padding:5px;
	text-decoration:underline;
}
.viewall a img {
	position:relative;
	top:3px;
}





/* : FEATURED CONTENT
============================================================================ */
.Featured {
	margin-top:0px;
	position:relative;
	padding:20px 0;
	color:#fff;
}
.Featured .container {
	width:915px;
	padding-left:10px;
	padding-right:10px;
	background:transparent;
}

body .Featured p {font-size:14px; color:#fff;}
body .Featured h1 {font-size:2.5em; color:#fff;}
body .Featured ul a {font-size:14px;}
body .Featured a {color:#fff;}

body.Article .Featured h1 {font-size:1.8em;}

/* : Public Home
============================================================================ */
#PublicHome .Featured {
	background:url(images/bg/featured-home.jpg) top center no-repeat #3062bb;
}
#PublicHome .Featured a {color:#d4ecfa;}

/* : Strategy
============================================================================ */
#strategy .Featured {
	background:url(images/bg/featured-strategy.jpg) top center repeat-y #89bb91;
}
#strategy .Featured a {color:#fff;}


/* : Polling
============================================================================ */
#polling .Featured {
	background:url(images/bg/featured-polling.jpg) top center repeat-y #c4befe;
}
#polling .Featured a {color:#fff;}

/* : Focus
============================================================================ */
#focus .Featured {
	background:url(images/bg/featured-focus.jpg) top center repeat-y #e3d9be;
}
#focus .Featured a {color:#fff;}

/* : error
============================================================================ */
#error-404 .Featured {
	background:url(images/bg/featured-404.jpg) top center repeat-y #ff4848;
}

/* : Search
============================================================================ */
#Search .Featured {
	background:url(images/bg/featured-search.jpg) center no-repeat #000;
}


















/* 2: GLOBAL STRUCTURE
============================================================================ */
.ContentWrapper {
	clear:both;
	background:url(images/bg/ContentWrapper.jpg) top left repeat-x #fff;
	background:#fff;
	padding-top:20px;
	padding-bottom:60px;
	height:100%;
}
.PageContent {position:relative;}

/* 2 a) : Header
============================================================================ */
.Header {
	height:60px;
	padding:10px 0;
	background:url(images/bg/Header.jpg) bottom left repeat-x #fff;
	background:#fff;
	position:relative;
}
.Header ul {
	font-size:10px;
	font-family:verdana;
}



/* 2 b) : globalNav
============================================================================ */
#globalNav {
	height:60px;
	background:#000;
}
#globalNav ul {
	margin:0;
	padding:0;
}
#globalNav li {
	float:left;
	list-style:none;
	position:relative;
}
body #globalNav a {
	display:block;
	padding:15px 50px 17px 10px;
	font-size:1em;
	line-height:14px;
	font-weight:bold;
	color:#fff;
}
#globalNav a.selected {
	background:url(images/icons/onstate.gif) 15px 0 no-repeat;
}
#globalNav a span {
	display:block;
	font-size:10px;
	color:#666;
}
#globalNav a img {
	border:0;
	position:absolute;
	top:5px;
	right:20px;
}


/* 2 b) : Footer
============================================================================ */
#Footer {
	padding:20px 0px;
	margin-top:0px;
	border-top:1px solid #eaeaea;
	color:#999;
}
#Footer .newsletter h2 {
	color:#999;
	margin:0;
}
#Footer .newsletter {
	float:right;
	padding:0 0 20px;
	color:#999;
	margin-top:-5px;
}
#Footer .newsletter input {
	border:1px solid #d2d2d2;
	padding:5px;
	margin:5px 0;
}







/*  : SINGLE STYLES
============================================================================ */
/* these are styles for the actual articles.  these are different than the more
global .Article styles below */


.ArticleContainer{}
.ArticleContainer p {
	font-size:14px;
	line-height:22px;
}
.ArticleContainer h1 i {
	font-size:16px;
	display:block;
}
.ArticleContainer h2 {
	font-size:14px;
	margin:18px 0;
	font-weight:bold;
}
.ArticleContainer img {
	display:block;
	margin:18px auto;
}
.ArticleContainer table {
	width:100%;
}
.ArticleContainer table caption {

}



/*  : Article Table Styles
============================================================================ */

table.Style1 {
	margin:18px 0;
}

table.Style1 th {
	width:65%;
}
table.Style1 td {
	text-align:center;
}
table.Style1 caption {
	font-size:14px;
	margin-bottom:10px;
}



table.Style2 {
	margin:18px 0;
}

table.Style2 th {
	width:30%;
	padding:20px 10px;
}
table.Style2 td {
	text-align:center;
	vertical-align:bottom;
}
table.Style2 caption {
	font-size:14px;
	margin-bottom:10px;
}








/* 3 a) : SINGLE SIDEBAR
============================================================================ */
.Sidebar {
	float:right;
}
.Sidebar .format1 ul {
	padding:0;
	margin:0;
}
.Sidebar .format1 li {
	list-style:none;
	margin-bottom:0px;
	border-bottom:1px solid #eaeaea;
}
.Sidebar .format1 li a {
	display:block;
	padding:3px 0;
}
.Sidebar .format1 li a:hover {
	background:#f9f9f9;
}
.Sidebar .format1 {
	margin-bottom:25px;
}
.Sidebar .format1 h3 {
	line-height:18px;
	padding:10px 0;
}



.Sidebar dt {
	margin-top:10px;
}
.Sidebar dd a {
	display:block;
}
.Sidebar dd a:hover {
}







/* 3 a) : Format1 Article path
============================================================================ */
.Article .PageContent {
	margin-left:10px;
}
.Article .PageContent .format1 {
	padding:25px 0;
	border-bottom:1px dotted #666;
	position:relative;
}
.Article .PageContent .format1 h3 {
	font-size:24px;
}
.Article .PageContent p {
	font-size:1.2em;
	line-height:1.6em;
	color:#666;
}



/* 3 a) : article formatting
============================================================================ */
.ArticleContent img {
	display:block;
	float:none;
	margin:10px auto;
	border:1px solid #d2d2d2;
}
.Article .sub_content p {
	margin:1em 0;
}
ul.quick_attachment {
	font-size:1.4em;
}
ul.quick_attachment li {
	margin:8px 0;
}
.sub_content dl.quick_attachment {
	float:left;
	width:44%;
	margin-right:3%;
	font-size:1.2em;
}
.sub_content dl.quick_attachment dd {
	margin:8px 0;
}



/* 3 a) : Format1 Article path
============================================================================ */
.Article .Sidebar {
	background:url(images/bg/articlesidebartop.jpg) top center no-repeat #dcdfd6;
	background:transparent;
	padding-top:10px;
	padding-bottom:0px;
	border-left:1px dotted #d2d2d2;
}
.Article .Sidebar .format1 {
	margin:0 0px 0px;
	padding:10px 20px 10px;
}
.Article .Sidebar .format1 dt {
	color:#000;
	font-size:14px;
}
.Article .Sidebar .format1 h2 {
	color:#000;
}
.Article .Sidebar .format1 a {
	color:#333;
	border-bottom:1px solid #cacdc5;
}
.Article .Sidebar .newsletter.format1 {
	padding-bottom:20px;
	border-bottom:1px dotted #d2d2d2;
	border-top:1px dotted #d2d2d2;
}

p.return {
	font-size:14px;
}






.relevant a {
	margin:10px 0;
	padding-left:15px;	
}
.inside a {
	background:url(images/icons/inside.gif) 0 3px no-repeat;
}
.documents a {
	background:url(images/icons/document.gif) 0 3px no-repeat;
}
.images a {
	background:url(images/icons/image.gif) 0 3px no-repeat;
}
.Article .Sidebar .format1 a {
	border:0;
}

.overview a {
	margin:10px 0;
}
.overview strong {
	color:#333;
}

/* 3 a) : Format1 Article path
============================================================================ */

.Archive .PageContent {
	padding:0 10px;
}




.Archive .PageContent dt {
	margin-bottom:5px;
	padding-bottom:10px;
	padding-top:10px;
}
.Archive .PageContent dd {
	border-bottom:1px dotted #666;
	position:relative;
	margin-bottom:10px;
}
.Archive .PageContent dd p {
	width:60%;
}
.Archive .PageContent dd h3 {
	font-size:18px;
	font-weight:bold;
	margin-right:200px;
	margin-bottom:10px;
	line-height:22px;
}
.Archive .PageContent dd h3 span {
	font-size:12px;
	text-transform:uppercase;
	font-style:italic;
	font-weight:normal;
}
.Archive .PageContent dd h4 {
	position:absolute;
	top:10px;
	right:10px;
	font-size:11px;
	color:#999;
}
.Archive .Featured h1 {
	color:#fff;
}



#About .PageContent dt {
	font-size:14px;
	margin:10px 0;
}
#About .PageContent dd {
	border-bottom:1px dotted #666;
}
#About .PageContent dd img {
	float:left;
	margin-right:20px;
}










.search {
	position:absolute;
	top:10px;
	right:0;
}
.search input {
	border:1px solid #d2d2d2;
	padding:5px;
	font-size:10px;
}






#ContactForm {
	border-left:1px dotted #d2d2d2;
	padding-left:20px;
}


#ContactForm textarea, #ContactForm input {
	border:1px solid #999;
	padding:5px 2px;
}

/* : Smart Archives
============================================================================ */
#SmartArchives {color:#fff;}
#SmartArchives a, #SmartArchives span {padding:0 5px;}
#SmartArchives a {
	text-decoration:underline;
	font-weight:bold;
}
#SmartArchives strong {font-size:1.2em;}
#SmartArchives strong a {
	border:0;
	text-decoration:none;
}

/* : MISC
============================================================================ */
.clear {
	clear:both;
}
ul.clean, dl.clean	{margin:0; list-style-type:none;}

em.smallBlock {
	display:block;
	line-height:12px;
	font-size:10px;
	font-family:verdana;
	font-weight:bold;
	font-style:normal;
}

.faded {
	filter:alpha(opacity=60); 
	-moz-opacity: 0.6; 
	opacity: 0.6;
}

.oops {
	text-align:center;
	padding:50px 0;
}

.navigation a {
	color:#666;
}



#adblock {
	/*change the background color/image of the entire adblock div here*/
	background:;
	height:;
	padding:;
}
#adblock .container {
	
}

#adblock sub {
	display: none;
	}
	
#adblock {
	color: white;
	}

#adblock img {
	padding: 0;
	margin: 0;
	}

#adblock .gqrr-news {
	margin: .5em auto 0 auto;
	padding: 0;
	}
#adblock .gqrr-news img {
	display:block;
	margin: 0;
}
#adblock p a {
	text-decoration:none;
	font-weight:normal;
	color:#9adafe;
}
#adblock p a strong {
	font-size:1.2em;
}

#adblock h1 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
	}

#adblock a:link {
	color: #9adafe;
	}

#adblock a:visited {
	color: rgb(18,90,167);	
	}
	
#adblock a:hover {
	color: rgb(18,90,167);	
	}
	
#adblock a:active {
	color: rgb(18,90,167);
	}
	





div#sociable {
	position:fixed;
	bottom:0;
	right:20px;
	width:300px;
	height:60px;
	z-index:500;
	background:url(images/icons/sociable_bg.png) top left no-repeat;
}

div#sociable ul {
	margin:0;
	padding:0 20px;
}
div#sociable ul li{
	list-style:none;
	margin-right:10px;
	padding:0;
	text-align:left;
	float:left;
}
div#sociable ul li a img {
	border:0;
	margin:5px 0 0;
}

div#sociable strong {
	display:block;
	margin:10px 0 0;
	padding:0 50px 0 20px;
	color:#fff;
	font-size:12px;
	font-family:verdana;
}
div#sociable span.sociable_tagline span {
	display:none;
}
div#sociable span#widget_close {
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
	display:visible;

}
/*
div.sociable {
height:80px;
margin:20px 0;
padding-top:20px;
border-top:1px solid #eaeaea;
}
div.sociable strong {
	color:#000;
	display:block;
	margin-bottom:5px;
}
div.sociable span.sociable_tagline span {
	display:none;
}
div.sociable ul {
	margin-left:0;
}
div.sociable ul li {
	list-style:none;
	margin-right:10px;
	text-align:left;
	float:left;
}

*/

.Featured h1 span.section_title {
	margin-right:10px;
}



ul.quick_links {
	margin:0;
	position:absolute;
	top:-15px;
	right:0px;
}
ul.quick_links li {
	list-style:none;
	line-height:40px;
	padding:0;
	margin:0;
}
ul.quick_links li a {
	display:block;
}
ul.quick_links li a img {
	display:block;
}

ul.quick_links li a:hover {
	border:0;
	background:0;
}
ul.quick_links td {
	vertical-align:top;
	border:0;
	height:auto;
	padding:0 5px;
}
ul.quick_links table {
	border:0;
}



.contactform {
	height:350px;
}
#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 200px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 0px;
	width: 100px;
}






.sociable {
	padding:10px 20px;
}
.sociable_tagline {
	margin-bottom:10px;
}
.sociable_tagline strong {
	font-size:18px;
	font-weight:normal;
}
.sociable ul {
	list-style:none;
	height:20px;
	margin:0;
}
.sociable li {
	float:left;
	margin-right:10px;
}


.sociable_archive .sociable {
	padding:0;
}
.sociable_archive .sociable_tagline {
	display:none;
}