/* 
	Theme Name: Funk for Congress
	Theme URL: http://funkforcongress.com/
	Description: Custom theme designed for Funk for Congress.
	Author: Matt Rittman
	Author URI: http://mattrittman.com/
	Version: 1.0
	Tags: two-columns, fixed-width, white, black, blue, read, sidebar-widgets, threaded-comments, sticky-post
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(images/background_tile.jpg) repeat-x top center;
	background-color: #052A5B;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	}
	
#main {
	background: #FFFFFF url(images/bg.png) repeat-x;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#wrapper {
	margin: 0px auto;
	width: 980px;
	font-size: 1.2em;
}
	
/************************************************
*	Hyperlinks				*
************************************************/
	
a img {
	border: none;
	}
	
a:link, a:visited, a:hover, a:active {
	color: #5883BB;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

a:focus, a:hover, a:active {
	outline: none 
	}
	
/************************************************
*	Header					*
************************************************/

#header {
	background: url(images/header.jpg) no-repeat center;
	height: 168px;
	}

/************************************************
*	Navbar  									*
************************************************/

#navlist {
	background: url(images/navigation_tile.png) repeat-y top !important;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height: 27px;
	letter-spacing: 2px;
	overflow: hidden;
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*width: 980px;*/ /*leave this value as is in most cases*/
}

#navlist ul {
	margin: 0px 10px;
	padding: 0;
	padding-left: 30px;
	float: left;
	width: 930px; /*width of menu*/
	border-top: 1px solid #C5C5C5;
	border-bottom: 1px solid #E5E5E5;
	border-width: 1px 0;
	background: black url(images/default.jpg) center center repeat-x;
}

#navlist ul li {
	display: inline;
}

#navlist ul li a {
	float: left;
	border-left: 1px solid #a5a7aa;
	color: #F3F3F3;
	padding: 6px 12px;
	text-decoration: none;
	text-transform: lowercase;
}

#navlist ul li a:visited {
	color: #F3F3F3;
}

#navlist ul .page-item-11 a {
	border-right: 1px solid #a5a7aa;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}

#navlist ul li a:hover {
	color: #FFF !important; /*text color of selected and active item*/
	background: black url(images/hover.jpg) center center repeat-x;
/*	padding-top: 6px; shift text down 1px for selected and active item*/
/*	padding-bottom: 4px; shift text down 1px for selected and active item*/
}

#navlist ul .current_page_item a {
	color: #FFF !important; /*text color of selected and active item*/
	background: black url(images/active.jpg) center center repeat-x;/*	padding-top: 6px; shift text down 1px for selected and active item*//*	padding-bottom: 4px; shift text down 1px for selected and active item*/
}

.clear {
	clear: both;
	}

.thumb {
	float:left;
	margin:0px 10px 0px 0px;
	}

hr {
	margin: 0 auto;
	margin-top: 20px;
	width: 70%;
	border: none 0;
	border-top: 1px solid #c3c3c3; /*the border*/
	height: 20px; /*whatever the total width of the border-top and border-bottom equal*/
	}
	
/************************************************
*	Content 					     		    * 
************************************************/

#content {
	background: url(images/content_tile.png) repeat-y top;
	}

#content.wide { background: url(images/content_tile_donate.png) repeat-y top; }
	
#content h1 {
	padding: 17px 0 0 15px;
	margin: -12px -28px 10px -15px;
	background: url(images/content_header.jpg) no-repeat top left;
	height: 32px;
	color: #538dd8;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	}
		
#contentleft h2 {
	color: #5f8eca;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#contentleft h2 a {
	color: #5f8eca;
	text-decoration: none;
	}

	
#content h3 {
	color: #333333;
	font-size: 18px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#content h4 {
	color: #333333;
	font-size: 18px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 7px 0px;;
	border-bottom: 1px dotted #BBBBBB;
	}
	
#content h5 {
	color: #333333;
	font-size: 16px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	font-style: italic;
	margin: 20px 0px 10px 0px;
	padding: 0px;;
	}
	
/*h4 {
	font-size: 14px;
	color: #6fa2e4;
	font-weight: normal;
}

h5 {
	font-size: 12px;
	color: #666;
}*/

	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#content blockquote p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
blockquote {
	background: #EEEEEE;
	margin: 0px 20px 15px 20px;
	padding: 10px 15px 0px 15px;
	border: 1px dotted #BBBBBB;
	}
	
#contentleft {
	padding: 12px 28px 15px 15px;
	margin-left: 283px;
	}

#contentleft p { line-height: 1.4em; }
	
.postarea {
	width: 649px;
/*	float: left;*/
	margin: 0px;
	padding: 0px;
	}
	
.postarea a, .postarea a:visited, .postcomments a, .postcomments a:visited, #postwide a, #postwide a:visited {
	color: #5883BB;
	text-decoration: none;
	}
	
.postarea a:hover, .postcomments a:hover, #postwide a:hover {
	color: #5883BB;
	text-decoration: underline;
	}
	
