/*  
Theme Name: aqua
Theme URI: http://www.azureproject.net/
Description: aqua 1.0
Version: 1.0
Author: Diew
Author URI: http://www.azureproject.net/
*/

@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}


h1{
	font:20px Tahoma;
	font-weight:bold;
	color:#000000;
}

h2{
	font:16px Tahoma;
	font-weight:bold;
	color:#000000;
	padding-left:3px;
}

h3{
	font:14px Tahoma;
	font-weight:bold;
	color:#000000;
}



body{
	font:12px Tahoma;
	color:#111;
	background:#c8c8c8;
}

a:link, a:visited{
	color:#00aeef;
	text-decoration:none;
}

a:hover, a:active{
	color:#0091d0;
}

#page {
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0px;
	width: 980px;
	border-left:0px solid #000000;
	border-right:0px solid #000000;
}

/* --------------------- header ---------------------*/
#header {
	margin:0 auto;
	padding:5px 5px 0px 5px;
	background-color:#FFFFFF;
	width:970px;
	border-bottom:0px solid #000000;
	overflow:hidden;
}

#topmenu {
	clear:both;
	margin:0 auto;
	padding:0px;
	height:30px;
	border-bottom:1px dotted #CFCFCF;
}

#topmenu ul{
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

#topmenu li{
	float:left;
	margin:0 auto;
	padding:4px 12px 4px 12px;
	border-right:2px solid #CFCFCF;
}

#topmenu li a{
	font:14px Tahoma;
	font-weight:bold;
	color:#00aeef;		
}

#topsearchform {
	/*background:url(images/search-bg.gif) no-repeat 0 0px;*/
	float:right;
	margin:0 auto;
	padding:0;
	border:0px solid #CCC;
	width:270px;
	height:25px;
	position:relative;
	color:#555;
}
	
#topsearchform input {
	border:1px solid #888;
	background:none;
}


#top-search-submit {
	width:20px;
	border:1px solid #888;
	cursor:pointer;
	margin:0;
}

#blogtitle {
	clear:both;
	background:url(images/logo.png) no-repeat;
	margin:5px 0px 5px 0px;
	padding:0;	
	height:100px; /* 100px + 5*2 padding = 110px height */
}

#lefttitle {
	display:none;
/*	float:left;
	margin:0px;
	padding:0px;
	background-color:#FF0000;
	width:445px;
	height:250px;*/
}

#righttitle {
	/*float:right;
	margin:0px;
	padding:0px;
	background-color:#FF00FF;
	width:300px;
	height:100px;*/
}

#catmenu {
	clear:both;
	margin:0 auto;
	padding:0px;
	/*background-color:#f0f8ff;*/
	height:25px;
	border-top:0px solid #CCC;
	border-bottom:2px solid #CCC;
}

#catmenu ul {
	margin:0;
	padding:0px 2px 0px 2px;
	list-style-type:none;
}

#catmenu li {
	float:left;
	margin:0px 1px 0px 1px;
	padding:0px;
	background-color:#EEE;
}

#catmenu a {
	float:left;
	height:25px;
	font-size:12px;
	line-height:23px;
	color:#000;
	font-weight:bold;
	padding:0px 12px 0px 12px;
}

#catmenu .catleft {
	float:left;
}

#catmenu .catright {
	float:right;
}

#catmenu a:hover {
	background-color:#FFF;
	color:#000;
}

#catmenu li.active a{
	background-color:#444;
	color:#EEE;
}

#catmenu2 {
	width:970px;
	margin:0 auto;
	padding:0px;
	height:20px;
	background-color:#00A0E0;
}

#catmenu2 ul {
	margin:0px 0px 0px 0px;
	padding:0;
	list-style-type:none;
}

#catmenu2 li {
	float:left;
	margin:0px 2px 0px 0px;
	padding:0;
}

#catmenu2 a {
	float:left;
	height:20px;
	font-size:12px;
	line-height:20px;
	color:#EEE;
	padding:0px 12px 0px 12px;
}

#catmenu2 a:hover {
	background-color:#FFF;
	color:#333;
}

/*#catmenu2 li.active a{
	background-color:#00A0E0;
	color:#FFFFFF;
}*/


/* --------------------- xxxx ---------------------*/

#wrap {
	clear:both;
	margin:0 auto;
	padding:5px;
	min-height:500px;
}

img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

p.center{
	text-align:center;
}

