@import url("css/reset.css");
@import url("css/screen.css");

/*
Theme Name: Trey Gowdy
Theme URI: http://underthepowerlines.com/
Description: Custom theme developed by Under The Power Lines for Trey Gowdy.
Version: 1.0
Author: Sean Gaffney
Author URI: http://seangaffney.cc/
Tags: black, red, blue, custom everything, fixed width, two columns

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* 
ADDITIONAL TYPOGRAPHY ---------------------------- */

.nav, h2, #content span, #content #flickr h2,
#sidebar #twitter_div ul#twitter_update_list li > a,
#content .entry .meta, #prefooter ul li h4, #respond h3,
h3#comments {
	font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.nav, h2, #content .entry .meta,
#content #flickr h2, #prefooter ul li h4, #respond h3,
#respond #commentform input.submit, h3#comments {
	text-transform: uppercase;
	letter-spacing: 2px;
}

h2, #content #flickr h2, #prefooter ul li h4, #respond h3,
h3#comments {
	font-size: 161.6%;
	letter-spacing: 4px;
	font-weight: normal;
}

/* 
LINKS ---------------------------- */

#content .entry .text a, #content .entry .meta a, ol.commentlist li p a {
	padding-bottom: 2px;
	border-bottom: 1px dotted #1d8ec2;
}

#prefooter ul.nav a:hover {
	padding-left: 5px;
}

/* 
HEADER ---------------------------- */

#header {
	position: relative;
}

#header h1 {
	display: none;
}
.nav ul {
font-size:93%;
left:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
top:25px;
}
.nav ul li {
float:left;
padding:0 10px 0 0;
display: inline;
}
.nav ul li a {
color:#000000;
padding:8px 15px 10px;
}
.nav ul li a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#B91422 none repeat scroll 0 0;
color:#FFFFFF;
}


.dropmenudiv_b{
position:absolute;
top: 0;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px;
line-height:21px;
z-index:100;
background-color:#B91422;
width: 200px;
visibility: hidden;
}


.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 10px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: #FFFFFF;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #B91422;
}



#header object, #header embed {
	position: absolute;
/*	border: 1px solid #fff;*/
	bottom: 15px;
	left: 15px;
}

#header p.feature {
	position: absolute;
	top: 165px;
	left: 625px;
	width: 320px;
	font-size: 100%;
}

body.backpage #header p.feature {
	top: 85px;
	left: 20px;
	width: 590px;
}

/* 
FEATURED ---------------------------- */

#featured ul {
	margin: 28px 0 0 0;
	list-style: none;
}

#featured ul li {
	float: left;
	position: relative;
	height: 132px;
}

#featured ul li div.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 306px;
	height: 150px;
	background: #000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}

#featured ul li h2, #featured ul li p {
	position: relative;
}

#featured ul li p {
	margin: 8px 0 0 0;
}

#featured ul li.feature1 {
	margin: 0 21px 0 0;
	padding: 18px 20px 0 100px;
	width: 186px;
}

#featured ul li.feature1 form {
	text-align: right;
}

#featured ul li.feature1 input.email, #featured ul li.feature1 input.zip {
	margin: 10px 0 0 0;
	padding: 5px;
	background: #555;
	border: 1px solid #c0c0c0;
	color: #fff;
	position: relative;
}

#featured ul li.feature1 input.email {
	width: 175px;
}

#featured ul li.feature1 input.zip {
	width: 75px;
	left: 5px;
}

#featured ul li.feature1 input.submit {
	padding: 4px;
	background: #1d8ec2;
	border: 1px solid #c0c0c0;
	color: #fff;
	position: relative;
}

#featured ul li.feature1 input.submit:active {
	background: #115675;
}

#featured ul li.feature1 img {
	position: absolute;
	top: -5px;
	left: -42px;
}

#featured ul li.feature2 {
	margin: 0 21px 0 0;
	padding: 18px 20px 0 110px;
	width: 176px;
	text-align: right;
}

#featured ul li.feature2 h2 {
	margin: 0 -5px 0 0;
}

#featured ul li.feature2 p {
	width: 145px;
	float: right;
}

#featured ul li.feature2 img {
	position: absolute;
	top: 5px;
	left: -24px;
}

#featured ul li.feature3 {
	padding: 18px 0 0 20px;
	width: 286px;
}

#featured ul li.feature3 h2 {
	width: 160px;
}

#featured ul li.feature3 p {
	width: 170px;
}

#featured ul li.feature3 img {
	position: absolute;
	top: -10px;
	right: -24px;
}

#featured ul li a:hover {
	color: #fff;
}

#featured ul li a:hover h2 {
	border-bottom: 1px dotted #1d8ec2;
}