.postarea p, #postwide {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}
	
.postarea ol, .postright ol, #postwide ol {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 5px 0px;
	}
	
.postarea ol li, .postright ol li, #postwide ol li {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 5px 0px;
	}
	
.postarea ul, .postright ul, #postwide ul {
	list-style-type: square;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 5px 0px;
	}
	
.postarea ul li, .postright ul li, #postwide ul li {
	list-style-type: square;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 5px 0px;
	}
	
.postarea ul ul, .postright ul ul, #postwide ul ul {
	list-style-type: none;
	margin: 5px 0px 0px 20px;
	padding: 0px;
	}
	
.postarea ul li li, .postright ul li li, #postwide ul li li {
	list-style-type: square;
	margin: 0px;
	padding: 0px;
	}
	
.postarea ul li ul li, .postright ul li ul li, .postwide ul li ul li {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	}
	
.postright {
	float: right;
	width: 324px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.postright p {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#postwide {
	width: 916px;
/*	float: left;*/
	margin: 0px;
	padding: 0px 20px 10px 20px;
	z-index:2;
	}

#postwide h1 {
	padding: 17px 0px 0px 15px;
	margin: 0px -35px 10px -10px;
	background: url(images/content_header_donate.jpg) no-repeat top left;
	height: 32px;
	color: #538dd8;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	}
	
.postmeta {
	background: #EEEEEE;
	width: 550px;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px 0px 50px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px dotted #BBBBBB;
	}

.postmeta p {
	margin: 0px;
	padding: 0px;
	}
	
.author {
	background: #EEEEEE;
	width: 550px;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px 0px 50px 0px;
	padding: 10px 10px 0px 10px;
	border: 1px dotted #BBBBBB;
	}
	
.pagination {
	color: #333333;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px 0px 30px 0px;
	padding: 5px 0px 0px 0px;
	}

.palignright {
	float: right;
	}

.palignleft {
	float: left;
	}
	
.archives {
	width: 270px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
/************************************************
*	Images  					     		    * 
************************************************/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
	
img.alignnone {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	display: inline;
	}

img.alignright {
	margin: 0px 0px 10px 10px;
	padding: 0px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
	}

.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}
	
.wp-caption {
	border: 1px solid #DDDDDD;
	text-align: center;
	background-color: #EEEEEE;
	padding: 4px 0px 5px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

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

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	}

.productimage {
	border: 10px solid #333333;
	margin-bottom: 10px;	
	}

/************************************************
*	Sidebar 		    	        	        * 
************************************************/

#sidebar {
	width: 250px;
	float: left;
	margin-left: 10px;
	overflow: hidden;
	padding: 10px;
	}
	
#sidebar h2, #sidebar h4 {
	text-align: center;
	color: #36C;
	font: bold 1em Verdana, Helvetica, sans-serif;
	margin: 0px;
	text-transform: uppercase;
	border: 0px;
	padding: 4px 0px;
	}
	
#sidebar p {
	margin: 0px;
	padding: 0px 5px 5px 0px;
	}
	
#sidebar a, #sidebar a:visited {
	color: #5883BB;
	text-decoration: none;
	}
	
#sidebar a:hover {
	color: #5883BB;
	text-decoration: underline;
	}
	
#sidebar a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	}

#sidebar ul ul {
	list-style-type: none;
	margin: 5px 0px 0px 20px;
	padding: 0px;
	}
	
#sidebar ul li li {
	list-style-type: square;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li ul li {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	}
	
#sidebar .widget {
	background: #E9E9E9 url(images/widget-bg.jpg) repeat-x scroll bottom center;
	margin: 0px 0px 10px 0px;
	width: 250px;
	}

#sidebar #text-3.widget {
	background: #E9E9E9 url(images/donate-bg.jpg) repeat-x scroll bottom center;
	}

#sidebar #text-4.widget {
	background: #E9E9E9 url(images/widget.jpg) repeat-x scroll bottom center;
	}

#sidebar #text-4.widget h2, #sidebar #text-4.widget h4 {
	margin: 15px 0px 10px 0px;
	}

.donate {
/*	height: 111px;
	width: 223px;
	margin: 0px auto;
	overflow: hidden;*/
}

.donate a {
	background: url('images/donate.jpg');
	margin: 15px;
	height: 110px;
	width:220px;
	overflow: hidden;
	display:block;
}

.donate a:hover {
	background-position: 0px -111px;
	}

.getupdates {
	}

