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

/* ---------- @ 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_masthead.png);
height: 104px;
padding:81px 0 0 18px;
}

#branding {
background:url(images/logo.png) no-repeat;
padding-left:68px;
height:58px;
}

#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:#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 {
padding-bottom:1px;
}
	
.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;
max-width:425px;
}

img.aligncenter {
float:none;
}

.postmetadata {
text-transform:uppercase;
font-size: 0.9em;
color:#6e93b2;
border-bottom:1px solid #376291;
border-top:1px solid #376291;
padding:3px 0;
}

.disclaimer {
text-transform:none;
font-size: 0.9em;
color:#6e93b2;
padding:3px 0;
margin-top: 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.png) 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;
}

/* ---------- @ Misc -----------*/

acronym {
text-transform:uppercase;
border-bottom:1px dashed #fff;
cursor:help
}

.ad {
text-align:center;
}

.download {
background:#E7F7D3 none repeat scroll 0 0;
border:1px solid #66CC33;
padding:6px 9px;
color:#000000;
font-family:Georgia,Times,"Times New Roman",serif;
}
.download a:hover, .download a {
color:#000000;
font-family:Georgia,Times,"Times New Roman",serif;
}
#author-box {
width: 568px;
padding: 10px;
background: #6e93b2;
border: 1px solid #eee;
}
#author-box .avatar {
float: left;
width: 80px;
height: 80px;
}

#footer a{color:#697D98;}

.modalbg {
background:url("http://www.letschangeamerica.com/wp-content/themes/probama/images/modal_bg.jpg") no-repeat scroll center top transparent;
height:400px;
}
.ad {
padding-top:185px;
text-align:center;
color:#c20101;
font-family:myriad pro;
}
.rss {
padding-top:25px;
text-align:center;
color:#000;
font-family:myriad pro;
font-size:16px;
font-weight:bold;
}
.rss a, .rss a:hover{color:#ff6c00;}