/*
Theme Name: Working Group on Extreme Inequality
Theme URI: http://extremeinequality.org
Version: 1.0
Description:  
Author: ZEITGEIST
*/

* {
   margin: 0;
   padding: 0;
}
a, a:visited{
   color: #990000;
   text-decoration: none;
}

a:hover{
   color: #000;
}

html, body{
   background: #FFF url(images/header.jpg) no-repeat;
   background-position: top center;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
}
#container{
   background: #FFF url(images/container-header.jpg) no-repeat;
   background-position: top left;
   width: 1020px;
   margin: 0 auto;
}
#container-home{
   width: 1020px;
   margin: 0 auto;
   position: relative;
}
#header{
   position: relative;
   width: 1000px;
}
#header h1{
   float: left;
   width: 250px;
   height: 43px;
   margin-top: 72px;
   background: url(images/blank.gif) no-repeat;
   text-indent: -9999px;
}
#header h1 a{
   display: block;
   width: 250px;
   height: 43px;
}
#topnav{
   position: absolute;
   top: 0px;
   right: 0;
   width: 530px;
   background: #472909;
   filter:alpha(opacity=80);
   -moz-opacity:.80;
   opacity:.80;
   list-style: none;
}
#topnav li{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
}
#topnav li a{
   display: block;
   padding: 8px;
   color:#FFFFFF;
   text-align: center;
   font-weight: bold;
   text-decoration: none;
}
#topnav li a:hover{
   text-decoration: underline;
   color: #de001b;
}
#nav-wrap{
   clear: left;
   float: left;
   width: 183px;
}
#left-nav{
   list-style: none;
   margin: 20px 20px 30px 0;
}
#left-nav li{
   text-indent: -9999px;
   margin-bottom: 23px;
}

#left-nav li a{
   display: block;
   background-repeat: no-repeat;
   background-position: right top;
}

#left-nav li#how-unequal a{
   height: 34px;
   background-image: url(images/how-unequal.jpg);
}
#left-nav li#matters a{
   height: 37px;
   background-image: url(images/matters.jpg);
}
#left-nav li#racial a{
   height: 37px;
   background-image: url(images/racial.jpg);
}
#left-nav li#tools a{
   height: 49px;
   background-image: url(images/tools.jpg);
}
#left-nav li#commentary a{
   height: 35px;
   background-image: url(images/commentary.jpg);
}
#left-nav li#take-action a{
   height: 21px;
   background-image: url(images/take-action.jpg);
}
#left-nav li a:hover{
   background-position: right bottom;
}
#nav-wrap h3 {
   margin-bottom: 5px;
   color: #990000;
   font-size: 24px;
   font-family: "Helvetica CY", "Arial Narrow", Helvetica, Arial, sans-serif;
}
#nav-wrap p {
   margin-bottom: 5px;
   padding-right: 10px;
   color: #666666;
   font-size: 11px;
   line-height: 13px;
}
#content{
   float: left;
   width: 535px;
   margin: 28px 0;
   padding: 0 43px 0 39px;
   background: #FFF url(images/content-background.jpg) no-repeat;
}
#content-home{
   float: left;
   width: 353px;
   margin-top: 18px;
   padding: 0 28px;
   background: #FFF url(images/home-content-background.jpg) no-repeat;
}
#content #content-header{
   width: 597px;
   height: 180px;
   margin: 0 -43px 0 -39px;
   padding: 10px;
   background: url() no-repeat 10px 10px;
}
#content-home-header{
   width: 393px;
   height: 252px;
   margin: 0 -28px;
   padding: 8px;
   background: none;
}
#contentblock{
   padding-top: 80px;
}
#content h3{
   margin-bottom: 5px;
   color: #990000;
   font-size: 24px;
   font-family: "Helvetica CY", "Arial Narrow", Helvetica, Arial, sans-serif;
}
#content-home h3{
   margin-bottom: 15px;
   color: #333333;
   font-size: 18px;
   letter-spacing: -1px;
}
#content-home h3 span{
   color: #333333;
   font-size: .8em;
   font-weight: normal;
}

