* { margin: 0; padding: 0; }
body { background: #f2d595 url(../images/bg.jpg) repeat; font: 0.8em "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;  margin: 0 auto; color: #540506; }
ul li { list-style-type: none; }
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
a img { border: none; } a {text-decoration: none;} a:hover {text-decoration: none; }
h1 span { display: none; }
a { color: #540506; } a:hover { text-decoration: underline; }

#header_content, #footer_content, .content, .toplists, .topgalls { width: 978px; margin: 0px auto; position: relative; z-index: 2;  } 
#header_left {background: url(../images/head_left.jpg) left no-repeat; }
#header_right {background: url(../images/head_right.jpg) right no-repeat; height: 124px; }

#header { background: url(../images/bg_header.jpg) repeat-x; }
#header_text {	position: absolute; top:7px; right: 185px; width: 265px;}
#header_text p { text-align: center; font-size: 0.85em;  }

#pages {font-weight: bold; position: relative; left: 162px; background: url(../images/bg_archive.jpg) no-repeat; width: 663px; height: 99px; }
#pages div { padding: 44px 0 0 44px; }
#pages span {display: block; float: left; margin-right: 11px; padding-top: 3px; color: #581400; font-size: 0.85em;}
#pages a {display: block; float: left; width: 20px; height: 20px; background: url(../images/bg_pages.gif) no-repeat; margin-right: 7px; text-align: center; padding-top: 1px; color: #ffecbf;}

.content { z-index: 1; margin-bottom: 30px; }
.thumbs { text-align: center; }
.thumbs a img, .thumbs a:link img { display: inline; border: 1px solid #d6af69; margin: 1px;  }
.thumbs a:hover img {border: 1px dashed #d6af69; }

h6.line_top { background: url(../images/line_free.jpg) no-repeat; height: 69px; border: none; border: 0; }
h6.line_top span { color: #f2d396; position: absolute; left: 400px; width: 310px; left: 325px; top: 31px; font-size: 1.8em; text-align: center;}
h6.line_bot { background: url(../images/line_bot.jpg) repeat-x; height: 54px; border: none; border: 0; }

#footer { background: url(../images/bg_footer.jpg) repeat-x; margin-top: 40px; }
#footer_left {background: url(../images/footer_left.jpg) left bottom no-repeat;}
#footer_right {background: url(../images/footer_right.jpg) right bottom no-repeat; height: 155px; }
#footer_right div { margin-left: 214px; }
#text { font-size: 0.75em; color: #540506; line-height: 1.3em; font-style: italic; padding: 46px 0 0 5px; width: 310px; text-align: center; }
#wm a { background: #79c12d; padding: 3px; font-size: 0.85em; }
#wm {	position: relative; top: 10px; width: 310px; text-align: center; }

.topfree { background: #79c12d; width: 974px; border-left: 2px solid #581400; border-right: 2px solid #581400; }
.topfree ul {width: 193px; float: left; margin: 10px 0;}
.topfree li { background: url(../images/arrow.gif) 0px 4px no-repeat; padding-left: 18px; line-height: 1.3em; margin-left: 30px; }
.topfree a, .topfree a:link {color: #540506; font-size: 1em; font-weight: bold; text-decoration: none; ;}
.topfree a:hover {color: #fff3af; }

#navigation {position: absolute; width: 480px; top: 97px; left: 0; margin-right: 0; }
#navigation .menu_item {float: left;  width: 118px; margin-right: 2px; background: url(../images/bg_menu.jpg) 0px 0px no-repeat; height: 23px; }
#navigation .menu_item a span { width: 118px; font-size: 0.75em; display: block; height: 30px; color: #ffebbe; text-align: center; font-weight: bold; text-transform: uppercase; line-height: 0.85em; /*padding-top: 2px;*/}
html>body #navigation .menu_item a span { padding-top: 3px; top: 0;}

#navigation .menu_item a {text-decoration: none; } #navigation .menu_item a:hover, #navigation .menu_item li:hover a {cursor: pointer; }
#navigation .sub {display: none;}
#navigation .sub ul {float: left; width: 104px; margin-right: 8px; padding-bottom: 10px; font-weight: normal; font-size: 0.85em;}
#navigation table {position: absolute; border-collapse: collapse;  font-size: 0.85em;}
html>body .menu_top {background: url(../images/menu_top.png) left top no-repeat; height: 15px; font-size: 1px; line-height: 9px;}
html>body .menu_bot {background: url(../images/menu_bot.png) left bottom no-repeat; height: 10px; font-size: 1px; line-height: 9px;}
.menu_top {background: url(../images/menu_top.gif) left top no-repeat; height: 15px; font-size: 1px; line-height: 9px;}
.menu_bot {background: url(../images/menu_bot.gif) left bottom no-repeat; height: 9px; font-size: 1px; line-height: 9px;}
.menu_bg {background: url(../images/menu_bg.png) repeat-y; padding-left: 10px;}
#navigation .menu_item li a:hover .sub, #navigation .menu_item li:hover .sub {display: block; position: absolute; width: 465px; z-index: 100; top: 27px;  }
#navigation .menu_item a:hover .sub li a, #navigation .menu_item li:hover .sub li a {display: inline; color: #ffebbe;}
#navigation .sub ul li {border-bottom: 1px dotted #7a2b00; }
#navigation div.menu_bg a:hover {text-decoration: underline; }
#navigation .suba {display: none;}
#navigation .suba ul {float: left; width: 443px; margin-right: 8px; font-weight: normal; font-size: 12px; color: #000000;}
#navigation .menu_item li a:hover .suba, #navigation .menu_item li:hover .suba {display: block; position: absolute; width: 465px; z-index: 100; top: 38px;  margin-left: -223px;}
#navigation .menu_item a:hover .suba li a, #navigation .menu_item li:hover .suba li a {display: inline; color: #000000; text-decoration: underline;}
#navigation .suba ul li {border-bottom: 1px dotted #000000; padding: 2px 0;}
