/*
Theme Name: rm4congress
Theme URI: http://roymorales.com/
Description: Roy Morales for Congress
Version: 1.0
Author: Edward Prislac
Author URI: http://semperfried.com/
Tags: blue, custom header, fixed width, two columns, widgets

	rm4mayor v1.0
	http://semperfried.com/rm4mtheme/

	This theme was designed and built by Edward Prislac of Semperfried Graphics,
	whose blog you will find at http://semperfried.com/
*/



/* Begin Typography & Colors */
/*html{
	font-size:62.5%;
}*/
body {
	font-size:10px;/*62.5%;
	/*font-size: 1em; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: #020d30;
	color:#020d30;
	text-align: center;
	width:128em;
	margin-right:auto;
	margin-left:auto;
	margin-top:-7em;
	}

img{
	border:0em;
	margin:0em;
}
/* End Typography & Colors */
/* layout */


/* content styles */
#content{
	float:left;
	text-align:left;
	font-size: 1em;
	display:block;
	width:128em;
       margin-bottom:0;
}
	#content_leftcol{
		float:left;
		width:14.9em;
		height:70em;
		background:url(images/new_header/RM4C_main_c0.jpg) top left no-repeat;
	}
	#content_centercol{
		display:block;
		float:left;
		width:97.9em;
             min-height:70em;

	}
/* for Internet Explorer */
/*\*/
* html #content_centercol {
height: 70em;
}
/**/


	#content_centercol.single_cc{
		display:block;
		float:left;
		width:97.9em;
		background:url(images/top_bg_grad.jpg) repeat-x bottom left #FFFFFF ;
	}
		#content_centercol_top.index_cct{
			display:block;
			width:97.9em;
			height:30em;
			background:url(images/top_bg_grad.jpg) repeat-x top left;
			
		}
		#single_cct{
			display:block;
			width:97.9em;
			
		}
			#ccc_top_left.ctl_index{
				float:left;
				width:65em;
				height:30em;
				display:block;
			}
			#single_ctl{
				float:left;
				display:block;
				height:100%;
				width:65em;
				border-right:#999 solid .1em;
			}
			#single_ctl p{
				font-size:1.2em;
			}
			#single_ctl td{
				font-size:1.2em;
			}
			#ccc_top_right{
				display:block;
				float:left;
				width:32em;
				
				
			}
				a.bc_btn{
					display:block;
					width:31.5em;
					height:5em;
					background:url(images/big_contribute.jpg) top left no-repeat;
					background-position:0em 0em;
					margin:.5em;
				}
				a.bc_btn:hover{
					background-position:0em -5em;
				}
				a.bc_btn:active{
					background-position:0em -10em;
				}
				a.bv_btn{
					display:block;
					width:31.5em;
					height:5em;
					background:url(images/big_subscribe.jpg) top left no-repeat;
					
					margin:.5em;
				}
				a.bv_btn:hover{
					background-position:0em -5em;
				}
				a.bv_btn:active{
					background-position:0em -10em;
				}
				#signup{
					width:90%;
					margin:.5em;
				}
				#signup_left{
					float:left;
					width:47%;
					margin:0.3em;
				    background:top right url(images/sms_bg_trans.png) no-repeat;
					
				}
				#signup_left input{
					width:10em;
				}
				#signup_right{
					float:right;
					width:47%;
					margin:0.3em;
					margin-left:0.6em;
					margin-right:0em;
					background:top right url(images/email_bg_trans.png) no-repeat;
					
				}
				#signup_right input{
					width:10em;
				}
				#wpsb_radio_option1.wpsb_form_radio{
					display:none;
				}
				#wpsb_radio_option2.wpsb_form_radio{
					display:none;
				}
				.wpsb_form_label{
					
				}
				
				
		#content_centercol_bottom{
			position:relative;
			font-size:1em;
			width:97.9em;
			height:39.6em;
			background:url(images/bottom_bg_grad.jpg) repeat-x top left;
