/* CSS Reset
--------------------------------------------- */

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;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}body {
	line-height:1
}

#content h2 {
	font-size: 1.6em;
}

#content h3 {
	font-size: 1.2em;
}

ol,ul {
	list-style:none
}

blockquote,q {
	quotes:none
} 

blockquote:before,blockquote:after,q:before,q:after{
	content:'';content:none
}
:focus{
	outline:0
}

ins{
	text-decoration:none
}

del{
	text-decoration:line-through
}

table{
	border-collapse:collapse;border-spacing:0
}

/* General Structure
--------------------------------------------- */

body{font:11px/1.5 Trebuchet MS,Helvetica, Arial,'Liberation Sans',FreeSans,sans-serif; background: #e4e4e4;}
a{color: #3a3942; text-decoration: none;}
a:hover{color: #3a3942; text-decoration: underline;}

.clearfix{clear:both;}

.container{margin: 0 auto; width: 960px;}

/* Header
--------------------------------------------- */

#header{background: #fff; height: 53px; }

#header a.logo{float: left; margin: 0 0 0 20px; display: block; height: 45px; width:234px; background: url(images/logo.png) no-repeat; text-indent: -9000px;}

/* Main Navigation */

#header ul#main-nav {float: left; margin: 6px 0 0 0px;  height: 40px;}
#header ul#main-nav li {font-weight: bold; font-size: 1.28em; float: left;}
#header ul#main-nav li a{float: left; color: #000 !important; display: block; height: 40px; padding: 0 20px; line-height: 40px;}
#header ul#main-nav li a:hover{background: url(images/main-nav-hover.png); text-decoration: none;}
#header ul#main-nav li.current-cat a, #header ul#main-nav li.current-cat-parent a{background: url(images/main-nav-bg.png);  color: #000 !important;}

	#header ul#main-nav li.cat-item-3 a:hover{color: #001E50 !important}
	#header ul#main-nav li.cat-item-16 a:hover{color: #113300 !important}
	#header ul#main-nav li.cat-item-29 a:hover{color: #A20C00 !important}

/* Site Links */

#header ul#site-links{text-align: right; line-height: 53px; float: right; margin: 0 20px 0 0;}
#header ul#site-links li{display: inline; font-size: 1.1em; font-weight: bold; margin: 0 15px 0 0;}
#header ul#site-links li a{color: #818181}
#header ul#site-links li a:hover{color: #000; text-decoration: none;}
#header ul#site-links li.current_page_item a{color: #000}


/* Category Navigation
--------------------------------------------- */

#category-nav {padding: 14px 0; background: #efefef; border-bottom: 2px solid #222;}
	#cat-economy #category-nav {padding: 14px 0; background: #00142e; border-bottom: 2px solid #001c42;}
	#cat-environment #category-nav {padding: 14px 0; background: #0F1D05; border-bottom: 2px solid #154000;}
	#cat-society #category-nav {padding: 14px 0; background: #2c0300; border-bottom: 2px solid #480500;}
	
#category-nav ul {margin: 0; padding: 0 20px;}
#category-nav ul li{float:left; line-height: 180%; margin: 0 15px 0 0; font-size: 1.2em; white-space:nowrap; color: #a6a5a1;}
#category-nav ul li a{ color: #999 !important}
	#cat-economy #category-nav ul li a{ color: #5173BF !important}
	#cat-environment #category-nav ul li a{ color: #7CC65B !important}
	#cat-society #category-nav ul li a{ color: #C86262 !important}
#category-nav ul li a:hover{ color: #fff !important}
#category-nav ul li.current-cat a{ color: #fff !important}
	#cat-economy #category-nav ul li.current-cat a{ color: #fff !important}
	#cat-environment #category-nav ul li.current-cat a{ color: #fff !important}
	#cat-society #category-nav ul li.current-cat a{ color: #fff !important}

/* Video Container
--------------------------------------------- */

#video-container {height: 380px; background: url(images/grey-bg.png);}
	#cat-economy #video-container {background: url(images/catnav-blue.png); height: 380px;}
	#cat-environment  #video-container {background: url(images/catnav-green.png);}
	#cat-society #video-container {background: url(images/catnav-red.png);}
	.category{height: 380px !important;}
.page #video-container, .single #video-container, .error404 #video-container, .author #video-container{height: 90px; background: url(images/grey-bg.png) bottom left;}

	#cat-economy a {color: #003973 !important;}
	#cat-environment a {color: #3ea400 !important;}
	#cat-society a {color: #ad1d00 !important;}


/* Content
--------------------------------------------- */

#container {margin:0 auto; width: 960px; position: relative; top: -20px;}



/* Teaser */

#teaser {background: #fff; height: 80px; padding: 0 10px 0 20px; margin: 0 0 10px 0;}
#teaser .teaser-block{float: left; width: 310px; padding: 10px 0 0 0px;}
#teaser .teaser-block p{ font-size: 1.8em;}

/* Content */

#content {width: 640px; background: #fff; float: left; padding: 20px;}

#content .section-title{font-size: 1.6em; margin: 0 0 12px 0;}

#content .post{
	font-size: 1.1em; 
	border-top: 2px solid #e9e9e9; 
	padding: 12px 0 12px 0; 
	margin: 0 0 12px 0; 
}
#content .post h1{font-size: 2.5em; margin: 0 0 10px 0; letter-spacing: -1px;}
#content .post h3{ margin: 0 0 6px 0;}
#content .post h3 a{color: #3a3942; font-weight: bold; font-size: 1.2em;}
#content .post h3 a:hover{text-decoration: underline;}
#content .post p{color: #767676; line-height: 160%; font-size: 1.05em; margin: 0 0 16px 0;} 
.single #content .post p{margin: 0 0 14px 0;} 
#content .post-meta{color: #b1b1b1; display: block; margin: 8px 0 12px 0; font-size: .95em; font-weight: bold;}

#content .navigation a{font-size: 1.2em; clear: both; height: 25px; float: left;}

/* Sidebar */

#sidebar {float: left; width: 270px; margin: 0 0 0 10px;}
#sidebar .widget{background: #fff; padding: 10px; margin: 0 0 10px 0;}
#sidebar .widget h3{font-size: 1.4em; margin: 0 0 4px 0;}
#sidebar .widget p{font-size: 1.15em; color: #5e5e5e;}

#sidebar .widget form{margin: 10px 0 0 0;}
#sidebar input.wpcf7-validates-as-required{border: 1px solid #aaaaaa; height: 16px; padding: 3px 4px 3px 4px; line-height: 23px; width: 160px;}
#sidebar .widget button, #sidebar .button{border: 1px solid #a8aaa7; background: url(images/button.png) repeat-x; height: 23px; margin: 10px 0 0 0;}

#sidebar .search{padding-top: 3px;}
#sidebar .search label{float: left; margin: 0 10px 0px 0; font-weight: bold; font-size: 1.25em;}
#sidebar .search input{border: 1px solid #aaaaaa; height: 16px; padding: 3px 4px 3px 4px; line-height: 23px; width: 160px; position: relative; top: -1px; background: url(images/search-form.png) no-repeat 4px 2px; padding: 3px 4px 3px 24px;}

#sidebar .newsletter input{margin: 0 0 10px 0;}

#sidebar .invite input{float: left; margin: 0 10px 0px 0;}
#sidebar .invite button{float: left;}

#sidebar .feed a{background: url(images/feed-icon-28x28.png) no-repeat; display: block; font-size: 1.25em; padding: 0 0 0 35px;}


/* Footer
--------------------------------------------- */

#footer {background: #a9a9a9; height: 60px; margin: 20px 0 0 0;}
#footer p{padding: 6px 0 0 0;}

/* Columns */
.row { clear: both; }
.col1 { width: 310px; float: left; padding: 0 10px; margin-right:20px; }
.col2 { width: 310px; float: right; padding: 0 10px; }

.imgtfe {
	margin: 0 5px 0 0;
	border: 1px solid #CCC;
	padding: 2px;
}

.hr {
	border-top: 2px solid #e9e9e9;
	height: 5px;
	margin: 0 0 12px 0;
	float: left;
	clear: both;
	width: 100%;
}

#bio {
	width: 98%;
	background: #f2f2f2;
	margin: 10px 0;
	padding: 1%;

}

#bio .clearfloat {
	float: left;
}

.author-desc {
	font-size: 1.2em;
	vertical-align: top;
	font-style: italic;
}

#donate {
	background: #CC0010; 
	padding: 5px; 
	color: white;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-weight: bold;
}