/* @group notes */
/* ============================================================
Democracy Data & Communications (DDC) - screen CSS
---
*  Created by Viget Labs on 2009-08-27.
*  Copyright (c) 2009 Democracy Data & Communications (DDC). All rights reserved.
	================================================ */
/* @end */

/* @group =reset */

* { margin:  0; padding: 0; }
ul { list-style: none; }
a img, frameset { border: 0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn 
{ margin: 0; padding: 0; border: 0; font-style: inherit; font-weight: inherit; font-size: 100%; font-family: inherit; vertical-align:baseline }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
button {
	border: 0;
}
p { margin: 0 0 1em 0; }

/* @end */

/* @group =utility */

  /* @group -clearing */
  /* general  */ .clearfix:after, .row:after, #nav_primary:after, #header:after, .listings_blog .header:after, #content:after, #footer:after, #nav_breadcrumbs:after, #search:after
  { content:"."; display:block; height:0; clear:both; visibility:hidden; }

  .clear {
  	height: 1px;
  	clear: both;
  	margin-top: -1px;
  	overflow: hidden;
  }
  /* @end */

  /* @group -hidden */
  /* general */ .hidden, .hide
  { display:none }
  /* @end */

  /* @group -bgreplacement */
  /* general */ .img_replacement
  {
    display: block;
    text-indent: -99999px;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    line-height: 0;
  }
  /* @end */

  /* @group -misc */
  .add_top, #add_top { margin-top: 15px; }
  .add_bottom, #add_bottom { margin-bottom: 15px; }
  .no_bottom { margin-bottom: 0; padding-bottom: 0; }
  .no_top { margin-top: 0; }
  .no_border { border: 0; }
  .left { float: left; }
  img.left { margin: 0 15px 15px 0; }
  .right { float: right; }
  img.right { margin: 0 0 15px 15px; }
  .text_right { text-align: right; }
  .text_center { text-align: center; }
  
  .skip_nav, .divide {
	display: none;
	}
  /* @end */
/* @end */

/* @group =base */

body {
	font: 75% Arial, Helvetica, Sans-Serif;
	/*font: 62.5% Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;*/
	/*background: #000e16 url(../images/structure/bg-body.jpg) top center no-repeat;*/
	background: #000f16 url(../images/structure/bg-body.jpg) top center no-repeat;
	text-align: center;
}


  /* @group -fonts */

		/* ----- Helvetica ----- */
		body, .aside .section .header h2, .header_section h1, textarea, input
		{ font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif; }

		/* ---- Georgia ----- */
		h1, h2, h3, h4, h5, h6, #search_query, #carousel .body, #carousel .body, #carousel .footer, #nav_breadcrumbs, .navigation_individual
		{ font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; }

	/* @end */

	/* @group -headers */
	h1 { font-size: 2em; }
	h2 { font-size: 1.8em; }
	h3 { font-size: 1.5em; }
	h4 { font-size: 1.35em; }
	h5 { font-size: 1.15em; }
	h1, h2, h3, h4, h5 {
	  margin: 0 0 .4em;
	}	
	* + h1, * + h2, * + h3, * + h4, * + h5 {
	  margin-top: 1.2em;
	}
	
	#logo {
		margin: 0;
	}
	#logo a {
		background: url(../images/structure/logo-web.png) 0 0 no-repeat;
		width: 237px;
		height: 57px;
		text-indent: -99999px;
		display: block;
		/*float: left;*/
		outline: 0;
	}
	#feed_atom {
		/*display: block;*/
		/*float:right;*/ 
		border:0px; /*margin:20px 330px 0px 0px;*/
	}
	.header_section #feed_atom img {
		border: 0;
		margin-left: 0;
		float: none;
	}
	/* @end */

	/* @group -links */
	a, a:link { text-decoration: underline; }
	a:visited {}
	a:hover { text-decoration: none; }
	a:active {}
	/* @end */

  /* @group -forms */

		/* @group --basic form styles */
		button { 
  		cursor: pointer; 
  		width: auto;
  		overflow: visible;
  	}
  	label { font-weight: bold; }
    /* @end */

	/* @group --search */

	#search {
		margin-bottom: 10px;
		width: 241px;
		float: right;
	}
	#search .buttons {
		float: right;
	}
	#search .buttons .primary {
		background: url(../images/structure/buttons.png) 0 0 no-repeat;
		width: 41px;
		height: 27px;
		text-indent: -999999px;
		display: block;
	}
	#search_query {
		background: url(../images/structure/bg-search-query.png) 0 0 no-repeat;
		width: 190px;
		padding: 3px 5px;
		height: 21px;
		border: 0;
		color: #aba9a8;
		font-size: 18px;
		font-style: italic;
		float: left;
	}
	#search .form-fields {
		list-style: none;
	}
	#search fieldset {
		float: left;
		width: 190px;
	}
		#search legend, #search label {
		display: none;
	}
    /* @end */
	
	#contact-form .form-field {
		width:80%;
		clear: both;
		float: left;
		margin-bottom: 10px;
	}
	#section_main  #contact-form ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#comment-form .form-field {
		clear:both;
		float:left;
		padding:7px 30px 7px 7px;
	}
	#contact-form label, #contact-form .label, #comment-form label, #comment-form .label {
		display:block;
		font-size:14px;
		font-weight:bold;
		margin-bottom:5px;
	}	
	#contact-form .multi-field {
		float:left;
	}
	#contact-form .multi-field .tall-label {
		float:left;
		font-size:12px;
		font-weight:normal;
		margin:0 20px 0 0;
		width:40%;
	}
	#contact-form .form-field input, #contact-form .form-field textarea, #comment-form .form-field input, #comment-form .form-field textarea {
		border:2px solid #E2E1D6;
		color:#333;
		margin:5px 0 0;
		padding:5px;
		width:100%;
		font-size:12px;
	}
	.btn-submit {
		padding: 5px 10px;
		font-size: 14px;
		color: #fff;
		background: #174967;
		text-transform: uppercase;
	}	
	
	#comment_form {}
	#comment_form input, #comment_form textarea {
		border:2px solid #E2E1D6;
		color:#333333;
		margin:5px 0 0;
		padding:5px;
		font-size: 12px;
	}
	#comment_form textarea {
		width: 400px;
		height: 300px;
	}
	/* @end */

	/* @group -buttons */
	/* @end */

	/* @group -icons */
	/* @end */

	/* @group -images */
	/* @end */

	/* @group -structure */
	/* Here's where we set the basics of the site: The body, wrappers, title div, and etc. */
	#wrapper_main {
		width: 960px;
		margin: 0 auto;
		text-align: left;
		padding: 32px 0 0 0;
	}
	#wrapper_content {
		background: url(../images/structure/bg-wrapper-content.png) 0 0 no-repeat;
		padding-top: 20px;
	}

	#wrapper_promotional {
		position: relative;
		z-index: 1;
	}
	#content {
		background: #fff;
		padding: 0 25px 20px 25px;
		color: #333333;
		-webkit-border-top-right-radius: 5px; 
		-moz-border-radius-topright: 5px;
		border-top-right-radius: 5px;
		
		-webkit-border-bottom-right-radius: 5px; 
		-moz-border-radius-bottomright: 5px; 
		border-bottom-right-radius: 5px;
		
		-webkit-border-bottom-left-radius: 5px; 
		-moz-border-radius-bottomleft: 5px;
		border-bottom-left-radius: 5px;
		min-height: 400px;
	}
	#header {
		position: relative;
		margin-bottom: 20px;
		z-index: 20;
	}

	/* @end */

	/* @group -navigation */
	#nav { position: relative;}
	#nav_primary {
		position: absolute;
		top: 12px;
		left: 286px;
		background: url(../images/structure/nav.jpg) 0 0 no-repeat;
		height: 50px;
		width: 678px;
	}
	#nav_primary li { 
		float:left;
		margin:0;
		position: relative;
	}
	#nav_primary li a {
		display:block;
		height: 50px;
		text-decoration: none;
		text-indent: -99999px;
		outline: none;
	}
	#nav_primary ul {
  		position: absolute;
  		/*top: 100%;*/
  		top: 48px;
  		left: -9000em;
  		/*width: 200px;*/
	}
	#results { width: 134px; }
	#results:hover, #nav_results.hover #results, #nav_results #results.selected { background: url(../images/structure/nav.jpg) 0 -50px no-repeat; }
	
	#capabilities { width: 180px; }
	#capabilities:hover, #nav_capabilities.hover #capabilities, #nav_capabilities #capabilities.selected { background: url(../images/structure/nav.jpg) -134px -50px no-repeat; }
	
	#nav_about a {width: 122px;}
	#nav_about a:hover, #nav_about.hover a, #nav_about #about.selected {background: url(../images/structure/nav.jpg) -314px -50px no-repeat;}

	#nav_contact a { width: 136px;}
	#nav_contact a:hover, #nav_contact.hover a, #nav_contact #contact.selected {background: url(../images/structure/nav.jpg) -436px -50px no-repeat; }
	
	#nav_blog a {width: 104px;}
	#nav_blog a:hover, #nav_blog.hover a, #nav_blog #blog.selected { background: url(../images/structure/nav.jpg) -572px -50px no-repeat;}

	#nav_primary li ul li { float: none; }
	#nav_primary li ul li a {
		padding:10px;
		display:block;
		height: auto;
		width: 200px;
		background: none !important; 
		text-indent: 0;   	
		color: #99ccff;
	}
	#nav_primary li:hover ul, #nav_primary li.hover ul { 
		left: 0; 
		/*top: 49px;*/
		background: #0a2c3f;
		color: #f6931e;  		
	}
	#nav_primary li:hover ul a, #nav_primary li.hover ul { color: #99ccff; background: #0a2c3f;}
	#nav_primary li:hover ul a:hover, #nav_primary li.hover ul a:hover{ color: #f6931e; background: #0a2c3f;}

