html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre,
em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; }

html, body { height: 100%; font: normal 13px/1.2 "Lucida Sans Unicode", Arial, Helvetica, sans-serif; }
a { outline: none; text-decoration: none; }
p { margin: 0.5em 0 }


/* utility classes */
.clear { clear: both; display: block; margin: 0; padding: 0 }
.clear-after:after { content: ""; display: block; height: 0; clear: both; visibility: hidden }
.float-left { float:left }
.float-right { float:right }
.align-left { text-align: left }
.align-center { text-align: center }
.align-right { text-align: right }
.relative { position:relative }
.dynamic-center { margin:0 auto }
.opacity0 { opacity: 0; position:absolute; }
.opacity50 { opacity: .50 }
.clickable { cursor: pointer; }
.table-center { margin:auto;}
.hide { display: none; }
.img { vertical-align: bottom; }

/* buttons */
button::-moz-focus-inner { padding: 0; border: 0; }

/* global.css */
body {
    background: #000 url("/img/body-bg.jpg") 50% 0 no-repeat;
    -webkit-background-size: 2560px 1600px; 
    color: #efc9a0; 
    font: normal 12px/1.5 Arial, Verdana, sans-serif; 
}
a { color: #85d1e2 }
a:hover { color: #FFF }


#homepage { padding: 0; }

/* layout */
#wrapper { width: 1000px; margin: 0 auto; position: relative }

/* header */
#header { padding-top: 26px; background: url("") 6px 17px no-repeat }
#header #logo { height: 115px }
#header #logo a { width: 275px; height: 115px; display: block; border: none; text-indent: -9999px }
#header .header-plate-wrapper, #header .header-plate { height: 93px; }
#header .header-plate { position: relative; }



/* menu */
#menu { width: 633px; height: 76px; position: absolute; left: 13px; top: 18px; background: #000 url("/img/menu-tab.jpg") no-repeat; -moz-user-select: none; -webkit-user-select: none; user-select: none }
#menu li { width: 105px; float: left; height: 76px; }
#menu li a { height: 76px; display: block; text-align: center; text-transform: uppercase; color: #8dadb8;}
#menu li a span { padding-top: 57px; display: block; font: bold 12px Arial , Verdana, serif; text-shadow: #304e54 0 0 9px; background: url("") 0 -13px no-repeat; position: relative; top: -5px; left: -2px;}
#menu li a:hover { color: #fff; text-shadow: #e5e894 0 0 10px; background-image: url("/img/menu-tab.jpg") }
#menu li a.active { color: #fff !important; background-image: url("/img/menu-tab.jpg"); -moz-box-shadow: 0 0 10px #642c22; -webkit-box-shadow: 0 0 10px #642c22; box-shadow: 0 0 10px #642c22; position: relative; }
#menu li.menu-torrents, #menu li.menu-home,
#menu li.menu-about { width: 105px }
#menu li.menu-news { width: 105px }
#menu li.menu-projects { width: 105px }
#menu li.menu-home a:hover { background-position: 0 -76px }
#menu li.menu-home a.active { background-position: 0 -152px }
#menu li.menu-home a span { background-position: 0 -13px }
#menu li.menu-torrents a:hover { background-position: -105px -76px }
#menu li.menu-torrents a.active { background-position: -105px -152px }
#menu li.menu-torrents a span { background-position: -105px -13px }
#menu li.menu-news a:hover { background-position: -210px -76px }
#menu li.menu-news a.active { background-position: -210px -152px }
#menu li.menu-news a span { background-position: -210px -13px }
#menu li.menu-projects a:hover { background-position: -315px -76px }
#menu li.menu-projects a.active { background-position: -315px -152px }
#menu li.menu-projects a span { background-position: -315px -13px }
#menu li.menu-otaku a:hover { background-position: -420px -76px }
#menu li.menu-otaku a.active { background-position: -420px -152px }
#menu li.menu-otaku a span { background-position: -420px -13px }
#menu li.menu-about a:hover { background-position: -525px -76px }
#menu li.menu-about a.active { background-position: -525px -152px }
#menu li.menu-about a span { background-position: -525px -13px }

/* search bar */
#search-bar { position: absolute; right: 15px; top: 60px; z-index: 5; }
#search-form { float: right; width: 286px;  padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
#search-field { color: #707070; width: 250px;}
#search-field.active, #search-field:focus { color: #000; }
#search-button { border:none; outline: none; position: absolute; top: -6px; right: 0px; cursor: pointer; background: url("/img/search-brush.png") center center no-repeat; width: 44px; height: 46px; z-index: 7; }
#social {float: left; position: relative; top: -34px; left: 295px;}

/* common */
#left { width:650px; padding-top: 25px;}
#right { width: 330px; padding-top: 15px;}


/* Home */
#home-wrap { position:relative; left: 22px; top: 40px; height: 305px; background-image : url(/img/home-splash2.jpg); background-repeat: no-repeat}
#home-bottom  { display: block; height: 300px;}

.section-title { float:left; height:253px; width: 645px; padding-left: 28px; padding-top: 30px; }
.section-title span {color:#fff; font-size: 28px; line-height:32px; display:block; padding-top:40px; width:350px;}
.section-title p {background: url("/img/post-bg2.png"); color:#ffffbe; font-size: 14px; line-height:20px; margin:10px 0 0 0; width:300px;}

.recent-news {height:253px; width: 645px; padding-left: 28px; padding-top: 30px; }
.recent-news span {color:#fff; font-size: 24px; line-height:32px; display:block; padding-top:40px; width:350px;}
.focus-content { position: relative; float: right; left: -70px; top: 20px; background: url("/img/post-bg2.png"); padding: 10px 6px 0 6px;}
.focus-content div { height: 30px; text-align:center; color: #ffffff; font-weight: bold; font-size: 14px; background: url("/img/content-fill.jpg");}
#section-content {display:block; position: relative; top: 50px; left: 30px;}
#section-content  h3 { font-weight:normal; color: #ffffbe; font-size:20px; left: 10px;}
#news-carousel {display:block; width: 900px; height: 250px; background: url("/img/content-fill.jpg");}
#news-carousel .preview { padding: 0px 5px 0px 5px;display: block; width: 148px; height: 141px; float: left; background-position: 50% 60%; background-repeat: no-repeat; margin-bottom: 50px; }
#news-carousel .preview a { display:block; height: 190px; color: #ffffbe;}
#news-carousel .preview, #news-carousel .preview img { width:139px; height:147px; display:block; }
#news-carousel .preview a { border:1px solid #52818c; text-align: center;}
#news-carousel .preview a:hover { border-color:#85d1e2; }

#recent-releases { width: 330px; padding-top: 15px; left: 10px; top: 10px;}
#recent-releases h3 { font-weight:normal; color: #85d1e2; font-size:20px; left: 10px;}


/* News */
#post-updates { padding: 0 0 20px 0; position:relative; left: 10px; top: 10px;}
#post-updates .post { width: 600px; background: scroll 0 0 transparent; background-image : url(/img/content-fill.jpg); border: 1px solid black; margin: 5px; padding: 15px 25px 20px 30px; -moz-box-shadow: 5px 0px 15px #000; -webkit-box-shadow: 5px 0px 15px #000; box-shadow: 5px 0px 15px #000;}
#post-updates .previmg {max-width: 440px;}
#post-updates .article-left { width: 148px; height: 141px; float: left; background-position: center center; background-repeat: no-repeat;margin:15px 0 0 0; }
#post-updates .article-left a { display:block; }
#post-updates a:hover, #post-updates a:focus { color: #fff; }
#post-updates .article-right { width: 435px; float: left; padding: 7px 0 0 14px; position:relative;}
#post-updates h3 { font-weight:normal; font-size:20px; letter-spacing:-0.08em;}
#post-updates .article-right .article-summary { line-height: 1.4em; width:420px;}
#post-updates .by-line { font-size: 12px; margin:3px 0 0 0; color: #90afb6 }
#post-updates .by-line a {   }
#post-updates .by-line a:hover, #post-updates .by-line a:focus { color: #fff; }
#post-updates .by-line span { }
#post-updates .blog-paging { padding:0 15px 15px; }
#homepage, #blog-wrapper { background: url("") repeat-y; }
#post-updates h3, #post-updates .by-line { padding-left:3px; }
#post-updates .article-left, #post-updates .article-left img { width:139px; height:127px; display:block; }
#post-updates .article-left { -moz-box-shadow:0 0 20px -4px #000; -webkit-box-shadow:0 0 20px -4px #000; box-shadow:0 0 20px -4px #000; }
#post-updates .article-left a { border:1px solid #52818c; }
#post-updates .article-left a:hover { border-color:#85d1e2; }

.more { background:url("") no-repeat scroll 100% 2px transparent; padding-right:12px }
a.comments-link { background-image:url(""); padding-left: 20px;}
.by-line, .byline  { color:#85d1e2; }
#post-updates h3 { line-height: 1.08em; }
#post-updates h3 a { font-size:22px; color:#fff8d6; letter-spacing:-0.03em; font-weight:bold; }
#post-updates .article-right { width:430px; }
#post-updates .article-main { width:600px; }

#post-updates .article-main td {padding:5px; vertical-align:top}

.album { height:371px}

/* News sidebar */
.rightbar { padding: 0; margin-left: 10px; margin-bottom: 25px; }
.rightbar  h2{margin-left: 10px; margin-bottom: 5px; color: #fff8d6; font-size: 20px; letter-spacing:-0.03em; font-weight: bold; }

/* Featured */
.rightbar .featured {margin-top:15px; margin-bottom: 30px;}
.rightbar .featured a {display:block; width: 305; height:261; background: url("/img/thumb-featured.jpg") no-repeat; }
.rightbar .featured a:hover {background-position: 0 -261px; color: #fff; }
.rightbar .headline-fader {width:277px; height: 50px; position:relative; left: 11px; top: 201px; z-index: 10; background: url("/img/headline-fader-bg.png") repeat; }
.rightbar .headline-fader h3 {color: #fff; font-size: 16px; letter-spacing:-0.03em; font-weight: bold; }
.rightbar .headline-fader p {color: ffffbe; }


/* Recent comments */
.rightbar .commentblock-title {width: 290px; display:block; position:relative; left: 10px; margin-top: 10px; margin-bottom: 10px; border-bottom: 2px solid #123855; padding-bottom: 6px; }
.rightbar .commentblock-title h3 {  color: #9eb3b7; text-transform: uppercase; font-size: 14px; font-weight: normal; }
#right .rightbar .commentblock-title h3 a { color: #9eb3b7; padding-right: 20px; background: url("/img/goto.gif") 100% 50% no-repeat; }
#right .rightbar .commentblock-title h3 a:hover { color: #fff; }
.rightbar .commentblock-content { width: 285px; padding: 0; position:relative; left: 15px; background-image: url("/img/post-bg2.png");}
.rightbar .commentblock { margin-bottom: 20px;}
.recent-comments { line-height:16px;}
.recent-comments a { display:block; width: 275px; border-top:1px solid transparent; /*height:48px;*/}
.recent-comments a .int { display:block; background:right 0 no-repeat; font-size:11px; padding:7px 14px; }
.recent-comments a .title { font-weight:bold; display:block; word-wrap:break-word}
.recent-comments a:first-child { border: none }
.recent-comments a:hover .int { background-position:right -48px; }
.recent-comments a, .recent-comments a:first-child { padding-left: 8px; display: block; border-bottom: 1px solid #23333a; }
.recent-comments a:hover { background-color: #253032; }
/*.recent-comments a .int { padding: 6px 0; padding-right: 15px; background: url("/arrow_r_hover.png") 100% -5px no-repeat; }*/
.recent-comments a:hover .int { background-position: 100% -53px; }
.recent-comments a .desc { color: #efc9a0; font-weight: normal; }
.recent-comments a:last-child { border-bottom: 0;}




/* Single article */
#comments-wrap { position:relative; display: block; border-spacing: 10px; left: 22px; top: 35px; width: 565px; }
.comment-table { width: 585px; cellspacing -moz-box-shadow: 0 10 10px #642c22; }
.comment-table { table-layout: fixed; width: 100%; overflow: hidden; word-wrap: break-word;}
.comment-table .precn { width: 25%; word-wrap: break-word;}
.comment-table thead th {height:29px; padding: 0; background: #4d1a08 url("/img/table-header.gif") 0 100% repeat-x; border-bottom: 1px solid #1a0f08 }
.comment-table thead th, .comment-table thead th a { color: #F5EBD1; font-weight: bold;}
.comment-table thead th.align-center .sort-tab, .comment-table thead th.align-center .sort-link { text-align: center; }
.comment-table tfoot th { padding: 10px }
.comment-table tbody td { padding: 10px; color: #dcd3bb; margin: 10px 10px 10px 10px}
.comment-table tbody td a { padding: 10px; color: #85d1e2; font-weight: bold; }
.comment-table .staff {color: #79f1ff; font-weight: bold;}
.comment-table tbody .row1 td { background: #1e2728; border-top: 1px solid #253234; }
.comment-table tbody .row2 td { background: #253032; border-top: 1px solid #314346; }
.comment-table tbody tr.no-results td { padding: 25px 50px; text-align: center; background: #231207; color: #C09A67 }
.comment-table.full-width td:first-child { padding-left: 20px; }
.comment-table.full-width td:last-child { padding-right: 20px; }
.spoiler { color : #F5EBD1; background-Color: #F5EBD1 }

/* projects */
#content-main {position:relative; left: 22px; top: 0px; width:100%; margin: 0 0 30px 0;}
#projects-wrap { position:relative; left: 22px; top: 35px; height: 645px; margin: background-image : url(/img/projects-content-bg.jpg); background-repeat: no-repeat}
.projects {width:279px; height:170px; position:relative; padding: 10px 10px 10px 10px; margin-bottom:2px; background-position:1px 1px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.projects .main-link { color: #fff; width:277px; height:168px; display:block; border:1px solid #253032; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.projects .main-link:hover {border:1px solid #85d1e2; color: #fff;}
.projects .banner-title {font-size:18px; display:block; margin:0 0 4px 13px; text-shadow: -2px 0 4px #000, 0 2px 4px #000, 2px 0 4px #000, 0 -2px 4px #000}
.projects .banner-title em {color:#80461f; font-style:normal; font-size:18px;}
.projects .banner-desc {display:block; color:#b79855; font-size:11px; line-height:12px;}
.projects .main-link:hover .banner-desc {color:#fff;}
.projects .main-link:hover {background-position:0 -170px;}
.projects {float:left;}
.projects {height:162px; margin-bottom:49px;}
.projects .main-link {height:190px;}
.projects .main-link:hover{background-position:0 -190px;}
.projects .banner-title{margin-top:135px;}
.projects .banner-desc {display:block; margin-left:13px; margin-right:88px;}

/* project page */
#project-page .main-icon { margin: 10px 15px 15px 0; color: #fff; width:277px; height:168px; display:block; }
#project-page .summary{ padding: 0 20px 20px 20px; margin-bottom: 20px; position:relative; left: -5px; top: 10px;}
#project-page .summary { width: 835px; background: scroll 0 0 transparent; background-image : url(/img/content-fill.jpg); border: 1px solid black; margin: 5px; padding: 15px 25px 20px 30px; -moz-box-shadow: 5px 0px 15px #000; -webkit-box-shadow: 5px 0px 15px #000; box-shadow: 5px 0px 15px #000;}
#project-page .stats { display: block}
#project-page h3 { font-size:22px; color:#fff8d6; letter-spacing:-0.03em; font-weight:bold; }
#project-page .summary .info { width: 800px;}
#project-torrents { margin-top: 20px;}


/* torrents */
#torrents-wrap { position:relative; left: 22px; top: 35px; width: 995px; }
.torrents table { width: 985px; -moz-box-shadow: 0 10 10px #642c22; margin: 0 0 30px 0;}
.torrents thead th {height:29px; padding: 0; background: #4d1a08 url("/img/table-header.gif") 0 100% repeat-x; border-bottom: 1px solid #1a0f08 }
.torrents thead th, .torrents thead th a { color: #F5EBD1; font-weight: bold;}
.torrents thead th.align-center .sort-tab, .torrents thead th.align-center .sort-link { text-align: center; }
.torrents tfoot th { padding: 10px }
.torrents tbody td { padding: 10px; color: #f5ebd1; }
.torrents tbody td a { padding: 10px; color: #85d1e2; font-weight: bold; }
.torrents tbody td a:hover { color: #fff }
.torrents tbody .row1 td { background: #1a2122; border-top: 1px solid #253234; }
.torrents tbody .row2 td { background: #253032; border-top: 1px solid #314346; }
.torrents tbody tr:hover td,
.torrents tbody tr.row-active td { background: #040718; border-top-color: #0f0702; color: #fff }
.torrents tbody tr.no-results td { padding: 25px 50px; text-align: center; background: #231207; color: #C09A67 }
.torrents.full-width td:first-child { padding-left: 20px; }
.torrents.full-width td:last-child { padding-right: 20px; }



/* Otaku */
#otaku { padding: 0 0 20px 0; position:relative; left: 10px; top: 10px;}
#otaku .post { width: 610px; background: scroll 0 0 transparent; background-image : url(/img/content-fill.jpg); border: 1px solid black; margin: 5px; padding: 15px 20px 20px 20px; -moz-box-shadow: 5px 0px 15px #000; -webkit-box-shadow: 5px 0px 15px #000; box-shadow: 5px 0px 15px #000;}
#otaku .article-left { width: 148px; height: 141px; float: left; background-position: center center; background-repeat: no-repeat;margin:15px 0 0 0; }
#otaku .article-left a { display:block; }
#otaku a:hover, #otaku a:focus { color: #fff; }
#otaku .article-right { width: 435px; float: left; padding: 7px 0 0 14px; position:relative;}
#otaku h3 { font-weight:normal; font-size:20px; letter-spacing:-0.08em;}
#otaku .article-right .article-summary { line-height: 1.4em; width:420px;}
#otaku .by-line { font-size: 12px; margin:3px 0 0 0; color: #90afb6 }
#otaku .by-line a {   }
#otaku .by-line a:hover, #otaku .by-line a:focus { color: #fff; }
#otaku .by-line span { }
#otaku .blog-paging { padding:0 15px 15px; }
#homepage, #blog-wrapper { background: url("") repeat-y; }
#otaku h3, #otaku .by-line { padding-left:3px; }
#otaku .article-left, #otaku .article-left img { width:139px; height:127px; display:block; }
#otaku .article-left { -moz-box-shadow:0 0 20px -4px #000; -webkit-box-shadow:0 0 20px -4px #000; box-shadow:0 0 20px -4px #000; }
#otaku .article-left a { border:1px solid #52818c; }
#otaku .article-left a:hover { border-color:#85d1e2; }

.more { background:url("") no-repeat scroll 100% 2px transparent; padding-right:12px }
a.comments-link { background-image:url(""); padding-left: 20px;}
.by-line, .byline  { color:#85d1e2; }
#otaku h3 { line-height: 1.08em; }
#otaku h3 a { font-size:22px; color:#fff8d6; letter-spacing:-0.03em; font-weight:bold; }
#otaku .article-right { width:430px; }
#otaku .article-main { width:610px; }
#otaku .pic { float:left; clear:right; width: 300px; padding: 0 5px 20px 0;} 
#otaku .pic a { display: block; height: 225px; text-align:center;}
#otaku .pic span { display: block; width: 290px }
#otaku iframe { position:relative; left: -12px}