/*   
Theme Name: Redbar
Theme URI: http://www.dot-totally.co.uk/themes/redbar/
Description: A theme of reds, whites and blacks, topped of with, of course, a red bar.
Author: Steve Eyre
Author URI: http://www.dot-totally.co.uk/
Version: 0.3.1
.
This theme is available under a Creative Commons Attribution-ShareAlike License. Basically, it means you're free to modify this, do what you like with it. Commercial uses are allowed, but if you want to redistribute this (possibly with your own changes) then you will need to choose this same license. See this website for more information on this license: http://creativecommons.org/licenses/by-sa/2.0/
.
*/
body {
margin: 0;
background-color: #ffffff;
}

#header {
width: 100%;
font-family: Trebuchet Ms, arial, helvetica, sans-serif;
background-color: red;
border-bottom: 15px solid #ffffff;
padding: 10px 0px 12px;
}

#header h1 {
font-family: Trebuchet Ms, arial, helvetica, sans-serif;
width: 800px;
margin: 0 auto;
}

#header h1 a, a:hover {color:#fff; text-decoration:none;} 


#header .subtitle {
font-family: Trebuchet Ms, arial, helvetica, sans-serif;
font-size: small;
color: #000000;
width: 800px;
margin: 0 auto;
}

.small {
font-family: arial, helvetica, sans-serif;
font-size: x-small;
color: #000000;
}

#content {
font-family: arial, helvetica, sans-serif;
margin: 10px auto 0px;
width: 800px;
}

#content a {color:red; text-decoration:none;}

#content a:hover {text-decoration:underline; color: green;}

.navigation-top {
    font-size: small;
    margin-top: 5px;
	padding-bottom: 10px;
	width: 560px;
	}
	
.navigation-bottom {
	margin-bottom: 50px;
	width: 560px;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left;
	}

#posts {
float: left;
color: #000000;
font-family: arial, helvetica, sans-serif;
width: 580px;
margin-top: 0px;
}

#posts a {color:red; text-decoration:none;}

#posts a:hover {text-decoration:underline; color: green;}

#posts h2 {
color: #000000;
font-size: 1.4em;
margin-top: 10px; 
}

#posts h3 {
font-family: Trebuchet Ms, arial, helvetica, sans-serif;
font-size: 1em;
margin: 15px 20px 20px;
}

#posts h3 a {
text-decoration: none;
}

#posts h3 a:hover {
color: green;
text-decoration: underline;
}

#posts h3 .commentslink {
font-weight: normal;
font-size: 0.8em;
color: #000000;
}

#posts p, li {
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
}

#posts p {
margin: 8px 10px;
}

#posts blockquote {
margin: 10px 35px;
padding: 5px;
margin-bottom: 20px;
border: 1px dotted #66ff99;
}

#posts p img {
padding: 0;
max-width: 570px;
}

a img {
    border: none;
}

#santacon {
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
margin-left: 20px;
padding: 5px;
margin-bottom: 15px;
background-color: #ffffff;
border-left: 1px solid #ffffff;
}


#sidemenu {
font-family: arial, helvetica, sans-serif;
color: #000000;
float: right;
width: 200px;
margin-top: 2px;
}

#sidemenu a {color:red; text-decoration:none;}

#sidemenu a:hover {text-decoration:underline; color: green;}

#sidemenu p, li {
font-size: 0.8em;
}

#sidemenu .header {
color: #000000;
font-weight: bold;
border-bottom: 2px solid green;
margin-top: 25px;
}

#sidemenu ul {
padding-left: 18px;
margin-left: 0px;
}

.commentlist li {
        margin: 15px 0 3px;
        padding: 5px 10px 0px;
        list-style: none;
        border: 2px solid green;
        font-size: 1em;
        }
li.alt {
		border: 2px solid white;
		font-size: 1em;
        }

.meta {
    font-size: small;
    text-align: left;
	color: #000000;
	width: 560px;
}

.storytitle {
    font-size: large;
    margin: 0px;
    margin-bottom: 2px;
    text-align: left;
}