#toolbox {
	clear: both;
	margin-top:5px;
	padding:0px;
	background-color:#FFF799;
	border: 1px solid #fbaf5d;

}

#toolbox h2 {
	clear: both;
	padding:5px;
	background-color:#fbaf5d;
	font:12px Tahoma, "MS Sans Serif";
	font-weight:bold;

}

#toolbox form{
	clear: both;
	font:12px Tahoma, "MS Sans Serif";
	padding:5px;
}

#toolbox label{
	float:left;
	width:100px;
	font-weight:bold;
}

#toolbox input.textbox{
	width:415px;
}
#toolbox input.passwordbox{
	width:100px;
}

.clear {
	clear:both;
}
.right{
	text-align:right;
}
.tag_cloud { 
	display: block;
	width: 133px;
	float: left;
	padding-left: 5px;
}

/* --------------------- gallery ---------------------*/

.image_gallery {	
	clear:both;
}

.image_gallery img{	
	margin:0 auto;
	padding:1px;
	border: 1px solid #CCC;
}

.image_gallery .thumb { 
	overflow:hidden;
	display: block;
	width: 255px;
	height: 370px;
	float: left;
	padding:10px 0px 10px 60px;
}

.image_gallery .thumb a{ 
	display: block;
	width: 250px;
	float: left;
	padding:5px;
	text-align: center;
}
 
/* pagenavi */
.pagenavi {
	clear:both;
	text-align:center;
	padding:3px;
}

.pagenavi a, .pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}

.pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

.pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

/**********************/
/****** ANIME DB ******/
#mainpage{
	float:left;
	margin:0 auto;
	padding:5px;
	width: 960px;
}

#mainpage .pagetitle{
	clear:both;
	height:20px;
	overflow:hidden;
	margin-bottom:5px;
	padding:0px;	
	border-bottom:2px solid #00A0E0;
}

#mainpage .pagetitle .left{
	float:left;	
}

#mainpage .pagetitle .right{
	float:right;	
}

.content h1, .pagetitle h1{
	margin:0 auto;
	padding:0px 0px 0px 5px;		
	font:16px Tahoma;
	font-weight:bold;
	color:#00A0E0;
}


.content h2, .pagetitle h2{
	margin-bottom:5px;
	padding:0px 0px 2px 5px;		
	font:12px Tahoma;
	font-weight:bold;
	color:#999999;
	border-bottom:1px solid #999999;
}

#mainpage .content h3{
	margin-bottom:5px;
	padding:0px 0px 2px 5px;		
	font:12px Tahoma;
	font-weight:bold;
	color:#999999;
	/*border-bottom:1px solid #999999;*/
}

#mainpage .content{
	float:left;
	margin:0 auto;
	padding-right:5px;
	width:700px;
	border-right:1px dashed #EEEEEE;
	overflow:hidden;
}

#mainpage .sidebar{
	float:right;
	margin:0 auto;
	padding:0px;
	width:250px;
}

#mainpage .sidebar img{	
	float:right;
	margin:0 auto;
	padding:1px;
	border: 1px solid #CCC;
}

/****** ANIME DB EDIT MENU******/
#editmenu{
	float:right;
	margin:0 auto;
	padding:0px;
}

#editmenu ul{
	float:left;
	margin:0 auto;
	padding:0px 5px 0px 0px;
	list-style-type:none;
}

#editmenu li{	
	float:left;
	margin:0px 0px 0px 5px;
	padding:0px;
}

#editmenu li a{
	display:block;
	color:#00aeef;
	margin:0 auto;
	padding:4px 10px 2px 10px;
}

#editmenu li a:hover{
	color:#FFFFFF;
	background-color: #00A0E0;
}

#editmenu li.active a{
	background-color: #00A0E0;
	color:#FFFFFF;
}

/****** ANIME DB ANIME INFO******/

#mainpage .pageinfo1{
	clear:both;
	margin:0 auto;
	padding:0px;	
}

#mainpage .pageinfo1 .text{
	float:left;
	margin:0 auto;
	padding:0px 0px 10px 10px;	
	width:615px;
	/*background-color: #00A0E0;*/
}

#mainpage .pageinfo1 .text .bold{
	float:left;
	padding-right:5px;	
	font-weight:bold;
}


#mainpage .pageinfo1 p{
	float:left;
	margin:0 auto;
	padding-bottom:10px;	
}

