/* ----------------------------------------------------------
	WMW Political Influence CSS
	Managed by: Blue State Digital
	Last Update: Sept. 2008

	TABLE OF CONTENT

	01 - GLOBAL BROWSER RESET
	02 - COMMON STYLE
	03 - STRUCTURE
	04 - HOMEPAGE ELEMENTS
	05 - SUBPAGE ELEMENTS
	06 - UTILITY
---------------------------------------------------------- */

/* @group 01 - GLOBAL BROWSER RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }

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

fieldset,img { border: 0; }

address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }

ol,ul { list-style: none; }
caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }

q:before,q:after { content: ''; }
abbr,acronym { border: 0; }

iframe { border: 0;}

/* @end */

/* @group 02 - COMMON STYLE */

a { color: #900; }
.content .main p { margin: 1.5em 0; text-align: left;}
.content .main ul {	margin: 1em 2em; }
.content .main li { list-style-type: disc; }

/*THE GRADIENT BG FIXED SO THAT IT DOESN'T SLIDE UP AND DOWN  ************/

body { 
	margin: 0; 
	background: url(http://action.walmartwatch.com/page/-/influences/images/wmw_grdbg.jpg) repeat-x fixed;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

.content .main h1 {
	color: #3d577b;
	font: normal 2.25em Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 25px;
}
.content .main h3 {
	color: #3d577b;
	font: normal 1.5em Verdana, Helvetica, Arial, sans-serif;
	margin-bottom: 15px;
}


.content .main table { border: 1px solid #a7a7a7; }
.content .main th { 
	border: 1px solid #a7a7a7; 
	padding: 5px;
	font-weight: bold;
	color: #fff;
	background-color: #5f7c9f;

}
.content .main td { border: 1px solid #a7a7a7; padding: 5px; }
.content .main tr .odd {
	color: red;
}


/* @end */

/* @group 03 - STRUCTURE */

/*THE SHADOWY CENTER FIXED SO THAT IT DOESN'T SLIDE UP AND DOWN  ************/

#wrapper {
	width:100%;
	background: url(http://action.walmartwatch.com/page/-/influences/images/wmw_cntrbg.jpg) no-repeat fixed center top;
}

/*EVERYTHING CONTENT-WISE IS INSIDE OF THIS CONTAINER DIV   ************/

.container {
	margin: 0 auto;
	text-align:center;
	width:900px;
}

/*HEADER   ************/
.header a { 
	float: left;
	display:block; 
	width: 635px;
	height: 150px; 
	text-indent: -9999px;
	overflow: hidden;
}
.header {
	height: 150px; 	width: 900px;
	border-bottom:10px solid #3d577b;
	background: url(http://action.walmartwatch.com/page/-/influences/images/wmw_header.png) no-repeat;
}
.header .signup {
	color: #3D577B;
	text-align: left;
	float: right;
	height: 106px;
	width: 196px;
	padding: 0 5px 2px;
	background: url(http://action.walmartwatch.com/page/-/influences/images/wmw_signupbg.gif) no-repeat;
	margin: 20px 35px 0 0;
	display: inline;
}
.header .signup img { margin: 5px 0;}
.header .submitbtn { margin-top: 10px;}
.header .signup .text { padding: 2px; color: #999;}

/*NAVIGATION   ************/
#navigation { background: url(http://action.walmartwatch.com/page/-/influences/images/nav.png) no-repeat; width: 901px; height: 48px; margin: 0px;
	padding: 0;
}

#navigation span {display: none;}

	#navigation li { float: left; list-style-type: none; }
	#navigation li a { display: block; height: 31px; margin-top: 9px;}
	#navigation ul { list-style-type: none; }
		#navigation li#influence a {width: 272px; }
		#navigation li#lobbying a { width: 148px;margin-left: 7px;}
		#navigation li#donations a { width: 165px;margin-left: 3px;}
		#navigation li#news a { width: 108px; margin-left: 3px;}
		#navigation li#takeaction a { width: 190px; margin-left: 3px;}

#navigation li#influence a:hover {background: url("/page/-/influences/images/nav-red.png") no-repeat 0 -9px; width: 272px; }
#navigation li#lobbying a:hover {background: url("/page/-/influences/images/nav-red.png") -279px  no-repeat; width: 144px;}
#navigation li#donations a:hover {background: url("/page/-/influences/images/nav-red.png")  -430px  no-repeat; width: 165px;}
#navigation li#news a:hover {background: url("/page/-/influences/images/nav-red.png") -598px  no-repeat; width: 108px;}
#navigation li#takeaction a:hover {background: url("/page/-/influences/images/nav-red.png") -709px  no-repeat; width: 187px;}

/*FOOTER OF THE SITE   ************/

.footer {
	color: #fff;
	background-color: #5f7c9f;
	text-align: center;
	width: 880px;
	padding: 10px;
	margin: 0 auto;
	border-top: 10px solid #3d577b;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.footer a { font-weight: bold;}
.footer img{ vertical-align: middle; }

/* @end */

/* @group 04 - HOMEPAGE ELEMENTS */

/*FEATURED ENTRY AREA   ************/

.featured .feat_article .feat_pic {
	text-align: center;
	float: left;
	height: 200px;
	width: 150px;
}
.featured .feat_article .feat_pic img {
	border: 1px solid #3d577b;
}
.featured .feat_article .feat_entry {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	float: right;
	width: 450px;
	margin-left: 10px;
}
.feat_article .feat_entry h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 34px;
	text-transform: uppercase;
	color: #3D577B;
	margin: 0px;
}
.feat_article .feat_entry a {
	font-weight: bold;
	color: #900;
	text-decoration: none;
}
.feat_article .feat_entry li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	list-style-type: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
}
.feat_article .feat_entry ul {
	margin: 0px;
}
.featured {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #fff;
	height: 238px;
	width: 900px;
	border-top: 10px solid #3d577b;
	border-bottom: 10px solid #3d577b;
}
.featured .feat_article {
	color: #333333;
	padding: 5px;
	margin-top: 10px;
	float: left;
	width: 620px;
	text-align: left;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.featured .feat_buttons { float: right; width: 265px; display: inline;}

/*ENTRIES IN THE SUB COLUMN THAT APPEAR ON THE HOMEPAGE   ************/

.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFFFFF;
	width: 900px;
	}
	
.content .main {
	color: #333;
	width: 610px;
	float: left;
	background: #FFFFFF url(http://action.walmartwatch.com/page/-/influences/images/wmw_divider.jpg) no-repeat 600px 20px;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}
.content.onecol .main {
	color: #333;
	width: 880px;
	float: left;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	background: none;
}

.content .date {
        margin-right: 15px;
        font-weight: bold;
        font-size: 12px;
}
.content .main h4 {
        font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #3D577B;
}



.content .main .news{
	height: 24px;
}
.content .main .news img{
	float: left;
	margin-left: 324px;
	margin-top: -6px;
	width: 34px;
}



/* @end */

/* @group 05 - SUBPAGE ELEMENTS */

/* @group Research */

.research {
	color: #333;
	width: 610px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(http://action.walmartwatch.com/page/-/influences/images/wmw_divider.jpg) no-repeat 600px 20px;
}

.research .entry{
	width: 520px;
	margin-top: 70px;
}
.research h1{
	margin-top: 13px;
	margin-left: 20px;
}
	

/* @end */

/*ACTUAL NEWS ENTRY STYLES, ON SINGLE ENTRY PAGE   ************/



.news_content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: left;
	padding-right: 5px;
}


.news_content.date {
        margin-right: 15px;
        font-weight: bold;
        font-size: 12px;
}
.news_content h4 {
        font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #3D577B;
}


.content #news {
	color: #333;
	float: left;
	width: 450px;
	padding: 20px 6px 5px 10px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: url(http://action.walmartwatch.com/page/-/influences/images/wmw_divider.jpg) no-repeat 450px 20px;
	display: inline;
}

/*SIDE COLUMN ONCE YOU CLICK A SINGLE NEWS ENTRY   ************/

#sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	float: right;
	width: 260px;
	text-align: left;
	padding: 25px 15px 5px 5px;
}

#sidebar h2{
	float:left;
	width: 142px;
	margin-bottom: 30px;
	padding: 0;
	display: inline;
}

#sidebar img {
	width: 200px;
	height: 42px;
	margin: 0 15px 10px 10px;
}


#sidebar .wmw {
	margin-top: 200px;
}

#sidebar .wmw img{
	width: 212px;
	height: 54px;
}

#sidebar .search h3{
	margin-bottom: 20px;
}

#sidebar .search{
	margin-top: 54px;
	width: 205px;
	margin-left: 19px;
}

