/******************************************************
Site:           tarvinforcongress.org/
Created:        Dec 02 2009
Last Modified:  Jan 08 2010 
------------------------------------------------- 
Casey Reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2009
==================================================== */

/* Global Reset Styles *******************************/
/* ================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong{font-weight: bold;}


/* `Clear Floated Elements
-----------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* Common Styles *************************************/
/* ================================================= */
body{
	background: #4a0e08 url(/images/site/body-bg.png) repeat-x;
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetia, sans-serif;
  	font-size: 12px;
  	line-height: 18px;
}

h2{
	color: #163366;
	font-size: 24px;
	margin: 0 0 25px 15px;
}
	h2.page-title{
		float: left;
		margin-left: 0;
		padding: 18px 0 0 65px;
	}
	h2.content-title{
		display: block;
		line-height: 24px;
		width: 600px;
	}

h3{
	color: #9c1e10;
	font-size: 14px;
	margin-bottom: 5px;
}
h4{
	color: #163366;
	font-size: 18px;
	padding-bottom: 10px;
}
	h4 a{
		color: #911c0f;
		text-decoration: none;
	}
		h4 a:hover{text-decoration: underline;}


a{color: #153163;}

.content
{
	width:960px;
	margin:0 auto;
	position:relative;
}


/* Header Styles *************************************/
/* ================================================= */
#header{
	height: 132px;
}	
	#header-back{
		background: url(/images/site/header-bg.jpg) no-repeat;
		height: 265px;
		left: -265px;
		position: absolute;
		top: 0;
		width: 1104px;
	}
	#header h1 {
		position: absolute;
		left: 0;
		top: 0;
		width: 403px;
	}
	
		#header h1 a {
			background: transparent url(/images/site/logo.jpg) no-repeat;
			display: block;
			height: 114px;
			text-indent: -9999px;
			width: 403px;
		}
	#header h2{
		color: #fff;
		font-family: Georgia, serif;
		font-size: 20px;
		font-weight: normal;
		margin: 0;
		position: absolute;
		right: 0px;
		top: 70px;
		z-index: 100;
	}
	
	ul#social-links{
		float: right;
		margin-top: 15px;
		position: relative;
		z-index: 100;
	}
		ul#social-links li{
			float: left;
		}
			ul#social-links li a{
				display: block;
				color: #fff;
				line-height: 24px;
				margin-left: 10px;
				padding-left: 30px;
				text-decoration: underline;
			}
				ul#social-links li#facebook-link a{background: url(/images/site/icon-facebook-small.gif) no-repeat;}
				ul#social-links li#twitter-link a{background: url(/images/site/icon-twitter-small.gif) no-repeat;}
				ul#social-links li#youtube-link a{background: url(/images/site/icon-youtube-small.gif) no-repeat;}
		
/* Banner Styles *************************************/
/* ================================================= */
#banner .content{background: url(/images/site/banner-bg.jpg) no-repeat; height: 388px;}
	#internal #banner .content{background: url(/images/site/internal-banner-bg.jpg) no-repeat; height: 126px;}
	ul#nav{
		float: right;
		margin-top: 1px;
		width: 762px;
	}
		ul#nav li{
			background: url(/images/site/nav-divide.png) no-repeat top right;
			float: left;
			padding: 0 2px 0 0;
			text-align: center;
		}
			ul#nav li.last{background: none;}
			ul#nav li a{
				color: #fff;
				display: block;
				font-size: 16px;
				font-weight: bold;
				height: 33px;
				padding: 12px 0 0;
				text-decoration: none;
			}
				ul#nav li#btn-home a{width: 74px;}
				ul#nav li#btn-about a{width: 113px;}
				ul#nav li#btn-issues a{width: 125px;}
				ul#nav li#btn-news a{width: 133px;}
				ul#nav li#btn-media a{width: 76px;}
				ul#nav li#btn-involved a{width: 123px;}
				ul#nav li#btn-contact a{width: 104px;}
				ul#nav li a:hover, ul#nav li a.active{
					background: url(/images/site/nav-hover.png) repeat-x 0px -1px;
				}
	
	#slideshow-wrap{
		float: left;
		padding: 16px 20px 0 16px;
		position: relative;
	}
		ul#slideshow li{
			height: 309px;
			width: 690px;
		}	
			ul#slideshow li img{
				border: 3px solid #dedede;
			}
			ul#slideshow li p{
				background: url(/images/site/banner-caption-bg.png) no-repeat;
				bottom: 3px;
				color: #fff;
				height: 42px;
				left: 3px;
				position: absolute;
				padding: 10px 10px 0 160px;
				width: 517px;
				z-index: 888;
			}
		div#slideshow-pager{
			bottom: 15px;
			left: 35px;
			position: absolute;
			z-index: 999;
		}
			div#slideshow-pager a{
				border: 1px solid #fff;
				color: #fff;
				display: block;
				float: left;
				margin-right: 10px;
				padding: 4px 8px;
				text-decoration: none;
			}
				div#slideshow-pager a.activeSlide{
					border: 1px solid #a8c2f0;
					color: #a8c2f0;
				}

	#testimonial{
		color: #fff;
		float: left;
		font-size: 14px;
		width: 215px;
	}
		#testimonial p{margin-bottom: 10px;}
			#testimonial p.quote{font-style: italic;}
			#testimonial p.author strong{text-transform: uppercase;}
			#testimonial p.more{font-size:12px; text-align: right;}
				#testimonial p.more a{color: #a8c2f0;}
				

