/*            --- animestory stylesheet ---
-------------------------------------------
	Author: Jyuukun
------------------------------------------*/

body { margin: 0 auto; background: #fff url(../images/read/bg.png) repeat-x; }

p, form, table, td, a, a img { margin: 0; padding: 0; border: 0; outline: 0; }
.clear { clear: both; }
.float { float: left; }
input, select { cursor: pointer; font: 12px Tahoma; color: #000; border: 1px solid #a6cfd7; background: #fbfeff; }

#header { margin: 0 auto; width: 780px; height: 52px; }
#header a { float: right; margin: 6px 0; width: 78px; height: 42px; }
#header a#logo { float: left; margin: 0; width: 243px; height: 52px; background: url(../images/read/logo.jpg) no-repeat; }
#header a#home { background: url(../images/read/home.png) no-repeat; }
#header a#mangas{ background: url(../images/read/manga.png) no-repeat; }
#header a#teams { background: url(../images/read/teams.png) no-repeat; }
#header a#teams:hover { background: url(../images/read/teams.png) no-repeat 0 -42px; }
#header a#forum { background: url(../images/read/forum.png) no-repeat; }
#header a#forum:hover { background: url(../images/read/forum.png) no-repeat 0 -42px; }

div.content { position: relative; margin: 0 auto; padding: 5px; width: 770px; text-align: center; background: #fff; }
div.content div.nav { margin: 5px auto; padding: 5px; text-align: right; width: 718px; font: 11px Tahoma; color: #515151; line-height: 25px; border: 1px solid #bbd1d5; background: #e8f2f4; }
div.content div.nav span { padding: 0 5px; }
div.content div.nav p { text-align: center; height: 40px; font: 15px Tahoma; font-weight: bold; letter-spacing: 0.5px; font-variant: small-caps; line-height: 40px; }
div.content div.nav p a { font: 21px Tahoma; font-weight: bold; color: #515151; }

table { margin: 0 auto; width: 780px; text-align: center; background: #fff; }
table img { z-index: 1; position: relative; }
table div { position: absolute; width: 122px; height: 600px; background: #181818; border-top: 10px solid #181818; border-bottom: 10px solid #181818; }
table div#left { z-index: 0; border-left: 7px solid #181818; }
table div#right { z-index: 0; border-right: 7px solid #181818; }

#footer { padding: 8px; text-align: center; border-top: 1px #e8e8e8 solid; border-bottom: 1px #e8e8e8 solid; background: #f4f4f4; }
#footer div#advertise { margin: 10px auto 0; text-align: right; width: 760px; }

#report { padding: 5px 20px; text-align: right; height: 21px; background: url(../images/read/report-bg.png) repeat-x; }
#report input { float: right; margin: 0 0 0 5px; padding: 2px 5px; height: 23px; font: 10px Trebuchet MS; color: #fff; text-decoration: none; border: 1px #3C3C3C solid; background: #3C3C3C; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#report input:hover { color: #515151; border: 1px #abcdd4 solid; background: #fff; }