@charset "utf-8";
/* CSS Document */

body { background-color: #180B21; text-align: left; margin: 0 1em; padding: 0;  }
body, table { color: #c27be6; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

form { padding: 0; margin: 0; }
a img { border: 0; }

a:link, a:visited { color: #cc443f; } 
a:hover { color: #d45151; }

h1 { color: #d09842; font-size: 200%;  }
h1 small { font-size: 50%; }
h2 { font-size: 150%; margin: 0; margin-bottom: 0.1em; color: #d09842; }
h2 a { color: #cceeee; text-decoration: none; }
h3 { font-size: 12px; }

table.layout { width: 100%; }
table.layout td.layout { vertical-align: top; padding: 0; }

#page-header { background: #432524; border: 1px solid #C9CC85; padding: 1em 8px 8px 8px; border-top: 0; margin: 0; }
#page-header h1 { margin-bottom: 0.2em; }
#page-header p { margin: 0; font-size: 90%; }
#page-header .usermenu { float: right; text-align: right; }
#page-menu { padding: 3px; margin: 0 0 4px 0; border: 1px solid #6600aa; border-top: 0; }
#page-ad { text-align: center; margin: 1em 0; }

/* --- Index page --- */

#index td.layout { width: 50%; }

#index .main { padding-right: 4px; }
#index .main .list-thumbnails { background: #1b0037; border: 1px solid #6600aa; margin: 0.5em 0;  }
#index .main .ad { background: #191919; border: 1px solid #4C4C4C; margin: 1em 0; text-align: center; }

#index .news { padding-left: 4px; }
#index .news .article { margin: 0.5em 0; padding: 1em; background: #1b0037; border: 1px solid #6600aa; }
#index .news h3 { color: #cceeee; font-size: 110%; margin: 0; }
#index .news h3 a { color: #cceeee; }
#index .news .body { margin: 1em 0; }

#index .side { width: 120px; vertical-align: top; padding: 0 0 0 4px; }



/* --- Login page --- */

#login { margin: 0.5em auto; padding: 1em; background: #1b0037; border: 1px solid #6600aa; width: 250px; }
#login form { text-align: right; }
#login form .actions { text-align: center; margin: 1em; }

/* --- Profile page --- */

#profile .header, #profile .pictures { margin: 0.5em 0; padding: 1em; background: #1b0037; border: 1px solid #6600aa; }
#profile .header ul { margin: 0; padding: 0; list-style-type: none; }
#profile .header .stats { float: right; text-align: right; }

/* --- View item page --- */

#view .item { margin: 0.5em 0; padding: 1em; background: #1b0037; border: 1px solid #6600aa; text-align: center; }
#view .item img { border: 1px solid #CCCCCC; }

#view .metadata { margin: 1em auto; text-align: left; }
#view .metadata td { vertical-align: top; padding: 1em; width: 50%; }
#view .metadata ul { margin: 1em; padding-left: 1em; }
#view .metadata .description { border-right: 1px solid #6600aa; }

#view .ad { margin: 1em 0; text-align: center;  }

#view .view-comments { margin: 0.5em 0; }
#view .view-comments form { text-align: center; }
#view .view-comments form textarea { width: 96%; margin: 1em; height: 8em; }

#webring { text-align: center; }
#webring img { background-color: white; }

/* --- Upload page --- */

#upload { margin: 0.5em auto; padding: 1em; background: #1b0037; border: 1px solid #6600aa; width: 585px; } 
#upload div { margin: 1em 0; }
#upload .actions { text-align: right; }

/* Components */

.list-thumbnails { text-align: center; padding: 8px; overflow: hidden; }
.list-thumbnails .thumbnail-large { display: inline; margin: 8px; }
.list-thumbnails .thumbnail-large .image { vertical-align: middle; -ms-interpolation-mode: bicubic; }
.list-thumbnails .thumbnail-large span { display: table-cell; display: inline-block; width: 155px; text-align: center;  padding: 4px;  }
.list-thumbnails .thumbnail-large img { border: 1px solid silver; display: inline; }
.list-thumbnails .thumbnail-large p { margin: 0.5em 0; }

.comments .comment { background: #1b0037; border: 1px solid #6600aa; margin-bottom: 1em; /*margin: 8px 0*/ padding-bottom: 1em; } 
.comments .comment h3 { font-size: 12px; margin: 1em 1em 1.5em 1em; /*background-color: #6600aa;*/ }
.comments .comment p { margin: 1em 1em 1.5em 1em; }
.comments .comment .subcomments { margin: 1em; }
.comments .comment .comment { background: #290a4a; }
.comments .comment .comment .comment { background: #321154; }
.comments .comment .comment .comment .comment { background: #3f1c62; }
.comments .comment .comment .comment .comment .comment { background: #4e316c; }

.pagelist { text-align: center; padding: 1em; }

.paging { border-right: 1px solid #666666; display: inline; }
.paging a,
.paging span { padding: 6px; border: 1px solid #666666; border-right: 0; background-color: #CCCCCC; }
.paging .current { font-weight: bold; }

#page-copyright { padding: 3px; margin: 4px 0; text-align: center; }