/*  
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: #FEC855;

	text-decoration:none 

	}



a:hover, a:active {	

	color:#FEC855;

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

	height: 104px;

	padding:81px 0 0 18px;

	}



#branding {

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

	padding-left:145px;

	height:58px;

	}



#description {

	color:#7ec2f8;

	letter-spacing:0.06em;

	font-size:1.5em;

	text-transform:uppercase;

	padding-left:5px;

	}

		

.left {	

	float:left;

	}



.right {	

	float:right

	}

	

#sidebar {

	width:368px;

	float:right

	}



	

		

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



		   

h1 {

	font:5.0em 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%;

	color:#FEC855;

	}



h3 {	

	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;

	}

	

		

#branding h1 {

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

 	//position: absolute;

 	color: red;

	}	





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





	

h1 a, h1 a:visited {

	color:red;

	}



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 {

	background:#1b4680 url(images/bg_content.png);

	padding:13px 19px 20px 19px;

	}



.col.left {

	width:65%;

	}



.col.right {

	width:35%;

	}



		



/*Post Styles*/ 



.entry {

	padding-bottom:20px;

	}

	

.entry ul, .entry ol {

	padding:5px 65px 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:i````;

	margin:5px 13px 6px 0;

	border:4px solid #CCC;

	}



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

	}



/* ---------- @ Buttons ---------*/

a.button, a.button:visited {

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

	display:block;

	padding:5px 10px 5px 34px;

	width:90px;

	text-transform:uppercase;

	color:#e9d393;

	margin:20px 15px 0 15px;

	}		



a.button:hover, a.button:active {

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

	text-decoration:none

	}	



	

/* ---------- @ 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;

	}



/* ----- SN TEMPLATE ------------------- */

.social

{

	width:350px;

	height:64px;

	display:block;

	margin-left:5px;

	margin-top:15px;

	}

.social a

{

	display:block;

	width:64px;

	height:64px;

	float:left;

	margin-right:20px;

	}

.twitter

{

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

	

	}

.flickr

{

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

	

	}

.facebook

{

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

	

	}

.youtube

{

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

	

	}

/* -----DONATE FORM PAGE TEMPLATE ------ */



.screenReader { left: -9999px; position: absolute; top: -9999px; }

.thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; }



/*****Forms*****/

ol.forms { float: left; list-style: none; margin: 0; width: 100%; }

ol.forms li { 

	clear: both; 

	float: left; 

	margin-bottom: 18px; 

	position: relative;

	width: 100%;

}

ol.forms label {

	cursor: pointer;

	display: block;

	float: left;

	font-weight: bold;

	padding-right: 20px;

	width: 100px;

}

ol.forms input, ol.forms textarea {

	border: 1px solid #7E8AA2;

	border-radius: 3px;

	font: inherit;

	-moz-border-radius: 3px;

	padding: 2px;

	-webkit-border-radius: 3px;

	width: 214px;

}

ol.forms textarea { height: 300px; width: 334px; }

ol.forms input:focus, ol.forms textarea:focus { background-color: #f2f3f6; border-color: #ff9800; }

.error { color: #f00; }

ol.forms li .error { font-size: 12px; margin-left: 20px; }

ol.forms li.textarea .error {

	display: block;

	position: absolute;

	right: 0;

	top: 0;

	width: 100px;

}

ol.forms li.screenReader { margin-bottom: 0; }

ol.forms li.buttons button {

	background: #ff9800;

	border: none;

	color: #000;

	cursor: pointer;

	font: 16px/16px "Avenir LT Std", Helvetica, Arial, sans-serif;

	overflow: hidden;

	padding: 6px 3px 3px 3px;

	text-transform: uppercase;

	width: auto;

}

ol.forms li.buttons button:hover { color: #222; }

ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }

ol.forms li.buttons, ol.forms li.inline { float: right; width: 460px; }

ol.forms li.inline input { width: auto; }

ol.forms li.inline label { display: inline; float: none; width: auto; }