/*
Theme Name: Red, Brown and Blue (updated)
Theme URI: http://ryanplesko.com
Description: Custom site theme for Red, Brown and Blue built by Ryan Plesko
Author: Ryan Plesko
Author URI: http://ryanplesko.com
version: 1.2
*/

* {
	padding: 0;
	margin: 0;
}

html, body {
	width: 100%;
	height: 100%;
	background: #eeeeee url(images/body-bg.jpg) repeat-x top;
	font-family: "Trebuchet MS";
	font-size: 9pt;
}

div.container { width: 950px; margin: 0 auto; position: relative; }
h2 {font-size: 25pt; line-height: 22pt;letter-spacing: -1px;}

.center {
	text-align: center;
}

hr {
	visibility: hidden;
	height: 0;
	clear: both;
}

img {
	border: none;
}

img.alignleft {
	float: left;
	padding: 0 15px 15px 0;
}

img.alignright {
	float: right;
	padding: 0 0 15px 15px;
}

div.languages {
	position: absolute;
}

/* ------------------------------------------------------------------------------------ Search */

div.search { border-top: 5px solid #c7001c; position: absolute; z-index: 100; width: 100%; }
	div.searchbox { width: 221px; height: 29px; background: url(images/search-bg.png) no-repeat left top; position: absolute; top: 0; right: 5px; }
		div.searchbox form { position: relative; left: 7px; top: 1px; }
			div.searchbox form input#s { padding: 3px 5px; border: 1px solid #666666; width: 140px; margin-right: 7px; }
			div.searchbox form input.searchsubmit { background: none; border: none; color: #ffffff; text-transform: uppercase; cursor: pointer; font-size: 11px; }
	

/* ------------------------------------------------------------------------------------ Header */

#header {
	height: 117px;
	text-align: center;
}
	#header.girl { background: url(images/girl.jpg) no-repeat bottom center; }
	#header.littleboy { background: url(images/littleboy.jpg) no-repeat bottom center; }
	#header.people { background: url(images/people.jpg) no-repeat bottom center; }
	#header.soldier { background: url(images/soldier.jpg) no-repeat bottom center; }
	#header.rudy { background: url(images/rudy.jpg) no-repeat bottom center; }
	#header.logo { background: url(images/logo-bg.jpg) no-repeat bottom center; }
	#header.politics { background: url(images/channel-headers/politics.gif) no-repeat bottom center; }
	#header.arts { background: url(images/channel-headers/arts-entertainment.gif) no-repeat bottom center; }
	#header.culture { background: url(images/channel-headers/culture-society.gif) no-repeat bottom center; }
	#header.economy { background: url(images/channel-headers/RBB_business-economy.gif) no-repeat bottom center; }
	#header.sports { background: url(images/channel-headers/RBB_sports.gif) no-repeat bottom center; }

#header h1.hidden {
	font-size: 0;
	text-indent: -9999px;
	visibility: hidden;
}

/* ------------------------------------------------------------------------------------ navigation */

#navigation { height: 34px;	white-space: nowrap; }

#navigation ul, #navigation li { list-style-type: none; display: inline; }

#navigation ul { position: relative; top: 8px; }

#navigation li { background: url(images/nav-bg.jpg) no-repeat top right; padding: 9px 15px; }

#navigation li a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10pt;
}

#navigation li a:hover {
	text-decoration: underline;
}

#navigation li.search {
	background: none;
	padding-top: 10px;
}

#navigation li.search form {
	display: inline;
}

#navigation input.searchbox {
	border: 1px solid #666666;
	width: 117px;
	font-size: 9pt;
	padding: 5px;
	background: #ffffff url(images/search-bg.jpg) repeat-x top;
}

#navigation input.searchsubmit {
	background: none;
	border: none;
	font-size: 9pt;
	text-transform: uppercase;
	margin-left: 10px;
	color: #ffffff;
}

#subnav { height: 34px;}
	#subnav ul { list-style-type: none; }
	#subnav ul li { display: block; float: left; padding: 9px 10px; font-size: 10pt; background: url(images/subnav-divider.gif) no-repeat top right; }
	#subnav ul li a { color: #FFFFFF; text-transform: uppercase; text-decoration: none; }
	#subnav ul li a:hover { text-decoration: underline; }


/* ------------------------------------------------------------------------------------ content */

#content {
	width: 653px;
	float: left;
	padding-top: 50px;
}

#content #middle {
	background: #ffffff;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
}


/* ------------------------------------------------------------------------------------ post */

.post {
	padding: 25px;
}

.post h2, .post h3 {
	padding-bottom: 15px;
	font-family: Palatino;
}

.post h2 a, .post h3 a {
	padding-bottom: 15px;
	text-decoration: none;
	font-family: Palatino;
	color: #000000;
}

.post h2 a:hover, .post h3 a:hover {
	color: #666666;
}

.post blockquote {
	padding: 15px 40px 0 50px;
	background: url(images/quotes.jpg) no-repeat top left;
}

.post p {
	padding-bottom: 15px;
	line-height: 15pt;
	color: #666666;
}

.post ul, .post ol {
	padding-left: 25px;
	padding-bottom: 15px;
}

.post li {
	color: #666666;
	padding: 4px 0;
}

.post .metadata {
	border-top: 1px solid #999999;
	height: 35px;
	clear: both;
	position: relative;
}

.post .metadata p.author {
	position: absolute;
	left: 0;
	font-size: 10px;
	text-transform: uppercase;
	width: 400px;
}