.getupdates .involveform {
/*	padding: 10px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	margin: 0px 15px 15px 15px;
	font-size: 1.3em;
	}

.getupdates .nameinput {
	color: #666;
	margin: 5px 6px 6px 10px;
	height: 14px;
	width: 200px;
}

.getupdates .nameinput:focus {color: #000;}

.getupdates .emailinput {
	color: #666;
	margin: 5px 6px 6px 10px;
	height: 14px;
	width: 200px;
}

.getupdates .emailinput:focus {color: #000;}

.getupdates .zipinput {
	color: #666;
	margin: 5px 6px 6px 10px;
	height: 14px;
	width: 100px; 
}

.getupdates .zipinput:focus {color: #000;}

.getupdates .submitbutton {
	margin-left: 18px;
	cursor: pointer;
	border: outset 1px #ccc;
	background :#999;
	color: #666;
	font-weight: bold;
	padding: 2px 3px;
	background: url(images/submitbg.gif) repeat-x left top;
}

.getupdates .submitbutton:hover {background-position: 0px -46px;}

#donationform br { display: none; }
#donationform input { margin: 10px 5px; }

#network {
	margin: 0 0 0 5px;
	padding-left: 12px;
	height: 100px;
	width: 240px;
	float: left;
	font: 1em Verdana, Helvetica, sans-serif;
}

#network a {
	margin: 5px 5px;
	padding: 3px 0 0 24px;
	height: 17px;
	width: 85px;
	display: block;
	float: left;
}

#network a:hover {
	background-position: 0 -20px;
	text-decoration: none;
	color: #365A9C; 
}

.facebook a {background: url('images/facebook.gif') no-repeat top left;}

.youtube a {background: url('images/youtube.gif') no-repeat top left;}

.twitter a {background: url('images/twitter.gif') no-repeat top left;}

.linkedin a {background: url('images/linkedin.gif') no-repeat top left;}

.rss a {background: url('images/rss.gif') no-repeat top left;}

.flickr a {background: url('images/flickr.gif') no-repeat top left;}

/************************************************
*	Footer  									*
************************************************/

#footer { background: url(images/footer.jpg) no-repeat; }

#footer p {
	padding: 2px 0 4px 0;
	text-align: center;
	font-size: 0.9em;
	color: #C2C2C2;
	}

#footer a {
	text-decoration: underline;
	color: #C2C2C2;
	}

#footer a:hover {
	text-decoration: none;
	color: #C2C2C2;
	}

#footernav ul {
	padding: .9em 0;
	margin: 0 0 6px 0;
	width: 100%;
	font: bold 0.8em arial, helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
}

#footernav ul li {
	display: inline;
	}

#footernav ul li a {
	text-decoration: none;
	color: #999;
	padding: 0em .4em .1em .2em;
	border-right: dotted 1px #666;
}

#footernav ul li a:hover {
	color: #333;
}

#footernav ul .page-item-18 a {
	border-right: 0;
}

#matt {
	background: url(images/mattlogo.jpg) no-repeat top left;
	padding: 13px 0 0 50px;
	color: #5883BB;
	height: 29px;
	margin: 0px auto;
	width: 178px;
}

#matt a {
	text-decoration: none;
	color: #5883BB;
}

#matt a:hover {
	text-decoration: underline;
	color: #5883BB;
}

.paid {
	color: #C2C2C2;
	border: 1px solid #C2C2C2;
	padding: 0 1px 0 1px;
}
	
/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	}
	
#searchbox {
	width: 210px;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 5px;
	margin: 0px 3px 0px 0px;
	border: 1px solid #111111;
	}
	
#searchbutton {
	border: outset 1px #ccc;
	background :#999;
	color: #666;
	font-weight: bold;
	padding: 2px 3px;
	background: url(images/submitbg.gif) repeat-x left top;
	margin: 0px;
	}
	
#author, #email, #url {
	color: #666666;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 4px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#comment {
	width: 460px;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#submit {
	border: outset 1px #ccc;
	background :#999;
	color: #666;
	font-weight: bold;
	padding: 2px 3px;
	background: url(images/submitbg.gif) repeat-x left top;
	margin: 0px;
	}
	
/************************************************
*	Comments									*
************************************************/
	
.commentlist li ul li {
	font-size: 12px;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	background: #FFFFFF;
	float: right;
	border: 1px solid #EEEEEE;
	margin: 0px 5px 0px 10px;
	padding: 2px;
	}

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

.commentlist p {
	font-weight: normal;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}

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

#commentform {
	margin: 5px 10px 0px 0px;
	}
	
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
	
#respond:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}
	
#commentform p {
	margin: 5px 0px 5px 0px;
	}
	
#commentform #submit {
	margin: 0px;
	float: left;
	}
	
.alt {
	margin: 0px;
	padding: 10px;
	}

.commentlist {
	margin: 0px;
	padding: 0px;
	}
	
.commentlist ol {
	margin: 0px;
	padding: 10px;
	}

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

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

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

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

.commentmetadata {
	font-size: 10px;
	margin: 0px;
	display: block;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.thread-alt {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
.thread-even {
	background: #EEEEEE;
	margin: 0px;
	padding: 0px;
	}
	
.depth-1 {
	border: 1px dotted #BBBBBB;
	margin: 0px;
	padding: 0px;
	}

.even, .alt {
	border-top: 1px dotted #BBBBBB;
	border-bottom: 1px dotted #BBBBBB;
	border-left: 1px dotted #BBBBBB;
	margin: 0px;
	padding: 0px;
	}