/*
* Default CSS theme
*/
body {
	text-align: center;	/* IE HACK to align to center */
	background-color: #7d8ac3;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 1em 0px;
}

#navigation {
	position: relative;
	width: 540px;
	text-align:center;
	margin: 0em 0em .5em 0em;
	border: 1px solid black;
	background-color: #f2f2f2;
	padding: .4em 0em;
}


#navigation li { display: inline; }
#navigation li a {
	text-decoration: none;
	margin: 0em .5em;
	padding: .1em .5em;
	color: #800000;
	border: 0px;
	border-bottom: 2px dashed #3f4b80;
	font-weight: 600;
}
#navigation li a.current {
	text-decoration: none;
	margin: 0em .5em;
	padding: .1em .5em;
	color: #b40c0c;
	border: 0px;
	background-color: #c7d6ff;
	border-bottom: 2px dashed #3f4b80;
	font-weight: 600;
}

#navigation li a:hover {
	color: #d92d00;
	background-color: #ffffff;
	border-bottom: 3px solid #5a68a4;

}

#navigation li a:hover.current {
	color: #d92d00;
	background-color: #ffffff;
	border-bottom: 3px solid #d6d300;
}

/* Loading Text */
p.loading {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	text-align: center;
	font: bold 15px arial;
}

/* Failed Text */
p.failed {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	text-align: center;
	font: bold 15px arial;
	color: #c00;
}

/* End floater */
div.endfloat {
	clear: both;
}

div.mainwin {
	position: relative;
	text-align:left;
	margin: .5em auto 0px auto;
	width: 800px;
	display: block;
}

div.sidebar {
	position: relative;
	display: block;
	background-color: #f2f2f2;
	width: 250px;
	border: 1px solid black;
	float: right;
}

div.contwin {
	display: block;
	background-color: #f2f2f2;
	width: 540px;	
	border: 1px solid black;
}

div.contwin a {
	color: #b32c2c;
	text-decoration: none;
	font-family: Arial Rounded MT Bold;
}

div.contwin a:hover {
	color: #d92d00;
	background-color: #abb9e8;
	text-decoration: none;
}

div.contwin_admin {
	display: block;
	background-color: #f2f2f2;
	width: 800px;
	border: 1px solid black;
}

div.contwin_admin a {
	color: #b32c2c;
	text-decoration: none;
	font-family: Arial Rounded MT Bold;
}

div.contwin_admin a:hover {
	color: #d92d00;
	background-color: #abb9e8;
	text-decoration: none;
}

/*
* Comments
*/
div.comment_amt {
	text-align: right;
	margin: 1em 1em 0.25em 1em;
	font: 14px arial;
}

/* Main comment class */
div.comment_post {
	text-align: left;
	margin-left: 2em;
}

div.comment_post .comment_text {
	border: 1px solid #3f4b80;
	background-color: #FFFFFF;
	width: 375px;
}

div.comment_post .comment_text_blur {
	border: 1px dashed #5a68a4;
	background-color: #DFDFDF;
	width: 375px;
}

div.comment_post .comment_button {
	border: 1px solid #3f4b80;
	background-color: #FFFFFF;
	width: 375px;
}

div.comment_post .comment_button_blur {
	border: 1px dashed #5a68a4;
	background-color: #DDDDDD;
	width: 375px;
}

div.comment_show {
	margin: 0em 1em;
}

div.comment_show hr {
	border: 0px;
	color: #5A68A4;
	background-color: #5A68A4;
	height: 1px;
}

div.leave_comment_text {
	margin: 1em 1em;
	font: bold 16px arial;
	border-bottom: 1px solid #5A68A4;
	color: #B32C2C;
	width: 45%;
}


div.logo {
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	width: 800px;
	height: 130px;
	border: 1px solid black;
	border-top: 0px;
	margin: 0em auto;
}

