/* 
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:100%; /*Firefox scrollbar fix*/
 }
 
body { 
 color:#333;
 padding-bottom:38px;
 background: url(http://www.ea4c.org/wp-content/themes/probama/images/ea4c-background.jpg) no-repeat scroll 50% 0;
 background-color:#1c4680;
 }
body, select, textarea, input { 
 font-family:Arial,Helvetica,sans-serif;
 }
p { 
font-size:1.2em;
line-height:1.5;
margin-bottom:1em;
margin-top:1em;
text-align:justify;
 }
  
a, a:visited { 
 color: #10588D;
 text-decoration:none
 }
a:hover, a:active { 
 text-decoration:underline
 }
#container { background: #f3f3f3 url(images/content-background.jpg) repeat-y; }
#container a, #container a:visited { color: ##9CBFF3; }
#container a:hover { color: ##9CBFF3; }
*: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: 1028px;
 }
#w {
 background: #fff;
}
#masthead {
 /*height: 94px;
 padding:0px 0 0 0px;*/
 }   

#branding {
 background:url() no-repeat;
 padding-left:168px;
 height:58px;
 background: #01245C;
 }
#description {
 color:#7ec2f8;
 letter-spacing:0.06em;
 font-size:0.9em;
 text-transform:uppercase;
 padding-left:2px;
 }
  
.left { 
 float:left;
 }
.right { 
 float:right
 }
 
#sidebar {
 padding-top: 10px;
 width:360px;
 float:right
 }
 
  
/* ---------- @ Headings -----------*/
    
h1, h2, h3 {
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.8em;
font-weight:normal;
 padding:5px 0;
 text-align: left;
 }
h4 { 
 font-size: 1.2em
 }
#commentarea h4, h4.pagetitle {
 color:#333;
 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 {
 text-decoration: none;
 }
.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 {
 font-family: Verdana, Geneva, sans-serif;
 font-size: 0.9em;
 color:#999;
 background: #f8f8f8;
 border:1px solid #ebebeb;
 padding:3px;
 }
.postmetadata a, .postmetadata a:visited { color: #999; text-decoration: underline; }

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

 
/*Comments*/
#commentarea {
 /*background:url(images/divider2.gif) top center no-repeat;*/
 background: #ececec;
 padding: 10px;
 }
.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);*/
 background: #8aa9d8;
 }
#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:6px 0 5px 5px;
 }
#s {
 background:#e2e2e2;
 border:none;
 color:#333;
 padding:5px 5px 5px 10px;
 margin-top:-4px;
 width:140px;
 border: 1px #c4c4c4 solid;
 }
  
.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:#c4c4c4;
 border:none;
 margin: 1px 0 0 3px;
 font-size:0.9em;
 color:#c4c4c4;
 padding:3px;
 }
 
 
/* ---------- @ 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;
 display: none;
 }
.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;
 }uu