/* 
	Theme Name: Vertigo Red 3-Column
	Theme URL: http://www.briangardner.com/themes/vertigo-red-wordpress-theme.htm
	Description: Vertigo Red is a modern, 3-column Widget-ready theme created for WordPress.
	Author: Brian Gardner
	Author URI: http://www.briangardner.com
	Version: 1.0
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v1.0 - 05.18.07
		First Release of Vertigo Red 3-Column
*/

body {
	background: #FFFFFF url(images/bg.gif) repeat-x;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0px auto 0px;
	padding: 0px;
	}

sup {
  font-size: 80%;
  vertical-align: top;
  padding: 0px 2px 0px 2px;
  background: #f0f0f0;
  }
  
#wrap {
	background: #FFFFFF;
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited{
	color: #800000;
	text-decoration: none;
	}
	
a:hover      {
	text-decoration: underline;
	}
	
/************************************************
*	Header  									*
************************************************/

#header {
	background: #FFFFFF url(images/header.gif);
	width: 960px;
	height: 160px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#header img a{
	margin: 0px;
	border: none;
	}
	
#headerleft {
	background: #FFFFFF url(images/logo.gif);
	height: 160px;
	width: 160px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#headerright {
	width: 800px;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	}
	
#headerright li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#headerright ul {
	margin: 0px;
	padding: 0px;
	}
		
#headerright a, #headerright a:visited {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	}
		
#headerright a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#content h1 {
	color: #000000;
	font-size: 22px;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	margin: 25px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 2px solid #000000;
	}
	
#content h1 a  {
	color: #000000;
	text-decoration: none;
	}

#content h1 a:hover {
	color: #800000;
	text-decoration: none;
	}
	
#content p img, #content p img.left {
	float: left;
	border: none;
	margin-right: 5px;
	margin-bottom: 3px;
	}

#content p img.leftborder {
	float: left;
	border: 1px solid #c0c0c0;
	padding: 4px;
	margin-right: 5px;
	margin-bottom: 3px;
  }

#content p img.right {
	float: right;
	border: none;
	margin-left: 5px;
	margin-bottom: 3px;
  }

#content p img.rightborder {
	float: right;
	border: 1px solid #c0c0c0;
	padding: 4px;
	margin-left: 5px;
	margin-bottom: 3px;
  }

#content h2 {
	color: #000000;
	font-size: 22px;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 20px 0px 5px 0px;
	margin: 0px;
	border-bottom: 1px solid #C0C0C0;
	}
	
#content h3 {
	color: #000000;
	font-size: 22px;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	margin: 25px 0px 0px 0px;
	padding: 20px 0px 10px 0px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#contentleft {
	float: left;
	width: 560px; /* originally was 470, added 65 from l_sidebar & 25 from r_sidebar */
	margin: -15px 0px 0px 0px; /* added -15 to align with moved-up sidebars*/
	padding: 0px 0px 20px 0px;
	}
	
#contentleft ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#contentleft ul{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
blockquote{
	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
	background: #E8E8E8;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}

blockquote blockquote { /* added this */
	margin: 0px 15px 5px 15px;
	padding: 0px 15px 0px 10px;
	border-left: 2px solid #800000;
	}
	
#content blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	}
	
/************************************************
*	Left Sidebar 					     	    * 
************************************************/

#l_sidebar {
	float: left;
	width: 160px; /* was 225 */
	margin: 10px 0px 0px 20px; /* changed 25 to 10 */
	padding: 0px 0px 20px 0px;
	border-top: 2px solid #000000;
	}
	
#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#l_sidebar ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#l_sidebar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #C0C0C0;
	}

#l_sidebar ul li a:hover {
	background: #EFEFEF;
	color: #800000;
	}
	
#l_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}

#l_sidebar #Comments a {
	display: inline;
	color: #800000;
	text-decoration: none;
	border: none;
	}

#l_sidebar #Comments ul li {
	display: block;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #C0C0C0;
	}

/************************************************
*	Right Sidebar 					     	    * 
************************************************/
	
#r_sidebar {
	float: right;
	width: 200px; /* was 225 */
	margin: 10px 0px 0px 0px; /* changed 25 to 10 */
	padding: 0px 0px 20px 0px;
	border-top: 2px solid #000000;
	}

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

#r_sidebar ul li {
	/* display: inline; */
	padding: 0px;
	margin: 0px;
	}
	
