/*
Theme Name: Culberson
Theme URI: http://lettexansruntexas.com/
Description: Design for John Culberson By Oscar Tijerina
Version: 1.0
Author: Oscar Tijerina
Author URI: http://www.cellrater.com/
Tags: culberson, politics, texas

	This theme built by Daniel Tijerina,
	whose blog you will find at http://blog.warthofdaniel.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* { margin:0; padding:0; }

body {
	font-size: 14px;
	font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif;
	background: #01245c url('images/culberson_bg.jpg') top center repeat-x;
	color: #333;
	text-align: center;
	}
	
	a { color:#2879af; }
	a:hover { color:#134b76; }
	a img { border:none; }

div#page { 
	margin: 30px auto;
	padding: 0;
	width: 958px;
	border:2px solid white;
	background:#FFF;
	text-align:left;
	}

h2 { font-size: 20px; font-weight: normal; }

blockquote { padding-left: 15px; color: #666; }

/* Begin Header */
#header {
	background-color: #2a5d8d;
	margin: 0 0 2px 0;
	padding: 0;
	height: 265px;
	position:relative;
	}
	
#header #headerimg { width: 649px; position:absolute; top:0; left:0; float:left; }
#header #headerimg img { margin-top:-21px; }

#header #topNav { clear:left; height:33px; padding-top:232px;  }
#header #topNav ul { list-style:none; background:#e8e8e8 url('images/culberson_topnav_bg.gif') bottom left repeat-x; height:33px; text-align:center; }
#header #topNav ul li { display:inline; height:33px; line-height:33px; font-size:15px;  padding:0px 15px 0px 15px; font-weight:bold; border-right:1px solid #ccc; text-transform:uppercase; }
#header #topNav ul li a { color:#134b76; text-decoration:none; }
#header #topNav ul li a:hover { color:#2879af; }

#header #newsletter { width:308px; height:232px; position:absolute; top:0; right:0; background: #86090d url('images/culberson_newsletter_bg.jpg'); text-align:center; }
#header #newsletter .signup { margin:10px 0; }
#header #newsletter form { height:64px; margin:28px 0 0 0; background:url('images/culberson_newsletter_form.gif') top center no-repeat; text-align:left; }
#header #newsletter form .inputs { padding:25px 0 0 18px; }
#header #newsletter form .inputs input.text { float:left; height:20px; width:195px; border:0; background:#FFFFFF; padding:6px 10px 0 10px; font-size:16px; color:#888;  }


#wrap { background:#FFF url('images/cumberson_column_bg.gif') top right repeat-y; }

.column { float: left; width: 600px; margin: 20px 0 20px 20px; }

