/*
Theme Name: Liberty First PAC
Theme URI: 
Description: The first wordpress theme for Liberty First PAC, built by <a href="http://republicmodern.com">Republic Modern</a>.
Version: 0.9
Author: Republic Modern Media LLC
Author URI: http://republicmodern.com/
Tags: blue, tan, politics

*/


html, body{ 
 background: #beb794 url('images/bg.png');
 margin:0; 
 padding:0; 
 text-align:center;
 font-size: 13px;
 font-family: arial, sans serif;
} 

a{
 outline: none;
 color: #660000;
 text-decoration: none;
}

a:focus{
 outline: none;
}

h1, h2, h3, h4, h5{
 margin: .5em;
 padding: 0;
}

h1{
 margin-top: 2px;
 padding-top: 0;
 font-size: 2.3em;
 font-family: georgia, prepetua, times new roman, serif;
 font-style: oblique;
 text-shadow: 1px 1px 2px #666666;
}

h2{
 margin-top: 0;
 padding-top: 0;
 font-size: 1.8em;
 font-family: georgia, prepetua, times new roman, serif;
 font-style: oblique;
 text-shadow: 1px 1px 2px #666666;
}

img, img a{
 border: 0;
 max-width: 100%;
 -ms-interpolation-mode:bicubic;
}

hr{
 background: #e7e7e7;
 height: 1px;
 border: 0;
 clear: both;
}

blockquote{
 background: #f3f3f3;
 width:85%;
 margin-bottom: 36px;
 padding: 10px;
 border-top: 1px #999 dotted;
 border-bottom: 1px #999 dotted;
}

.spacer{
 clear: both;
 display: block;
 height: 10px;
}

#bk{
 background: url('images/bg_gradient.png') repeat-x;
 background-position: top;
}

#page_container{
 background: #042d55 url('images/bg_page_container.png') repeat-x;
 background-position: top;
 position: relative;
 width: 940px;
 margin: 0 auto;
 padding: 6px 0 6px 0;
}

#pagewidth{
 background: #fff url('images/bg_page.png') repeat-x bottom;
 position: relative;
 width:926px;
 min-height:400px;
 text-align:left;
 margin: 0;
 padding: 0;
 padding-bottom: 45px;
 margin-left:auto; 
 margin-right:auto;
 border: 1px #000 solid;
}
 
#header{
 position: relative;
 background: url('images/bg_header.png') no-repeat top;
 height:85px;
 width:960px;
 margin: 0 auto;
}

#header .upper, #header_act .upper{
 height: 128px;
}

.home{
 width: 720px;
 height: 100%;
 position: relative;
 display: inline;
 float: left;
}

.home a, .bloglink a, .rssupdates a{
 width: 100%;
 height: 100%;
 display: block;
 text-decoration: none;
}

.act_emailupdates .email, .act_emailupdates .zip{
 background: #234766;
 position: absolute;
 top: 35px;
 left: 60px;
 width: 150px;
 height: 16px;
 border: 2px #fff solid;
 margin-right: 8px;
 color: #fff;
}

.act_emailupdates .email:focus, .act_emailupdates .zip:focus{
 background: #fff;
 border: 2px #fff solid;
 color: #000;
}

.act_emailupdates .zip{
 position: absolute;
 top: 70px;
 left: 60px;
 height: 16px;
 margin-top:3px;
}

#sidebar .email, #sidebar .zip{
 background: #234766;
 width: 240px;
 height: 16px;
 border: 2px #fff solid;
 color: #fff;
}

#sidebar .email:hover, #sidebar .zip:hover{
 background: #fff;
 border: 2px #234766 solid;
 color: #234766;
}

#navigation{
 background: url('images/bg_nav.png') repeat-x;
 height: 42px;
 width: 930px;
 margin: 0 auto;
 padding-left: 10px;
 display: block;
 border-bottom: 4px #fff solid;
 clear: both;
}

#main{
 background: url('images/bg_main.jpg') no-repeat top;
 width: 926px;
 height: 292px;
 position: relative;
 display: block;
 margin: 0;
 padding: 0;
 clear: both;
 overflow: hidden;
}

	#main .feature{
	 background: url('images/bg_main.jpg') no-repeat top;
	 position: relative;
	 width: 680px;
	 height: 292px;
	 position: relative;
	 float: left;
	 margin: 0;
	 padding: 0;
	 clear: none;
	 overflow: hidden;
	}

		#main .feature .promo{
		 position: absolute;
		 top: 25px;
		 left: 12px;
		 width: 655px;
		 height: 244px;
		 margin: 12px 12px 0 0;
		 float: right;
		 overflow: hidden;
		}

#main .action{
 width: 246px;
 height: 292px;
 position: relative;
 display: block;
 float: right;
 margin: 0;
 padding: 0;
 clear: none;
 overflow: hidden;
}

