/*  

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

	background:#faf8eb;

	padding-bottom:38px;

	}



body, select, textarea, input {	

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

	}



p {	

	margin: 15px 0;

	line-height:145%;

	}

		

a, a:visited {	

	color: #86612a;

	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:#faf8eb url() no-repeat center top;

	padding-bottom:33px;

	}



#interior #flag {

	background:#faf8eb url() no-repeat center top;

	}

				

.wrapper {

	margin: 0 auto;

	font-size: 0.7em;

	width: 786px;

background-color: #faf8eb;;

	}

	   

#masthead {

	margin-top: 35px;

    background: url(images/100percentleadershipbanner.jpg);

	height: 98px;

	padding:0px;

	}



#branding {

	padding-left:0px;

	height:58px;
    text-indent: -5000px;

	}



#description {

	color:#cfb26b;

	letter-spacing:0.06em;

	font-size:1em;

	text-transform:uppercase;

	padding-left:2px;

	}

		

.left {	

	float:left;

	}



.right {	

	float:right

	}

	

#sidebar {

	width:280px;

	float:right;
    background-color: #faf8eb;


	}




	
metadata {
 
border-top: 1px dotted;
border-bottom: 1px dotted;

}
		

/* ---------- @ Sidebar-----------*/



#promo {

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

height: 329px;
text-align: center;



}

.risingstar { padding:120px 30px 0 15px; background:url(images/ad_risingstar.gif) no-repeat; width:206px; height:113px; color:#fff; font-size:12px; font-weight:bold; text-align:center; }
.risingstar p { margin-bottom:0;}


.widget {

padding-top: 15px;

padding-bottom: 15px;



}


.socialwidget {

padding-top: 25px;

padding-bottom: 10px;

text-align: center;

}

.socialwidget img {

padding: 4px;

}

}

.moduleheader {

border-bottom: 1px solid #856029;
color: #856029;
font-family: Helvetica, Arial, sans-serif;
font-size: small;
font-weight: bold;
letter-spacing: 0.3em;
line-height: normal;
margin: 5px 0px;
padding: 3px;
text-align: left;

}





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



		   

h1 {

	color:#cfb26b;	

        font:3em 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:#242021;

	font-weight:bold;

	line-height:110%;
	}
#sidebar h3 { border-bottom: 1px solid #856029;
color: #856029;
font-family: Helvetica, Arial, sans-serif;
font-size: small;
font-weight: bold;
letter-spacing: 0.3em;
line-height: normal;
margin: 5px 0px;
padding: 3px;
text-align: left;}

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

	}



h1 a:hover, h1 a:active {

	text-decoration:underline

	}	





h2 a, h2 a:visited {

	color:#000;

	}



.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:#9f9f9f;

	}

	

#interior #content {

	padding-top:7px;

	}



.col.left {

	width:75%;

	}



.col.right {

	width:35%;

	}



		



/*Post Styles*/ 



.entry {

	padding-bottom:20px;

	}

	

.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:#000000;

	border-bottom:1px solid #dac077;

	border-top:1px solid #dac077;

	padding:3px 0;

	}



.entry pre, .entry code {

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

	overflow:auto;

	padding:14px;

	background:#d3b469;

	display:block;

	width:100%;

	}



.entry pre	{

	padding:20px 20px 40px 20px;

	}

table {

	width:100%;

	border-collapse:collapse;


	}



td, th {
    
font-size: 1.2em;


	padding: 1px;

	

	}









.calendar {
color: #000000;
}


.calendar p {
color: #000000;
}
	

	

/*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();

	}



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

	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: #d3b469 ! important;

	}

	

#searchsubmit {

	background:#d3b469;

	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;
background:#faf8eb;
	}



.block {

	width:235px;

	float:left;

	margin:0 13px;

	}



#meta ul {

	margin-top:15px; 

	}

			

#meta li {

	list-style:none;

	border-top:1px solid #86612a;

	padding:6px 0;

	}



#meta a, #meta a:visited {

	color:#86612a;

	}



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

	color:#FFF;

	}

			

#footer {

	padding: 12px;

	color:#000000;

	background:#dac077;

	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;

	}