#mainpage .pageinfo1 .titlebox{
	float:left;
	margin:0 auto;
	padding:0px 0px 10px 0px;
	
}

#mainpage .pageinfo1 .text h3{
	padding-left:5px;	
}

#mainpage .pageinfo1 .animeimg{
	float:right;
	margin:0 auto;
	padding-right:5px;
	width: 250px;	
}

#mainpage .pageinfo1 img.ico{
	float:left;
	margin:0 auto;
	padding:1px 7px 0px 0px;
	border:0px solid #000000;
}

#mainpage .pageinfo2{
	clear:both;
	margin-bottom:10px;
	padding:0px;
	border-top:0px solid #00A0E0;
}

#mainpage .pageinfo2 label{
	font-weight:bold;	
}


#mainpage .pageinfo2 p{
	margin:0 auto;
	padding:0px 0px 5px 5px;	
}

/****** ANIME DB ADD ANIME ******/
.toolbox{
	clear:both;
	margin-bottom:10px;
	padding:0px;
	border:0px solid #888888;
	/*background-color: #f7f7f7;	*/		
}

#mainpage .toolbox h1{
	clear:both;
	margin:0 auto;
	padding:5px;		
	font:12px Tahoma;
	font-weight:bold;
	color:#FFFFFF;
	background-color: #00a0e0;		
	border-bottom:1px solid #888888;
}

.toolbox p{
	clear:both;
	margin:1px;
	padding:3px 3px 6px 5px;
	border-bottom:1px solid #EEEEEE;
	line-height:20px;
}

.toolbox label{
	display:inline;
	float:left;
	margin:0 auto;
	padding:0px;
	width:160px;
	font-weight:bold;
}

.toolbox .textbox{
	float:left;
	width:415px;
	margin-right:10px;	
}

.toolbox .textbox1{
	width:60px;
	margin-right:10px;
}

.toolbox .textbox2{
	width:80px;
	margin-right:10px;
}

.toolbox .textarea{
	width:680px;
	margin-right:10px;	
}

#mainpage .toolbox img{
	float:left;
	margin:0 auto;
	padding:5px 7px 0px 0px;
	border:0px solid #000000;	
}

.box_tips{
	clear:both;
	margin-bottom:5px;
	padding:5px;
	background-color:#E6EFC2;
	border: 1px solid #C6D880;
	text-align:left;	
}

.box_tips h2{
	clear:both;
	margin-bottom:5px;
	padding:5px;
	color:#555;
	border-bottom: 1px solid #555;
	font-weight:bold;
	font-size:12px;
	text-align:left;	
}


.box_ok{
	clear:both;
	margin-bottom:5px;
	padding:5px;
	background-color:#E6EFC2;
	border: 1px solid #C6D880;
	font-weight:bold;
	text-align:center;	
}

.box_note{
	clear:both;
	margin-bottom:5px;
	padding:5px;
	background-color:#FFF799;
	border: 1px solid #fbaf5d;
	font-weight:bold;
	text-align:center;	
}

.box_error{
	clear:both;
	margin-bottom:5px;
	padding:5px;
	background-color:#fbbaba;
	border: 1px solid #fa4b4b;
	font-weight:bold;
	text-align:center;	
}

.aligncenter{
	clear:both;
	margin:0 auto;
	padding:0;	
	text-align:center;	
}
/****** Spoiler ******/

#mainpage .spoiler{
	clear:both;
	margin:0 auto;
	padding:0px 0px 0px 0px;

}

#mainpage .spoiler .spoiltitle{
	clear:both;
	margin:0 auto;
	padding:5px;
	border-bottom: 3px solid #EEE;
	font-weight:bold;
}

#mainpage .spoiler .spoiltext{
	clear:both;
	margin:0 auto;
	padding:5px;
	background-color:#EEE;
}

/****** ANIME DB TABLE HISTORY******/

.table{
	clear:both;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-top:1px solid #CCC;
	line-height:16px;	
}

.table_header{
	clear:both;
	margin:0 auto;
	padding:3px 3px 3px 10px;
	border-bottom:1px solid #FFF;
	background-color: #00a0e0;	
	color:#EEE;
}

.table_header2{
	clear:both;
	margin:0 auto;
	padding:3px 3px 3px 10px;	
	border-bottom:1px solid #CCC;
	background-color: #EEE;	
	color:#333;
	font-weight:bold;
}

