/*
Theme Name: Huizenga for Congress v2
Description: Template for HuizengaforCongress.com
Version: 2.0
*/



* { padding: 0; margin: 0; }



body {
	background: #002d70 url(images/contentbg.png) center top repeat-x;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	}

/* -----------------------------------*/

/* ---------->>> GLOBAL <<<-----------*/

/* -----------------------------------*/



p {
	border: 0px solid red;
	line-height: 21px;

	}

	

a {
	color: #002D70;
	text-decoration: none;
}

a img { border: 0; }

p, blockquote, ol, dl {
	margin: 0 0 10px 0;
	}

h2, h3, h4 {
	text-transform: uppercase;
	margin: 0 0 10px 0;
	}

blockquote {

	background: #F0F0F0;

	border-top: 1px solid #DDD;

	border-bottom: 1px solid #DDD;

	padding: 10px;

	}

	

	blockquote .cite {

		text-align: right;

		font-style: italic;

		color: #4B8610;

		margin: 0px;

		}

	

dt {

	color: #4B8610;

	font-style: italic;

	font-weight: 600;

	}

	

dd {

	padding-left: 10px;

	margin-bottom: 10px;

	}

	

/* ---- LISTS ----*/

	

.post ol {

	margin: 0 0 10px 20px;

	color: #4B8610;

	font-style: italic;

	font-weight: 600;

	line-height: 1.5em;

	}

	

	.post ol li {

		padding: 2px 0 2px 0px;;

		margin-bottom: 3px;

		}

	.post ol span {

		color: #5b5b5b;

		font-style: normal;

		font-weight: 400;

		}

	

#green .post ul li {

	padding-left: 20px;

	line-height: 1.5em;

	}




/*--- Twitter ---*/

ul.twitter{
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0px solid fuchsia;
}

li.twitter-item{
	list-style-type: none;
	font-size: 14px;
	padding: 0 0 10px 0;
	color: #333;
}

span.twitter-timestamp{
	font-size: 10px;
	font-stretch: normal;
	color: #B50402;
}




/* ---- FORMS ---- */	

	

form {

	width: 600px;

	border: 0px solid #999;

	/*background: #e5e5e5;*/

	padding: 0px;

	margin: 0 0 10px 0;

	}

	

input, select, textarea {

	margin: 5px 0;
	padding: 10px;
}

textarea {
	margin: 0;
	width: 580px;
	height: 60px;
	padding: 10px;
}



	input.button { 

		font: bold 12px Arial, Sans-serif; 

		height: 30px;

		margin: 0;

		padding: 2px 3px; 

		color: #FFF;

		background:#4B8610;

		

		border-width: 1px;

		border-style: solid;

		border-color: #59A908 #2F5608 #2F5608 #59A908;

	}

	

/* ---- TABLES ---- */

	

table {

	border-collapse: collapse;

	margin: 0px;		

}

tr { 

	background: #FFF; 

}



	tr.altrow { 

		background: #F9F9F9;	

	}

	

th, td {

	text-align: left;			

	border-width: 0px;

  	border-style: solid;

}



	th {

		color: #555;

		background: #f0f0f0; 

		padding: .8em 1em;	

		border-color: #DDD #DDD #6C0 #DDD;	

	}

	td {

		border-color: #EFEFEF;	

		padding: .7em 1em;	

	}	

	

/* ---- Positioning Elements ---- */



.full {
	color: #e5e5e5;
	width: 930px;
	padding: 5px 15px;
	margin: 0 0 10px 0;
	font-size: 12px;
}

.fullWht {
	background: #FFF;
	color: #e5e5e5;
	width: 930px;
	padding: 15px;
	margin: 0 0 10px 0;
	font-size: 12px;
}

.twos {
	color: #e5e5e5;
	width: 450px;
	padding: 5px 15px;
	font-size: 12px;
}

.third {
	width: 290px;
	padding: 5px 15px;
	border: 0px solid red;
}

.third2 {
	width: 310px;
	padding: 5px;
	border: 0px solid red;
}

.sixth {

	width: 130px;

	padding: 5px 15px;

	font-size: 11px;

	}

.left, .alignleft {

	float: left;

	}

.right, .alignright, .avatar {

	float: right;

	}

img.right, img.alignright, img.avatar {

	margin: 0 0 10px 10px;

	}

img.left, img.alignleft {

	margin: 0 10px 10px 0;

	}

img.right, img.left, img.alignleft, img.alignright, img.avatar {

	padding: 3px;

	background: #3E700C;

	border: 1px solid #8EC854;

	background-image: none;

	}



.clear {

	clear: both;

	font-size: 0px;

	line-height: 0;

	}

	

	

/* -----------------------------------*/

/* -------->>> PAGE LAYOUT <<<--------*/