/* @group --primary navigation */
	  
  	  /* @group ---active states */
    	/* @end */
	  
  	/* @end */

  	/* @group --secondary navigation */
  	
  	  /* @group ---active states */
    	/* @end */
  	  
  	/* @end */

	  /* @group --pagination navigation */
	  
	    /* @group ---active states */
    	/* @end */
	  
  	/* @end */
	/* @end */

	/* @group -footer */
	#footer {
		border: 1px solid #082332;
		background: url(../images/structure/bg-footer.png) repeat-x;
		-webkit-border-radius: 5px; 
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 10px 50px;
		margin: 40px 0;
	}
	#copyright {
		float: left;
		font-size: 14px;
		color: #f4f7fa;
		margin-top: 10px;
	}
	#copyright, #copyright a {
	 color: #f4f7fa;

	}
	#copyright p {
		margin: 0;
	}
	#sitetools {
		float: right;
		width: 282px;
	}
	#nav_sitetools {
		float: right;
	}
	#nav_sitetools li {
		float: left;
		border-right: 1px solid #999;
		padding: 0 10px;
	}
	#nav_sitetools li.last {
		border: none;
		padding-right: 0;
	}
	#nav_sitetools li, #nav_sitetools li a {
		color: #999;
	}
	/* @end */	

  /* @group -components */

    /* @group --article */
  	/* @end */
  	
  	/* @group --bio */
  	/* @end */

