/*  



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 {	



	margin: 15px 0;



	line-height:145%;





	}



		



a, a:visited {	



	color: #9cbff3;



	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:#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_header2.jpg);



	height: 104px;



	padding:81px 0 0 18px;



	}







#branding {



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



	padding-left:68px;



	height:65px;



	}







#description {



	color:#7ec2f8;



	letter-spacing:0.06em;



	font-size:0.9em;



	text-transform:uppercase;



	padding-left:2px;

font-style:italic;



	}



		



.left {	



	float:left;



	}







.right {	



	float:right



	}



	



#sidebar {

	width:210px;

	float:right;

	padding:14px 19px 20px 19px;

	margin-bottom:18px;

	background-color: #103064;

	background-image: url(images/bg_donate.jpg);

	background-repeat: no-repeat;

	}







	



		



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







		   



h1 {



	font:2em 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%;
padding-bottom:10px;



	}







h3 {	



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



	color:#FFF;



	font-weight:bold;



	line-height:110%;
padding-bottom: 5px;



	}



			



h4 {	



	font-size: 1.2em;

padding-bottom: 15px;



	}







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



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



	}







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 {



	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_search2.gif) no-repeat;



	padding:0 0 5px 5px;



	margin:5px 0;



	}







#s {



	background:#000;



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



	border:none;



	margin: 1px 0 0 3px;



	font-size:0.9em;



	color:#295ba0;



	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;



	}



.block a img{

margin-top: 15px;

}



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



	}







/* ---------- @ Widgets -----------*/







.widget {



	margin: 0 0 20px 0;



}

.widget h3 {

	padding-bottom: 7px;

	}
.widget ul {
	margin-left: 10px;
	list-style-position: inside;
		}
.widget li {
	color:#fff;
	}