.table .label{
	display:block;
	float:left;
	margin:0 auto;
	padding:3px 3px 3px 10px;	
	width:150px;
	text-align:left;
	font-weight:bold;	
}

/*.table_row:hover{
	background-color: #EEE;
}*/

.table_row{
	clear:both;
	margin:0 auto;
	padding:0;
	border:0px dashed #000;
	border-bottom:1px dashed #EEE;
}

.table .full_row{
	float:left;
	margin:0 auto;
	padding:3px 3px 3px 10px;
	text-align:left;
}

.table_row .value{
	float:left;
	margin:0 auto;
	padding:3px;
	border-left:0px solid #CCC;
	width:392px;
	text-align:left;
}

.table_row .header{
	background-color:#EEE;
	border-bottom:1px solid #888;
	text-align:center;
	font-weight:bold;
}

.table .new{
	background-color:#fff799;
}

.table_row img{
	margin:0 auto;
	padding:0px 5px 0px 0px;
}

.table_footer{
	clear:both;
	margin:0 auto;
	padding:0px;
	border-bottom:2px solid #777;	
}

/****** ANIME DB TABLE ROW******/

.table_row .number{
	float:left;
	margin:0 auto;
	padding:3px;
	border-right:0px solid #CCC;
	width:50px;
	text-align:center;
}

.table_row .number p{
	color:#888;
	line-height:65px;
}

.table_row .image{
	float:left;
	margin:0 auto;
	padding:3px;
	border-right:0px solid #CCC;
	width:50px;
	text-align:center;
}

.table_row .name{
	float:left;
	margin:0 auto;
	padding:3px;
	border-right:0px solid #CCC;
	width:350px;
	text-align:center;
}

.table_row p{
	color:#888;
	text-align:left;
}

.table_row .anime_name{
	float:left;
	margin:0 auto;
	padding:3px;
	border-right:0px solid #CCC;
	width:200px;
	text-align:center;
}

.table_row .char_name{
	float:left;
	margin:0 auto;
	padding:3px;
	border-right:0px solid #CCC;
	width:200px;
	text-align:center;
}

.table_row .role{
	float:left;
	margin:0 auto;
	padding:3px;
	border-right:0px solid #CCC;
	width:120px;
	text-align:center;
}

.table_row .type{
	float:left;
	margin:0 auto;
	padding:3px;
	border-right:0px solid #CCC;
	width:110px;
	text-align:center;
}

.table_row .episode{
	float:left;
	margin:0 auto;
	padding:3px;
	border-right:0px solid #CCC;
	width:100px;
	text-align:center;
}



/****** ANIME DB TABLE ******/

.table2 {
	clear:both;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-top:1px solid #CCC;
	border-bottom:2px solid #777;	
}

.table2 .title {
	clear:both;
	margin:0px 0px 0px 0px;
	padding:3px 3px 3px 5px;
	border-bottom:1px solid #EEE;
	background-color: #444;	
	color:#EEE;
}

.table2_row_header {
	clear:both;
	margin:0 auto;
	padding:0px;
	height:20px;
	border-bottom:1px solid #CCCCCC;
	background-color: #EEEEEE;	
	font-weight: bold;	
	text-align:center;
}

.table2_row {
	display:block;
	clear:both;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	height:20px;
	border-bottom:1px dashed #EEEEEE;
	text-align:right;
}

.table2_row:hover{
	background-color: #EEEEEE;
}


.table2_1 {
	float:left;
	display:block;
	margin:0 auto;
	padding:3px;
	border-right:1px solid #EEEEEE;
	width:200px;
	text-align:right;	
}

.table2_2 {
	float:left;
	display:block;
	margin:0 auto;
	padding:3px;
	border-right:1px solid #EEEEEE;
	width:250px;
	text-align:right;
}

.table2_3 {
	float:left;
	display:block;
	margin:0 auto;
	padding:3px;
	border-right:1px solid #EEEEEE;
	width:123px;
	text-align:center;
}

.table2_4 {
	float:left;
	display:block;
	margin:0 auto;
	padding:3px;
	border-right:0px solid #EEEEEE;
	width:100px;
	text-align:center;
}

/* --------------------- footer ---------------------*/
#footer {
	clear:both;
	background-color:#FFF;
	margin:0 auto;
	padding:15px;
	font-size:12px;
	color:#888;
	text-align:center;
	border-top:1px dotted #CFCFCF;
}