/* @group --tagcloud */

	.aside .listing .header h2, .aside #tagcloud .header h2  {
		margin: 0 auto 10px auto;
	}
	#aside_tagcloud .header h2, #aside_recent_thinking .header h2, #aside_blog .header h2, #aside_results .header h2  {
		margin: 0 auto 10px auto;
	}
	#aside_tagcloud li {
		display: inline;
		background: none;
		padding: 0;
		margin: -5px 0;
	}
	#aside_tagcloud li a {
		text-decoration: none;
		padding: 2px 5px;
		white-space: nowrap;
		display: inline-block;
	}
  	/* @end */
  	
  	/* @group --highlights */
  	/* @end */

/* @group --aside */

	.aside .section {
		background: #d9d9d9;
		padding: 20px;
	}
	.aside .highlighted {
		background: #eef6f9;
	}
	.aside .section .body {
		padding: 20px 0;
		font-size: 14px;
	}
	.aside .section .body {
		background: url(../images/structure/bg-aside-grey.png) 0 0 no-repeat;
	}
	.aside .highlighted .body {
		background: url(../images/structure/bg-aside-blue.png) 0 0 no-repeat;
	}
	.aside .section li {
		background: url(../images/structure/ico-bullet.png) 0 4px no-repeat;
		padding-left: 20px;
		vertical-align: top;
		margin-bottom: 5px;
	}
	.aside .highlighted li {
		background: url(../images/structure/ico-bullet-highlighted.png) 0 4px no-repeat;
	}
	.aside .section a {
		color: #3a3e40;
	}
	.aside .highlighted a {
		color: #286a86;
	}
	.aside .listing .header {
		text-align: center;
	}
	.aside .section {
		background: #d9d9d9;
		padding: 20px;
	}
	.aside .highlighted {
		background: #eef6f9;
	}
	.aside .section .body {
		padding: 20px 0;
	}
	.aside .section .body {
		background: url(../images/structure/bg-aside-grey.png) 0 0 no-repeat;
	}
	.aside .highlighted .body {
		background: url(../images/structure/bg-aside-blue.png) 0 0 no-repeat;
	}
	.aside .section li {
		background: url(../images/structure/ico-bullet.png) 0 4px no-repeat;
		padding-left: 20px;
		vertical-align: top;
		margin-bottom: 5px;
	}
	.aside .highlighted li {
		background: url(../images/structure/ico-bullet-highlighted.png) 0 4px no-repeat;
	}
	.aside .section a {
		color: #3a3e40;
	}
	.aside .highlighted a {
		color: #286a86;
	}
	.aside .section .header {
		text-align: center;
	}
	.aside .section .header h2 {
		text-transform: uppercase;
		font-size: 22px;
		line-height: 24px;
		margin-bottom: 10px;
		color: #174967;
	}
  	/* @end */

	/* @end */