#featured ul li a:hover p {
	margin-top: 7px;
}

/*#featured ul li.feature2 :hover img {
	left: -22px;
}

#featured ul li.feature3 :hover img {
	right: -22px;
}*/

/* 
MAIN CONTENT ---------------------------- */

#content {
	float: left;
	margin: 28px 0 0 0;
	width: 633px;
}

body.backpage #content {
	position: relative;
	padding: 20px;
	width: 593px;
}

#content .bg {
	position: absolute;
	background: #000;
	top: 0;
	left: 0;
	width: 633px;
	height: 100%;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
}

#content .post-list, #content .navigation {
	position: relative;
}

#content .entry {
	clear: both;
	margin: 0 0 24px 0;
}

#content .entry .title {
	height: 38px;
}

#content .entry .text {
	margin: 18px 0 0 0;
}

#content .entry .text ul {
	padding: 0 0 0 1em;
}

#content .entry .text li {
	padding: 0 0 1em 0;
	list-style: disc outside;
}

#content .entry .text img {
	border: 5px solid #141414;
}

#content .entry .meta {
	clear: both;
	margin: 5px 0 0 0;
	padding: 0 0 10px 0;
	font-size: 123.1%;
	text-align: right;
}

#content h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 200%;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 1px;
	height: 58px;
	line-height:1em;
}

#content img.month {
	float: left;
}

#content span.month {
	display: none;
}

#content span.day {
	float: left;
	display: block;
	margin: 0 15px 0 1px;
	background: #b91422;
	width: 50px;
	height: 38px;
	font-size: 223.8%;
	font-weight: normal;
	text-align: center;
}

#content .entry .text p {
	padding-bottom: 1em;
	line-height: 153.9%;
}

#recent-posts {
margin:0;
line-height: 153.9%;
}

#flickr {
margin:24px 0 0 0;
}

#recent-posts a {
font-size:138.5%;
font-weight:bold;
font-family:Georgia,"Times New Roman",serif;
}

#content #flickr h2 {
	padding: 0 0 0 90px;
	background: url('images/flickr.png') no-repeat scroll top left;
	line-height: 23px;
}

#content #flickr .flickr_badge_image {
	float: left;
	margin: 0 12px 0 0;
	width: 201px;
	height: 160px;
	overflow: hidden;
	border: 1px solid #fff;
}

#content #flickr #flickr_badge_image3 {
	margin: 0;
}

/* 
MAIN SIDEBAR ---------------------------- */

#sidebar {
	float: left;
	position: relative;
	margin: 28px 0 0 21px;
	padding: 20px;
	width: 266px;
}

#sidebar div, #sidebar form, #sidebar p {
	position: relative;
}

#sidebar div.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 306px;
	height: 100%;
	background: #000;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
}

#sidebar h2 {
	text-indent: 10px;
}

#sidebar input.search {
	float: left;
	padding: 5px;
	background: #555;
	border: 1px solid #c0c0c0;
	border-right: none;
	color: #fff;
	position: relative;
	width: 155px;
}

#sidebar input.submit {
	float: right;
	padding: 4px;
	background: #1d8ec2;
	border: 1px solid #c0c0c0;
	color: #fff;
	position: relative;
	width: 100px;
/*	left: -4px;*/
	letter-spacing: 4px;
}

#sidebar input.submit:active {
	background: #115675;
}

#sidebar #twitter_div {
	background: url('images/bg_twitter.png') no-repeat scroll bottom right;
	margin: 35px 0 28px 0;
	padding: 0 0 31px 0;
}

#sidebar #twitter_div ul#twitter_update_list {
	padding: 20px;
	background: #b91422;
}

#sidebar #twitter_div ul#twitter_update_list li > a {
	position: absolute;
	bottom: -20px;
	left: 10px;
	font-size: 93%;
	font-style: italic;
}

#sidebar #twitter_div h2 {
	position: absolute;
	bottom: -8px;
	left: 0;
}

#sidebar ul#comments {
	margin: 0 0 0 25px;
}

#sidebar ul#comments li {
	margin: 15px 0 0 0;
	list-style-image: url('images/asterisk.png');
}

#sidebar ul#social {
	margin: 18px 0 0 10px;
	list-style: none;
}

#sidebar ul#social li {
	float: left;
	margin: 0 0 10px 0;
	height: 38px;
	position: relative;
background:#555555 none repeat scroll 0 0;
border-color:#C0C0C0 -moz-use-text-color #C0C0C0 #C0C0C0;
border-style:solid;
border-width:1px;
color:#FFFFFF;
float:left;
padding:0px;
position:relative;
width:225px;
}

