@import url(reset.css);
body {color: #fff;background: #666;font: normal 12px Verdana, Arial, Helvetica, sans-serif;text-align: left;}
a:link, a:visited, a:active, a:hover {text-decoration: none;color: #039;}
a:hover {color: #333;}
.divider {clear: both;height: 10px;display: block;font-size: 1px;line-height: 0%;}
#wrapper {background: #171717;width: 1000px;min-height: 600px;margin: 0 auto;border: 5px solid #444;border-top: 0;}
/* HEADER & NAVIGATION
----------------------------------------------- */
#header {width: 100%;height: 80px;margin-bottom: 10px;}
#logo {width: 220px;float: left;}
#logo h1 {float: left;}
#logo h1 a {width: 220px;height: 80px;text-indent: -900em;display: block;background: url(images/logo.png) center center no-repeat;}
#top_ads {width: 470px;height: 70px;text-align: center;float: left;margin: 10px 0 0 150px;}
#navigation {background: #333;border: 1px solid #444;border-width: 1px 0;position: relative;}
#navigation li {float: left;border-right: 1px solid #444;font-weight: bold;}
#navigation li a {display: block;float: left;padding: 10px;color: #fff;}
#navigation li a:hover, #navigation li a.active {background: #000;}
#navigation a.sp {position: absolute; top: 3px; right: 10px;}
#content {width: 685px;float: left;}
#right {width: 300px;float: left;}
#right>div {margin-top: 15px;}
#right h1 {background: #222;padding: 5px 10px;font-weight: bold;}
#gallerylist {margin: 15px 0 15px 15px;}
#gallerylist li {position: relative;background: #555;border: 1px solid #666;float: left;margin: 0 10px 15px 0;padding: 3px;}
#gallerylist li img {width: 200px;height: 150px;}
.g_info {position: absolute;top:3px;left:3px;width: 180px;background:#444;opacity: .85;padding: 5px 10px 25px 10px;}
.g_info_arrow {position: absolute;top:0;left:90px;width: 20px;height: 20px;background:url(images/arrow_down.png) 0 0 no-repeat;}
.g_info a, .g_info a:visited, .g_info a:active {opacity: 100;font-size: 14px;font-weight: bold;color: #fff;display: block;}
.g_info a:hover {color: #d5d5d5}
.g_info a.categoryname, .g_info a:visited.categoryname {position: absolute; right: 0;bottom: 0;background: #0066cc;padding: 3px 8px;display: inline;font-size: 11px;color: #fff;margin-top: 5px;font-weight: normal;}
.g_info a.categoryname:hover, .g_info a:visited.categoryname:hover {color: #000;}
.galleryhit {position: absolute;bottom: 3px; left: 3px;width: 180px;font-size: 10px;padding: 5px 10px;background: #444;} 
#gallery {background: #111;width: 670px;float: left;margin: 15px 15px 15px 0;}
#gallery h1 {font-size: 25px;background: #000;padding: 5px 10px;border: 1px solid #343434;border-width: 1px 0;}
#gallery .currentimage {width: 600px;text-align: center;margin: 0 auto;padding-top: 10px;}
.picinfo {margin: 15px 0;text-align: left;}
.prevnextpanel {height: 30px;background: #000;border: 1px solid #343434;border-width: 1px 0;position: relative;}
.prevlink, .nextlink {position: absolute;top: 0;display: block;outline: 0;width: 100px;height: 30px;}
.prevlink {left: 0;background: url(images/prev_link.png) 0 0 no-repeat;}
.nextlink {right: 0;background: url(images/next_link.png) 0 0 no-repeat;}
#populargalleries, #othersincat {border: 1px solid #444;margin-top: 15px;}
#populargalleries ul, #othersincat ul {padding: 10px 10px 0 10px;}
#populargalleries li, #othersincat li {clear: left;padding: 5px 0 5px 80px;;font-weight: bold;position: relative;min-height: 55px;}
#populargalleries li a, #othersincat li a {color: #fff;}
#populargalleries li a:hover, #othersincat li a:hover {text-decoration: underline;}
#populargalleries li img,#othersincat li img {position: absolute; left: 0; top: 0;width: 70px;float: left;margin-right: 10px;}
/* COMMENTS -------------------------------------------------- */
#comments {background: #fff;color: #000;font-size: 11px;}
#writecomment, #readcomments {padding: 15px;}
#comments #tabs {background: #e8e8e8;}
#comments #tabs li {display: inline;width:200px;height:30px;text-indent: -1000px;padding:0;}
#comments #tabs li a {background-image:url(images/title_comments.png);background-repeat: no-repeat;display: block;width: 200px;height: 30px;float: left;outline: 0;}
#comments #tabs li#t_readcomments a {background-position: 0 -30px;}
#comments #tabs li#t_readcomments a.active {background-position: 0 0;}
#comments #tabs li#t_writecomment a {background-position: -200px -30px;}
#comments #tabs li#t_writecomment a.active {background-position: -200px 0;}
#writecomment {display: none;}
#comments p.submit {text-align: center;padding: 5px;}
#comments label {font-weight: bold;padding-right: 20px;text-align: left;}
#comments textarea,#comments input {background: #f5f5f5;margin:0;margin-top: 10px;padding: 5px;border: 2px solid #ddd;width: 200px;}
#comments textarea {width: 98%;height: 150px;}
#comments textarea:focus,#comments input:focus {background: #fff;}
#comments input.disable {background: #f5f5f5 url(img/lock.png) 140px 2px no-repeat;color: #999;}
#comments button {width: 80px;height: 35px;background: url(images/button_submit.png) center center no-repeat;border: 0;}
#comments .error {margin-bottom: 15px;}
#readcomments {margin-top: 15px;}
#readcomments li {margin-bottom: 10px;padding-bottom: 10px;}
.c_head {border-bottom:1px solid #cdd8fe;padding: 5px 0;}
.c_head strong {font-weight: bold;}
.c_head span {color: #888;font-size: 11px;}
.c_body {color: #000;padding: 10px;}
#searchbox {border: 1px solid #444;padding: 10px;margin-top: 15px;}
#searchbox .search_input {border: 1px solid #444;padding: 5px;width: 210px;}
#searchbox .search_submit {width: 50px;background: #222;border: 1px solid #444;padding: 3px 5px;color: #fff;}
.embed {padding:15px 10px;}
.embed a {color:#fff;}
#embedder {padding:10px 30px;background: transparent url(images/add.png) left center no-repeat;}
#embedContainer {display: none;font-size:11px;}
#embedCode {padding:5px;border:1px solid #ccc;width:640px;}
.messages {border: 1px solid #ececec;color: #000;font-size: 12px;height: 20px;margin: 15px;padding: 5px 15px;text-align: center;}
.done {background: #ffffcc url(images/done.png) 10px center no-repeat;}
.error {background: #ffffcc url(images/error.png) 10px center no-repeat;}
.info {background: #ffffcc url(images/info.png) 10px center no-repeat;}
.add {background: #ffffcc url(images/add.png) 10px center no-repeat;}
.loading {height: 30px;background: url(images/loading.gif) center no-repeat;}

/* PAGINATION -------------------------------------------------- */
div.pagination {padding: 5px;margin: 15px 0;text-align:center;font-size: 11px;}
div.pagination a {border: 1px solid #222;color: #fff;margin-right: 3px;padding: 5px 8px;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #222;background-color:#444;color: #fff;}
div.pagination span.current {margin-right:3px;padding: 5px 8px;font-weight: bold;background-color:#222;color: #fff;border: 1px solid #444;}
div.pagination a.next {margin: 0 0 0 10px;}
div.pagination a.prev {margin: 0 10px 0 0;}
div.pagination a.next:hover, div.pagination a.prev:hover {border: 1px solid #222;}
div.pagination .disabled {color: #666;margin: 0 10px;}
