/*  
Theme Name: Tommy Steenberg
Theme URI: http://www.tommysteenberg.net
Description: This is the theme for Tommy Steenberg's website.
Version: 0.1
Author: Andrew & Samantha Eiche
Author URI: http://www.andreweiche.com/

*/
body, h1, h2, h3, h4, h5, h6, img, blockquote, p{

border: 0;
font-family: inherit;
font-size:100%;
font-style:inherit; 
font-weight:inherit;
margin:0;
outline: 0;
padding:0;
vertical-align: baseline;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

body{
margin: 0;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 14px;
background-color: #2e2f32;
background-image:url(images/tommy-background.jpg);
background-position:center;
background-position:top;
background-repeat:no-repeat;
text-align: center;
vertical-align: top;
color: #FFFFFF;
}

h1{
font-family: Verdana, Arial, Sans-serif;
font-size: 24px;
padding: 10px 0 10px 0;
}

h2{
font-fmaily: Verdana, Arial, Sans-serif;
font-size: 20;
padding: 10px 0 10px 0;
}

a:link, a:visited{
	text-decoration: underline;
	color: #ffffff;
}

a:hover{
	text-decoration: none;
	color: #eeeeee;
}

p{
padding: 10px 0 0 0;
}

blockquote{
padding: 0 0 0 20px;
font-style: italic;
}

#wrapper{
margin: 0 auto 0 auto;
width: 900px;
text-align: left;
}

#header{
height: 200px;
padding:11px 10px 10px 10px;
float: left;
}

#header h1{
padding: 60px 0 20px 0;
}

#header a{
text-decoration: none;
font-size: 32px;
font-family: Verdana, Arial, Sans, Sans-serif;
color:#ffffff;
}

#nav{
position:relative;
clear: both;
width: 900px;
height: 50px;
background:url(images/menu_bar.png)
}

#nav ul {
float: left;
list-style:none;
}

#nav li {
list-style-type: none;
float:left;
}

#nav li a {
display:block;
margin:0;
text-decoration:none;
padding:0 16px 10px 16px;
color:#f5f5f5;
font:bold 20px Verdana, Arial, sans-serif;
}

#nav li a:hover {
color:#555555;
}

#container{
float: left;
width: 650px;
min-height: 300px;
padding: 10px 0 10px 0;
margin: 0 0 10px 0;
background: #000000;
}

#top-images{
margin-top: 20px;
margin-bottom:10px;
margin-left:8px;
}

.head{
padding: 10px 0 10px 0
}

.sidebar{
float: left;
width: 220px;
margin: 20px 0 10px 10px;
padding: 0 0 0 10px;
background: #000000;
display: inline;
}

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

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

.sidebar ul li h2{
font-family: Verdana, Arial, Sans-serif;
font-size: 14px;
}

.sidebar ul li li{
padding: 0;
line-height: 24px;
}

.post{
line-height:125%;
padding: 10px 15px 10px;
width: 625px;
}

.post h2{
font-family: Verdana, Arial, Sans-serif;
font-size: 18px;
background: #000000;
}

.entry{
line-height: 18px;
background: #000000;
}

p.postmetadata{
margin: 10px 0 0 0;
background: #000000;
}

.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

.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;
	background-color:#000000;
}

.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: Verdana, Arial, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

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

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

.footer{
font-family: Verdana, Arial, Helvetica, Georgia, Sans-serif;
clear: both;
width: 100%;
padding: 0 0 10px 0;
background-color:#000000;
}

.footer p{
line-height: 18px;
}

.footer ul{
padding: 0;
margin-left: 0;
list-style-type: none;
}

.footer li{
list-style-type:none;
}

#footer-content{
width: 900px;
margin: 0 auto;
clear:both;
}

#archives{
width: 300px;
float: left;
}

#sites{
width: 300px;
float: left;
}

#catagories{
width: 300px;
float: left;
}

#copyright{
clear: both;
}