@import "default.css";

/*  
Theme Name: Richard Warner
Theme URI: http://whatsup.com/
Description: The WordPress theme based for Richard Warner's Blog.
Version: 1.0
Author: Mike Bray & Manny Blum
Author URI: http://whatsup.com/

	RW v1.1

	This theme was designed by Mike Bray and built by Manuel Blum.

	The CSS, XHTML and design is copyright of Richard Warner.

*/

body {
	background: url('/images/bg.jpg') top center repeat;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size:80%;
	font-weight:normal;
	color:#333;
}

strong { font-weight:bold; }

#wrapper {
	width:955px;
	margin:0px auto;
	border-left:15px solid #000;
	border-right:15px solid #000;
	background:#fff url('/images/inner_bg.jpg') top left repeat-x	;
	padding-bottom:100px;
}

#header {
	width:898px;
	margin-left:28px;
	padding-top:20px;
}

#header #logo {
	width:898px;
	margin-bottom:15px;
}

#header #logo h1 {
	width:898px;
	height:94px;
	display:block;
}

#header #logo h1 a {
	width:898px;
	height:94px;
	display:block;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png', sizingMethod='image');
	background-position: top left;
	background-repeat:no-repeat;
	cursor:pointer;
}

html>body #header #logo h1 a {
	background: url('/images/logo.png') top left no-repeat;
}

#header #logo h1 a span {
	display:none;
}

#header #bio {
	line-height:22px;
	color:#000;
	margin-bottom:25px;
}

#header #bio a {
	color:#FF0000;
	text-decoration:none;
}

#header #bio a:hover {
	text-decoration: underline;
}

#header #bio a.meta-alt {
	color:#000;
	text-decoration:none;
}

#header #bio a.meta-alt:hover {
	text-decoration:underline;
}

#content {
	width:927px;
	margin-left:28px;
	margin-bottom:80px;
}

#blog-posts {
	width:546px;
	float:left;
	background: url('/images/blog-posts-bg.jpg') top right repeat-y;
}

.post {
	width:485px;
}

.post p.comments,
.post p.comments a {
	font-size:18px;
	color:#dadada;
	text-decoration:none;
}

.post h2,
.post h2 a {
	color:#414141;
	font-size:22px;
	line-height:26px;
	font-weight:normal;
	text-decoration:none;
	margin-bottom:10px;
}

.post p.date {
	font-size:18px;
	color:#333;
	letter-spacing:2px;
	margin-bottom:20px;
}

.entry p img {
	border:3px solid #000;
	text-align:center;
	margin:0px auto;
	margin-bottom:10px;
	display:block;
}

.entry p.credit {
	font-size:11px;
	font-weight:normal;
	color:#b0b0b0;
}

.entry p {
	color:#333;
	line-height:1.4em;
	margin-bottom:15px;
}

.entry p a {
	color:#ff0000;
	text-decoration:none;
}

.entry p a:hover {
	text-decoration: underline;
}

.meta {
	margin-top:25px;
	margin-bottom:55px;
}

.meta .add-comment,
.meta .show-comments,
.meta .share-this,
.meta .add-comment-front,
.meta .show-comments-front {
	float:left;
	width:151px;
	margin-right:1px;
}

.meta .add-comment p,
.meta .show-comments p {
	background:url('/images/comment-box-off.jpg') top left no-repeat;
	width:101px;
	height:27px;
	padding-left:50px;
	padding-top:15px;
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

.meta .add-comment-front a,
.meta .show-comments-front a {
	background:url('/images/comment-box-off.jpg') top left no-repeat;
	width:101px;
	height:27px;
	padding-left:50px;
	padding-top:15px;
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

.meta .add-comment-front a:hover,
.meta .show-comments-front a:hover {
	background:url('/images/comment-box-on-plus.jpg') top left no-repeat;
	cursor:pointer;
}

.meta .add-comment p.hover,
.meta .add-comment p.current,
.meta .show-comments p.hover,
.meta .show-comments p.current {
	background:url('/images/comment-box-on.jpg') top left no-repeat;
	cursor:pointer;
}

.meta .share-this a {
	background:url('/images/comment-box-normal.jpg') top left no-repeat;
	width:101px;
	height:27px;
	padding-left:50px;
	padding-top:15px;
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

.meta .share-this a:hover {
	background:url('/images/comment-box-normal-hover.jpg') top left no-repeat;
}

.comment-holder {
	width:525px;
	border-top:1px solid #ccc;
	display:block;
}

.add-comment-form {
	width:525px;
	border-top:1px solid #ccc;
	display:none;
}

.add-comment-form .header {
	font-size:12px;
	color:#ff0000;
	font-weight:bold;
	padding:10px 0;
	border-bottom:1px solid #ccc;
}

.logged-in-as {
	padding:10px 0;
	border-bottom:1px solid #ccc;
	width:525px;
}

.logged-in-as a {
	color:#ff0000;
	text-decoration:none;
}

.input-holder {
	padding:10px 0;
	border-bottom:1px solid #ccc;
	width:525px;
}

.input-holder label {
	width:80px;
	float:left;
	font-weight:bold;
	font-size:12px;
	color:#000;
}

.input-holder input {
	width:200px;
}

.input-holder span {
	color:#999;
	font-weight:normal;
	font-size:12px;
	margin-left:10px;
}

.input-holder textarea {
	width:400px;
	height:150px;
}

.button {
	width:525px;
	border-bottom:1px solid #ccc;
	background:#f8f8f8;
}

.button input {
	width:505px;
	color:#ff0000;
	font-size:24px;
	font-weight:bold;
	text-align:right;
	background:#f8f8f8;
	border:0;
	padding:15px 0;
	padding-right:20px;
}

.single-comment {
	width:525px;
	border-bottom:1px solid #ccc;
	padding:10px 0;
}

.single-comment .comment-info {
	float:left;
	width:170px;
}

.comment-info p.date {
	margin:0;
}

.comment-info p.date a {
	font-size:11px;
	font-weight:normal;
	color:#333;
	margin:0;
	letter-spacing: 0px;
	text-decoration:none;
}

.comment-info p.edit a:hover {
	text-decoration:underline;
}

.comment-info p.edit a {
	font-size:11px;
	font-weight:normal;
	color:#333;
	margin:0;
	letter-spacing: 0px;
	text-decoration:none;
}

.comment-info p.date a:hover {
	text-decoration:underline;
}

.comment-info p.author {
	font-size:12px;
	font-weight:bold;
	color:#000;
}

.author-id-1 .comment-info p.author {
	color:#ff0000;
}

.comment-info p.author a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.single-comment .comment-text {
	float:left;
	width:315px;
}

.comment-text p {
	font-size:11px;
	font-weight:normal;
	color:#666;
}

.comment-text p.waiting {
	color:#000;
	font-weight:bold;
}

.author-id-1 .comment-text p {
	color:#ff0000;
}

#pagination {
	width:525px;
	font-size:24px;
	font-weight:normal;
	color:#333;
	margin-top:85px;
	margin-bottom:45px;
}

#pagination .alignleft,
#pagination .alignright {
	float:left;
	margin-right:20px;
}

#pagination a {
	color:#333;
	text-decoration:none;
}

