/*  

Theme Name: Probama

Theme URI: http://www.category4.com/2008/03/11/probama-theme-for-wordpress-released/

Description: A theme for supporters of Sen. Barack Obama

Version: 1.0

Author: Category 4 & Darren Hoyt

Author URI: http://www.category4.com, http://www.darrenhoyt.com/blog

*/







/* 

TABLE OF CONTENTS



  HTML Elements

  Page Structure

  Headings

  Content Styles

  Forms

  Clear

  Footer







/* ---------- @ HTML Elements -----------*/



* { 

	margin: 0;

	padding: 0;

	} 



body,html {

	min-height:101%; /*Firefox scrollbar fix*/

	}

	

body {	

	color:#ffffff;



	background:#044B71;

	padding-bottom:38px;

	}



body, select, textarea, input {	

	font: 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial

	}



p {	

	margin: 15px 0;

	line-height:20px;



	}

		

a, a:visited {	

	color: #f7931e;

	text-decoration:none 

	}



a:hover, a:active {	

	color:#FFF;

	text-decoration:underline

	}



*:focus { 

	outline: none;

	}



ol {

	margin: 15px 15px 15px 35px;

	}

	

li a:hover, li a:active {

	text-decoration:none

	}



a img {

	border:none

	}	

		

	



/* ---------- @ Page Structure -----------*/



#flag {

background:#1762B8;

	padding-bottom:33px;

	}



#interior #flag {

	background:#ffffff;

	}

				

.wrapper {

	margin: 0 auto;

	font-size: 0.7em;

	width: 871px;

background:#1762B8;

	}

.wrapperfooter {

	margin: 0 auto;

	font-size: 0.7em;

	width: 871px;

background:#044B71;

	}

	   

#masthead {

	background: url(images/header.png);

	height: 104px;

	padding:81px 0 0 18px;

	}



#branding {

	

	padding-left:68px;

	height:58px;

font-family:Arial, Helvetica, sans-serif;

	}

#branding h1 {

font-family:Arial, Helvetica, sans-serif;

	}

#description {

	color:#7ec2f8;

	letter-spacing:0.06em;

	font-size:0.9em;

	text-transform:uppercase;

	padding-left:2px;

	}

		

.left {	

	float:left;

font-size:15px;

	}



.right {	

	float:right;

font-size:15px;

	}

	

#sidebar {

	width:368px;

	float:right;

clear:right;

 }



	

		

/* ---------- @ Headings -----------*/



		   

h1 {

	font:22px Arial, Helvetica, sans-serif;

	font-weight:bold;

	width:448px;

	padding-top:5px;

	}



h2 {	

	font:18px Arial, Helvetica, sans-serif;

	font-weight:bold;

padding:3px 0 3px 0px;



	}



h3 {	

	font: 14px Arial, Helvetica, sans-serif;

	color:#FFF;

	font-weight:bold;

	line-height:110%;



	}

			

h4 {	

	font-size: 12px

	}



#commentarea h4, h4.pagetitle {

	color:#e9d393;

	margin-bottom:13px;

width:250px;

	}



#submenu h4 {

	margin: 6px 0 5px 0;

	}

	

		

	





/* ---------- @ Content Styles -----------*/





	

h1 a, h1 a:visited {

	color:#FFF;

	}



h1 a:hover, h1 a:active {

	text-decoration:underline

	}	





h2 a, h2 a:visited {

	color:#fec855;

	}



.commentcount {

	background:url(images/bubble.gif) no-repeat 0 2px;

	padding-left:17px;

	font:11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial;

	margin-left:9px;

	}



.commentcount a, .commentcount a:visited {

	color:#9cbff3;

	}

	

#interior #content {

	padding-top:7px;

	}



.col.left {

	width:65%;

	}



.col.right {

	width:35%;

	}



		



/*Post Styles*/ 

.pagecontent {

	padding-bottom:20px;



width:486px;

min-height:200px;

	}



.entry {

	padding-bottom:20px;

clear:right;



	}

	

.entry ul, .entry ol {

	padding:0 15px 10px 10px;

	}		



.entry ul li {

	margin-left:35px;

	list-style:square;

	padding:2px 0;

	}



.entry blockquote {

	margin:15px 35px 25px 35px;

	border-left:5px solid #fec855;

	padding-left:15px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style:italic;

	color:#c1cddd;

	line-height:140%;

	}			



.entry img {

	float:left;

	margin:5px 13px 6px 0;

	border:4px solid #FFF;

	}



.postmetadata {

	text-transform:uppercase;

	font-size: 0.9em;

	color:#ffffff;

	border-bottom:1px solid #ffffff;

	border-top:1px solid #ffffff;

	padding:3px 0;

	}