/* @end */
/* @group =pages */
	#section_main {
		float: left;
		width: 640px;
	}
	.aside {
		float: right;
		width: 240px;
	}
	.call {
		color: #f17700;
		font-weight: bold;
	}

/* @group promo area on homepage */

#promotional {
		padding: 15px 20px;
		height: 385px;
		background: url(../images/structure/bg-promotional.jpg) 0 0 no-repeat;
		
		/*-webkit-border-top-right-radius: 5px; 
		-moz-border-radius-topright: 5px;
		border-top-right-radius: 5px;*/
		-webkit-border-radius: 5px; 
		-moz-border-radius: 5px;
		border-radius: 5px;
		position: relative;
		/*z-index: 1;*/
	}
	#promotional h2 {
		float: left;
		position: absolute;
		left: 16px;
		top: 0px;
		width: 620px;
		height: 385px;
		margin: 0;
	}
	#promotional h2 a {
		background: url(../images/structure/header-promo.png) 0 0 no-repeat;
		width: 620px;
		height: 385px;
		text-indent: -9999px;
		display: block;
	}

/* @group carousel */

	#carousel{
		background: none;	
		height: 260px;
	}
	#carousel li {
		overflow: hidden;
	}
	#carousel-wrapper {
		float: right;
		/*background: #195a76;*/
		background: url(../images/structure/bg-carousel-wrapper.png);
		width: 210px;
		float: right;
		padding: 30px;
		overflow: hidden;
		height: 290px;
	}
	#carousel-wrapper #nav  {
		float: right;
		margin-top: 20px;
	}
	#carousel-wrapper #nav a {
		width: 20px;
		height: 20px;
		background: #a7a7a8;
		display: block;
		float: left;
		text-indent: -999999px;
		margin-left: 10px;
		outline: none;
	}
	#carousel-wrapper #nav a.activeSlide {
		background: #ea9749;
	}
	#carousel .header {
		color: #c0e7f7;
		font-size: 24px;
		margin-top: 0;
		line-height: 32px;
	}
	#carousel .body {
		color: #fff;
	}
	#carousel .body, #carousel .footer .call {
		font-size: 16px;
		line-height: 28px;
		font-style: italic;
		font-weight: normal;
		text-decoration: none;
	}

/* @end */

