/* CSS Document */

/*  
Theme Name: EOU Tiger
Theme URI: http://www.edgeofurge.com
Description: Tiger theme for Edge of Urge boutique.
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: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background: #000000;
color: #000000;
}

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

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

/*
padding for paragraph blocks
*/
p{
padding: 10px 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: #000000;
padding: 0;
}

#header{
float: left;
width: 850px;
height: 321px;
background: #000000;
background-image: url(http://edgeofurge.com/blog/wp-content/themes/eou-tiger/images/header.jpg);
}

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

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

/*
just affects the post titles, not sidebar titles
*/
.post h2{
background-color:#000000;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 5px 0 2px 10px;
}

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

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

/*
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: #F0FA86;
border-style: dotted;
margin: 10px 0 0 0;
font-size: 10px;
}

/*
deals with the next page/previous page links
*/
.navigation{
padding: 10px 0 0 0;
font-size: 12px;
font-weight: bold;
line-height: 16px;
color: #ffffff;
}

.navigation-top{
padding: 0 0 10px 0;
font-size: 12px;
font-weight: bold;
line-height: 16px;
color: #ffffff;
}

/*
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: 160px;
background: #000000;
margin: 0 0 0 10px;
display: inline;
padding: 10px 20px 10px 0;
color: #F0FA86;
}

table#wp-calendar{
width: 120px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
margin: 0 0 0 5px;
}

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

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

/*
deals with the titles in the sidebar
*/
.sidebar ul li h2{
color: #F0FA86;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 13px;
}

/*
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: #000000;
}

/*
footer text
*/
#footer p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
}