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

	
#clear{
	clear: both;
}

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}
	
body {	
	color:#424242;
	padding-bottom:38px;
	}

body, select, textarea, input,* {	
	font-family:"Helvetica Neue" , Arial, Helvetica, sans-serif;
	}

p {	
	margin: 15px 0;
	line-height:1.6em;
	font-size:12px;
	margin-bottom: 8px;
	padding:5px;
	display:block;
	clear:both;
	}
		
a, a:visited {	
	color: #26429d;
	text-decoration:underline; 
	}

a:hover, a:active {	
	color:#26429d;
	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;
	}	
ul{
	list-style-type: square;
	margin:20px;
	}
li{
	
	margin-top: 15px;
	margin-bottom: 15px;
}
		
hr{
	margin-top: 0px;
	margin-bottom: 0px;
	display:block;
	clear:both;
}

/** Wordpress Defaults **/
    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }

/* ---------- @ Page Structure -----------*/
#topper{
	height:25px;
	background-color: #010a2a;
}


#flag {
	background:url(images/bgnd-flag.png) repeat-x;
	padding-bottom:33px;
	background-color: #ffffff;
	padding-top: 12px;
	}

#interior #flag {
	/** background:#1b4680 url(images/bg_flag2.jpg) no-repeat center top;**/
	}
.wrapper_wrapper {
	margin: 0 auto;
	width: 960px;
	background: url(images/bg-white-wrapper.png) no-repeat;
	}
				
.wrapper {
	margin: 0 auto;
	font-size: 11px;
	width: 890px;
	}
	   
#masthead {
	/** background: url(images/bg_masthead.jpg);**/
	height: px;
	padding:0px;
	background:none;
	padding-top: 15px;
	}

#branding {
	background:url(images/logo.png) no-repeat;
	/**padding-left:68px;**/
	height:88px;
	width:438px;
	margin:0px auto;
	}
#branding a{
	position:relative;
	height:88px;
	width:438px;
	display: block;
}
#branding a span{
	visibility:hidden;
	display:none;
}

#count_left{
float:left;
width:108px;
margin-right: 108px;
}

#count_right{
float:left;
width:108px;
}

#description {
	color:#7ec2f8;
	letter-spacing:0.06em;
	font-size:0.9em;
	text-transform:uppercase;
	padding-left:2px;
	}
		
.left {	
	float:left;
	}

.right {	
	float:right
	}
#content{
	float:left;
	width:550px;
}
#content a, #content a:active{
	color:#0076c8;
}
	


	
		
/* ---------- @ 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.7em Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-weight:bold;
	line-height:110%;
	
	}
h4{
	font-size: 20px; /** 33406a **/
	color: #000000;
	font-family:"Helvetica Neue" , Arial, Helvetica, sans-serif;
	margin-top: 0px;
	width:auto;
	padding:5px;
	/**border-right:1px solid #4d546b; **/
	border-bottom: 1px dotted #525252;
	/** background-image: url(images/bgnd-h4.png);  **/
	font-weight: bold;
}		

#commentarea h4, h4.pagetitle {
	color:#e9d393;
	margin-bottom:13px
	}

#submenu h4 {
	margin: 6px 0 5px 0;
	}
	
		
	


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

	
h1 a, h1 a:visited {
	color:#000000;
	}

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%;
	}
#content ul{
	list-style: decimal;
}
#content li{
	margin-top: 12px;
	margin-bottom: 12px;
}


/* BREADCRUMB */

#breadcrumb{
	background-color: #ecf6ff;
	padding:5px;
}

/*Post Styles*/ 

.entry {
	padding-bottom:20px;
	}
	
.entry ul, .entry ol {

	}		

.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 {
	text-align:left;
	width:35%;
	}



#mid_row{
	margin:0px auto;
	/** border-top: 1px dotted #e3e3e3;
	border-bottom: 1px dotted #e3e3e3; **/
	background-color: #222d50;
	margin-bottom: 10px;
	margin-top: 10px;
	padding:10px;
	width:865px;
}
#mid_row_left{
	float:left;
	width:275px;
	border-right: 1px dotted #969696;
	padding:5px;
}
#mid_con{
	margin:0px auto;
	width:270px;
}
#mid_con .icon{
	float:left;
	width:57px;
	height:54px;
	margin-right: 5px;
}
#mid_con #content_set{
	float:left;
	width:200px;
}
#mid_con #content_set .title{
	font-size: 12px;
	font-weight: bold;
	color:#fff;
	margin-bottom: 5px;
}
#mid_con #content_set .paragraph{
	font-size: 11px;
	color:#fff;
}
#mid_row_center{
	float:left;
	width:275px;
	padding:5px;
	border-right: 1px dotted #969696;
}
#mid_row_right{
	float:left;
	width:275px;
	padding:5px;
}


/* Sidebar */
#sidebar {
	width:250px;
	float:right;
	}

#sidebar_container{
	background-color: #ecf6ff;
	padding:0px;
}


/* SUBNAV */

#subnav ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#subnav ul li{
	margin:0px;
	padding:0px;
	padding:5px;
	padding-left: 20px;
	border-bottom: 1px solid #e3e3e3;
}