#content-home h3 a{
   padding-top: 5px;
   color: #990000;
   text-decoration: none;
}

#content-home h3 a:hover{
   color: #000;
}
#content-home, #content p,
#content-home, #content ul,
#content-home, #content ol,
#content-home, #content td{
   margin-bottom: 1.5em;
   color: #000;
   line-height: 1.5;
}
#content #text{
   clear: both;
}
#text h3 a{
   padding-top: 5px;
   color: #990000;
   text-decoration: none;
}

#text h3 a:hover{
   color: #000;
}
#content #date {
   margin-bottom: 15px;
   color: #660000;
   font-size: 10px;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}


p.more{ 
   background: url(images/dotted.gif) repeat-x left bottom;
   margin-bottom: 10px;
}
p.more a{
   line-height: 35px;
   color: #660000;
   text-transform: uppercase;
   text-decoration: none;
}

p.more a:hover{
   text-decoration: underline;
}
p.meta{
   margin-bottom: 65px;
   padding-left: 20px;
   font-size: 11px;
}

p.meta a{
   text-decoration: none;
}

p.meta a:hover{
   color: #660000;
   background: none;
   text-decoration: underline;
}
#home-column{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 196px;
   margin: 63px 0 20px 11px;
}

#home-column img{
   display: block;
   margin-bottom: 7px;
   padding: 6px;
   border: 1px solid #333;
   background: #FFF;
}

#home-column a:hover img{
   background: #660000;
}
h4 a{
   margin-top: 15px;
   color: #660000;
   font-size: 16px;
   letter-spacing: -1px;
   text-decoration: none;
}
h4 a:hover{
   text-decoration: underline;
   color:#000000;
}
#home-column #sidebar-actions{
   padding-top: 25px;
}

#home-column #sidebar-actions h3{
   margin-bottom: 10px;
   color: #990000;
   font-size: 24px;
   font-family: "Helvetica CY", "Arial Narrow", Helvetica, Arial, sans-serif;
   letter-spacing: -1px;
}

#home-column #sidebar-actions h4{
   margin-bottom: 10px;
   font-size: 1.4em;
   font-weight: normal;
}

#home-column #sidebar-actions h4 a{
   color: #660000;
   text-decoration: none;
}

#home-column #sidebar-actions h4 a:hover{
   text-decoration: underline;
}
#home-column #sidebar-actions p{
   margin-bottom: 5px;
   color: #000;
   font-size: 11px;
   line-height: 15px;
}

#home-column #sidebar-actions .actions{
   float: left;
   width: 190px;
   padding: 8px 0px 8px;
   background: url(images/dotted.gif) repeat-x left bottom;
}

#home-column #sidebar-actions .actions:hover{
   background: #cccccc;
}

#home-column #sidebar-actions .actions a{
   font-weight: bold;
   color: #000000;
   font-size: 11px;
   text-decoration: underline;
}
#home-column #sidebar-actions .actions a:hover{
   color: #990000;
}
#sidebar{
   float: right;
   width: 220px;
   margin-top: 50px;
}
#sidebar h3{
   margin-bottom: 10px;
   color: #990000;
   font-size: 24px;
   font-family: "Helvetica CY", "Arial Narrow", Helvetica, Arial, sans-serif;
   letter-spacing: -1px;
}
#sidebar #articles{
   width: 204px;
   margin-left: 6px;
   padding-top: 43px;
}

#sidebar .article{
   display: inline; /* IE6 double margin float bug hack */
   clear: both;
   float: left;
   width: 177px;
   /*margin: 0 8px 0 20px;*/
   padding: 10px 0 5px 15px;
   background: url(images/dotted.gif) repeat-x left bottom;
}


