/* CSS Document */

/*  
Theme Name: simple
Theme URI: http://www.whenbessattacks.com
Description: Simple theme for whenbessattacks.com
Version: 1.0
Author: whenbessattacks
Author URI: http://www.whenbessattacks.com
*/

/*
gets rid of most margins and padding
margin: when all the values are the same you only need one number
*/
body, h1, h3, h4, h5, h6, blockquote, p, form{
margin: 0;
padding: 0;
}

body{
margin: 0;
font-family: Helvetica;
font-size: 16px;
text-align: center;
vertical-align: top;
background: #ffffff;
color: #000000;
}

h1{
font-family: Helvetica;
font-size: 24px;
padding: 0 0 10px 0;
}

A:link {text-decoration: none; color: #CC0000;}
A:visited {text-decoration: none; color: #CC0000;}
A:active {text-decoration: none; color: #CC0000;}
A:hover {text-decoration: none; color: #000000;}

/*
padding for paragraph blocks
*/
p{
padding: 5px 0 0 0;
}

/*
use a # sign to indicate style for a div id, and . sign to indicate style for div class
margin: top right bottom left; setting right and left to auto is centering
wrapper is for the whole body
*/
#wrapper{
margin: 0 auto 0 auto;
width: 850px;
text-align: left;
background-color: #cccccc;
padding: 0;
}

#header{
float: left;
width: 850px;
height: 57px;
background: #ffffff;
font-family: Helvetica;
font-weight: 600;
font-size: 62px;
color: #cc0000;
}

#header A:link {text-decoration: none; color: #cccccc;}
#header A:visited {text-decoration: none; color: #cccccc;}
#header A:active {text-decoration: none; color: #cccccc;}
#header A:hover {text-decoration: none; color: #cc0000;}

/*
container is all the post content
*/
#container{
float: left;
width: 655px;
padding: 0 0 0 0;
}

.post{
padding: 5px 10px 20px 20px;
background: #cccccc;
}

/*
just affects the post titles, not sidebar titles
*/
.post h2{
font-family: Helvetica;
text-transform: uppercase;
padding: 0 0 0 0;
line-height: 24px;
}

.post h2 A:link {text-decoration: none; color: #cc0000;}
.post h2 A:visited {text-decoration: none; color: #cc0000;}
.post h2 A:active {text-decoration: none; color: #cc0000;}
.post h2 A:hover {text-decoration: none; color: #ffffff;}

/*
sets the space in each line of the entry
*/
.entry{
line-height: 19px;
}

/*
adds borders around the space that says how many comments/etc each post has
*/
p.postmetadata{
border-top: 2px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-top-color: #999999;
margin: 5px 0 0 0;
font-size: 12px;
}

/*
deals with the next page/previous page links
*/
.navigation{
padding: 5px 20px 20px 20px;
font-size: 12px;
font-weight: bold;
line-height: 14px;
color: #000000;
text-transform: uppercase;
background: #cccccc;
}

.navigation-top{
padding: 20px 20px 0 20px;
font-size: 12px;
font-weight: bold;
line-height: 14px;
color: #000000;
text-transform: uppercase;
background: #cccccc;
}

/*
controls the date and time posted text
*/
.date{
padding: 0 0 0 0;
font-size:12px;
line-height: 10px;
color:#000000;
}

/*
the menu
margin: top right bottom left... the width of the container + sidebar = 10px less than the whole wrapper width. puts some space between the sidebar and container
the inline display fixes some wierd internet explorer bug that doubles the margin for some reasin... internet explorer SUX
*/
.sidebar{
float: right;
width: 185px;
background: none;
margin: 0 0 0 5px;
display: inline;
padding: 20px 0 0 0;
color: #999999;
}

table#wp-calendar{
width: 120px;
font-family: Helvetica;
font-size: 12px;
color: #999999;
margin: 5px 0 0 5px;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 0 0 0;
font-size: 14px;
}

.sidebar ul li{
padding: 0 0 10px 0;
}

/*
deals with the titles in the sidebar
*/
.sidebar ul li h2{
color: #999999;
font-family: Helvetica;
text-transform: uppercase;
font-size: 20px;
padding: 10px 0 0 0;
}

/*
stacks all the sidebar options so there's not lots of space between them
*/
.sidebar ul ul li{
padding: 0;
line-height: 16px;
}

/*
comments
*/
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/*
clear both means that this div won't attach itself to anything above it, like sidebar and container
*/
#footer{
padding: 10px 0 0 0;
clear: both;
float: left;
width: 850px;
background: #ffffff;
}

/*
footer text
*/
#footer p{
font-family: Helvetica;
font-size: 14px;
color: #999999;
}