/* @override 
	http://fdd.site/assets/css/base.css
	http://fdd.newcitystaging.com/assets/css/base.css
*/

/* -------------------------------------------------------------
   HAMBO DEVELOPMENT - HTTP://HAMBODEVELOPMENT.COM
   YOU DESIGN _WE DEVELOP
   
   This stylesheet defines all global, non section specific
   styles such as classes, headers and links.
   --------------------------------------------------------- */


/* ----------------------------------------------------------
=============================================================
	RESET
=============================================================
--------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video	{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }								
body								{ line-height: 1; }
article, aside, canvas, details,
figcaption, figure, footer, header,
hgroup, menu, nav, section, summary	{ display: block; }
nav ul							{ list-style: none; }
blockquote, q					{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after				{ content: ''; content: none; }
a									{ margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins								{ background-color: #ff9; color:#000; text-decoration: none; }
mark								{ background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del								{ text-decoration: line-through; }
abbr[title], dfn[title]		{ border-bottom: 1px dotted #000; cursor: help; }
table								{ border-collapse: collapse; border-spacing: 0; }
hr									{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select					{ vertical-align: middle; }
img								{ display: block; }
.clear 							{ clear: both; }
hr 								{ border: 0; border-top: 1px dotted #0f3f6c; display: block; height: 1px; margin: 0; padding: 0; }

html							{ background: url(../images/layout/tile.jpg); }
body 							{ background: url(../images/layout/gradient.png) repeat-x 0 0; font: 13px/1.231 Helvetica, Verdana, Arial, sans-serif; *font-size: small; *font: x-small; }



/* ----------------------------------------------------------
=============================================================
	LINK TYPOGRAPHY
=============================================================
--------------------------------------------------------- */