.post .metadata p.date {
	position: absolute;
	right: 0;
	font-size: 10px;
	text-transform: uppercase;
	width: 400px;
	text-align: right;
}

.post form#searchform {
	padding-bottom: 25px;
}

.post input.searchbox {
	border: 1px solid #666666;
	width: 185px;
	font-size: 9pt;
	padding: 5px;
	background: #ffffff url(images/search-bg.jpg) repeat-x top;
}

.post input.searchsubmit {
	background: none;
	border: none;
	font-size: 9pt;
	text-transform: uppercase;
	margin-left: 10px;
	color: #000000;
}

.post label {
	display: block;
}

div.bio {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 0px;
	margin-bottom: 15px;
}

div.bio.last {
	border-bottom: none;
}

div.bio img {
	float: left;
	padding: 0 15px 0px 0;
}

div.bio a.more, div.bio a.less {
	color: #0022cc;
	text-decoration: underline;
	cursor: pointer;
}

/* ------------------------------------------------------------------------------------ sharing */

div.share {
	padding: 15px;
	background: #f0f0f0;
	border: 1px solid #dddddd;
}

div.share div.sociable { float: left; }
div.metadata div.sociable { float: right; padding-top: 2px; }

span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

div.sociable span {
	display: block;
}

div.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}

div.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}

div.sociable ul li:before { content: ""; }

div.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

div.sociable img, div.share img {
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
}

div.sociable img:hover, div.share img:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

div.share img.WP-EmailIcon {
	padding: 0 4px;
}

div.share p.newsletter {
	float: right;
	line-height: 12px;
}

/* ------------------------------------------------------------------------------------ sidebar */

#sidebar { width: 270px; float: left; padding: 50px 0 0 15px; }
	#sidebar div.boxed { background: #ffffff; border: 1px solid #cccccc; margin-bottom: 10px; padding: 15px; }

#sidebar h3, #sidebar h2 {
	text-transform: uppercase;
	font-size: 15pt;
	border-bottom: 1px solid #666666;
	color: #666666;
	font-weight: normal;
	margin-bottom: 10px;
}

#sidebar h4.cnn { border-bottom: 1px solid #666666; color: #666666; margin-bottom: 10px; }
#sidebar h4.houstonpress { border-bottom: 1px solid #666666; color: #666666; margin-bottom: 10px; }
#sidebar h4.houstonpress img, #sidebar h4.cnn img { padding: 0 0 5px; }

#sidebar img { padding: 10px 0 10px 10px; border: none;}

#sidebar p {padding-left: 10px; padding-bottom: 10px; line-height: 17px; color: #666666;}

#sidebar h3.hidden { visibility: hidden; margin-bottom: -20px; }

#sidebar ul, #sidebar li { list-style-type: none; }
#sidebar ul { padding-left: 10px; }
#sidebar li { padding-bottom: 10px; }

#sidebar a {
	color: #666666;
	text-decoration: none;
}
#sidebar li.viewall a { color: #095fb4; background: url(images/blue-arrow.gif) no-repeat right 8px; padding: 5px 12px 0 0; font-weight: bold; }

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar img.books {
	padding: 0;
	margin-right: -10px;
	float: left;
}

#sidebar .rbbRadio{
	margin-top:5px;
	line-height: 20px;
	padding:5px;
	cursor: pointer;
}

#sidebar .rbbRadio:hover{
	background:#EFE0E2;
	border:#DF99A4 solid 2px;
	padding:3px;
}

#sidebar div.textwidget {  }

/* ------------------------------------------------------------------------------------ navigation for switching pages */

.navigation .alignright {
	float: right;
}

.navigation a {
	font-size: 8pt;
	color: #aaaaaa;
	text-decoration: none;
}

.navigation a:hover {
	color: #666666;
}

.navigation .alignleft {
	float: left;
}

.navigation {
	height: 30px;
	padding: 0 25px;
}

#blog_content .navigation {
	margin-top: 20px;
}

/* ------------------------------------------------------------------------------------ Blogroll */

div.blogroll {
	
}

div.blogroll h2 {
	
}

div.blogroll ul {
	
}

div.blogroll li {
	
}

div.blogroll li a {
	
}

div.blogroll li a:hover {
	
}

/* ------------------------------------------------------------------------------------ footer */

#footer {
	height: 40px;
	width: 635px;
}

#footer ul, #footer li {
	list-style-type: none;
	display: inline;
	float: left;
	height: 40px;
}

#footer li a {
	color: #666666;
	text-decoration: none;
	padding: 0 15px;
}

#footer li a:hover {
	text-decoration: underline;
}

#footer #siteby {
	color: #666666;
	float: right;
}

#footer a {
	color: #666666;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}


/* ------------------------------------------------------------------------------------ footer boxes */

#box_pad {
	padding-top:2000px;
	padding-bottom:10px;
	clear:both;
}
.content_box {
	height:auto;
	width: 653px;
	float: left;
	padding-bottom:10px;
	clear:both;
}
.content_box .middle h1 {
	font-size:16px;
	padding-bottom:6px;
}
.content_box .top {
	height: 8px;
	background: url(images/top.png) no-repeat bottom center;
}

.content_box .middle {
	background: url(images/middle.png) repeat-y center;
	padding:14px 21px;
	font-size:10px;
	line-height: 150%;
}

.content_box .bottom {
	height: 8px;
	background: url(images/bottom.png) no-repeat top center;
}