/* 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 }

#main p {
font-size: 105%;
line-height: 1.3;
}

#positions p {
margin-left: 15px;
margin-right: 15px;
}

h1 { 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 180%; padding: 0 0 0 0;
color: #666666; 
font-style: bold;}

#left h1, #sidebar h1, #widgets h1 {
font-size: 120%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
font-size: 110%;
margin-bottom: 5px;
}


h3 {
font-size: 150%;
color: #4A79A0;
padding-bottom: 5px;
font-family: Georgia, "Times New Roman", Times, serif;
}

h4 {
font-size: 105%;
font-style: normal;
margin: 10px 5px 0px 10px;
border-top: solid 2px #E7E7E7;
line-height: 1.2;
}

h4 span {
background: #F3F6F9;
padding: 0px;
}

h5 {
font-size: 120%;
color: #4A79A0;
margin-left: 15px;
margin-top: 5px;
font-family: Georgia, "Times New Roman", Times, serif;
}

a:link { color: #0d4c80; }

.disclaimer p {
font-size: 70%;
}

#notation {
background: #000000;
color: #87E4EE;
padding-top: 10px;
}

#notation p {
font-size: 1em;
text-align: center;
}

#capsule img, #biography img {
border: solid 5px #999999;
margin: 0 0 10px 10px;
}

/************************/
/* 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 10px 0px  }

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

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

#capsule {
background: url(../images/bg_capsule2.jpg) no-repeat;
padding: 10px 15px 0 15px;
margin-top: 10px;
}


#video, #positions, #website, #biography {
margin-top: 15px;
margin-left: 15px;
}

#biography {
background-color: #E9E9E9;
height: 350px;
overflow: auto;
padding: 10px;
}

#biography h4 {
text-transform: uppercase;
}

#pcndebate { margin-top: 30px; margin-left: 15px; }

#pcndebate p { font-size: 1em; }

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

#liveradio {
 background: url(../images/livecoverage.jpg) no-repeat;
 height: 94px;
 width: 550px;
 }

/***************************/
/* 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: 200px }
div.name_score { float: left; width: 170px }
div.issues  { float: left; width: 225px; margin-left: 10px; }

p.y { padding: 0 0 0 15px; color: #008000; font-weight: normal; background: url(../images/icon_yes.png) no-repeat; margin: 0 0 3px 0; line-height: .9; }

p.n { padding: 0 0 0 15px; color: #999999; font-weight: normal; background: url(../images/icon_no.png) no-repeat; margin: 0 0 3px 0; line-height: .9; }

p.yi { padding: 0 0 0 15px; color: #008000; font-weight: bold; background: url(../images/icon_yes.png) no-repeat; margin: 0 0 3px 0; line-height: .9; }

p.ni { padding: 0 0 0 15px; color: #999999; font-weight: bold; background: url(../images/icon_no.png) no-repeat; margin: 0 0 3px 0; line-height: .9; }

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

/***************************/
/* Styles for Hot Issues */
/***************************/

.issue_heat {
width: 150px;
text-align: right;
font-size: 90%;
font-weight: bold;
padding-right:5px;
}

.heat_map {
padding-bottom: 8px;
}

.not {
background: url(../images/bg_heat_no.jpg) repeat-y right #999999;
text-align: center;
color: #FFFFFF;
font-size: 90%;
padding: 5px 0;
}

.somewhat {
background: url(../images/bg_heat_some.jpg) repeat-y right #4A79A0;
text-align: center;
color: #FFFFFF;
font-size: 90%;
}

.very {
background: url(../images/bg_heat_very.jpg) repeat-y right #008000;
text-align: center;
color: #FFFFFF;
font-size: 90%;
}