/* Internal Banner Styles ****************************/
/* ================================================= */		
#action-buttons{
	float: right;
}
	#action-buttons p{
		float: left;
		margin: 20px 20px 0 0;
		text-align: center;
	}
		#action-buttons p a{
			background: url(/images/site/btn-action-bg.png) no-repeat;
			color: #fff;
			display: block;
			font-size: 18px;
			height: 28px;
			padding: 8px 0 0;
			text-decoration: none;
			width: 127px;
		}

/* Callout Styles ************************************/
/* ================================================= */
#callout .content{
	background: #d2d2d2 url(/images/site/callout-bg.png) no-repeat;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 10px 20px;
	width: 927px;
}
	.col-view{
		float: left;
		margin-right: 10px;
		width: 350px;
	}
		
	.col-donate{
		float: left;
		margin-right: 10px;
		width: 160px;
	}
	.col-follow{
		float: left;
		width: 223px;
	}
		.col-follow img{
			float: left;
			margin-right: 3px;
			margin-top: 5px;
		}
	
	#callout h2{
		color: #fff;
		font-size: 20px;
		margin-bottom: 5px;
		margin-left: 0px;
		
	}
		#callout h2 a{
			color: #fff; 
			display: block; 
			padding: 5px 10px;
			text-decoration: none;
		}
		.col-view h2, .col-follow h2{background-color: #19376c;}
		.col-donate h2{background-color: #9c1e10;}
	#callout p{padding: 0 10px;}
		#callouts .col-follow p{padding-right: 0px;}
		#callout p a{color: #333; text-decoration: none;}
			#callout p a:hover{text-decoration: underline;}
	
	

/* Main Styles ***************************************/
/* ================================================= */
#main .content{
	background: #fff url(/images/site/content-bg.png) repeat-x;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 20px 0 30px 15px;
	width: 943px;
}

#main .content #main-column{
	float: left;
	font-size: 14px;
	padding: 0 20px 0 15px;
	min-height:650px;
	height:auto !important;
	height:650px;
	width: 370px;
}
	#main .content #main-column.full{width: 620px;}
	#main .content #main-column p{
		margin-bottom: 15px;
	}
		#main .content #main-column p.notify{
			background: #163366;
			color: #fff;
			padding: 10px;
		}
	#main .content #main-column img.content-image-full{
		float: right;
		margin: 0 0 20px 20px;
	}
	
	
	div.listing-item{
		margin-bottom: 20px;
	}
		div.listing-item img.left{
			float: left;
			margin: 0 10px 10px 0;
		}

#main .content #middle-column{
	float: left;
	margin: 0 15px 0 0;
	width: 245px;
}
	#middle-column img.content-image{
		margin-bottom: 10px;
	}
	#steve-quote{
		background-color: #dfe3ea;
		margin-bottom: 20px;
		padding: 10px;
		width: 224px;
	}
		#steve-quote p.quote{
			color: #163366;
			font-size: 24px;
			font-style: italic;
			line-height: 1.3em;
			margin-bottom: 10px;
		}
		#steve-quote p.author{
			color: #9a1e10;
			font-size: 18px;
		}
	
	#middle-column div.contact-share p{padding-bottom: 10px;}
	a.contact-link{
		background: url(/images/site/icon-email.png) no-repeat;
		display: block;
		height: 19px;
		padding-left: 35px;
	}
	
div.col-split{
	float: left;
	margin-right: 40px;
	width: 290px;
}
	div.col-split.last{margin-right: 0px;}
	div.col-split h2.content-title{
		margin-left: 0px;
		width: 290px;
	}
	#main .content #main-column p.date{
			color: #000;
			font-size: 12px;
			font-weight: bold;
			margin-bottom: 3px;
			text-transform: uppercase;
		}