a	 							{ color: #003366; text-decoration: none; }
a:active						{ color: #ccc; }
a:hover							{ color: #666; }

#tools a						{ color: #c0c0c0; }
a.submit_button					{ color: #fff; font-weight: bold; text-align: center; text-transform: uppercase; }
a.arrow_link					{ background: url(../images/layout/topic-bullet.gif) no-repeat right 3px; padding-right: 12px; }



/* ----------------------------------------------------------
=============================================================
	HEADER TYPOGRAPHY
=============================================================
--------------------------------------------------------- */

h2								{ color: #932330; font: normal normal 33px/48px Georgia, serif; margin: 0 0 16px; width: 450px; }
h2.auto-width					{ width: auto; }
	h2 em						{ color: #333; font-style: normal; }
	
h3								{ color: #003366; font: normal normal 17px/1.4 Georgia, serif; margin: 0 0; }
h4								{ color: #333; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; font-size: 15px; line-height: 18px; margin: 0 0 8px; }
h5								{ color: #003366; font-size: 26px; line-height: 27px; margin: 0; padding: 12px 0 10px; }
h6								{ color: #003366; font-size: 18px; line-height: 27px; margin: 0; padding: 0 0 5px; }

h3, h4, h5, h6 {
	color:  #333;
}

h3 a, h4 a, h5 a, h6 a {
	color: #036;
}


/* ----------------------------------------------------------
=============================================================
	DIV CLASSES
=============================================================
--------------------------------------------------------- */

.column						{ float: left; width: 325px; }
.last_column				{ margin-left: 37px; }
.article					{ color: #333; font-size: 14px; line-height: 18px; margin: 0 0 20px; overflow: hidden; }
.meta						{ color: #333; font-size: 11px; font-style: italic; margin-bottom: 0; line-height: 1.5; }
.author						{ color: #333; font-size: 12px; line-height: 2; font-style: italic; }
.thumb						{ border: 1px solid #919191; float: left; margin: 4px 7px 0 0; padding: 1px; }
.thumb_content				{ float: left; }

.bar						{ background: url(../images/layout/title-bar.png) repeat-x 0 0; clear: left; display: block; height: 35px; margin: 0; }
.category .bar						{ background: #932330 url(../images/layout/title-bar.png) repeat-x 0 bottom; clear: left; display: block; margin: 0; padding-bottom: 8px; clear:both; height: auto; }


.name						{ color: #003366; font-family: Georgia; font-size: 14px; line-height: 1.2; margin: 1px 0 3px; }
.role						{ color: #3b3b3b; font-size: 10px; font-style: italic; line-height: 13px; padding-bottom: 4px; }
.title						{ color: #003366; font-family: Georgia; font-size: 17px; line-height: 1.4; margin: 0 0 2px; }
.summary					{ color: #838373; font-size: 12px; margin-top: .5em; }
.article .thumb				{ width: 119px; }
.expert .thumb_large		{ height: 65px; width: 65px; }
.expert .thumb_small		{ height: 35px; width: 35px; }

.expert .thumb_content		{ padding-left: 5px; width: 130px; }
.expert .more				{ margin: 0 0 4px; }
.expert .article			{ margin-bottom: 5px; }
.minor_article h3			{ font-size: 14px; line-height: 16px; }
.grid						{ margin-left: -8px; position: relative; }
.grid div					{ margin: 0 0 10px 8px; }


/*
----------------------------------------------------
##	EDITED BY HAMBO
----------------------------------------------------
*/

.expert						{ border-right: 1px solid #e1e0dd; float: left; font-size: 11px; margin: 0 10px 20px 0; padding: 0 0 10px; width: 220px; line-height: 13px; overflow: hidden; }
#sidebar .grid .expert		{ border-right: none; float: none; margin-right: 0; padding: 0; }
#sidebar .grid .first_item	{ padding-top: 12px; }
.last_col					{ border: none; margin: 0; padding-right: 0; }
.expert .thumb {
	margin-top: 3px;
}


/*
----------------------------------------------------
##	EDITED BY HAMBO
----------------------------------------------------
*/


#bio_wrap					{ clear: both; }

.widget						{ color: #003366; font-size: 11px; padding: 0 0 20px; }
.widget ul					{ line-height: 17px; list-style: none; }
.widget .expert				{ border: none; margin: 0; padding-right: 0; }

.snippet					{ border-top: 1px solid #c3c2bc; color: #333; padding: 5px 0; }
.snippet p.meta				{ font-size: 11px; }

.widget a					{ color: 003366; }
.widget a:hover				{ text-decoration: underline; }
.article a,
.expert a					{ color: #003366; }
.article a:hover,
.expert a:hover				{ text-decoration: underline; }
.article h3 a				{ color: #003366; }
.article h3 a:hover			{ color: #5da2e0; text-decoration: none; }
.tags, .tags a				{ color: #003366; }
.tags a:hover				{ text-decoration: underline; }
.meta a						{ color: #333; }
.meta a:hover				{ text-decoration: underline; }

.book .author				{ color: #515151; font-size: 10px; margin: 0 0 5px; }
.book img					{ float: left; margin: 4px 7px 3px 0px; }
.book_content				{ color: #3b3b3b; font-size: 14px; line-height: 1.3;}
.book_content p				{ padding: 0 0 0 0; margin-bottom: .5em; }
.book_content a				{ background: url(../images/layout/topic-bullet.gif) no-repeat right 50%; color: #0f3f6b; padding-right: 12px; }
.book_content a:hover		{ text-decoration: underline; }

.contact					{ color: #3b3b3b; font-size: 13px; line-height: 1.3; margin-top: 10px; }
.contact a					{ color: #003366; }
.contact a:hover			{ text-decoration: underline; }
.contact p					{ margin: 0 0 13px; }
.contact .title				{ margin: 0 0 5px; }
.contact .thumb				{ float: left; margin: 0 0 5px; }
.contact .details			{ float: left; margin: 0 0 5px; }

.featured					{ background: url(../images/layout/featured-article.png) repeat-x 0 0; }
.block						{ float: left; margin-bottom: 25px; width: 335px; }
.last_block					{ margin-left: 17px; }
.block + .project-events-block { margin-left: 17px }
.block .bar					{ margin: 0; }
.block .featured			{ border: 1px solid #dddccf; padding: 10px; }
.block p					{ font-size: 11px; line-height: 14px; margin: 0 0 14px; }
.block p:last-child			{ margin-bottom: 0; }
.bar strong					{ color: #fff; font-family: "Helvetica Neue"; font-size: 14px; line-height: 28px; padding: 0 10px; }

.filters 					{ float: left; font-family: "Helvetica Neue"; font-size: 12px; line-height: 21px; padding: 20px 0 0 25px; }
.home .filters				{ overflow: hidden; padding: 0; position: absolute; right: -15px; top: 20px; width: 400px; } /* this line for IE 7 */
.filters_right				{ float: right; }
.filters strong				{ color: #9c9c9c; font-size: 12px; line-height: 21px; float: left; }
.filters ul					{ float: left; list-style: none; }
.home .filters ul			{ left: 46px; overflow: hidden; position: absolute; top: 0; width: 350px; }
.filters li					{ float: left; margin: 0 0 0 15px; }
.filters a					{ color: #999881; }
.filters .on a,
.filters a:hover			{ color: #932330; }

.bar .filters 				{ padding: 4px 10px 0 0; }
.bar .filters strong		{ color: #fff; }
.bar .filters a				{ color: #dddccf; }
.bar .filters .on a,
.bar .filters a:hover		{ color: #fc4a4a; }

.featured_article			{ border: 1px solid #dddccf; border-left: none; margin: 0; overflow: hidden; }
.featured_article img		{ float: left; height: 196px; margin: -1px 0; position: relative; width: 263px; }
.featured_article div		{ float: left; padding: 12px; width: 398px; }
.featured_article h3		{ font-size: 23px; line-height: 25px; padding-right: 50px; }

.pull_out					{ border: 1px solid #dddccf; color: #333; float: right; font-size: 13px; line-height: 18px; margin: 0 -25px 25px 0; padding: 0 0 0 12px; }
.pull_out h3				{ font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; font-size: 26px; line-height: 28px; }
.pull_out h3				{ background: url(../images/layout/headline-article.png) no-repeat 0 0; position: relative; margin: -6px 0 0 -13px; padding: 14px 0 3px 13px; z-index: 20; }
.pull_out p					{ margin: 0 0 20px; font-size: 14px; line-height: 1.4; color: #333;}
.pull_out li				{ margin: 0 0 10px 25px; font-size: 14px; line-height: 1.4; color: #333;}
.pull_out ul				{ margin: 0 0 20px;}
.pull_out .image			{ float: right; margin: 0 0 0 5px; }

.pull_out .more a,
.project .more a			{ color: #932330; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; font-size: 16px; }
.pull_out .role			{ color: #003366; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; font-size: 15px; line-height: 18px; margin-top: -5px; }

.article_list 				{ float: left; margin: -3px 0 0; width: 328px; }
.last_list 					{ margin-left: 31px; }
.article_list ul			{ list-style: none; margin-top: 20px; }
.article_list li			{ border-bottom: 1px solid #d8d7d0; margin: 0 0 9px; padding: 0 0 8px; }
.article_list li.last	{ border: none; }
.article_list .date		{ color: #919191; font-size: 11px; }
.article_list .title a	{ color: #003366; font-family: Georgia; font-size: 14px; }
.article_list a:hover	{ text-decoration: underline; }

.media_article				{ margin: 0 0 20px; }
.media_article h3			{ font-size: 23px; line-height: 25px; margin: 0 0 3px; }
.media_content				{ margin: 10px 0 0; overflow: hidden; width: 687px; }
.media_image				{ border-right: 1px dotted #0f3f6c; float: left; height: 251px; padding-right: 10px; width: 448px; }
.media_content ul			{ float: left; list-style-type: none; padding-left: 8px; width: 205px; }

.show						{ margin: 0 0 15px; }
.show a						{ color: #003366; }
.show .thumb				{ margin-bottom: 5px; }
.show .meta					{ line-height: 14px; }
.show_title					{ color: #636358; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; font-size: 15px; line-height: 18px; }

.category					{ /*background: url(../images/layout/category.png) repeat-x 0 34px;*/ border: 1px solid #dddccf; }
.category h3				{ margin-bottom: 3px; }
.category .article			{ margin: 0 0 5px; padding: 13px 12px 0; position: relative; }
.category .bar				{ left: 0; position: relative; top: 0; width: auto; width:324px }
.category .bar strong		{ background: url(../images/layout/category-arrow.png) no-repeat 10px 13px; display: block; padding-left: 25px; }
.category .banner			{ height: 125px; left: -12px; position: relative; top: -13px; width: 325px; }

.tweet						{ font-size: 11px; line-height: 14px; padding: 0 0 10px; }

.main_article				{ border: none; color: #000; float: right; padding-right: 23px; width: 679px; }
.main_article h3			{ font-family: Georgia; font-size: 33px; line-height: 35px; margin: -5px -23px 10px -12px; }
.main_article .image		{ /*border: 1px solid #919191;*/ padding: 1px; }
.article_panel				{ float: right; line-height: 13px; padding-left: 15px; width: 263px; }
.article_panel .image		{ float: none; margin: 0 0 3px; }
.article_panel .source		{ display: block; margin: 8px 0; }
.article_panel strong		{ display: block; }
.article_panel p.meta		{ font-size: 11px; text-align: right;  }

.project					{ font-size: 12px; margin: 0 0 25px; }
.project p					{ margin: 0 0 8px; margin: 0 0 20px; font-size: 14px; line-height: 1.4; color: #333;}
.project ul					{ margin: 0 0 15px; overflow: hidden; }
.project #full_content li	{ list-style: disc; margin-left: 20px; padding-left: 5px; }
.project .featured-border	{ background: url(/assets/images/layout/project-head.png) no-repeat 0 0; width: 687px; height: 5px; color: white; border: none; margin: 0; }
.project .image				{ background: url(/assets/images/layout/project-head.png) no-repeat 0 0; margin: 0 -25px 15px; padding: 5px 0 0; position: relative; }
.project .caption			{ background: rgba(0, 0, 0, 0.55); bottom: 0; color: #fff; font-size: 35px; left: 0; line-height: 38px; margin: 0; padding: 20px 23px; position: absolute; }
.project .video				{ float: right; margin-left: 15px; }

.project_link				{ float: left; margin-left: 18px; width: 170px; }
.project_link a				{ color: #932330; font-size: 13px; line-height: 18px; }

.related					{ background: #edede6; overflow: hidden; padding: 8px 10px; }
.related ul					{ margin: 0; }
.related li					{ margin-right: 25px; width: auto; }

.social						{ margin: 0 0 8px; overflow: hidden; }
.social ul					{ list-style: none; }
.social li					{ float: left; margin-right: 12px; }
.social a					{ color: #03366; display: block; font-size: 14px; padding-left: 20px; }
a#twitter					{ background: url(/assets/images/icons/twitter.png) no-repeat 0 0; }
a#facebook					{ background: url(/assets/images/icons/facebook.png) no-repeat 0 0; }

.standout					{ margin: 0 0 20px; }
.standout h2 				{ background: url(../images/layout/standout.png) repeat-x 0 9px; color: #7b7b6f; font-size: 26px; line-height: 26px; margin: 0; }
.standout span				{ background: #fff; padding-right: 5px; }
.standout p 				{ color: #225b8f; font-size: 16px; line-height: 22px; }


.relation					{ margin: -3px 0 3px; }
.relation a					{ color: #fff; display: block; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; font-size: 16px; height: 162px; line-height: 18px; position: relative; width: 263px; }
.relation span				{ background: #000; background: rgba(0, 0, 0, 0.55); bottom: 0; display: block; left: 0; padding: 4px 15px 8px; position: absolute; width: 233px; }


.article_foot                { border: 1px solid #e1e0dd; border-style: solid none; margin: 15px 0 0; padding: 10px 0 30px; }
.article_foot ul            { list-style: none; }
.article_foot li            { border-right: 1px dotted #e1e0dd; float: left; margin-right: 9px; padding-right: 9px; }
.article_foot li.last    	{ border: none; }
.article_foot a.icon        { color: #861e2a; font-size: 9px; font-weight: bold; line-height: 10px; margin: 3px 0; text-transform: uppercase; }

.static_content 			{ line-height: 18px; color:  #333; }

.static_content 			{ line-height: 18px; color:  #333; }
.static_content p			{ margin: 0 0 20px; font-size: 14px; line-height: 1.4; }
.static_content p a			{ text-decoration: underline; }
.static_content ul,
.static_content ol			{ list-style: outside disc; font-size: 14px; line-height: 1.4; margin: 0 0 20px 20px; }
.static_content li 			{
	margin-bottom: .4em;
}

ul.issues_list {
	float: left;
	width: 225px;
}
ul.issues_list li			{ list-style-type: none; }
ul.issues_list li a			{ border-bottom: 1px solid #ccc; display: block; padding: 5px 0; }

/* Additions for NCCM plugin by NewCity */

.pi-nccm-error {
	margin: .5em 0 1em 0;

	color: #900;
	font-style: italic;
}

#pi-nccm-form {
	width: 80%;
}

#pi-nccm-form dt,
#pi-nccm-form dd {
	clear: both;
}

#pi-nccm-form dt {
	color: #036;
	margin-top: 1em;

	font-family: Georgia, serif;
	font-size: 16px;
	margin-bottom: 4px;;
}

#pi-nccm-form dt label,
#pi-nccm-form dd label {
	font-family: inherit;
	font-size: inherit;
}

#pi-nccm-form dd {
	margin-top: .5em;
	
}

#pi-nccm-form input {
	vertical-align: baseline;
}

#pi-nccm-form input[type="text"] {
	width: 99%;
	border:  1px #ccc solid;
	padding: .5em;
	font-size: 12px;
}

#pi-nccm-form input[type="radio"],
#pi-nccm-form input[type="checkbox"] {
	margin: 0 .4em 0;
}

#pi-nccm-form ul,
#pi-nccm-form ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pi-nccm-form ul {
	overflow: auto;
}

#pi-nccm-form ul li {
	width: 32%;
	float: left;
	line-height: 1.7em;
	font-size: 11px;
	color: #333;	
}

#pi-nccm-form .clearcontrol {
	font-size: 11px;
	text-decoration: underline;
	display: none;
}

#pi-nccm-form dd.buttons {
	text-align: center;
	border-top:1px #ccc solid;
	padding-top: 10px;
}

#pi-nccm-form input[type="submit"] {
	font-size: 18px;
	font-weight: bold;
}

#pi-nccm-form input[name="submit"] {
	float: right;
}

#pi-nccm-form input[name="unsubscribe"] {
	background-color: transparent;
	border-width: 0px;
	font-size: 11px;
	font-weight: normal;
	color: #039;
	text-decoration: underline;
	float: left;
}