/*
Theme Name: Maia Madness
Description: Custom theme built specifically for this page.
Version: 0.1
Author: The Lonely Coder
Author URI: http://thelonelycoder.com/
Tags: dark, red, grunge, fixed width, single column
*/

/* RESET */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
hr { background-color: transparent; clear: both; border: 0; height: 0; margin: 0; padding: 0; width: 0; }

@font-face { font-family: "Chicken Scratch"; src: url('graphics/CHICSA__.TTF'); }

/** ELEMENTS **/

a {
color: #ad0000;
text-decoration: none;
}

a:hover {
color: #890000;
}

body {
background: url('graphics/background.jpg');
color: #fff;
font-family: Helvetica,Arial,Verdana,sans-serif;
font-size: 11pt;
position: absolute;
height: 100%;
width: 100%;
}

h1,h2,h3,h4,h5 {
color: #ad0000;
font-weight: bold;
}

h1 a {
background: url('graphics/header.png') center center no-repeat;
display: block;
height: 250px;
overflow: hidden;
text-indent: -999em;
width: 700px;
}

h2 {
font-size: 2em;
}

h3 {
font-size: 1.5em;
margin-bottom: 0.25em;
}

h4 {
font-size: 1.15em;
}

form input, form textarea {
font-family: Helvetica,Arial,Verdana,sans-serif;
font-size: 0.8em;
padding: 1px;
margin: 0.5em 0;
}

form label {
font-size: 0.85em;
margin: 0 1em;
}

form legend {
font-weight: bold;
}

small {
color: #555;
font-size: 0.7em;
}

/** IDS **/

#archive li {
margin: 0.5em 0 0.5em 1em;
}

#archive li.header {
border-bottom: 1px dashed #111;
margin-left: 0;
margin-top: 1em;
padding-bottom: 0.3em;
}

#archive li.header * {
color: #fff;
}

#archive .title {
margin-right: 0.25em;
}

#body {
padding: 0 10px 150px;
}

#comments, #respond {
margin: 2em 0;
}

#error-404 {
background: url('graphics/404.png');
height: 300px;
margin: 0 auto;
text-indent: -999em;
width: 300px;
}

#footer-wrapper {
position: relative;
height: 125px;
margin: -125px 0 0;
}

#footer {
background: url('graphics/footer.png') center center no-repeat;
margin: 0 auto;
padding: 0 20px;
height: 125px;
text-indent: -999em;
}

#menu {
margin: 20px 0;
text-align: center;
}

#menu a {
color: #fff;
font-family: Chicken Scratch,Helvetica,Arial,Verdana,sans-serif;
}
#menu a:hover, #menu .current-cat a, #menu .current_page_item a {
color: #ad0000;
}

#menu li {
display: inline;
font-size: 2em;
margin: 0 1em;
}

#wrapper {
background: url('graphics/wrapper-background.png') top center repeat-y;
margin: 0 auto;
padding: 0 20px;
min-height: 100%;
width: 700px;
}

/** CLASSES **/

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

.cat-title-artwork { background: url('graphics/icon-picture.png') center right no-repeat; }
.cat-title-music { background: url('graphics/icon-music.png') center right no-repeat; }
.cat-title-lyrics, .cat-title-stories, .cat-title-writing { background: url('graphics/icon-text.png') center right no-repeat; }

.commentlist > li {
background: url('graphics/quote.png') bottom left no-repeat #111;
font-size: 0.85em;
padding: 1em;
margin: 0.25em 0;
}

.commentlist .avatar {
border: 3px solid #fff;
display: block;
float: right;
padding: 2px;
}

.commentlist .children {
border: 1px dashed #222;
margin-top: 0.5em;
}
.commentlist .children li {
padding: 1em;
margin: 0.25em 0;
}

.commentlist .comment-meta {
clear: both;
display: block;
padding-top: 0.5em;
text-align: right;
}

.navigation {
border-top: 1px dashed #111;
margin: 2em 0;
padding-top: 2em;
}

.navigation a {
color: #fff;
display: block;
font-family: Chicken Scratch,Helvetica,Arial,Verdana,sans-serif;
font-size: 1.5em;
padding: 0.25em 1em;
}

.navigation a:hover {
/*background: #111;*/
color: #ad0000;
}

.navigation .previous {
float: right;
}

.navigation .next {
float: left;
}

.more-link {
font-size: 0.75em;
font-style: italic;
}

.post {
border-top: 1px dashed #111;
margin: 2em 0;
padding-top: 2em;
}

.post:first-child {
border-width: 0;
margin-top: 0;
padding-top: 0;
}

.post .text {
margin: 0 0 0.25em;
}

.text {
line-height: 1.25em;
}

.text a {
border-bottom: 1px dotted;
}

.text blockquote {
background: #ddd;
border: 1px solid #aa9;
font-size: 0.85em;
font-style: italic;
margin: 1em;
padding: 0.25em;
}

.text blockquote p {
margin: 0;
}

.text img.aligncenter { display: block; margin: 1em auto; }
.text img.alignleft { display: block; margin-right: 0.5em; }
.text img.alignright { display: block; margin-left: 0.5em; }

.text h1 {
background: none;
font-size: 1.75em;
height: auto;
position: static;
padding: 0;
margin: 0 0 1em;
}

.text h1 a {
background: none;
display: inline;
height: auto;
width: auto;
margin: 0;
text-indent: 0;
}

.text h2, .text h3, .text h4, .text h5, .text h6 {
margin: 0 0 1em;
}

.text ol {
margin: 0 1.5em 1em;
list-style: decimal outside;
}

.text p {
margin-bottom: 1em;
}

.text ul {
margin: 0 1.5em 1em;
list-style: disc outside;
}

.text .wp-caption {
background: #ddd;
border: 1px solid #aa9;
font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;
font-size: 0.75em;
padding: 0.5em 0.25em 0.25em;
text-align: center;
}

.text .wp-caption.aligncenter { margin: 1em auto; }
.text .wp-caption.alignleft { margin-right: 0.5em; }
.text .wp-caption.alignright { margin-left: 0.5em; }

.text .wp-caption img {
display: block;
margin: 0 auto;
}

.text .wp-caption p {
margin: 0;
}