/* -----------------------------------*/

	

#wrapper {

	width: 980px;
	margin: 0 auto;
	border: 0px solid red;
}

#header {
	background: url('images/logo.png') no-repeat 0 40px;
	height: 170px;
}

#main {
	border: 0px solid red;
	padding: 0;
	margin: 0;
	}

#main-bottom {
	width: 980px;
	height: 12px;
	background: url('images/main-botto2m.gif') no-repeat;
	margin-bottom: 50px;
}

#white_foot { /* The Green section on the front page */
	width: 960px;
	padding: 20px 10px;
	background: #FFF url('images/whtbg.png') repeat-x top left;
	color: #333;
	float: left;
	clear: left;
}

#red_foot { /* The Green section on the front page */
	width: 960px;
	padding: 10px;
	background: #b50402 url('images/redbg.png') repeat-x top left;
	color: #ccc;
	float: left;
	clear: left;
}


#green_outer {

	background: #FFF url('images/whtbg.png') repeat-x top left;

	width: 980px;

	color: #333;

	}

	

#green { /* The Green section on all other pages */

	width: 960px;

	padding: 20px 10px;

	background: url('images/line.png') repeat-y top left;

	border-bottom: 0px solid #213D06;

	}

	

.postfoot { /* Area generally used for post comments */

	width: 620px;

	padding: 30px 5px 10px;

	}

	

	

/* -----------------------------------*/

/* ------->>> AREA SPECIFIC <<<-------*/

/* -----------------------------------*/



/* ---- Header Styles ---- */

	

#logo {
	width: 205px;
	height: 43px;
	padding: 0;
	text-align: center;
	float: left;
	margin: 77px 0 0 37px;
	border: 0px solid red;
	}

#logo a {

	text-decoration: none;

	color: #fff;

	}

#logo a .green {

	color: #66cc00;

	}

#searchform {

	background: url('images/search.png') no-repeat;

	width: 290px;

	height: 27px;

	float: left;

	margin: 0 10px 20px 0;
	border: 0px solid red;
	padding: 0;

	}

#searchform input {

	background: none;

	outline: 0;
	border: 0px solid red;
	}

#searchform #s {

	width: 245px;

	font-size: 12px;

	color: #666;

	padding: 1px 0 0 10px;
	border: 0px solid green;

	}

#searchform #searchsubmit {

	width: 28px;

	height: 20px;

	float: right;

	cursor: pointer;
	border: 0px solid red;
	}

	

/* ---- Top Navigation ---- */



#nav {
	float: right;
	width: 730px;
	list-style: none;
	margin: 40px 0 0 0;
	padding: 17px 0;
	border: 0px solid red;
	height: 13px;
}

#nav ul {
	padding: 0px;
}

#nav li {
	display: inline;
	margin: 0px;
	padding: 0 10px;
	border: 0px solid red;
}

#nav a {
	font-size: 16px;
	color: #78a8f0;
	text-decoration: none;
	text-transform: uppercase;
}

#nav a:hover, #nav .current_page_item a {
	color: #fff;
}


/* ---- Blog Post ---- */



.post {

	width: 620px;

	padding: 0px;

	background: #FFF url('images/contentbg.jpg') repeat-x top left;

	color: #5b5b5b;

	margin-left: 5px;

	border: 0px solid #F00;

	font-size: 14px;

	}

.post a {

	border-bottom: 0px solid #ddd;

	}

.post a:hover {

	color: #3367B5;

	border-bottom: none;

	}

.post h1 {	

	color: #002D70;

	font-style: italic;

	font-size: 28px;

	margin-bottom: 20px;

	}

	

.post img {	

	background: #f0f0f0;

	border: 0px solid #CCC;

	}

	

.post p.meta {

	/* background: #1D519E;*/

	border-top: 1px solid #1D519E;

	padding: 5px;

	font-size:12px;

	margin: 30px 0;
	color: #333;

	}

	.post p.meta a {

		color: #c5372b;
		text-decoration: none;

		}

	.post p.date {
		width: 44px;
		height: 20px;
		float: left;

		margin: 0px 10px 0 -17px;

		background: #CF1A17 url(images/dateBg.png) 0 0 no-repeat;

		color: #FFF;

		padding: 8px 12px;
		
		font-size: 12px;

		border-left: 0px solid #447810;
		font-weight: bold;
		}

#green .post h3 {

		color: #3367B5;

		}



#footer h3, #front_foot h3 {
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 10px;
	color: #FFF;
	}

#white_foot h2, #red_foot h2 {
	text-transform: none;
	font-size: 21px;
	text-transform: uppercase;
	border-bottom: 1px solid #3367B5;
}

#white_foot h3, #red_foot h3 {
	text-transform: none;
	font-size: 18px;
}