#sidebar .article:hover{
   background: #cccccc;
}

#sidebar .article .date{
   float: left;
   width: 50px;
   margin-right: 8px;
   padding-top: 2px;
   
}
#sidebar .article h4{
   margin-bottom: 5px;
   font-size: 14px;
   font-weight: normal;
   font-family: Arial, Helvetica, sans-serif;
   color: #000;
}

#sidebar .article h4 a{
   color: #660000;
   text-decoration: none;
   font-size: 14px;
   line-height: 14px;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
}

#sidebar .article:hover h4{
   color: #999;
}

#sidebar .article:hover h4 a{
   color: #000;
}

#sidebar .article p{
   color: #000;
   font-size: 11px;
   line-height: 14px;
}
fieldset{
   display: inline;
   border: 0;
}
#sidebar form#searchForm{
   clear: both;
   width: 200px;
   margin-bottom: 15px;
   padding: 20px 0 0 17px;
}

#sidebar form#searchFormHome{
   clear: both;
   position: absolute;
   top: 126px;
   right: 65px;
   width: 351px;
   padding: 0;
   background: none;
}

#sidebar form#searchForm #search_term{
   float: left;
   width: 200px;
   margin-right: 3px;
   padding: 4px 7px;
   border: 1px solid #E1E1E1;
   color: #7C7C7C;
   font-size: 10px;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#sidebar form#searchFormHome #search_term{
   float: left;
   width: 286px;
   margin-right: 3px;
   padding: 4px 7px;
   border: 1px solid #E1E1E1;
   color: #7C7C7C;
   font-size: 10px;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#sidebar form#searchForm #search_go{
   float: left;
   display: block;
   width: 46px;
   height: 25px;
   background: url(images/search-button.jpg) no-repeat;
   text-indent: -9999px;
}
#sidebar form#searchFormHome #search_go{
   float: left;
   display: block;
   width: 46px;
   height: 25px;
   background: url(images/search-button.jpg) no-repeat;
   text-indent: -9999px;
}

#footer-outer{
   clear: both;
   background: #472809;
   padding-top: 20px;
   padding-bottom: 20px;
}

#footer{
   clear: both;
   width: 980px;
   margin: 0 auto;
   font-size: 10px;
   color:#FFFFFF;
}

.commentlist {margin: 0; padding: 0;}
.commentlist li {
	margin-bottom: 1.2em;
	list-style: decimal;
}
#commentform {
	margin: 1em 0;
	background: #FAFAFA;
	width: 360px;
}
.commentmetadata {padding: 2px 0 4px;}
.commentmetadata a {
	color: #444;
	text-decoration: none;
}
.commentmetadata a:hover {text-decoration: underline;}

textarea.styled {width: 280px;}

.styled {
	font-size: 1.1em;
	background: #F8F7F6;
	border: 1px solid #D6D3D3;
}
.styled:hover {
	background: #FFF;
	border: 1px solid #D6D3D3;
}
.styled:focus {
	background: #FFF;
	border: 1px solid #939793;
}
#commentform input {margin-bottom: 3px;}
img.alignright {
   padding: 4px; margin: 0 0 2px 7px; display: inline; float: right; border: 0px;}

img.alignleft {
   padding: 4px; margin: 0 7px 2px 0; display: inline; float: left; border: 0px;}



/*BLOG ADDS*/
.toptags {
	color: #666666;
	font-size: 11px;	
	font-family: Lucida Grande, Tahoma, Verdana;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	line-height: 120%;
	}
.tags {
	color: #000;
	background: #fff;
	font-size: 11px;	
	font-family: Lucida Grande, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	line-height: 120%;
	float: right;
	border: 1px solid #dddddd;
	border-top: 3px solid #990000;
	}
.tags a {
	color: #990000;
	font-size: 11px;	
	font-family: Lucida Grande, Tahoma, Verdana;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	line-height: 120%;
	}