body {background:#e8e8e8;margin:0 0 20px 0;padding:0;font-size:75%;font-family: lucida Grande, Helvetica, Arial, sans-serif;color:#333;}
 
a {color:#222222;}
a:hover {color:#000000;}
a:active {color:#000000;}

small {color:#777777;font-size:11px;}

h1 {letter-spacing:-1px;font-size:22px;color:#3f7add;font-weight:400;margin:0;padding:0 0 10px 0;}
h1 em {font-size:14px;color:#3f7add;font-style:normal;text-decoration:underline;}
h1 a {text-decoration:none;}
h2 {border:none;letter-spacing:-1px;margin:0;padding-bottom:2px;font-size:20px;color:#777777;font-weight:400;}
h2 a {color:#777777;text-decoration:none;}
h2 a em {font-style:normal;color:#444444;}
h2 a:hover, h2 a:hover em {color:#000000;text-decoration:underline;}

hr {margin:10px 0;height:1px;background:#e7e7e7;color:#e7e7e7;border:none;}

h3 a {text-decoration:none;color:#fff;}

.inlineimg {vertical-align:middle;}
.spacer {clear:both;}

#headwrap {margin:0;padding:0;text-align:center;background:url(../images/topbg.png) top left repeat-x;}
#headwrap-inner {margin:0 auto;position:relative;text-align:left;width:850px;}

#insideheadwrap {margin:0;padding:0;text-align:center;background:url(../images/topbg_small.png) top left repeat-x;}
#insideheadwrap-inner {margin:0 auto;position:relative;text-align:left;width:850px;}

#contentwrap {margin:0;padding:0;text-align:center;background:#fff;border-bottom:2px solid #cdcdcd;}
#contentwrap-inner {margin:0 auto;position:relative;text-align:left;width:850px;padding:15px 0;}

#footerwrap {margin:20px 0;padding:0;text-align:center;}
#footerwrap-inner {margin:0 auto;position:relative;text-align:left;width:850px;color:#888888;}
#footerwrap a {color:#666666;}

#header {height:152px;position:relative;}
#insideheader {height:41px;position:relative;}

#page {padding:0px 10px 10px 10px;background:#fff;margin:0 auto;border:1px solid #e7e7e7;}

.pagenav {padding:5px;margin:0 auto;}
.nextprev {float:right;}
.chaptercontrols {margin-top:2px; vertical-align:text-bottom; text-align:center;}

.topad {width:728px;height:90px;margin:0 auto;margin-bottom:10px;}
.skyscraper {width:120px;height:600px;background:#e7e7e7;padding:10px;}
.bottomad-wrap {margin:10px auto;width:650px;}
.bottomad-1 {width:300px;height:250px;margin-right:10px;float:left;}
.bottomad-2 {width:300px;height:250px;float:left;}

.logo {position:absolute;top:30px;}
.insidelogo {position:absolute;top:5px;left:10px;}
.slogan {position:absolute;top:55px;left:353px;width:500px;}
.slogan h4 {text-align:right;margin:0;padding:0;font-size:18px;color:#ffffff;letter-spacing:-1px;font-weight:400;}
.nav {position:absolute;left:0px;top:123px;} 
.insidenav {position:absolute;top:12px;left:180px;} 
.home-left {float:left;width:470px;margin-right:10px;padding-right:10px;border-right:1px solid #e7e7e7;}
.home-right {float:left;width:359px;}
.directory-left {float:left;width:709px;margin-right:10px;padding-right:10px;border-right:1px solid #e7e7e7;}
.directory-right {float:left;width:120px;}
.release-preview {float:left;width:173px;margin-right:15px;}
.release-info {float:left;width:282px;}

ul.tabbednav li a.personalisation:hover  {color:#536F18;}
.span-24 ul.tabbednav {clear:both;padding:0;}
ul.tabbednav {clear:both;padding:0;margin:0;}
ul.tabbednav li {float:left;list-style:none;margin-bottom:-1px;margin-right:2px;}
ul.tabbednav li a {padding:0 7px 0 7px;height:28px;display:block;margin:0;text-decoration:none;line-height:27px;}
ul.tabbednav li a:hover {color: #000;}
ul.tabbednav li a.active {padding:0 7px 0 7px;color:#000;border:1px solid #ffffff;border-bottom:0px solid #fff;background-color:#fff;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;}
ul.tabbednav li a.notactive {padding:0 7px 0 7px;color:#FFF;border:1px solid #2a62be;border-bottom:0px solid #fff;background-color:#2a62be;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;}
ul.tabbednav li a.tabcontent {margin-left:0px;}
ul.tabbednav li a.tabactivecontent{margin-left:7px;}
ul.tabbednav li a.notactive:hover {color:#000;background-color:#fff;border:1px solid #fff;border-bottom:0px solid #fff;}
ul.maintabbednav {z-index: 2;}
ul.maintabbednav li a.active {border-color:#ffffff;}
ul.maintabbednav li a.notactive {border-color:#2a62be;}

ul.navdark li a.notactive {border-color:#373737;background-color:#373737;}

ul.freshmanga {margin:0;padding:0;}
ul.freshmanga li {list-style:none;padding:5px;border-bottom:1px solid #e7e7e7;}
ul.freshmanga li em {float:right;font-style:normal;color:#888888;}
ul.freshmanga li.new {background:#fffad5;}

ul.twitter {margin:0;padding:0;}
ul.twitter li {list-style:none;padding:10px 0px;border-bottom:1px solid #e7e7e7;}

.ff {float:right;}

#notice {text-align:center;font-size:12px;font-weight:900;background:#74a421;border-bottom:1px solid #fff;padding:5px;color:#fff;}
#notice a {color:#fff;}

.mangablock {float:left;width:175px;}
.mangablock ul {margin:0;list-style-type:none;padding:0;}


table.datagrid {border-collapse:separate;border-spacing:0px;empty-cells:show;width:100%;border-right:1px solid #cdcdcd;border-top:1px solid #cdcdcd;}
table.datagrid td {border:1px solid #cdcdcd;border-top:none;border-right:none;padding:8px;color:#555;background:#ffffff;}
table.datagrid th {padding:3px 8px;background:#e7e7e7;border-left:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #999;border-right:1px solid #999;font-weight:900;color:#333;}
td.datacell-1, th.datacell-1 {text-align:left;}
td.datacell-2, th.datacell-2 {text-align:center;}
td.datacell-3, th.datacell-3 {text-align:right;}
table.datagrid td em {color:#888;font-style:normal;}
table.datagrid td ul {margin:0 15px;padding:0;}

table.datagrid-simple {border-collapse:separate;border-spacing:0px;empty-cells:show;width:100%;border:none;}
table.datagrid-simple td {border-bottom:1px solid #e7e7e7;padding:8px 0;color:#555;}
table.datagrid-simple th {border-top:5px solid #e7e7e7;border-bottom:1px solid #e7e7e7;letter-spacing:-1px;margin:0;padding:10px 0;font-size:20px;color:#777777;font-weight:400;}
table.datagrid-simple td em {color:#888;font-style:normal;}
table.datagrid-simple td ul {margin:0 15px;padding:0;}

a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(../images/buttonset.png);
    _background-image:url(../images/buttonset.gif);
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#444;
}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}




/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{


	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));
		
}