#white_foot h3 span, #red_foot h3 span {
	text-transform: none;
	font-size: 10px;	
}

#red_foot h3 a {
	color: #fff;
}

#red_foot h3 a:hover {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}


#red_foot .fullWht {
	color: #333;
}

#red_foot .fullWht h3 a {
	color: #002D70;
}

#red_foot .fullWht h3 a:hover {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}


/* Sidebar Styles */



	

#green .third { /* This is the sidebar for all pages except the index */

	width: 280px;

	padding: 5px 15px 5px 15px;

	margin-left: 10px;

	}

	

#green .third .sixth {

	padding: 5px 10px 5px 0;

	margin-bottom: 20px;

	}

	

#green ul, #front_foot ul {

	list-style-type: none;

	}

#green ul li, #front_foot ul li {

	padding: 2px 0 2px 12px;

	background: url('images/bullet.gif') no-repeat 6px 10px;

	margin-bottom: 3px;
	border: 0px solid red;

	}

#green #bioCnt {
	margin: 20px 0 10px;
	width: 100%;
	height: 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#green #bioCnt #bioSct {
	float:left;
	padding: 6px 8px 4px;
	}

	

.third p {
	font-size: 14px;
}

.sixth a, .third a {

	color: #1B51A4;

	border-bottom: 0px solid #6FAC31;

	text-decoration: none;

	}

.sixth p a, .third p a {

	color: #1B51A4;

	}

.sixth a:hover, .third a:hover {

	border-bottom: 0px solid #8EC854;

	color: #FB201A;

	}

#front_foot div.right {

	background: url('images/footer-divider.png') repeat-y top left;

	}

	

/* ---- Post Comments ---- */

#green .commentlist li {

	list-style-type: none;

	}

#green .commentlist ul li {

	background: none;

	}

#green #respond a { 

	color: #3367B5;

	}

#green .postfoot .comment {

	padding: 20px 0 5px 0;

	background: url('images/underline.png') repeat-x top left;

	margin:0;

	}

#green .comment p {

	margin-bottom: 0px;

	}

#green .comment a {

	color: #3367B5;

	}

#green .comment a:hover {
	color: #FFF;
}

#green .comment .meta, #green .comment .meta a, #front_foot .comment p.meta, #front_foot .comment p.meta a {

	color: #2F5608;

	font-size: 10px;

	font-style: italic;

	}

#green .postfoot .children .comment {

	padding: 5px 0 5px 20px;

	margin-left: 10px;

	background: url('images/reply.gif') no-repeat top left;

	margin-top:0px;

	}

#green .comment .meta a.comment-reply-link {

	text-transform: uppercase;

	font-weight: bold;

	font-style: normal;

	}

	

/* ---- Front Foot - green area in index.html ---- */

	

#front_foot p {

	margin: 0 0 10px 0;

	}

	

#front_foot .comment p.first {

	margin-top: -10px;

	}

#front_foot .comment {

	padding: 8px 0 10px 0;

	background: url('images/underline.png') repeat-x bottom left;

	line-height: 1.0em;

	}

#front_foot .comment p {

	margin: 0px;

	}

	

/* ---- Footer on all other pages ---- */

	

#footer {

	width: 960px;

	padding: 20px 10px 10px 10px;

	border-top: 0px solid #447A0E;

	color: #333;	

	background: #2F5608;

	}

#footer a {

	background: #3D6E0C;

	border-bottom: none;

	padding: 2px;

	}

	#footer a:hover{

		background: #4B8610;

		}

		

#footer p {

	line-height: 1.8em;

	margin-bottom: 20px;

	}

	

#footer ul {

	list-style-type: none;

	margin-bottom: 20px;

	}

#footer ul.children {

	margin: 12px 0 0 10px;

	}

	#footer ul li{

		display: block;

		margin-bottom: 12px;

		}

	#footer ul li a{

		background: url('images/buallet.gif') no-repeat center left;

		background: #3D6E0C;

		padding: 4px;

		}

	#footer ul li a:hover{

		background: #4B8610;

		}

	

/* ---- Copyright Information - very bottom ---- */

p.copy {
	margin: 10px 0 0 0;
	padding: 0 0 30px 10px;
	color: #FFF;
	border: 0px solid red;
	float: left;
	clear: left;
}

p.copy a {
	color: #B50402;
	font-weight: bold;
	text-decoration: none;
	}

p.copy a:hover {
	text-decoration: none;
	color: #FB201A;
}





/*----------- TABS -------------------*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    margin: 0;
    padding: 0;
    height: 37px;
    border: 0px solid red;
	list-style-type: none;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
	background: none;
	list-style-type: none;
    float: left;
    margin: 0;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 ;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
/* .ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}*/
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline;
}