.entry pre, .entry code {

	font: 1em "Courier New", Courier, monospace;

	overflow:auto;

	padding:14px;

	background:#103064;

	display:block;

	width:100%;

	}



.entry pre	{

	padding:20px 20px 40px 20px;

	}



table {

	width:100%;

	border-collapse:collapse;

	margin:15px 0;

	}



td, th {

	border-bottom:1px solid #416597;

	padding:4px 8px;

	background:#103064;

	}



th {

	font-weight:normal;

	text-align:left;

	width:35%;





	}







	

	

/*Comments*/







#commentarea {

















	width:400px;

	padding-top:35px;

	}





.commentlist {

	margin:25px 0 0 0;

	padding:0 0 30px 0;

width:400px;

	}





























































































.commentlist li {







	margin: 15px 0 3px 22px;

	padding: 8px 15px 10px 15px;

	background: url(images/bg_comment.gif);

	}



#commentarea small {

	font-size:1.1em;

	}



.commentlist cite {

	font-style:normal;

	font-weight:bold;

	font-size:1.2em;

	}	



.gravatar {

	float:left;

	border:1px solid #2d578a;

	}

	

.commentinfo {

	width:400px;

	float:right;

	padding-top:5px;

	}



.commentlist li.my_comment {

	background:#254f89;

	border-bottom:1px solid #36639b;

	border-top:1px solid #36639b;

	}



li.my_comment cite {

	font-size:1.5em;

	}	

	

	

/*Flickr*/



#flickr {

	list-style:none;

	padding-top:13px;

	}



#flickr li {

	float:left;

	display:inline;

	margin:0px 17px 16px 0px;

	border-right:1px solid #031F4A;

	border-bottom:1px solid #031F4A;

	}



#flickr li a {

	display:block;

	border:4px solid #376291;

	}

	

#flickr li a:hover {

	border:4px solid #60A9DE;

	}



	



	

/* ---------- @ Forms -----------*/



#searchform {

	float:right;

	width:210px;

	background:url(images/bg_search.gif) no-repeat;

	padding:0 0 5px 5px;

	margin-top:-3px;

	}



#s {

	background:#295ba0;

	border:none;

	color:#FFF;

	padding-left:10px;

	margin-top:-4px;

	width:140px;

	}

		

.field {

	background:#FFF;

	border:none;

	padding:4px;

	border:none;

width:400px;

	}



.field:focus {

	background:#e8ebf0;

	}

	

#submit {	

	background: #010a2a ! important;

	border:none;

	font-size:0.9em;

	color:#b5dbf3;

	padding:5px;

	text-transform:uppercase

	}



#submit:hover {	

	background: #12225b ! important;

	}

	

#searchsubmit {

	background:#295ba0;

	border:none;

	margin: 1px 0 0 3px;

	font-size:0.9em;

	color:#b5dbf3;

	padding:2px;

	}

	

	



/* ---------- @ Float Clearing -----------*/



.clearfloat:after {

	display:block;

	visibility:hidden;

	clear:both;

	height:0;

	content:".";

	}

	

.clearfloat {

	display:inline-block

	}



.clearfloat {

	display:block

	}





/* ---------- @ Footer -----------*/



#meta {

	padding-top: 25px;

	}



.block {

	width:187px;

	float:left;

	margin:0 13px;

	}



#meta ul {

	margin-top:15px; 

	}

			

#meta li {

	list-style:none;

	border-top:1px solid #ffffff;

	padding:6px 0;

	}



#meta a, #meta a:visited {

	color:#f7931e;

	}



#meta a:hover, #meta a:active {

	color:#FFF;

	}

			

#footer {

	padding: 12px;

	color:#ffffff;

	background:#044B71;

	margin-top:28px;

	text-align:center;

border-top: 2px solid #1762B8;

	}



a#cat4 {

	display:block;

	width:30px;

	height:24px;

	float:right;

	background-image:url(images/cat4.gif);

	text-indent:-9000px;

	margin: 8px 15px 0 0;

	}



.post{width:486px; float:left; padding-right:10px;}



.archivepost{width:100%; float:left; padding-right:10px;}

.clearfloat-pagination{}

HR { background-color: #ffffff; color:#ffffff; border: 1px solid #ffffff; }

.pagecontent li { margin-left:20px; list-style-image: url("images/arrows.png"); font-size:12px; padding-bottom:5px;

}

.wp-polls{font-size:13px;}



.wp-polls ul li {display:inline; padding-left:75px; }



.homepagepost{width:466px; margin-bottom:5px; padding:5px; border-bottom:2px solid #ffffff;}

.homepagepost img{float:left}

.internalh2{color:#ffffff; background:#044b71; padding:3px 0 3px 6px;}

.teamh3{color:#fec855; padding:5px 0;}

.issuescat li{list-style: none; font-size:20px; }

.issuep{font-size:13px; padding-left:25px;}