/*  

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:#FFF;

	background:#010a2a;

	padding-bottom:38px;

	}



body, select, textarea, input {	

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

	}



p {	

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

	margin: 15px 0;

	line-height:145%;

	text-align: justify; 10

	}

		

a, a:visited {	

	color: #FFC423;

	text-decoration:none 

	}



a:hover, a:active {	

	color:#FFC423;

	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:#1b4680 url(images/bg_flag.jpg) no-repeat center top;

	padding-bottom:33px;

	}



#interior #flag {

	background:#1b4680 url(images/bg_flag2.jpg) no-repeat center top;

	}

				

.wrapper {

	margin: 0 auto;

	font-size: 0.7em;

	width: 871px;

	}

	   

#masthead {

	background: url(images/bg_masthead-ver1.jpg);

	height: 104px;

	padding:81px 0 0 18px;

	}



#branding {

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

	padding-left:68px;

	height:66px;

	}



#description {

	color:#7ec2f8;

	letter-spacing:0.06em;

	font-size:0.9em;

	text-transform:uppercase;

	padding-left:2px;

	}

		

.left {	

	float:left;

	}



.right {	

	float:right

	}

	

#sidebar {

	width:368px;

	float:right

	}



	

		

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



		   

h1 {

	font:2.5em Georgia, "Times New Roman", Times, serif;

	font-weight:bold;

	width:548px;

	padding-top:5px;

	}



h2 {	

	font:2em Georgia, "Times New Roman", Times, serif;

	font-weight:bold;

	line-height:100%;

	}



h3 {	

	font: 1.5em Georgia, "Times New Roman", Times, serif;

	color:#FFC423;

	font-weight:bold;

	line-height:110%;

	}



h5 {	

	font: 1.5em Georgia, "Times New Roman", Times, serif;

	color:#FFF;

	font-weight:bold;

	line-height:110%;

	}			

h4 {	

	font-size: 1.2em

	}

	
#commentarea h4, h4.pagetitle {

	color:#e9d393;

	margin-bottom:13px

	}



#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*/ 

.entry {

	width:600px;

	padding-left: 10px;

	padding-bottom: 50px;

	}

	

.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 {

	align: center;

	border:0px solid #FFF;

	}



.entryHome {

	padding-bottom:20px;

	}

	

.entryHome ul, .entry ol {

	padding:0 15px 10px 10px;

	}		



.entryHome ul li {

	margin-left:35px;

	list-style:square;

	padding:2px 0;

	}



.entryHome 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%;

	}			



.entryHome img {

	float:left;

	margin:5px 13px 6px 0;

	border:4px solid #FFF;

	}



.postmetadata {

	text-transform:uppercase;

	font-size: 0.9em;

	color:#6e93b2;

	border-bottom:1px solid #376291;

	border-top:1px solid #376291;

	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;

	}



.entryHome pre	{

	padding:20px 20px 40px 20px;

	}



table { 

        border:1px solid #416597;

	border-collapse:collapse;

	margin:15px 0;

	}



td, th {

	padding:8px 10px 3px 10px;

	background:#103064;

	}



th {

	font-weight:normal;

	text-align:left;

	width:35%;

	}


.leftimg {
	float: left;
	margin-top: 16px;
	margin-left: 20px;
	width: 150px;
	height:161px;
	}




	

	

/*Comments*/



#commentarea {

	background:url(images/divider2.gif) top center no-repeat;

	padding-top:35px;

	}



.commentlist {

	margin:25px 0 0 0;

	padding:0 0 30px 0;

	}



.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:765px;

	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;

	}



.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 #213957;

	padding:6px 0;

	}



#meta a, #meta a:visited {

	color:#80a3dc;

	}



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

	color:#FFF;

	}

			

#footer {

	padding: 12px;

	color:#697d98;

	background:#151d3b;

	margin-top:28px;

	text-align:center

	}



a#cat4 {

	display:block;

	width:30px;

	height:24px;

	float:right;

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

	text-indent:-9000px;

	margin: 8px 15px 0 0;

	}