/*  
 * Theme Name: 		RedAndWhite
 * Theme URI: 		http://www.thex.com/rd/?ts_theme=RedAndWhite
 * Description: 	A simple two column theme, nothing complicated about it. It has a 
 * 					few ornamentations, but should be easily customizable and flexible.
 * Author: 			Richard Dows
 * Author URI: 		http://www.thex.com/rd/
 */

* {
    margin:					0;
	padding:				0;
}

body, html {
	text-align:				left;
	background-color:		#fff;
	font-family:			"Trebuchet MS";
}
#header, #middle, #footer {
    clear:					both;
}


/*----------------------------- wrapper ------*/
#wrap {
    width:					800px;
	margin:					0 auto;
}


/*------------------------------ header ------*/
#header { 
    height:					45px;
	width:					100%;
	background-image:       url(images/top.gif);
	background-repeat:		no-repeat;
	background-position:	top left;
	text-align:				left;
}
#header span#rss { 
	float:					right;
	clear:					right;
	width:					32px;
	height:					18px;
	margin:					13px 15px 0 0;
}
* html #header span#rss {
    min-height:             18px;
	min-width:              32px;
	line-height:			18px;
	cursor:					pointer;
}
#header #searchbox {
    float:					right;
	margin:					5px 15px 0 0;
}
#header #searchbox input#s {
    border:					0;
	background-image:       url(images/search.gif);
	background-repeat:		no-repeat;
	background-position:	top left;
	background-color:		transparent;
	height:					30px;
	width:					160px;
	padding:                5px 0 0 5px;
	font-size:				16px;
	font-style:				italic;
	font-family:			Georgia,Times,serif;
	color:					#222;
}



/*------------------------------ middle ------*/
#middle { 
    width:					800px;
	margin:					0 auto;
}


#content, #sidebar {
    float:					left;
	text-align:				left;
	margin-left:            10px;
}
#content {
    width:					560px;
	padding:				0 10px 0 0;
	border-right:			1px solid #eee;
}
* html #content {
    width:					559px;
}

#content p {
    text-align:				justify;
	margin:					5px 0 10px 0;
}
#content ul, #content ol, #content dl {
    padding:				10px 10px 5px 35px;
}

#commentsdiv h4 { 
    background-image:       url(images/sidebarunderline3.gif);
	background-position:	bottom left;
	background-repeat:		no-repeat;
	padding:				0 0 5px 2px;
}
.comments-top, .comments-middle, .comments-bottom {
    background-position:	top left;
}
.comments-top, .comments-bottom {
    height:					15px;
	background-repeat:		no-repeat;
}
.comments-top {
    background-image:       url(images/comments_top.gif);
}
.comments-middle {
    margin:					-12px 0 0 0;
    background-image:       url(images/comments_middle.gif);
	background-repeat:		repeat-y;
}
.comments-bottom {
    background-image:       url(images/comments_bottom.gif);
}
.comments-number {
    font-size:				italic;
	font-size:				24px;
	font-family:			Georgia;
	color:					#c00;
	float:					right;
	clear:					right;
	margin:					0 20px 5px 15px;
}
.comments-middle p {
    padding:				5px 15px;
	margin:					0;
}
.comments-middle blockquote {
    margin:					5px 30px;
	border:					1px dashed #111;
}

.postmetadata {
    width:					540px;
	margin:					0 auto;
	border-top:				1px solid #ddd;
	font-size:				67%;
}

.commentform {
    width:					400px;
	clear:					both;
	margin:					0 auto;
}
.comments-inputs {
	clear:					both;
	margin:					0 auto;
	text-align:				left;
}
.comments-inputs label {
    float:					left;
	text-align:				left;
	font-variant:			small-caps;
	width:					140px;
	margin:					0 0 0 50px;
	padding:                0 0 0 10px;
}
.comments-inputs input { 
    border:					1px solid #ccc; 
	height:					16px;
	padding:                2px;
	width:					150px;
	margin:					0 40px 5px 0;
}
#comment {
    width:					99%;
	border:					1px solid #ccc;
}


#sidebar { 
    width:					200px;
	text-align:				left;
}


#sidebar ul {
    list-style-type:		none
}
#sidebar ul li h2 { 
	background-image:       url(images/sidebarunderline2.gif);
	background-position:	bottom left;
	background-repeat:		no-repeat;
	padding:				0 0 5px 2px;
}
#sidebar ul ul {
    margin:					0 0 15px 10px;
}


/*------------------------------ post --------*/
.post { }
.post-top { 
    margin:					5px 0 15px 0;
    text-align:				center;
}
.post-day-date { }
.post-date { }
.post-content { }
.post-main { }
.post-details { 
    margin:					25px 0;
	text-align:				left;
}
.post-bottom { 
    margin:					15px 0 0 0;
    border-top:				1px solid #ccc;
	font-size:				67%;
}
.post span.link { 
    float:					right;
	clear:					right;
	background-color:		#330000
}



/*------------------------------ footer ------*/
#footer { 
    height:					46px;
    margin:					0;
	width:					100%;
	background-image:       url(images/bottom.gif);
	background-repeat:		no-repeat;
	background-position:	top left;
	text-align:				left;
}
#footer span.rss { 
	float:					right;
	clear:					right;
	width:					32px;
	height:					18px;
	margin:					13px 15px 0 0;
}
* html #footer span.rss {
    min-height:             18px;
	min-width:              32px;
	line-height:			18px;
	cursor:					pointer;
}
#footer p {
    margin:					0 55px 0 10px !important;
	padding:                10px 0 0 0;
    font-size:				67%;
    color:					#fff;
	font-family:			Georgia,serif;
}



/*--------------------------- miscellaneous---*/
.align-left {
    float:					left;
}
.align-right {
    float:					right;
}
.spacer {
    clear:					both;
}
blockquote {
    background-color:		#eee;
	border:					1px dashed #ccc;
	margin:					5px 15px 10px 15px;
	padding:				2px 4px;
}
cite {
    border-bottom:			1px solid #eee;
}

.small {
    font-size:				67%;
}
h1 {
    font-size:				20px;
	padding:				6px 0 0 15px;
	color:					#fff;
	line-height:			30px;
}
h2 {
    font-size: 				18px;
	font-variant:			small-caps;
}
h3 {
    font-size:				16px;
}
h4 {
    font-size:				18px;
	font-variant:			small-caps;
}


abbr, acronym {
    border:					0;
}

a {
    color:					#009;
}
a:visited {
    color:					#933;
}
a:hover {
    color:					#f00;
}


#header div a {
    text-decoration:		none;
}
#header div a:link {
    text-decoration:		none;
}


h1 a { 
    text-decoration:		none;
	color:					#fff;
}
h1 a:link {
    color:					#fff;
}
h1 a:visited { 
    color:					#fff;
}
h1 a:hover { 
    color:					#000;
}

.post-details a { 
    text-decoration:		none;
}

h4 a {
    text-decoration:		none;
}

#footer p a:link { 
    color:					#fff;
}
#footer p a:visited {
    color:					#fcc;
}
#footer p a:hover {
    color:					#000;
	background-color:		#fff;
}