/*********************/
/* 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 { color: #fff; text-decoration: none; height: 25px; padding: 0 15px } 
#nav li a:hover { color: #ffc; text-decoration: none; height: 25px !important; line-height: 25px; background: url(../images/bg_nav_hover.png) no-repeat; }

li.callout {
font-weight: bold;
color: #FFCC00;
padding: 0 0 0 20px;
}

ul#nav li.tight a {
padding: 0 0px 0 8px;
} 

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

#ballot {
background: #0F3D65 url(../images/myballot.jpg) no-repeat;
margin-bottom: 10px;
min-height: 195px;
}

.ballot_instructions {
font-size: 90%;
padding-top: 60px;
margin: 0 10px 0 90px;
color: #CCCCCC;
}

#ballot form {
margin: 0 10px 10px 10px;
padding: 10px;
background: #C7DBE4 url(../images/bg_ballot_form.gif) repeat-x;
}

#ballot select {
margin-bottom: 7px;
}

#ballot input {
margin-top: 5px;
}

#ballot h4 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 120%;
font-style: normal;
padding-top: 5px;
margin: 10px 10px 0px 10px;
border-top: solid 2px #1495DC;
color: #E2E2E2;
}

#ballot .candidate {
background: #ffffff;
margin: 5px 10px 0 10px;
padding: 5px;
}

#ballot .candidate a:hover {
background-color: #FAD844;
}


#ballot .dem {
border-left: solid 30px #116DBA;
}

#ballot .rep {
border-left: solid 30px #B01C10;
}

#ballot .lib {
border-left: solid 30px #D9B214;
}

#ballot .ind {
border-left: solid 30px #CCCCCC;
}

#ballot p.quiz {
margin: 5px 10px 0 45px;
font-size: 90%;
color: #ffffff;
line-height: 1.3;
}

#ballot p.quiz a:link, .ballot_instructions a:link {
color: #ffffff;
text-decoration: underline;
} 

#ballot p.quiz a:hover, .ballot_instructions a:hover {
color: #0d4c80;
background-color: #FAD844;
}

#ballot p.quiz a:visited, .ballot_instructions a:visited {
color: #999999;
text-decoration: underline;
} 

#flickr_badge, #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 }

ul { list-style-type: none }

.intro ul { list-style-type: none;}

.intro li { margin-left: 15px; padding: 0 0 .2em 10px; background: url(../images/arrow.png) no-repeat }

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

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

#profiles_list li  { margin-left: 20px; padding: 0 0 .5em 10px; background: url(../images/arrow.png) no-repeat }


#profiles h1, #resources h1, #widgets h1, #flickr_badge 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% }
.candidates_all { width: 250px;  }

.post h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 160%;
border-top: 1px solid #E7E7E7;
padding: 10px 0 5px 0;
margin-top: 20px;
}

.post h2 a {
text-decoration: none;
}


.entry {
margin: 5px 0 10px 20px;
}

.entry p {
font-size: 105%;
margin-left: 10px;
margin-right: 10px;
}

.postmetadata {
background: #E7E7E7;
padding: 5px;
line-height: 1.5;
}

.edit_comments {
margin-top: 10px;
background: url(../images/icon_pencil.gif) no-repeat;
padding-left: 30px;
}


/*******************/
/* 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 .5em 0 }

.takequiz  { 
margin: 15px 0 5px 0;
}

.takequiz p { font-size: 70%;}
.takequiz img { margin: 5px 0 5px 0 }

.quizsm {
font-size: 70%;
}

label { font-weight: normal }

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

/*********************/
/* Styles for Flickr */
/*********************/
#flickr_badge { 
	margin: 0;
	padding: 0;
	width: 298px;
	}
.flickr_badge_image img { 
	width: auto; height: 75px; 
	margin: 10px 0px 0px 10px;
	padding: 4px;
	float: left; 
	border: 1px solid #ccc;
	background-color: #fff;
	}
	
.flickr_badge img[src*="http://geo.yahoo.com"] { display:none }

/*****************************/
/* 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 }

img.profile { margin-right: 5px; border: 5px solid #999999; }
#profile { height: 125px; }


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

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

#comments h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 160%;
border-top: 1px solid #E7E7E7;
padding: 10px 0 5px 0;
margin-top: 20px;
color: #999999;
}

#comments h3 {
margin-left: 20px;
}

ul#comment_list { list-style: none; margin: 0 0 1.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 0em 0; }
			
.comment_num { 
background: #E7E7E7;
padding: 0 15px 0 20px; font-weight: bold; 
font-size: 1.2em; 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 { 
margin-left: 20px;
font-size: 1.2em;
font-family: georgia, times; }
					
.comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }
		
.comment .entry { padding: 0}
			
.comment .entry p { margin: 0 0 0 0; }
			

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

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

#comment_form p { padding: 0.6em 20px; }
	
#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.2em 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; 
}
		
/* --- Home Page Blog Loop --- */

.post-title-home {
style: italic;
color: #999;
margin-top: 10px;
margin-left: 20px;
}


/* --- DIRECTORY COLUMNS & DEFINITION LIST --- */

.directory_col {
	float: left;
	width: 240px;
	position: relative;
	margin-left: 15px;
	}

dl {
	margin-bottom: 10px;
	}

dt {
	margin-bottom: .1em;
	padding-top: 0.3em;
	}

dd {
	font-size: .95em;
	}

dd.end {
	border-bottom: 1px solid #B1C3C9;
	font-style: italic;
	padding: 0 10px 0.75em 0;
	margin-bottom: 5px;
	}
	
/* --- DECREASE SIZE FOR TABULAR RESULTS LINKS --- */
.tabular a {
line-height: 1.0;
}

.tabular li {
margin-bottom: 5px;
}

.eln-office-name {
font-weight: bold;
font-size: 1.1em;
border-top: 1px solid #999;
padding-top: 15px;
margin-top: 15px;
}

tr.eln-office-name td {
font-weight: bold;
font-size: 1.1em;
border-top: 1px solid #999;
padding-top: 15px;
margin-top: 15px;
}


.eln-state { 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 180%; padding: 0 0 0 0;
color: #666666; 
font-style: bold;}

.eln-date {
font-size: 130%;
font-weight: bold;
color: #CC0000;
font-style: italic;
}

.eln-subhed-table {
font-weight: bold;
font-style: italic;
background-color: #ececec;
}

.eln-cty-subhed-table {
font-weight: bold;
font-style: italic;
background-color: #ececec;
}