#sidebar ul#social li a {
	display: block;
	text-indent: 50px;
	outline: none;
line-height:3em;
font-weight:bold;
}

#sidebar ul#social li a:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}

#sidebar ul#social li.twitter a {
	background: url('images/social/twitter.gif') no-repeat scroll top left;
	width: 200px;
	height: 38px;
}

#sidebar ul#social li.rss a {
	background: url('images/social/rss.gif') no-repeat scroll top left;
	width: 200px;
	height: 38px;
}

#sidebar ul#social li.youtube a {
	background: url('images/social/youtube.gif') no-repeat scroll top left;
	width: 200px;
	height: 38px;
}

#sidebar ul#social li.facebook a {
	background: url('images/social/facebook.gif') no-repeat scroll top left;
	width: 200px;
	height: 38px;
}


/* 
PRE-FOOTER ---------------------------- */

#prefooter ul {
	float: left;
	width: 200px;
}

#prefooter ul.nav, #prefooter ul.links {
	margin-right: 16px;
}

#prefooter ul li {
	padding: 0 0 3px 0;
}

#prefooter ul.links > li:first-child, #prefooter ul.contact >  li:first-child {
	padding: 0 0 10px 0;
}

#prefooter #meta {
	float: right;
	position: relative;
	margin: 0 0 0 21px;
	padding: 20px;
	width: 266px;
}

#prefooter #meta p {
	position: relative;
	font-size: 77%;
}

#prefooter #meta p.copy {
	color: #8f8f8f;
}

#prefooter #meta p.about {
	color: #bbb;
}

#prefooter #meta img {
	float: right;
	display: block;
	position: relative;
}

#prefooter #meta div.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 306px;
	height: 100%;
	background: #000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}

/* 
COMMENTS ---------------------------- */

h3#comments {
	margin: 0 0 5px 20px;
}

ol.commentlist li {
	clear: both;
	padding: 20px;
}

ol.commentlist li.even {
	background: #141414;
}

ol.commentlist li .comment-author {
	float: left;
	margin-right: 15px;
	width: 164px;
	color: #bbb;
}

ol.commentlist li .comment-author img {
	float: left;
	margin-right: 15px;
}

ol.commentlist li .comment-author span.says {
	display: block;
	font-style: italic;
	text-transform: lowercase;
	color: #8f8f8f;
}

ol.commentlist li .comment-meta {
	float: left;
	display: block;
	padding: 0 0 8px 0;
}

ol.commentlist li .comment-meta a {
	color: #404040;
}

ol.commentlist li p {
	float: left;
	width: 414px;
}

ol.commentlist li .reply {
	clear: both;
}

#respond {
	margin: 20px 0 0 0;
	padding: 15px 20px 45px 20px;
	background: #141414;
	width: 445px;
}

#respond #commentform {
	width: 445px;
}

#respond #commentform input, #respond #commentform textarea {
	margin: 10px 0 0 0;
	padding: 5px;
	background: #555;
	border: 1px solid #c0c0c0;
	color: #fff;
	position: relative;
}

#respond #commentform small {
	margin: 0 0 0 5px;
	color: #8f8f8f;
}

#respond #commentform textarea {
	width: 433px;
}

#respond #commentform input.submit {
	float: right;
	margin: 0;
	padding: 4px;
	background: #1d8ec2;
	border: 1px solid #c0c0c0;
	color: #fff;
	position: relative;
	top: -1px;
}

#respond #commentform input.submit:active {
	background: #115675;
}

/* 
FORMS ---------------------------- */

form#contact div {
	padding: 15px 15px 20px 20px;
	background: #141414;
	width: 260px;
}

form#contact td, form#volunteer td {
	padding: 10px 0 0 0;
}

form#contact label, form#volunteer label {
	padding: 5px;
}

form#contact input, form#volunteer input {
	padding: 5px;
	background: #555;
	border: 1px solid #c0c0c0;
	color: #fff;
	position: relative;
}

form#contact input.submit, form#volunteer input.submit {
	float: right;
	margin: 0;
	padding: 4px;
	background: #1d8ec2;
	border: 1px solid #c0c0c0;
	color: #fff;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 2px;
}

form#contact tr td, form#volunteer tr td {
	padding-right: 5px;
/*	width: 150px;*/
}

form#volunteer div {
	padding: 15px 0 20px 20px;
	background: #141414;
	width: 520px;
}

form#volunteer table {
	float: left;
	margin: 0 20px 0 0;
}

form#volunteer td {
	padding: 10px 0 0 0;
}


.alignright {
	float: right;
	margin: 0 0 10px 15px;
}

.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}