#pagination a:hover {
	color:#ff0000;
}

#pagination a.current {
	color:#ff0000;
}

#pagination a.next-page {
	margin-left:20px;
}



#sidebar {
	width:334px;
	float:left;
	margin-left:19px;
}

#sidebar .aside {
	border-bottom:2px solid #efefef;
	margin-bottom:40px;
}

#sidebar .aside .image-holder {
	border:3px solid #d9d9d9;
	margin-bottom:13px;
}

#sidebar .aside .image-holder img {
	max-width:327px;
	width:expression(document.body.clientWidth > 327? "327px": "auto" );
}

#sidebar h2 {
	background:#414141;
	font-size:14px;
	font-weight:normal;
	display:block;
	padding:2px;
	padding-left:10px;
	color:#fff;
	margin-bottom:10px;
}

#sidebar p.date {
	font-weight:normal;
	color:#333;
	font-size:14px;
	margin-bottom:10px;
}

#sidebar p.intro {
	font-weight:bold;
	font-size:11px;
	color:#333333;
	margin-bottom:10px;
}

#sidebar p.intro a {
	color:#333;
	text-decoration:none;
}

#sidebar p.intro a:hover {
	color:#333;
	text-decoration:underline;
}

#sidebar .entry {
	padding-bottom:30px;
}

#sidebar .entry .aside-image {
	border:3px solid #000;
	width:328px;
	margin-bottom:15px;
}

#sidebar .entry p {
	font-weight:normal;
	font-size:11px;
	color:#333;
	line-height:20px;
	margin-bottom:20px;
}

#sidebar .entry a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:40px;
}

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

#footer {
	margin-left:28px;
	font-size:11px;
	color:#b0b0b0;
}

#footer a {
	font-size:11px;
	color:#FF0000;
}

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

#footer ul {
	width:500px;
	margin-top:10px;
	color:#333;
}

#footer ul li {
	display:inline;
}

#footer ul li a {
	color:#333;
	text-decoration:none;
}

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

/* SEARCH FORM */

#searchform {
	padding:10px 0;
}
#searchform input#s {
	border:1px solid #b0b0b0;
	padding:5px;
}

#searchform input#searchsubmit {
	border:1px solid #b0b0b0;
	padding:5px;
}

.search-results {
	margin-bottom:20px;
	border-bottom:1px solid #b0b0b0;
	padding-bottom:20px;
}

.search-results h3,
.search-results h3 a {
	font-size:18px;
	color:#333;
	letter-spacing:2px;
	text-decoration:none;
}

.search-results small {
	color:#999;
	margin-bottom:10px;
	display:block;
}

.search-results h3 a:hover {
	text-decoration: underline;	
}

.search-results p.postmetadata a {
	color:#ff0000;
	text-decoration:none;
}

.search-results p.postmetadata a:hover {
	color:#ff0000;
	text-decoration:underline;
}

.comment-holder .no-comment h3 {
	font-size:18px;
	color:#ff0000;
	letter-spacing:2px;
	text-decoration:none;
	margin-bottom:10px;
	padding:0;
}

.no-comment p {
	color:#333;
}

.comment-holder h3 {
	font-size:18px;
	color:#333;
	padding:10px 0 0 0;
	letter-spacing:2px;
	text-decoration:none;
}

#recaptcha_area {
	margin:0px auto;
}