.action .act_1{
 background: url('images/act_1.png');
 position: relative;
 width: 246px;
 height: 68px;
 display: block;
}

	.action .act_1:hover{
	 background: url('images/act_1_b.png');
	}

.action .act_2{
 background: url('images/act_2.png');
 position: relative;
 width: 246px;
 height: 62px;
 display: block;
}

	.action .act_2:hover{
	 background: url('images/act_2_b.png');
	}
	
	.act_1 a, .act_2 a{
	 width: 100%;
	 height: 100%;
	 display: block;
	}

.action .act_emailupdates{
 background: url('images/act_emailupdates.png');
 position: relative;
 width: 246px;
 height: 162px;
 display: block;
}

#general{
 width: 926px;
 clear: both;
 margin: 0 auto;
 padding: 0;
}

#general_twocols{
 margin: 0 0 0 10px;
 padding: 0;
 position: relative;
 float: left;
}

#home_blog{
 background: url('images/bg_home_blog.png') no-repeat top;
 position: relative;
 width: 364px;
 min-height: 181px;
 _height: auto !important;
 position: relative;
 padding: 54px 0 0 5px;
 font-size: 12px;
}

#home_blog h4{
 margin-left: 0;
 padding-left: 0;
 }

#home_blog h4 a{
 margin-left: 0;
 padding-left: 0;
 margin-bottom: 2px;
 font-size: 1.5em;
 font-family: arial narrow, helvetica, arial, verdana, san serif;
 color: #234766;
}

#home_blog .date{
 padding-right: 10px;
 color: #4c4c4c;
}

#home_blog .by{
 color: #d71010;
}

.bloglink{
 position: absolute;
 top: 0;
 left: 0;
 width: 200px;
 height: 50px;
}

.rssupdates{
 position: absolute;
 top: 0;
 right: 0;
 width: 120px;
 height: 50px;
}

.spotlight{
 background: url('images/bg_home_spotlight.png') no-repeat top left;
 position: relative;
 width: 340px;
 margin: 0 0 0 15px;
 padding: 48px 0 0 0;
 float: left;
 text-align: center;
}

.beam{
 background: #f1f36c;
 padding: 10px;
 border: 1px #a4a536 solid;
}

.getsocial img{
 margin-right: 10px;
}

.candidates{
 background: url('images/bg_home_candidates.png') no-repeat top;
 position: relative;
 width: 364px;
 padding: 40px 0 0 5px;
 display: block;
}

#home_projects{
 background: url('images/bg_home_projects.png') no-repeat top;
 position: relative;
 width: 504px;
 min-height: 181px;
 margin-left: 10px;
 padding: 54px 10px 0 7px;
}

#home_projects img{
 margin: 10px 0 10px 2px;
 border:2px #beb794 solid;
}

.twitter{
 background: url('images/bg_home_twitter.png') no-repeat top;
 position: relative;
 width: 156px;
 margin: 0 0 0 15px;
 padding: 35px 0 0 0;
 float: left;
}

.twitter ul{
 list-style-type: none;
 margin: 0;
 padding: 0;
}

.twitter p{
 list-style-type: none;
 background: #dcd7c0;
 margin: 0px 2px 14px 2px;
 padding: 3px;
 border: 2px #beb794 solid;
 color: #746d49;
 font-size: .85em;
}

.facebook{
 background: url('images/bg_home_facebook.png') no-repeat top left;
 position: relative;
 width: 340px;
 margin: 0 0 0 15px;
 padding: 35px 0 0 4px;
 float: left;
 text-align: center;
}

#sidebar{
 background: #042d55 url('images/bg_page_container.png') repeat-x;
 position: relative;
 width: 266px;
 margin: 20px 17px 20px 17px;
 padding: 0;
 position: relative;
 float: right;
}

#sidebar .fill{
 background: #fff;
 margin: 6px;
 padding: 4px;
 border: 1px #000 solid;
}

#leftcol{
 width:665px; 
 background: #fff;
 float:left; 
 position:relative;
}

#leftcol p{
 font-size: 1.25em;
}

#twocols{
 width:295px; 
 float:right; 
 position:relative; 
}
 
#rightcol{
 width:295px; 
 float:right; 
 position:relative; 
}

#maincol{
 background-color: #fff;
 float: left; 
 display:inline; 
 position: relative; 
 width:0px; 
}

#footer{
 position: relative;
 width: 940px;
 margin: 0 auto;
 padding: 0;
 display: block;
 overflow: auto;
}

#footer .left{
 width: 45%;
 position: relative;
 padding-top: 10px;
 float: left;
 text-align: left;
}