/* @end */
	#section_main .body {
		font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	}
	#section_main .body p {
		line-height: 20px;
	}
	#section_main .body p.button {
		margin-top: 20px;	
	}
	#section_main .body a {
		color: #f17700;
	}
	#section_main .body em {
		font-weight: normal;
		font-style: italic;
	}
	#section_main ul {
		list-style: disc;
	}
	#section_main ul, #section_main ol {
		margin-left: 40px;
	}
	#section_main ul li, #section_main ol li {
		margin-bottom: 10px;
	}
	#section_main .header ul, #section_main .blog_list {
		margin: 0;
		list-style: none;
	}
	#section_main .blog_list li.post {
		margin-bottom: 40px;
	}
	#section_main .section {
		padding-bottom: 20px;
		margin-bottom: 10px;
	}
	#section_main .body .section {
		padding-bottom: 10px;
	}
	#section_main .section .header h2 {
		font-size: 24px;
	}
	#section_main .section .body h1 {
		font-size: 24px;
	}
	#section_main .section .body h2 {
		font-size: 20px;
	}
	#section_main .section .body h3 {
		font-size: 16px;
	}
	.results_highlighted{
		background: #ffe7ce;
		border: 2px solid #ea9749;
		padding: 20px;
	}
	.results_highlighted h3 {
		color: #ea9749;
		margin-top: 0;
	}
	/* @group nav breadcrumbs */
	#nav_breadcrumbs {
		margin: 20px 0;
	}
	#nav_breadcrumbs, #nav_breadcrumbs a {
		color: #999;
		text-decoration: none;
	}
	#nav_breadcrumbs a:hover {
		text-decoration: underline;
	}
	#nav_breadcrumbs li {
		float: left;
		font-size: 18px;
	}
	/* @end */
	/* @group stand alone title header */
	.header_title, .header_wrapper {
		background: url(../images/structure/bg-header.png) bottom left repeat-x;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	.header_wrapper {
		margin-bottom: 10px;
	}
	.listings_blog .header_title h2 {
		width: 177px;
		height: 23px;
		background: url(../images/structure/headers.png) 0 0 no-repeat;
		text-indent: -9999px;
		float: left;
		margin: 0 10px 0 0;
	}
	.listings_blog .header_title .call {
		position: relative; top: 10px;	
	}
	/* @end */
	
	
	.header_post, .header_section {
		background: none;
		margin-bottom: 30px;
	}
	.header_post_hasimage {
		padding-left: 120px;
	}
	.header_post img{
		float: left;
		margin-left: -120px;
	}
	#section_main .section .body .header_post h3 {
		color: #f17700;
		font-size: 24px;
		font-style: italic;
		padding: 0;
		margin: 0;
	}
	.header_post .meta {
		font-size: 14px;
		margin: 0;
	}
	.header_post .meta span{
		text-transform: uppercase;
	}
	.header_section_hasimage {
		padding-left: 170px;
		height: 150px;
	}
	.header_section img {
		float: left;
		margin-left: -170px;
		border: 2px solid #999;
	}
	.header_section h1, .header_section h2 {
		padding-left: 10px;
	}
	.header_section h1 {
		color: #174967;
		font-size: 40px;
		margin: 0 0 5px 0;
		line-height: 42px;
	}
	.header_section h2 {
		color: #f17700;
		font-size: 24px;
		font-style: italic;
		margin: 0;
	}
	.navigation_individual {
		padding: 0 0 0 20px;
	}
	.navigation_individual li {
		margin-bottom: 5px;
	}
	.navigation_individual li, .navigation_individual li a {
		color: #0d364d;
		font-size: 14px;
		text-decoration: none;
	}
	.navigation_individual li a {
		padding-left: 25px;
		display: block;
		background: url(../images/structure/icons.png) 0 0 no-repeat;
	}
	.navigation_individual li.facebook a {
		background-position: 0px 0px;

	}
	.navigation_individual li.linkedin a {
		background-position: 0px -20px;
	}
	.navigation_individual li.blogposts a {
		background-position: 0px -40px;
		padding-bottom: 1px;
	}
	#search-listing {
		padding-left: 40px;
		width: 50%;
	}
	#search-listing li {
		margin-bottom: 20px;
	}
	#search-listing h4 {
		margin: 0;
	}
	#search-listing h4 a {
		color: #f17700;
	}
	#section_main #team-listing {
		list-style: none;
		margin: 0;
	}
	#section_main #team-listing li {
		margin-bottom: 10px;
		float: left;
		clear: both;
	}
	#section_main #team-listing li .header_post {
		margin-bottom: 0;
	}
	#section_main #team-listing li .header_post h3 {
		font-size: 18px;
	}
	
	#section_main #team-listing li .header_post p {
		font-size: 12px;
	}
	#section_main  #comment-listing {
		margin-left: 25px;
	}
	#section_main  #comment-listing li {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	#section_main  #comment-listing li p {
		margin-bottom: 0;
	}
	#section_main  #comment-listing li p.comment-submitter {
		font-size: 0.8em;
	}
	.title-comments {
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	#tag-listing li {
		margin-bottom: 20px;
	}
	#blog_tag_listing {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
	}
	#sitemap li {
		margin-bottom: 20px;
		font-size: 14px;
		font-weight: bold;	
		list-style-type: none;
	}
	#sitemap li li{
		margin-bottom: 10px;
		font-size: 12px;
		font-weight: normal;
		list-style-type: disc;
	}
    #section_main .news-events-listing h3 a, #section_main .news-events-listing p.view-more a {
		color: #286A86;
	}
	#section_main .news-events-listing p.view-more {
		padding-left: 40px;
	}
	#section_main .news-events-listing p.view-more a {
		font-size: 0.8em;
	}
	#news-listing {
		border-bottom: 1px solid #ccc;
	}
	.news-events-listing {
		padding: 10px 0;
		margin-bottom: 10px;
	}
	.news-events-listing h3 {
		
	}
    .news-events-listing h4 {
		margin-bottom: 0;
		font-size: 1.1em;
	}
	#section_main .pagination {
		list-style: none;
	}
	#section_main .pagination li {
		float: left;
		margin-right: 5px;
	}
	#section_main .event-date {
		margin-bottom: 0;
	}
	#section_main .event-location, #section_main .event-date {
		font-size: 0.9em;
		font-style: italic;
	}
/* @end */

/* @group =javascript enhanced interface */
  
  /* @group -carousel */
	/* @end */
	
	/* @group -navigation-dropdown */
	/* @end */
	
	/* @group -tabs */
	/* @end */

/* @end */