/* Copyright */
div.copyright {
	display: block;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	background-color: #a1aee8;
	background-image: url(images/np_label.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin: .75em;
	border: 1px dashed #c7d6ff;
}

/* transparent rollover pictures */
p.transpic a {
	opacity:0.50;
	background-color: transparent;
}

p.transpic a:hover {
	opacity:1.00;
	background-color: transparent;
}

/* Collapsing window */
div.collapseWind {
	display: block;
	border: 1px dashed #c7d6ff;
	background-color: #5a68a4;
	margin: .75em;
}

div.collapseLabel {
	display: block;
	background-color: #a1aee8;
	cursor: pointer;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	background-image: url(images/button_on.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

div.collapseCont {
	border-top: 1px dashed #3f4b80;
	font-size: 13px;
	color: #ffe0bf;
}

div.collapseCont a {
	color: #dfadff;
	text-decoration: none;
}

div.collapseCont a:hover {
	color: #d92d00;
	background-color: #7383c4;
	text-decoration: none;
}

div.newsWind {
	display: block;
	border: 1px dashed #3f4b80;
	margin: .75em;
}

div.newsLabel {
	display: block;
	background-color: #828cba;
	background-image: url(images/np_label_big.gif);
	background-repeat: repeat-x;
	background-position: top left;
	width: 100%;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
}

div.newsLabel a {
	color: #b32c2c;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.newsLabel a:hover {
	color: #d92d00;
	background-color: #abb9e8;
	text-decoration: none;
}

div.newsLabel_small {
	display: block;
	background-color: #828cba;
	background-image: url(images/np_label.gif);
	background-repeat: repeat-x;
	background-position: top left;
	width: 100%;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
}

div.newsCont {
	border-top: 1px dashed #3f4b80;
	font-size: 14px;
	padding: .25em .25em;
}

div.animedesc {
	display: block;
	margin: .75em;
	font-size: 13px;
}

table.animedesc {
	border: 1px dashed #3f4b80;
	width: 100%;
}

td.animeinfoImg {
	border-right: 1px dashed #3f4b80;
}
	

td.animeinfoInfo {
	padding-left: .25em;
	border-bottom: 1px dashed #3f4b80;
}

td.animeinforowIdent {
	width: 100px;
	border-right: 1px dashed #3f4b80;
	border-bottom: 1px dashed #3f4b80;
	padding-left: .3em;
}

div.anime_bad {
	color: #800000;
}

div.anime_okay {
	color: #000080;
}

div.anime_good {
	color: #008000;
}

div.animelist {
	display: block;
	margin: .5em .5em;
}

#animetabs {
	width: 100%;
	text-align:left;
	padding: 0em;
	margin: 0em;
}

/*SELECTED*/
li.animetabs_sel {
	display: inline;
	text-decoration: none;
	margin: 0em .2em 0em 0em;
	padding: 0em .3em 0em .3em;
	color: #b40c0c;
	background-color: #c7d6ff;
	font-weight: 600;
	border: 1px dashed #3f4b80;
	border-bottom: 0px;
}

li.animetabs_sel:hover {
	color: #d92d00;
	cursor: pointer;
}

/*CURRENT*/
li.animetabs {
	display: inline;
	text-decoration: none;
	margin: 0em .2em 0em 0em;
	padding: 0em .3em 0em .3em;
	color: #800000;
	background-color: #b0c1ee;
	font-weight: 600;
	border: 1px dashed #3f4b80;
	border-bottom: 0px;
}

li.animetabs:hover {
	color: #d92d00;
	background-color: #ffffff;
	cursor: pointer;
}


div.animetab_main {
	background-color: #c7d6ff;
	display: block;
	border: 1px dashed #3f4b80;
	font-size: 14px;
}

div.animetab_main a {
	color: #b32c2c;
	text-decoration: none;
	font-family: Arial;
}

div.animetab_main a:hover {
	color: #d92d00;
	background-color: #abb9e8;
	text-decoration: none;
}

/* Login */
div.login {
	text-align: center;
	font-size: 16px;
	font-family: Century Gothic;
}

div.login .login_text {
	font-size: 16px;
	font-family: Century Gothic;
	border: 1px solid #3f4b80;
	background-color: #FFFFFF;
}

div.login .login_text_blur {
	font-size: 16px;
	font-family: Century Gothic;
	border: 1px dashed #5a68a4;
	background-color: #DFDFDF;
}

div.login .login_button {
	font-size: 16px;
	font-family: Century Gothic;
	border: 1px solid #3f4b80;
	background-color: #FFFFFF;
}

div.login .login_button_blur {
	font-size: 16px;
	font-family: Century Gothic;
	border: 1px dashed #5a68a4;
	background-color: #DDDDDD;
}

div.nohover a:hover {
	background-color: transparent;
	display: inline;
}

/* Gallery */
div.imgPreviewCont {
	margin: 0px auto 0px auto;
	text-align: center;
}
div.imgPreviewCont a:hover {
	background-color: transparent;
	display: inline;
}

img.imagePreviewimg {
	border: 1px dashed #3f4b80;
	padding: 4px;
	margin: 2px;
}
img.imagePreviewimg:hover {
	border: 1px solid #ff8080;
	background-color: #7383c4;
	padding: 4px;
	margin: 2px;
}

div.collapseCont img.imagePreviewimg {
	border: 1px dashed #dfadff;
	padding: 4px;
	margin: 2px;
}

div.collapseCont img.imagePreviewimg:hover {
	border: 1px solid #d92d00;
	background-color: #7383c4;
	padding: 4px;
	margin: 2px;
}

/* Transparent comment mouse overs */
div.image {
	display: block;
}

div.image span {
	display: block;
	position: absolute;
	text-align: center;
	font-family: Courier New;
	font-size: 12px;
	z-index: 1000;
	bottom: 0px;
	left: 18%;
	width: 64%;
	margin-bottom: 30px;
	background-color: #e2e3e2;
	border: 1px solid #1fb107;
	opacity: 0.2;
}

div.image:hover span {
	opacity: .85;
}