/* CSS Document */

*{ padding: 0; margin: 0; }


/**********************/
/* General Tag Styles */
/**********************/

body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; font-size: 80%; /*background: url(../images/bg.png) center repeat-y*/ }

p { padding: 0 0 1em 0 }

h2 { font-size: 110%; padding: 0 0 .5em 0 }

a { color: #0d4c80 }



/************************/
/* Main Division Styles */
/************************/

div#container { width: 780px; margin: 0 auto; padding: 0px }

div#left { float: left; width: 300px;  }

div#main { float: left; width: 465px; padding: 0px 0px 0px 15px  }

div#blog { float: left; width: 515px; padding: 0px 15px 0px 0px  }

div#sidebar { float: right; width: 250px }

div#footer { clear: both; width: 778px; text-align: center; margin: 10px auto; border: 1px solid #ccc; background-color: #e2e2e2; padding: 10px 0; font-size: 90% }



img.header { border: 1px solid #ccc; margin: 10px 0 0 0 }



/***************************/
/* Styles for Quiz Results */
/***************************/

div.results { border: 1px solid #ccc; padding: 10px; margin: 0 0 1em 0; clear: both }
div.results img { border: 1px solid #333; margin: 0 0 3px 0 }

p.name { font-size: 130%; padding: 0 }
p.score { font-size: 130% }

div.thumb { float: left; width: 110px }
div.name_score { float: left; width: 190px }
div.issues  { float: left; width: 140px }

p.iraq_y,
p.healthcare_y,
p.climate_y,
p.economy_y,
p.transportation_y { padding: 0 0 0 15px; color: #008000; font-weight: normal; background: url(../images/icon_yes.png) no-repeat; margin: 0 0 2px 0 }

p.iraq_n,
p.healthcare_n,
p.climate_n,
p.economy_n,
p.transportation_n { padding: 0 0 0 15px; color: #f00; font-weight: normal; background: url(../images/icon_no.png) no-repeat; margin: 0 0 2px 0 }

p.iraq_yi,
p.healthcare_yi,
p.climate_yi,
p.economy_yi,
p.transportation_yi { padding: 0 0 0 15px; color: #008000; font-weight: bold; background: url(../images/icon_yes.png) no-repeat; margin: 0 0 2px 0 }

p.iraq_ni,
p.healthcare_ni,
p.climate_ni,
p.economy_ni,
p.transportation_ni { padding: 0 0 0 15px; color: #f00; font-weight: bold; background: url(../images/icon_no.png) no-repeat; margin: 0 0 2px 0 }

h1.your_results { font-size: 160%; padding: 0 0 .3em 0 }



/*********************/
/* Navigation Styles */
/*********************/

/* Styles for top navigation for WPSU.org */
div#wpsu_nav { width: 778px; border: 1px solid #d8e3ed; margin-top: 10px }
ul#top_nav { font-size: 90%; color: #105185; background-color: #e6ecf3; text-align: left; margin: 0; height: 30px; line-height: 30px }
ul#top_nav li { display: inline; float: left; list-style-type: none; height: 30px !important; line-height: 30px; padding: 0 16px 0 16px; border-right: 1px solid #d0dce8 } 
ul#top_nav li a { color: #105185 }
ul#top_nav li.logo { display: inline; list-style-type: none; line-height: 30px; padding: 0; border-right: 0 } 
ul#top_nav li.search { float: right; border-right: 0 }
ul#top_nav li.about { border-right: 0 }
.search_dropdown { width: 110px; color: #105185; font-size: 95% }

#nav { width: 778px; color: #fff; background: url(../images/bg_nav.png) no-repeat; height: 25px; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 100% }
#nav li { display: inline; list-style-type: none; line-height: 25px; float: left; height: 25px }
#nav li a { float: left; color: #fff; text-decoration: none; height: 25px; padding: 0 20px } 
#nav li a:hover { color: #ffc; text-decoration: none; height: 25px !important; line-height: 25px; background: url(../images/bg_nav_hover.png) no-repeat; }



/**********************************/
/* Styles for Left Column Content */
/**********************************/

#profiles, #resources, #widgets, #wordpress { border: 1px solid #ccc;/* padding: 10px; */margin: 10px 0; background-color: #e2e2e2 }

#widgets ul, #wordpress ul, #resources ul { list-style-type: none; padding: 10px }

#profiles ul { list-style-type: none }

#widgets p, #wordpress p { padding: 10px }

#profiles li, #resources li, #wordpress li, #widgets a { padding: 0 0 .2em 10px; background: url(../images/arrow.png) no-repeat }

#profiles h1, #resources h1, #widgets h1 { font-size: 120%; background-color: #ccc; width: 278px; padding: 5px 10px }

#wordpress h1 { font-size: 120%; background-color: #ccc; width: 228px; /padding: 5px 10px }

.republicans { width: 140px; float: left; padding: 10px 0 10px 10px }
.democrats { width: 130px; float: right; padding: 10px 0 0 0 }
.clear { clear: both; padding: 0; font-size: 10% }



/*******************/
/* Styles for Quiz */
/*******************/

.question { border: 1px solid #ccc; padding: 10px; font-weight: bold }

.answers { font-weight: normal }

.answers ul { list-style-type: none; padding: 0 0 1.5em 0 }

.answers li { padding: 0 0 .2em 0 }

.takequiz  { 
background-image: url(../images/bg_quiz.png); 
background-position: top right; 
background-repeat: no-repeat; 
height: 180px
}

.takequiz p { font-size: 85%; padding-bottom: 2em }
.takequiz img { margin: 20px 0 10px 0 }

label { font-weight: normal }

.question a { background: url(../images/q.png) right no-repeat; padding-right: 15px }


/*****************************/
/* Styles for Candidate Bios */
/*****************************/

#slide { background-color: #323232; text-align: center; color: #ccc }
#slide img { margin: 15px 0 5px 0 }
#slide h1 { font-size: 150%; font-weight: normal }
#slide h2 { font-size: 120%; font-weight: normal; padding: 0 0 .5em 0 }

h1.name { font-size: 150%; font-weight: normal; padding: 0 0 .2em 0 }
h2.name, h2.party { font-size: 140%; font-weight: normal; padding: 0 0 .2em 0 }
h2.bio { font-size: 140%; font-weight: normal; padding: 0 0 1em 0 }




/*---:[ comment styles ]:---*/

#comments { width: 500px; float: left; clear: both; }

ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }
		
ul#comment_list li.comment { width: 500px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
			
ul#comment_list li.trackback { width: 470px; padding: 1.2em 15px 0 15px; }
				
.comment_meta { margin: 0 0 1.2em 0; }
			
.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }
				
.trackback .comment_num { padding: 0 0 0 20px; }
				
.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }
					
.comment_num a:hover { color: #df0000; text-decoration: none; }
				
.comment_meta strong { font-size: 1.6em; }
					
.comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }
		
.comment .entry { padding: 0 15px; }
			
.comment .entry p { margin: 0 0 1.0em 0; }
			

/*---:[ comment form styles ]:---*/

#comment_form { width: 500px; padding: 1.0em 0 0 0; float: left; }

#comment_form p { padding: 0.6em 0; }
	
#comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }

#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		
#comment_form .text_area { width: 321px !important; }
	
#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	
#comment_form .form_submit { padding: 0.4em 4px;border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
		
#comment_form p.subscribe-to-comments { font-size: 1.4em; }
		
#comment_form p.subscribe-to-comments label { font-size: 1.0em;