/* LEFT COLUMN */
.excerpt { float: left; width: 200px; }
.excerpt ul li { font-size: 12px; color: #666; margin-bottom: 10px; width; 200px; overflow: hidden; }

.excerpt h2 { font-size: 14px; font-weight: bold; color: #f00; padding-bottom: 8px; border-bottom: 1px solid #f00; margin-bottom: 10px; }

.excerpt ul { list-style: none; }

.excerpt .latest-tweets li { font-size: 12px; color: #666; margin-bottom: 10px; width; 200px; overflow: hidden; }
.excerpt .latest-tweets li a { display: block; }





/* MIDDLE COLUMN */
#middle-column { float: right; width: 380px; }

h2.pagetitle { margin:10px 20px; text-align:center; }

.post { width: 380px; margin-bottom: 20px; padding:0 0 15px 0; border-bottom:1px solid #e5e5e5; }

.post .timestamp { font-size: 12px; color:#9f9f9f; padding-bottom: 3px; border-bottom: 1px dashed #9f9f9f; }
.post h2 { font-size:24px; font-weight: normal; margin: 10px 0 10px 0; color:#2879af; }
.post h2 a { text-decoration:none; }

.post p { margin: 10px 0; line-height:150%; font-size:14px; }

.post ul, .post ol { margin-bottom: 15px; }
.post ul li, .post ol li { font-size: 14px; margin-left: 25px; padding-left: 15px; }


/* Begin Sidebar */
#sidebar { float: right; width: 300px; font-size:14px; margin-top: 20px; }
#sidebar ul { list-style: none; }

#sidebar li { margin:10px 0; }
#sidebar li li { margin:0; }
#sidebar .center { text-align:center; }


li#recent-posts, li#social-networks { border:1px solid #cbd0d8; margin:0 10px 20px 0; background:#fff url('images/culberson_sidebar_list_bg.gif') bottom left repeat-x; }

li#recent-posts h2 { text-indent:-5000px; height:55px; background:url(images/culberson_latest.jpg) top center no-repeat; }
li#recent-posts li { border-bottom:1px solid #d8d8d8; margin:0 10px 5px 10px; padding:10px 0; }
li#recent-posts li a { color:#666; text-decoration:none;}

li#social-networks h2 { text-indent:-5000px; height:55px; background:url('images/culberson_social.jpg') top center no-repeat; }
li#social-networks ul { float: left; width: 140px; margin: 0 0 10px 0; padding: 10px 0 15px 0; text-align: left; }
li#social-networks ul li { padding:5px 0 5px 50px; background-repeat:no-repeat; background-position:15px center;  }
li#social-networks .bleft { border-left: 1px solid #d8d8d8;}

li#social-networks li.facebook { background-image:url('images/social/facebook.gif'); }
li#social-networks li.digg { background-image:url('images/social/digg.gif'); }
li#social-networks li.ustream { background-image:url('images/social/ustream.gif'); }
li#social-networks li.youtube { background-image:url('images/social/youtube.gif'); background-position:10px center;  }
li#social-networks li.flickr { background-image:url('images/social/flickr.gif'); background-position:10px center;  }
li#social-networks li.myspace { background-image:url('images/social/myspace.gif'); }
li#social-networks li.twitter { background-image:url('images/social/twitter.gif'); }
li#social-networks li.linkedin { background-image:url('images/social/linkedin.gif'); }


#footer { clear:both; margin:2px 0 0 0; padding:0 0 10px 0; background-color:#dbdbdb; text-align:center; font-size: 12px; }

.foot-wrap { background:#f0f0f0 url('images/culberson_footer_bg.gif') top left repeat-x; font-size:12px; }
.foot-wrap .section { float:left; width:319px; text-align:center; }
.foot-wrap .section h3 {  text-indent:-5000px; height:30px; margin:20px 0 0 18px; }
.foot-wrap .section .footer-img { background:url('images/culberson_box_2.gif') top left no-repeat; padding:9px 10px 10px 9px; margin:-7px auto 0px auto; }
.foot-wrap .section .content { /*border-right:1px solid #cbcbcb;*/ background:url('images/culberson_footer_div.gif') top right no-repeat; }
.foot-wrap .last .content { border-right:none;}

.foot-wrap .section .content p { text-align:left; margin:10px 15px; line-height:150%; color:#4c4c4c; }

.foot-wrap #footer-latest h3 { background:url('images/culberson_footer_latest.jpg') top left no-repeat;  }
.foot-wrap #footer-media h3 { background:url('images/culberson_footer_media.jpg') top left no-repeat;  }
.foot-wrap #footer-bio h3 { background:url('images/culberson_footer_biography.jpg') top left no-repeat;  }

.wpmeta { margin:10px 0 0 0; }


/*  Clearfix */	

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* INDIVIDUAL POST PAGES */

.navigation { margin-bottom: 15px; }

.sub .post { width: 600px; }
.sub .postmetadata { font-size: 10px; line-height: 1.3em; color:#666; }

#comments { margin:30px 20px 0 20px; }

h3#comments, h3#respond  { font-size:14px; }

.commentlist { margin-left: 15px; padding-left: 25px; }

.commentlist li, #commentform input, #commentform textarea {
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	margin: 10px 5px 10px 0;
	}

#commentform, #respond  { margin:0 20px; }


#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 5px 0;
	}

.commentmetadata {
	font-weight: normal;
		margin: 0;
	display: block;
	}

.commentlist .alt {
	margin: 0;
	padding: 10px 20px;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}


/* End Comments */

.clear { clear: both; }