* { margin: 0; padding: 0; }
body { background: #fff4d1 url(images/bg.jpg) top repeat-x; font: 0.8em Verdana, Arial, sans-serif; line-height: 1.4em; margin: 0 auto; }
ul li { list-style-type: none; }
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
a, a:link, a:visited { outline: none; text-decoration: none; } 
a:hover { color: #0d4500; text-decoration: underline; }		
a img { border: none; }

#header, #footer_content, .content, #pages, .toplists, .topfree {width: 979px; 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: 240px; }
#header_desc {width: 216px; position: absolute; top: 10px; margin-left: 683px; font-size: 0.9em; text-align: center; color: #5d331c; line-height: 1.4em; font-style: italic; }
#bookmark { position: relative; top: 135px; left: 0; padding-left: 35px; }
h3 { color: #5a331f; font-size: 1.6em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px;}
h2 { position: relative; top: 17px; color: #be4d01; font-size: 2em; font-family: Arial, Helvetica, sans-serif; font-style: italic; }

h4 a { color: #5d331c; font-size: 1.0em; text-decoration: underline; }
h4 a:link { color: #5d331c; font-size: 1.8em; text-decoration: underline; }
h4 a:hover { color: #e84000; }

#pages {font-weight: bold; color: #5d331c; margin-bottom: 16px;}
#pages span {display: block; float: left; margin-right: 11px; padding-top: 3px;}
#pages a {display: block; float: left; width: 24px; height: 24px; background: url(images/pages_bg.jpg) no-repeat; margin-right: 7px; text-align: center; padding-top: 3px; color: #5d331c;}
#pages a:hover {color: #5d331c; text-decoration: underline;}

#footer { margin-top: 40px; background: url(images/bg_footer.jpg) bottom repeat-x; }
#footer a { color: #ce0500; }
#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: 156px;}
#footer_desc {width: 450px; position: relative; top: 35px; margin-left: 260px; }
#footer_desc p { font-size: 0.85em; text-align: center; color: #751800; line-height: 1.4em; font-style: italic; }
#footer_desc p#wm { font-size: 0.9em; text-align: center; color: #751800; line-height: 1.4em; font-style: italic; margin-top: 20px; font-weight: bold; }

.toplists ul {width: 320px; float: left; height: 112px; background: url(images/bg_link.jpg) no-repeat; margin: 30px 0 30px 0; text-align: center; }
.toplists li { padding-top: 33px;  padding-bottom: 3px; padding-right: 26px; }
.toplists li p { font-size: 0.8em; color: #5d331c; font-weight: bold; }
.toplists a, .topfree a {color: #5d331c; font-size: 1.6em; font-weight: bold; text-decoration: none; }
.toplists a:hover, .topfree a:hover {color: #e84000; text-decoration: underline;}

.topfree ul {width: 240px; float: left; }
.topfree li { background: url(images/arrow.gif) 0px 1px no-repeat; padding-left: 26px; line-height: 1.5em; }

.content_right { width: 228px; float: right; position: relative;   }
.content_left {  margin-right: 0px; position: relative; }
.content_left a img { display: inline; border: 1px solid #b37503; margin: 0 1px 1px 1px; }
.content_left a:hover img {border: 1px dashed #b37503;}


.content_center a img { display: inline; border: 1px solid #b37503; margin: 0 1px 1px 1px; }
.content_center a:hover img {border: 1px dashed #b37503;}

.pic_bg { background: #fffcf2 url(images/bg_pic.gif) bottom no-repeat; width: 228px; position: relative; right: 30px; padding-top: 6px; margin-bottom: 16px; }
.pic a img { border: 1px solid #bd7803; }
.pic a:hover img { border: 1px dashed #bd7803; }
.pic { float: left; padding: 0 0 6px 6px; }
.pic_text { margin-left: 77px; }
.pic_text a { color: #5d331c; font-weight: bold; text-decoration: underline; }
.pic_text a:hover { color: #e84000; }
.pic_text p { color: #5d331c; font-size: 0.85em; margin-bottom: 10px; }