/*  
Theme Name: Simple Red
Theme URI: http://hellowiki.com/
Description: A clean and simple red theme
Version: 1.01
Author: Fen
Author URI: http://hellowiki.com/
*/

/*************************************
 +Containers
 *************************************/
body{
	background:#404040 url(./images/background.gif) center repeat-y;
	color:#505050;
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	font-size:62.5%;
	line-height:1.7;
	text-align:center;
	margin:0;
	border-top:20px solid #404040;
}
#content{
	background:#FFFFFA url(./images/main.gif) repeat-x;
	border-bottom:none;
	float:left;
	padding:10px;
	width:520px;
	font-size:1em;
}
#footer{	
	color:#888;
	font-size:0.8em;
	margin:15px;
	padding:3px;
}
#header{
	margin:0;
	background:#FFFFFA url(./images/header.gif) center bottom no-repeat;
	height:240px;
	width:790px;
}
#sidebar{
	color:#ddd;
	font-size:1.1em;
	float:left;
	margin:0;
	padding:0 0 0 15px;
	width:235px;
}
#wrap{
	margin:0 auto;
	text-align:left;
	width:790px;
}
/* Begin Images */
img {
	border:0;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding:2px;
	margin: 0 0 0 7px;
	display: inline;
	}

img.alignleft {
	padding:2px;
	margin: 0 7px 0 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/*************************************
 +Hn
 *************************************/
#sidebar h2{
	color:#303030;
	background:url(./images/sidebar.jpg) right top no-repeat;
	margin:15px 15px 10px 0;
	font-size:1.4em;
	font-weight:normal;
}
#header h1{
	display:inline;
	font-size:2.4em;
	line-height:1;
	margin:0;
}
#header h1 a{
	color:#fff;
}
#header h1 a:hover{
	color:#fffab8;
}
h1, h2, h3{
font-family: Sylfaen, Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
}
h2{
font-size:1.5em;
padding-right:5px;
}
h3{
font-size:1.2em;
}
#header h1{
font-weight:normal;
}
.entrytitle h2, .entrytitle h3{
display:inline;
font-weight:normal;
}
.entrytitle h2{
color:#C04422;
}
.entrytitle h3{
font-weight:normal;
}
/*************************************
 +Lists
 *************************************/
#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar ul li a{
	color:#666;
}
#sidebar ul li a:hover{
	color:#333;
	background:#eee;
}
/*************************************
 +Misc
 *************************************/
a{
text-decoration:none;
color:#9e9e9e;
}
a:hover{
color:#ab9;
}
#footer a{
color:#ab8;
}
#header {
}
#header p{
	color:#eee;
	margin:0;
}
.navigation{
padding:3px;
text-align:center;
}
.adsense{
margin: 0 0 0 15px;
}
/*************************************
 +Entry
 *************************************/
.entry{
	font-size:1.2em;
	margin:5px;
	padding:10px;
}
.entrytitle{
}
.entrytitle a {color:#990000; text-decoration:none;}
.entrymeta{
	color:#666;
	font-size:0.9em;
	padding:3px 8px;
}
.entrymeta a{
	color:#666;
}
.entry-1{
	background:#FCFAF4 url(./images/sign.gif) right top no-repeat;
	border:1px solid #fff;
	color:#404040;
	font-size:1.2em;
	-moz-border-radius:3px;
}
.entry-1 .entrymeta{
	color:#888;
}
.entry-1 .entrymeta a{
	color:#777;
}
.entry-1 .entrytitle{
	border-bottom:none;
}
.entry-1 .entrytitle a{
	color:#990000;;
	font-size:1.2em;
}
.entry-1 .entrytitle a:hover{
	color:#770000;
}
/*************************************
 +Comments
 *************************************/
.commentlist{
	font-size:1.2em;
}
.commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
	}
.commentsblock{
	margin:5px;
	padding:10px;
}
.commentsblock textarea{
	width:420px;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
.even{
	background:#3F464A;
	border:1px solid #43494D;
}
.alt{
	background:#eee;
	border:1px solid #FCFAF4;
	padding:5px;
}

/*************************************
 +Floater
 *************************************/
#floater {
	width: 266px; height: 191px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(./images/floater.gif) top right no-repeat;
}

/*************************************
 +Search Form
 *************************************/
.search {
	vertical-align:top;
	margin: 30px 0 0 0;
	width:230px;
	height:20px;
}

.form {
	font-size:14px;
	color:#1B1B1B;
	border: 1px solid #909090;
	font-family:Tahoma, arial, verdana, courier;
	width:145px;
	height:16px;
	padding:0;
	margin:0 15px 0 0;
	vertical-align:top;
}