#r_sidebar ul li a {
	/* display: block;
	color: #000000; */
	color: #800000;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	/* border-bottom: 1px solid #C0C0C0; moved bottom to top */
	}
	
#r_sidebar ul li strong a {
	display: block;
	color: #000000;
	border-top: 1px solid #C0C0C0;
	}

#r_sidebar ul li strong a:hover {
	background: #EFEFEF;
	color: #800000;
	text-decoration: none;
	}	

/* #r_sidebar ul li#blogroll ul li strong a {
	display: block;
	} /* added */

#r_sidebar ul li a:hover {
	/* background: #EFEFEF;
	color: #800000; */
	text-decoration: underline;
	}

#r_sidebar ul li#blogroll a, #r_sidebar ul li#themes a {
	display: block;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #C0C0C0;
	}

#r_sidebar ul li#blogroll a:hover, #r_sidebar ul li#themes a:hover {
	background: #EFEFEF;
	color: #800000;
}
	
#r_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
/************************************************
*	Footer Background							*
************************************************/

#footerbg {
	background: #000000;
	}
	
/************************************************
*	Footer  									*
************************************************/

#footer {
	width: 960px;
	height: 400px;
	background: #000000;
	color: #FFFFFF;
	margin: 0px auto 0px;
	text-align: left;
	position: relative;
	line-height: 17px;
	}
	
#footerbottom {
	height: 5px;
	background: #800000;
	position: relative;
	}
	
#footer p {
	color: #FFFFFF;
	padding: 3px 0px 0px 0px;
	list-style-type: none;
	margin: 0px;	
	}
	
#footer h2 {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 2px solid #666666;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
	}

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

#footer a:hover {
	color: #800000;
	text-decoration: none;
	}
	
#footer ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#footer ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footer ul li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #666666;
	}

#footer ul li a:hover {
	background: #2A2A2A;
	color: #FFFFFF;
	}
	
#footerleft {
	background: #000000;
	float: left;
	width: 225px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	}
	
#footermiddle1 {
	background: #000000;
	float: left;
	width: 225px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	}
	
#footermiddle2 {
	background: #000000;
	float: left;
	width: 225px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	}
	
#footerright {
	background: #000000;
	float: right;
	width: 225px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	background: #FFFFFF;
	width: 200px;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 4px;
	margin: 7px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}
	
#sbutt {
	background: #878787;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 1px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #333333;
	}
	
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 520px; /* was 430 */
	background: #E8E8E8;
	color: #000000;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
#commentblock ol{
	/* list-style-type: square; ---- why an ordered list with no numbers?! */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 470px; /* was 380 */
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 380px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
#commentblock form p.cform { /*added to jazz up comment form */
	margin-top: -13px;
	margin-bottom: 0px;
	}

#commentblock form p textarea#comment { /*added to jazz up comment form */
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	border: 1px solid #000;
	padding: 3px;
	width: 500px;
	}

#commentblock form p input { /*added to jazz up comment form */
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	border: 1px solid #000;
	padding: 3px;
	width: 300px;
	}

#commentblock form p input#submit { /*added to jazz up comment form */
	width: 130px;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

/* Stuff I Added */
	
#l_adsense {
	width: 125px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	}

#header h1 a {
	font-weight: normal;
	font-size: 40px;
	color: #fff;
	position: relative;
	top: 25px;
	}

#header h4 {
	font-weight: normal;
	font-size: 20px;
	color: #fff;
	position: relative;
	left: 210px;
	top: 20px;
	}

abbr {
	cursor: help;
	}

/* date in calendar block */
.contentdate {
	background: #FFFFFF url(images/date.gif);
	float: left;
	width: 45px;
	height: 50px;
	margin: 4px 3px 0px 0px;
	padding: 0px;
	}
	
.contentdate .month { /* month */
	width: 45px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	padding: 1px 0px 0px 10px;
	margin: 0px;
	text-transform: uppercase;
	}
	
.contentdate .day { /* day */
	color: #999999;
	font-size: 21px;
	font-weight: bold;
	padding: 4px 4px 0px 0px;
	margin: 0px;
	text-align: center;
	}
	
.postdata { /* new style */
	display: block;
	border-bottom: 1px dashed #efefef;	
	font-size: 11px;
	margin: 7px 0px 6px 0px;
	}

img.icon { /* added for rss icons */
	border: 0;
	vertical-align: middle;
	padding: 0;
	margin: -1px 2px -1px 0px;
	}