/* Media Styles **************************************/
/* ================================================= */
ul.gallery{list-style-type: none;}
	ul.gallery li{
		float: left;
		margin: 0 20px 20px 0;
	}
		ul.gallery li img, .img-border{border: 3px solid #DEDEDE;}

/* Contact Form Styles *******************************/
/* ================================================= */

.contact-form div{
	margin-bottom: 10px;
}

	#main .content #main-column .contact-form p{margin-bottom: 5px; margin-top: 25px;}
	.contact-form div.input input{
		font-size: 14px;
		height: 20px;
		padding-top: 2px;
		width: 400px;
	}
	.contact-form div.textarea textarea{
		padding-top: 2px;
		width: 400px;
	}
		.contact-form div.input label, .contact-form div.select label, .contact-form div.textarea label{
			display: block;
			font-size: 14px;
		}
			.contact-form label span{
				color: #9C1E10;
				font-size: 12px;
			}	
			.contact-form label.error{
				color: #9C1E10;
				display: block;
			}

/* Sidebar Styles ************************************/
/* ================================================= */
#main .content #sidebar{
	background: url(/images/site/internal-sidebar-bg.png) no-repeat;
	float: right;
	min-height: 560px;
	padding: 24px;
	margin-top: -67px;
	width: 218px;
}
	#main #page-news-events #sidebar{margin-top: -18px;}
	#sidebar #testimonial{
		background-color: #ebedf0;
		color: #333;
		float: none;
		margin-bottom: 15px;
		padding: 10px;
		width: 200px;
	}
		#sidebar #testimonial a{
			color: #163366;
			font-weight: bold;
		}


/* Tab Styles ****************************************/
/* ================================================= */
.content-tabs{
	background: url(/images/site/tabs-bg.png) no-repeat;
	float: left;
	margin: 22px 10px 0 0;
	min-height: 310px;
	position: relative;
	width: 340px;
}
	.content-tabs p{
		font-size: 11px;
		padding-bottom: 0px;
	}
	div.tab{padding: 35px 15px 0;}
	div.news-item{margin-bottom: 15px;}
		div.news-item p.date{
			color: #000;
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
		}
		div.news-item img{
			border: 3px solid #dedede;
			float: left;
			margin: 0 10px 10px 0; 
		}
	div.tab p.more a{
		color: #9c1e10;
		font-size: 12px;
	}
	
	.ui-tabs .ui-tabs-hide {display: none;}
	ul.tab-nav{
		position: absolute;
		left: 1px;
		top: -20px;
	}
		ul.tab-nav li{
			float: left;
			text-align: center;
		}
			ul.tab-nav li.ui-state-active{
				z-index: 999;
			}
			ul.tab-nav li a{
				background: url(/images/site/tab-inactive-bg.png) no-repeat;
				color: #fff;
				display: block;
				font-size: 13px;
				height: 22px;
				margin-bottom: 2px;
				padding-top: 2px;
				text-decoration: none;
				width: 127px;
			}
				ul.tab-nav li.first a{background: url(/images/site/tab-inactive-first-bg.png) no-repeat;}
				ul.tab-nav li.ui-state-active a{background: url(/images/site/tab-active-bg.png) no-repeat;}
					ul.tab-nav li.ui-state-active.first a{background: url(/images/site/tab-active-first-bg.png) no-repeat;}
	
	
/* Email Signup Styles *******************************/
/* ================================================= */		
#email-signup{
	background: #5f7396;
	float: left;
	padding-bottom: 25px;
	width: 222px;
}
	#email-signup h3{
		background: #163366;
		color: #fff;
		display: block;
		font-size: 20px;
		padding: 13px 14px;
	}
	#email-signup h4{
		color: #fff;
		font-size: 15px;
	}
	#email-signup p{
		color: #ebf1fa;
		font-size: 12px;
		padding-bottom: 20px;
	}
	#email-signup label.error{
		display: block;
		font-weight: bold;
	}
	#email-signup form{
		padding: 0 14px 10px;
	}
		#email-signup input.text{
			font-size: 14px;
			height: 20px;
			padding-top: 2px;
			width: 145px;
		}


/* Footer Styles *************************************/
/* ================================================= */
#footer .content{
	background: url(/images/site/footer-bg.png) no-repeat;
	font-size: 11px;
	height: 71px;
	margin-bottom: 10px;
}
	ul#footer-nav{
		float: left;
		padding: 15px 10px 0 25px;
	}	
		ul#footer-nav li{color: #fff; display: inline;}
			ul#footer-nav li a{
				color: #fff;
				text-decoration: none;
			}
				ul#footer-nav li a:hover, ul#footer-nav li a.active{text-decoration: underline;}
				ul#footer-nav li span{margin: 0 2px;}
				
	p#campaign-info{
		color: #819ccc;
		float: right;
		padding: 15px 25px 0 0;
		text-align: right;
	}
	
	#walkie
	{
		width:960px;
		margin:0 auto;
		text-align: right;
	}
		#walkie p{font-size: 11px; margin-bottom: 20px;}
		#walkie a{color: #fff; text-decoration: none;}
			#walkie a:hover{text-decoration: underline;}