/*  
Theme Name: Tales of Woah
Theme URI: 
Description: Widget enabled update for WordPress 2.5
Version: 0.1
Author: Greg van Brug 

*/

body { font-family: Georgia, serif; font-size: 13px; line-height: 19px; color: #000; padding: 0; margin: 0; background: #c8c800 url('images/bkg.jpg') repeat-x; }
p { padding: 0; margin: 12px 0; }

#wrap { position: absolute; z-index: 100; width: 825px; margin: 165px 0 0 125px; }

#content { float: left; width: 555px; margin: 0 auto; padding: 10px; background: #fff; }

#burst { position: absolute; top: -90px; left: -75px; z-index: 0; display: block; width: 399px; height: 399px; background: url('images/burst.png'); background-repeat: no-repeat; }

#header { position: absolute; z-index: 200; clear: both; margin:0 0 10px 0; padding: 0; width: 855px; }
#header h1 { margin: 0; padding: 0; float: left; }
#header h1 a { display: block; background: url('images/tales.png') no-repeat; width: 242px; height:202px; z-index: 1; position: absolute; top: 10px; left: 10px; }

#header #menu-wrap { overflow: auto; float: left; width: 100%; }
#header #menu-wrap #menu { margin: 115px 0 0 200px; padding: 10px 0 10px 40px; overflow: auto; }
#header #menu-banner { display: block; height: 56px; width: 747px; background-image: url('images/banner.png'); background-repeat: no-repeat; position: absolute; top: 113px; left: 0px; z-index: -1; }
#header #menu-wrap #menu ul { list-style: none; float: left; padding: 0 10px; margin: 0; }
#header #menu-wrap #menu ul li { list-style: none; float: left; margin: 0 10px 0 0; }
#header #menu-wrap #menu a { font-weight: bold; font-style: italic; font-size: 14px; text-transform: uppercase; text-decoration: none; }
#header #menu-wrap #menu a:link, #header #menu a:visited { color: #fff; }
#header #menu-wrap #menu a:hover { color: #c8c800; background-color: transparent; }

.entry { float:left; width: 555px; margin: 0 0 30px 0; padding: 0 0 5px 0; border-bottom: solid 1px #eee;  }
.entry h2, h3, .date { line-height: 23px; margin: 0; padding: 0; }
.entry h3, .date { margin: 0; padding: 0;}
.entry h2 a { color: #999900; text-decoration: none; }
.entry h2 a:hover { color: #000; background-color: transparent;  }
.entry a:hover { color: #000; }

p.category { font-style: italic; color: #999; margin: 3px 0; }
p.category a { text-decoration: none; color: #999; }
p.category a:hover { color: #000; background-color: transparent; }
p.category:after { content: "-"; }

.date { font-style: italic; }
.date:before { content: "-"; }

.postmetadata { font-size: 9px; padding: 3px 0; }
.postmetadata a:hover { color: #000; text-decoration: none; }

.related { border-top: 1px solid #999900; background: #efefef; }
.related-title { color: #000; margin: 0; padding: 5px 0; font-weight: bold; text-transform: uppercase; }
ul.related_post, ul.related_post li { list-style: none; padding: 0; margin: 0 0 10px 0; }
ul.related_post li, ul.related_post li a { color: #999; text-decoration: none; }
ul.related_post li a:hover { color: #000; text-decoration: none; }

#sidebar { float: right; width: 250px; line-height: 15px; }
#sidebar ul li { font-size: 12px; }

.rsidebar { float: right; width: 270px; margin: 0; padding: 0; }

.rsidebar h2 { color: #000; margin: 0 0 5px 0; padding: 5px 2px; text-align: center; font-size: 13px; border-bottom: 1px solid #000; background: url('images/sidebar-head.png') no-repeat; }
.rsidebar ul { list-style-type: none; margin: 0 0 10px 0; }
.rsidebar ul li { list-style-type: none; margin: 0 0 10px 0; padding: 10px; }
.rsidebar ul li ul { list-style-type: none; margin: 0; padding: 0; }
.rsidebar ul li ul li { list-style-type: none; margin: 0; padding: 5px 0; }
.rsidebar ul li ul li a:hover { color: #000; background-color: transparent; }

.widget { background-color: #f4f2f1; clear: both; overflow: auto; }

#line { clear: both; background-color: #fff; padding: 10px; margin: 10px 0 0 0; width: 555px; font-size: 11px; border-top: 2px solid #999900;  }
#line ul { list-style: none; float: left; margin: 0 10px 0 0; padding: 0; }
#line ul:after { content: " | " }
#line ul li { list-style: none; float: left; margin: 0 10px 0 0; padding: 0; }
#line a:hover, #line ul li a:hover { color: #000; }

.navigation { width: 500px; float: left; color: #666; }

.alignright { float:right; margin-top: 10px; }
.alignleft { float: left; margin-top: 10px; }
.alignleft a:hover, .alignright a:hover { color: #000; }

h2 { font-size: 20px; }
h3 { font-size: 13px; }

a { padding: 1px; }
a:hover { color: #000000; background-color: #999900; text-decoration: none; }
a:link, a:active, a:visited { color: #999900; text-decoration: none; }
a img, a:hover img, p a img, p a:hover img { border: 0; background-color: transparent; padding: 0; }

#comments h3 { padding: 0; margin: 0; }
#commentform { margin: 0; padding: 15px 15px 1px 1px; }
#commentform h2 { font-size: 14px; }
#commentform label { display: block; margin: 0; }
#commentform input { width: 170px; margin: 0 5px 10px 0; padding: 1px; }
#commentform textarea { width: 380px; margin: 0 0 10px; padding: 0; }
#commentform #submit { margin: 0 0 20px; }
#commentform p { margin: 5px 0; }

ol.commentlist { margin: 0 0 1px; padding: 0; }
ol.commentlist li { display: block; list-style: none; margin: 0; padding: 15px 0; }
ol.commentlist li.commenthead { display: block; list-style: none; margin: 0; padding: 5px 15px; }
ol.commentlist li.commenthead h3 { margin: 0; font-size: 14px; }


blockquote { margin: 15px 10px 0 10px; }
blockquote cite { margin: 5px 0 0; display: block; }
input#s { color: #000; border: 1px solid #c8c800; background: #fcfcfc; float: left; margin: 0 5px 0 0; padding: 2px; height: 16px; font-family: Georgia, serif; }
input#submit { color: #000; border: 1px solid #000; padding: 2px; background: #c8c800; float: left; font-size: 9px; font-family: Helvetica; text-transform: uppercase; font-weight: bold; height: 22px; }
input#submit a:hover { color: #000; border: 1px solid #000; padding: 2px; background: #c8c800; }

p.sidenote { font-style: italic; color: #666;  }