/*SIDE COLUMN ON THE HOMEPAGE   ************/

.content .sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	float: right;
	width: 400px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
	margin-right: 18px;
	display: inline;
}







/*ENTRIES IN THE SUB COLUMN THAT APPEAR ON THE HOMEPAGE   ************/

.news_sub .news_subentry {	
	line-height: 150%;
	margin: 25px 0 25px 25px;
}
.news_sub .news_subentry h2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
.news_sub .news_subentry h2 a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #3d577b;
}
.news_sub .news_subentry a {
	color: #900;
	text-decoration: none;
}






/*ENTRIES IN THE SUB COLUMN THAT APPEAR ON THE HOMEPAGE   ************/

.sub .subentry {
	margin: 25px;
	line-height: 1.5em;
}
.sub .subentry h2 {
	color: #000;
	font: normal 14px Verdana, Helvetica, Arial, sans-serif;
}
.sub .subentry h2 a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #3d577b;
}
.sub .subentry a {
	color: #900;
	text-decoration: none;
}


/*MAIN  ENTRY ON HOMEPAGE   ************/

.entry { margin: 25px; line-height: 150%; text-align:left; }
.entry a { color: #900; text-decoration: none; }
.entry h2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
.entry h2 a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #3d577b;
}




/*NEWS  ENTRIES ON NEWS PAGE   ************/