#footer .right{
 width: 55%;
 position: relative;
 padding-top: 20px;
 float: right;
 text-align: right;
}

	#footer .right p{
	 margin: 0px;
	 padding: 2px;
	 color: #716845;
	}

	#footer .right p a{
	 color: #716845;
	 text-decoration: none;
	}

	#footer .right p a:hover{
	 color: #fff;
	 text-decoration: underline;
	}
 
.paidfor{
 width: 220px;
 border: 1px #716845 solid;
 padding: 6px;
 margin: 20px 0;
 color: #716845;
 font-size: .8em;
 text-align: center;
}

	.paidfor:hover{
	 color: #fff;
	}

.siteby{
 position: absolute;
 right: 5px;
 bottom: 10px;
 color: #716845;
}

.siteby a{
 background: #ada480;
 color: #e2dcc4;
 font-weight: bold;
 padding: 4px;
}

.siteby a:hover{
 background: #e2dcc4;
 color: #660000;
 font-weight: bold;
 padding: 4px;
}
	
.fade{
opacity:.50; filter:alpha (opacity=50);-moz-opacity:.5;
}

.fade_70{
opacity:.70; filter:alpha (opacity=70);-moz-opacity:.7;
}

.socialnetworks{
opacity:.50; filter:alpha (opacity=50);-moz-opacity:.5;
}

.socialnetworks:hover{
opacity:1.0; filter:alpha (opacity=100);-moz-opacity:1;
}

/* Main Navigation */
#multi-level {width:956px;height:46px; position:relative; z-index:9999;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-weight:bold; text-align: left;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:42px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:62px; background:url(images/nav_01_b.png) no-repeat;;}
.menu li.p2 {width:66px; background:url(images/nav_02_b.png) no-repeat;;}
.menu li.p3 {width:106px; background:url(images/nav_03_b.png) no-repeat;;}
.menu li.p4 {width:102px; background:url(images/nav_04_b.png) no-repeat;;}
.menu li.p5 {width:81px; background:url(images/nav_05_b.png) no-repeat;;}
.menu li.p6 {width:65px; background:url(images/nav_06_b.png) no-repeat;;}
.menu li.p7 {width:104px; background:url(images/nav_07_b.png) no-repeat;;}


/* set up the normal unhovered images in the links */
.menu li a#nav_home {width:62px; background:url(images/nav_01.png) no-repeat;}
.menu li a#nav_about {width:66px; background:url(images/nav_02.png) no-repeat;;}
.menu li a#nav_candidates {width:106px; background:url(images/nav_03.png) no-repeat;;}
.menu li a#nav_thepledge {width:102px; background:url(images/nav_04.png) no-repeat;;}
.menu li a#nav_contact{width:81px; background:url(images/nav_05.png) no-repeat;;}
.menu li a#nav_media {width:65px; background:url(images/nav_06.png) no-repeat;;}
.menu li a#nav_contribute {width:104px; background:url(images/nav_07.png) no-repeat;;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#nav_home:hover, .menu li:hover a#nav_home,
.menu li a#nav_about:hover, .menu li:hover a#nav_about,
.menu li a#nav_candidates:hover, .menu li:hover a#nav_candidates,
.menu li a#nav_thepledge:hover, .menu li:hover a#nav_thepledge,
.menu li a#nav_contact:hover, .menu li:hover a#nav_contact,
.menu li a#nav_media:hover, .menu li:hover a#nav_media,
.menu li a#nav_contribute:hover, .menu li:hover a#nav_contribute{background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:42px; background: #0d4173; padding:3px 0; border:4px solid #fff; border-top: 0px; white-space:nowrap; width:166px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:160px;}
.menu :hover ul.sub li a {display:block; font-size:12px; height:20px; width:160px; line-height:20px; text-indent:5px; color:#e6e6e6; text-decoration:none; border:3px solid #0d4173; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#0d4173;}
.menu :hover ul.sub li a:hover {background:#971818; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#2d4e6d url() 100px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#2d4e6d url() 100px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #07223d; padding:3px 0; border:1px solid #888; white-space:nowrap; width:118px; z-index:200; height:auto; z-index:300;}

/* end Main Navigation */

/* Attribute Styles */

.center{
 margin: 0 auto;
 display: block;
}

.txtcenter{
 text-align:center;
}

.btm_10{
 margin-bottom: 10px;
}

.top_10{
 margin-top: 10px;
}

.right{
 float: right;
}

.left{
 float: left;
}

.w960{
 width: 960px;
}

.w950{
 width: 950px;
}

.relative{
 position: relative;
}

.clear{
 clear: both;
}

.entry{
 padding: 0 17px;
 text-align: justify;
 line-height: 1.3em
}

em{
 font-family: georgia, serif;
}
.postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */

.clear {
	clear: both;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
.navigation {
	display: block;
	text-align: center;
	}


/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}