/* High res */
#high-res-box{
	padding-top: 8px;
}
#high-res-icon{
	width:31px;
	padding:2px;
	float:left;
	text-align: center;
}
#high-res-text{
	float:left;
	color:#000000;
	font-size: 12px;
	width:145px;
}
/*Comments*/

#commentarea {
	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:3px;
	}

#flickr li {
	float:left;
	display:inline;
	margin:3px;
	border:1px solid #969696;
	}
#flickr img{
	}
#flickr li a {
	display:block;
	border:4px solid #ffffff;
	}
	
#flickr li a:hover {
	}

/* ---------- !@ Resource List ------------*/

#resource_list ul{
	list-style: none;
	margin:0px;
	padding:0px;
	list-style-position: inside;
}

#resource_list li{
	margin:0px;
	padding:5px;
	border-bottom: 1px solid #e3e3e3;
	padding-left: 20px;
	}
	

/** resource list **/
#resource_list #issues{
	list-style-image: url(images/li_issues.png);
}
#resource_list #district{
	list-style-image: url(images/li_district.png);
}
#resource_list #volunteer{
	list-style-image: url(images/li_volunteer.png);
}
#resource_list #recommendation{
	list-style-image: url(images/li_recommendation.png);
}
#resource_list #forward{
	list-style-image: url(images/li_forward.png);
}
#resource_list #endorse{
	list-style-image: url(images/li_endorse.png);
}
/** FLICKR **/
#flickr{
	float:left;
	vertical-align: top;
	padding:5px;
	margin-right: 4px;
height:auto !important;/*all browsers except ie6 will respect the !important flag*/
min-height:160px;
height:160px;/*Should have the same value as the min height above*/
}
#flickr img{
	border:none;
}


/**social_links**/
#social_links{
}
#social_links ul{
	list-style: none;
	margin:0px;
	padding:0px;
}
#social_links li{
	padding:5px;
	border-bottom: 1px solid #e3e3e3;
	margin:2px;
	padding-left: 20px;
	float:left;
}
#social_links .logo{
	float:left;
	width:15px;
	margin-right: 10px;
}
#social_links .social_span{
	float:left;
}
#column_heading{
	/** background:url(images/col_heading_bgnd.png) repeat-x; **/
	padding:4px;
	padding-bottom: 2px;
	color: #666666;
	font-size: 12px;
	margin-top:12px;
	border-bottom: 1px solid #e3e3e3;
	font-weight: bold;
}	
/* ---------- @ 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;
	color:#f0f4ff;
	width:700px;
	padding:12px;
	margin: 0px auto;
	text-align: center;
	}

.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;
	}
	
	
	
/** SUCKERFISH **/

#suckerfishnav {
    background:#ffffff;
    font-size:11px;
	font-family:"Helvetica Neue" , Arial, Helvetica, sans-serif;
    font-weight:normal;
    width:100%; 
    z-index: 1000; 
    
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    /**line-height:40px;**/
    padding:0;
    margin:0;
    width:664px;
    z-index: 1000; 
    width:100%;
    background:#ffffff;
    margin-top: 10px;
    
    }
#suckerfishnav a {
	position: relative;
	display: block; 
    color:#393939;
    text-decoration:none;
    padding:0px;
    z-index: 1000; 
    }
#suckerfishnav a span{
	display: none;
    }
#suckerfishnav li {
    float:left;
    padding:0px;
    margin:0px;
    z-index: 1000; 
    padding:5px;
    background:#ffffff;
    padding-right: 10px;
    padding-left: 10px;
    background: url(images/bngd-menu-li.png) no-repeat right;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:200px;
    font-weight:normal;
    margin:0;
    z-index: 1000; 
    }
#suckerfishnav li li {
    width:99px;
    font-weight:normal;
	font-family:"Helvetica Neue" , Arial, Helvetica, sans-serif;
    z-index: 1000; 
    margin-right: 0px;
    background-color: #ffffff;
    color:#4b5e9b;
    background: #ffffff;
    background-image: none;
    border-bottom: 1px dotted #e3e3e3;
    width:150px;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:12px;
    z-index: 1000; 
    text-decoration: underline;
    color:#4b5e9b;
    width:100%;
    }
#suckerfishnav li ul ul {
    margin:0px 0 0 100px;
    color:#4b5e9b;
    }
 #suckerfishnav li ul {
 	border-bottom:1px solid #e3e3e3;
 	border-left:1px solid  #e3e3e3;
 	border-right: 1px solid  #e3e3e3;
 	border-top: 1px solid  #e3e3e3;
    width:200px;
    }
#suckerfishnav li.current_page_item {
	background-color: #323f6a;
	color:#ffffff;
}
#suckerfishnav li.current_page_item a{
	background-color: #323f6a;
	color:#ffffff;
}
#suckerfishnav li li:hover {
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#000000;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#000000;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#4b5e9b;
    background: #ffffff;
    background-image: none;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#ffffff;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background: #ffffff url(images/bngd-menu-li.png) no-repeat right;
    }