.news_entry {
	margin: 25px 25px;
line-height: 150%;
}
.news_entry a {
	color: #900;
	text-decoration: none;
}
.news_entry h2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
.news_entry h2 a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #3d577b;
}

/* @group jQuery */

/* tables */
table#sort {
	margin:10px 0pt 15px;
	font-size: .9em;
	width: 100%;
	text-align: left;
}
table#sort th.header {
	height: auto; width: auto;
	cursor: pointer;
	font-size: 1.2em;
	color: #fff;
	background-color: #5f7c9f;
	background-image: none;
}

table#sort tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table#sort tr.odd td { background-color: red; }
table#sort thead tr .headerSortUp { background-image: url(asc.gif); }
table#sort thead tr .headerSortDown { background-image: url(desc.gif); }
table#sort thead tr .headerSortDown, table#sort thead tr .headerSortUp { background-color: #8dbdd8; }

#speakout h2 {
	color: #3d577b;
	font: normal 1.75em Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 25px;
}

/* @end */


/* @end */

/* @group 06 - UTILITY */

.floatl { float: left;}
.floatr { float: right;}

strong { font-weight: bold;}
em { font-style: italic;}

.clearfix {display:block;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

<!--[if IE]>
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */

<![endif]-->

/*ALIGNS EVERYTHING IN THE CENTER   ************/

html {text-align:center;}


/* @end */


/*IMAGE REPLACEMENT H1'S   ************/

h1.news {
	width: 328px; height: 22px;
	background: url(http://action.walmartwatch.com/page/-/influences/images/wmw_blogheader.jpg) no-repeat 0 0;
	padding: 0px;
	text-align: left;
	margin: 17px 0px 0px 25px;
}
.main h1.news { margin-top: 0px; }
h1.news span { display: none; }
h1.news a.title{ display:inline-block; width: 292px; height: 22px; }
h1.news a.rss img { vertical-align: top; }
h2.actions {
	text-indent: -9999px;
	width:200px;
	height:23px;
	background: url(http://action.walmartwatch.com/page/-/influences/images/wmw_actionsheader.jpg) no-repeat;
}
h2.actions.home { margin-top: 15px; }

h2.actions a { display: block; width: 139px; height: 24px; }
 
h1.research {
	text-indent: -9999px;
	overflow: hidden;
	width:300px;
	height:23px;
	margin-top: 17px;
	background: url(http://action.walmartwatch.com/page/-/influences/images/wmw_researchheader.jpg) no-repeat left top;
}
h1.research a{ display:block; width: 160px; height: 24px; }

h3.signuplogo {
	background-image: url(http://action.walmartwatch.com/page/-/influences/images/wmw_signupbg.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: left top;
	width:190px;
	height:34px;
	margin: 2px 5px;
}


#sidebar .search p{	margin-bottom: 15px;}

.sub .search p{
	padding: 15px 15px 15px 26px;
}

.sub .search #cse-search-box{
	padding-left: 26px;
	margin-bottom: 15px;
}