body { margin: 0 auto 40px auto; max-width: 896px; min-width: 640px }
html { background: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 40px }

a { color: #568; font-weight: bold; outline: 0; text-decoration: none }
a:hover { color: #679 }
div, span { cursor: default; text-align: justify }
div, p { line-height: 150% }
a, h3, span { line-height: normal }
img, object { border: 0; outline: 0 }

a.icon { background: url('http://ico.animuson.com/sprite/header.png') no-repeat; display: inline-block; height: 26px; padding: 0 18px }
a.icon_time { background-position: center right }
a.icon_user { background-position: center left }

.box { background: #DEE; border-radius: 10px; color: #555; padding: 10px }
div.rightside { margin-right: 220px }

div.side { background: #BDC; border-radius: 10px; clear: right; color: #555; float: right; width: 200px }
div.side, div.side div { text-align: left }
div.side a.indent { padding-left: 24px }
div.side a.small { display: block; font-size: 10px; padding: 7px 10px }
div.side a.small:hover { background: #ACB }

div.breaker { background: #FFF; font-size: 0; height: 1px }
div.blockquote, div.subquote { background: #EEF; border-radius: 0 10px 10px 0; border-left: 3px solid #69A; padding: 10px; margin: 10px 0 0 0 }
div.subquote { background: #EFE; border-left: 3px solid #8BA }
blockquote { font-style: italic; margin: 0; max-height: 240px; overflow: auto }
div.clear_it { clear: both; height: 20px }

h1, h2, h3, span.h1, span.h2, span.h3 { color: #666; display: block; font-weight: bold; margin: 0 0 -5px 0 }
h1, span.h1 { font-size: 20px }
h2, span.h2 { font-size: 15px }
h3, span.h3 { font-size: 10px }

div.footer { clear: both; color: #69A; cursor: default; font-size: 10px; font-weight: bold; padding-left: 10px }
div.footer div { float: right; text-align: right }
div.footer div a { color: #69A; display: inline-block; padding: 0 10px }
div.footer div a:hover { color: #8BA }

div.header { background-position: top left; background-repeat: no-repeat; min-height: 120px; padding-left: 120px }
div.header div.auth { padding-top: 2px; text-align: right }
div.header div.auth a.vip { color: #A22; font-size: 10px }
div.header a.icon { border-left: 1px solid #FFF; float: right; height: 30px }

div.header a.nav { color: #FBFDFF; display: block; float: left; line-height: 30px; padding: 0 10px }
div.header a.cur { background: url('http://ico.animuson.com/sprite/arrows.png') top center no-repeat }
div.header a.nav:hover { color: #69A }

div.header div.subnav { min-height: 30px }
div.header div.subnav a, div.header div.subnav span { color: #69A; cursor: pointer; display: block; float: left; font-weight: bold; line-height: 30px; padding: 0 10px }
div.header div.subnav a:hover, div.header div.subnav span:hover { color: #8BA }
div.header div.subnav a.on, div.header div.subnav span.on { background: url('http://ico.animuson.com/sprite/arrows.png') bottom center no-repeat }

div.header div.subnav span.more span { display: none; padding: 0 }
div.header div.subnav span.more:hover span { display: block }
div.header div.subnav span.more span a { display: block; float: none; font-size: 11px; line-height: 25px; padding: 0 10px 0 15px }
div.header div.subnav span.more span a:hover { background: #EFD }

a.tag { background: #9BA; border-radius: 3px; color: #555; display: inline-block; font-size: 10px; margin-bottom: 5px; padding: 3px 4px }
a.tag:hover { background: #ACB }
div.box a.tag { background: #BCC }
div.box a.tag:hover { background: #CDD }
a.nomargin { margin: 0 }
a span { cursor: pointer }

form { margin: 0 }
input, select, textarea { color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 }

div.code { background: #BDC; border-radius: 10px; padding: 10px; margin: 10px 0 0 0 }
div.code code { cursor: text; display: block; max-height: 240px; overflow: auto; white-space: pre }
span.code { background: #BDC; padding: 0 4px 1px 4px }
span.code code { display: inline }

li { margin: 0; padding-left: 11px}
li span { font-weight: normal; line-height: 150% }
ol, ul { font-weight: bold; margin: 10px 0 0 0; margin-left: -11px; padding: 0 }

div.below, div.above { margin: 0 10px; min-height: 30px }
div.below a, div.below a.on, div.below span { color: #69A; display: block; float: left; line-height: 30px; padding: 0 10px }
div.below span { font-weight: bold }
div.below a.on, div.below span.on { background: url('http://ico.animuson.com/sprite/arrows.png') bottom center no-repeat }
div.below a:hover { color: #8BA }
div.below a.right, div.below span.right { float: right }
div.below a.left, div.below span.left { float: left }
div.above a, div.above a.on, div.above span { color: #69A; display: block; float: left; line-height: 30px; padding: 0 10px }

div.nomargins { margin: 0 }
div.nopadding { padding: 0 }
div.halfpadding { padding: 5px }
div.padding { padding: 10px }
div.topspadding { padding: 10px 0 }

div.rightalign { text-align: right }
div.leftalign { text-align: left }
div.centeralign { text-align: center }

div.right { float: right }
div.left { float: left }

div.rightline { border-right: 1px solid #FFF; margin-right: 10px; padding-right: 10px }
div.leftline { border-left: 1px solid #FFF; margin-left: 10px; padding-left: 10px }

p { padding: 10px 0 0 0; margin: 0 }
p img { margin: 6px 8px }
hr { border: 1px solid #FFF; border-top: 1px solid #9BA }
.point { cursor: pointer }

span.red { color: #A82F24 }
span.orange { color: #A76224 }
span.gold { color: #A79924 }
span.blue { color: #30779C }
span.green { color: #309C30 }
span.purple { color: #A72484 }
span.italic { font-style: italic }
span.bold { font-weight: bold }
span.underline { text-decoration: underline }
span.icon { display: block; float: left; height: 12px; margin-right: 5px; width: 12px }
span.icon.inline { display: inline-block; float: none; position: relative; top: 2px }
span.small, div.small { font-size: 10px }
span.big { font-size: 15px }
span.large { font-size: 20px }
span.break { display: block; padding-bottom: 5px }
span.up { font-size: 7px; vertical-align: super }
span.down { font-size: 7px; vertical-align: sub }

.border { background: #555; color: #FFF; display: block; padding: 1px 5px; text-align: center }
.rounded { border-radius: 5px }
.redline { background: #A22 }
.orangeline { background: #A62 }
.goldline { background: #A92 }
.blueline { background: #379 }
.greenline { background: #393 }
.purpleline { background: #A28 }

a .redline:hover { background: #B33 }
a .orangeline:hover { background: #B73 }
a .goldline:hover { background: #BA3 }
a .blueline:hover { background: #48A }
a .greenline:hover { background: #4A4 }
a .purpleline:hover { background: #B39 }

.redbg { background: #ECC }
.orangebg { background: #EDC }
.goldbg { background: #EEC }
.bluebg { background: #CDE }
.greenbg { background: #CEC }
.purplebg { background: #ECE }

table { border: 0 }
td.rightpad { padding-right: 10px }
td.leftpad { padding-left: 10px }

div.qTip, span.qTip { background: #DEC; border: 1px solid #FFF; border-radius: 5px; color: #555; display: none; font-size: 10px; font-weight: bold; padding: 3px; position: absolute; text-align: left; z-index: 999 }
span.more span.qTip { display: none; min-width: 150px; padding: 5px 0 }
span.more:hover span.qTip { display: block }

span.privacy { border-radius: 3px; cursor: pointer; display: block }
span.privacy:hover { background: #FFF }
span.privacy span { background: url('http://ico.animuson.com/sprite/privacy.png') right -32px no-repeat; cursor: pointer; display: block; padding: 2px 10px 2px 3px }
span.privacy span img { height: 13px; width: 13px }
span.privacy_down { background: #FFF; border-radius: 3px 3px 0 0 }
span.privacy_list { background: #FFF; border-radius: 0 3px 3px 3px; display: none; padding: 3px 0; position: absolute; width: 125px }
label.box, label.check { background: url('http://ico.animuson.com/sprite/privacy.png') left 2px no-repeat; cursor: pointer }
label.box { background-position: 0 2px; color: #666; font-size: 13px; line-height: 15px; padding: 3px 3px 3px 20px }
label.check { background-position: 0 0; display: block; font-size: 9px; font-weight: bold; line-height: 11px; padding: 3px 3px 3px 16px }
label.box.on { background-position: 0 -14px }
label.check.on { background-position: 0 -16px }
span.privacy_list label:hover { background-color: #EEE }
label input { display: none }