@charset "utf-8";
/*  
Theme Name: Warpoodle
Theme URI: http://www.warpoodle.com
Description: It's a chain reaction!
Version: 1.0
Author: Erika Wohlstadter
Author URI: http://www.textoncolor.com/
*/

/* Basic */

* {
margin: 0;
padding: 0;
}

body {
background: url(images/background.jpg) no-repeat;
background-attachment: fixed;
background-color: #6a1308;
background-position: top center;
color: #ffc292;
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#wrapper {
margin: 0 auto;
padding: 61px 0 40px 0;
width: 500px;
}

#clear {
clear: both;
}

#front-top {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 1;
}

#front-top .header-top {
background: url(images/front-top.png) repeat-x;
height: 41px;
line-height: 41px;
margin: auto;
padding: 0 15px 0 15px;
}

#front-bottom {
bottom: 0;
position: fixed;
width: 100%;
z-index: 1;
}

#front-bottom .header-bottom{
background: url(images/front-bottom-back.png) repeat-x;
height: 41px;
line-height: 36px;
margin: auto;
padding: 0 15px 0 15px;
}

#comments {
color: #b74017;
padding: 0 0 30px 0;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #6a1308;
	padding: 10px 0 0;
}

#comments ol{
	padding: 0 0 10px;
	list-style: none;
}

#comments ol li{
	color: #ffc292;
	margin: 10px 0 0 0;
	line-height: 18px;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #6a1308;
}

#comments h2, #comments h3{
color: #ffedc5;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	padding: 20px 0 0 0;
}

.commentmetadata{
	font-size: 11px;
}

#comments p.nocomments{
	padding: 0;
}

.inputform {
background-color: #6a1308;
border: solid 1px #b74017;
color: #ffc292;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 11px;
height: 110px;
padding: 5px;
width: 490px;
}

.buttomform {
background-color: #6a1308;
border: solid 1px #b74017;
color: #ffc292;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 12px;
}

ul {
padding: 5px 0 10px 20px;
}

/* Text Styles */

h1 {
color: #ffedc5;
font-size: 21px;
font-style: italic;
padding: 0 0 10px 0;
}

h1 a {
color: #ffedc5;
font-size: 21px;
}

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

h4 {
color: #d1733b;
font-size: 14px;
font-style: italic;
}

p {
font-family: "Trebuchet MS", Arial, sans-serif;
letter-spacing: 1px;
line-height: 170%;
padding: 0 0 20px 0;
}

div.hr {
margin: 0 0 20px 0;
height: 5px;
width:100%;
clear: both;
background: url(images/line-break.gif) no-repeat center;
}

div.hr hr {
display: none;
} 

a {
color: #d1733b;
font-size: 13px;
font-style: italic;
font-weight: bold;
text-decoration: none;
}

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

.page-name {
color: #ffd7b8;
font-size: 24px;
font-style: italic;
}

/* Image Styles */

.header-image {
float: left;
position: fixed;
z-index: 0;
}

.left-image {
border: none;
float: left;
}

.right-image {
border: none;
float: right;
}

.left-div {
float: left;
}

.right-div {
float: right;
}

.post-break {
padding: 0 0 30px 0;
}