overflow:hidden;
		}
			#updates{
				float:left;
				width:65em;
				height:39.6em;
			}
			.csw{
				
				width:65em;
				height:39.6em;
				overflow:scroll;		
			}
			.loading{
				margin: 20em 0em 31em 0em; 
				text-align: center;
				z-index:500;
			}
			
			.stripViewer{
				width:65em;
				height:39.6em;
				overflow:hidden;
			}
			
				.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
					position: relative;
					left: 0; top: 0;
					list-style-type: none;
				
				/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
			}
		
				.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
					float:left;
					width: 65em;
					
					height: 34.5em; /* Also specified in  .stripViewer  above */
				}
				#update_nav{
					margin-top:0.2em;
					width:65em;
					height:4.7em;
				}
					#update_nav ul{
						list-style:none;
						display:inline;
					}
						#update_nav ul li{
							list-style:none;
							display:inline;
							float:left;
							margin:0em;
						}
								a.news{
									display:block;
									text-decoration:none;
									height:4.7em;
									width:9.7em;
									background:url(images/news.jpg);
								}
								a.news:hover{
									background-position:0em -4.7em;
								}
								a.news:active{
									background-position:0em -9.4em;
								}
								a.pr{
									display:block;
									text-decoration:none;
									height:4.7em;
									width:17.5em;
									background:url(images/pr.jpg);
								}
								a.pr:hover{
									background-position:0em -4.7em;
								}
								a.pr:active{
									background-position:0em -9.4em;
								}
								a.podcasts{
								display:block;
								text-decoration:none;
								height:4.7em;
								width:11.3em;
								background:url(images/podcasts.jpg);
							}
								a.podcasts:hover{
									background-position:0em -4.7em;
								}
								a.podcasts:active{
									background-position:0em -9.4em;
								}
								a.blog{
								display:block;
								text-decoration:none;
								height:4.7em;
								width:14em;
								background:url(images/blog.jpg);
								}
								a.blog:hover{
									background-position:0em -4.7em;
								}
								a.blog:active{
									background-position:0em -9.4em;
								}
								a.events{
								display:block;
								text-decoration:none;
								height:4.7em;
								width:12.4em;
								background:url(images/events.jpg);
								}
								a.events:hover{
									background-position:0em -4.7em;
								}
								a.events:active{
									background-position:0em -9.4em;
								}
							.displace{
								display:none;
								position:absolute;
								left:200em;
							}
							.stripNav{
								display:none;
							}
						.slider-wrap{
							width:65em;
							height:34.5em;
							
						}
						
						.panelContainer{
							width:65em;
							height:34.5em;
							
							
						}
						.wrapper{
							width:65em;
							height:34.5em;
							
						}
						.update_latest{
							display:block;
							float:left;
							width:30.5em;
							height:34.5em;
						}
						.update_latest p{
							font-size:1.2em;
						}
						.update_recent{
							display:block;
							color:#CCC;
							float:right;
							width:34.5em;
							height:34.5em;
							background:#575e75 url(images/recent_bg_star_line.jpg) bottom left no-repeat;
						}
						.update_recent p{
							font-size:1.1em;
						}
						.update_recent a{
							color:#003;
							text-decoration:none;
						}
						.update_recent a:link{
							color:#003;
							text-decoration:none;
						}
						.update_recent a:hover{
							color:#FFC;
							text-decoration:none;
						}
						.event_updates{
							margin:0em;
							width:65em;
							height:34.4em;
							background:#575e75 url(images/recent_bg_star_line.jpg) bottom left repeat-x;
						}
						.event_updates h2{
							margin:0em;
						}
						.panel{
							width:65em;
							height:34.5em;
						}
				#ccc_br{
					margin:1em;
					position:relative;
					float:left;
					width:30em;
					height:37em;
					display:block;
					
				}
				#ccc_br_text{
					margin:1em;
					font-size:1.2em;
				}
				#sociallink{
					display:block;
					width:27.5em;
					height:5em;
					position:relative;
					margin:1em;
				}
				#sociallink a{
					display:block;
					height:5em;
					background:url(images/social.jpg)top left no-repeat;
					float:left;
				}
					#sociallink a.myspace{
						display:block;
						background:url(images/social.jpg)top left no-repeat;
						background-position:0em 0em;
						width:9.2em;
					}
					#sociallink a.myspace:hover{
						background-position:0em -5em;
					}
					#sociallink a.myspace:active{
						background-position:0em -10em;
					}
					#sociallink a.facebook{
						display:block;
						background:url(images/social.jpg)top left no-repeat;
						background-position:-9.2em 0em;
						width:9.2em;
					}
					#sociallink a.facebook:hover{
						background-position:-9.2em -5em;
					}
					#sociallink a.facebook:active{
						background-position:-9.2em -10em;
					}
					#sociallink a.twitter{
						display:block;
						background:url(images/social.jpg)top left no-repeat;
						width:9.1em;
						background-position:-18.4em 0em;
					}
					#sociallink a.twitter:hover{
						background-position:-18.4em -5em;
					}
					#sociallink a.twitter:active{
						background-position:-18.4em -10em;
					}
	#content_rightcol{
		font-size:1em;
		float:left;
		width:14.9em;
		height:70em;
		background:url(images/new_header/RM4C_main_c2.jpg) top left no-repeat;
	}
	
/* end content styles */
#footer{
	float:left;
	display:block;
	height:12.4em;
	width:128em;
	
}
#footer_leftcol{
	float:left;
	display:block;
	width:14.8em;
	height:12.5em;
	
}
#footer_centercol{
	float:left;
	display:block;
	background:url(images/footer_grad.jpg) repeat-x top left;
	width:98em;
	height:12.5em;
	
}
#footer_rightcol{
	display:block;
	float:left;
	width:15em;
	height:12.5em;
}


.post{
	margin:1em;
}
.page_title{
	font-size:1.8em;
}
.wp-caption{
	border:#999 thin groove;
	text-align:center;
	padding-top:.5em;
}
.alignright{
	float:left;
	margin-right:1em;
}
.alignleft{
	float:right;
	margin-left:1em;
}

h4{
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom:0em;
}
h3{
	font-size:1.4em;
	line-height:1.2em;
	margin-bottom:0em;
}
.recent_header{
	font-size:1.2em;
	line-height:1.2em;
	margin-top:0.5em;
	margin-bottom:1em;
	margin-left:1.5em;
	font-weight:bold;
}
.update_recent p{
	margin-top:0.5em;
	margin-bottom:2em;
	margin-left:1.5em;
}
.recent_title{
	font-size:1.2em;
	font-weight:bold;
	margin-left:1.5em;
	margin-top:1em;
}
.update_latest p{
	margin-top:0.5em;
	margin-bottom:0em;
	margin-left:1.5em;
}
.latest_header{
	margin-top:0.5em;
	font-size:1.4em;
	line-height:1.2em;
	margin-bottom:1em;
	margin-left:1em;
	font-weight:bold;
}
.latest_title{
	margin-left:1em;
	font-size:1.4em;
	font-weight:bold;
}
.update_latest .time{
	margin-left:1.4em;
	font-weight:bold;
}
.update_latest a{
	text-decoration:none;
}
.update_latest a:hover{
	text-decoration:none;
	color:#FC0;
}
.update_latest alink{
	text-decoration:none;
}
.update_recent .time{
	margin-left:1.6em;
	font-weight:bold;
}
.readmore{
	float:right;
	margin-right:1em;
	color:#FC0;
	font-weight:bold;
}
a:link.readmore{
	color:#FC0;
}
a:hover.readmore{
	color:#FF9;
}


.update_latest a.readmore{
	float:right;
	margin-right:1em;
	color:#FFF;
	font-weight:bold;
	font-size:1.3em;
}
.update_latest a:link.readmore{
	color:#FFF;
}
.update_latest a:hover.readmore{
	color:#FF9;
}

#fll{
	margin-top:1em;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size:1.2em;
}
#fll ul{
	list-style:none;
	display:inline;
	
}
#fll ul li{
	float:left;
	margin-left:3em;
	font-weight:bold;
}
#fll ul ul{
	display:block;
	list-style:none;
	margin-left:-3.25em;
}
#fll ul ul li{
	float:none;
	margin-left:0em;
	font-weight:normal;
}
#fll ul ul li a:link{
	text-decoration:none;
	color:#009;
}
#fll ul ul li a:hover{
	color:#E4E3F4;
}




.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("images/feed-icon-14x14.png") no-repeat 0 50%;
} 

.donations{
	width:100%;
	display:block;
}
.don-row{
	width:26em;
	height:2.4em;
        position:relative;
margin-top:1em;
margin-bottom:1em;
display:block;
clear:both;
}
.don-opt{
display:block;
	width:13em;
        height:2.4em;
        float:left;	
position:relative;
}
.don-opt-left{
display:block;
	width:6em;
	float:left;
	text-align:right;
height:2.4em;
margin:0;
margin-top:1.5em;
position:relative;
}

.don-opt-right{
display:block;
	width:6em;
	float:left;
margin:0;
height:2.4em;
position:relative;

}

.label{
	font-size:1.4em;
margin-right:.25em;
margin-top:1.5em;
}
/*end layout*/
#signup_left input{
width:5em
}