body{font-family:verdana;margin:0;padding:0;color:#555; font-size:7pt;background:url(comicbg.jpg) fixed no-repeat center;}
#header img{margin:10px auto;}
#header{padding:0 10px;overflow:hidden;text-align:center;background: url(head.png) repeat scroll 0 0;height:210px;}
#header h1{margin:0;padding:10px 0;}

#bcnav{left:5px;position:absolute;top:156px;margin:0px;padding:0px;background-position:center bottom;background-repeat:repeat-x;float:left;height:28px;width:960px;}
#bcnav li{-moz-border-radius: 1em 1em 1em 1em;border-radius: 1em 1em 1em 1em;background:#fee100;display:inline;float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin-left:2px;padding:0;position:relative;z-index:100;}
#bcnav a{color:#000;display:block;padding:5px;text-decoration:underline;}
#bcnav strong{color:#555;display:block;padding:5px;text-decoration:none;}
#bcnav a:hover{text-decoration:none;}
#bcnav li:hover{background-color:yellow;}

#nnav ul{left:23px;margin:0;padding:0;position:absolute;top:183px;width:100%;}

#nnav ul li{list-style-type:none;text-align:center;display:block;float:left;-moz-border-radius: 1em 1em 1em 1em;border-radius: 1em 1em 1em 1em;background:#d64f19;border:1px solid #FEE100;padding:0 2px;}
#nnav ul li a{line-height:22px;color:#FFFFFF;display:block;font-family:Verdana;font-size:13px;height:100%;padding:0px 15px;text-decoration:underline;}
#nnav ul li:hover{background:yellow;}
#nnav ul a:hover{color:#333;text-decoration:none;}

.homli{width:150px;float:left;}

#mainContent{display:block;float:left;line-height:22px;font-size:12px;color:#555;width:735px;padding:0 0 0 20px;}

#sidebar1{padding:0 0 0 10px;background:#fff;display:inline;float:left;width:204px;}
#sidebar1 li{-moz-border-radius: 1em 2em 1em 2em;border-radius: 1em 2em 1em 2em;position:relative;font-weight:bold;color:#335273;display:block;font-size:8pt;list-style-type:none;line-height:1.6;padding:0px;}
#sidebar1 li a{height:auto;width:auto;}
#sidebar1 li a i{border:solid 1px #dedede;background:#3366ff;color:#FFFFFF;position:absolute;bottom:20px;left:2px;padding:3px 4px;}
#sidebar1 li a:hover i{background:yellow;color:#000;}
#sidebar1 li img{width:200px;border:1px solid #3366FF;}
#sidebar1 .pgnav li:hover{color:#ff0;}
#sidebar1 ul{margin:0px;padding:0 0 0 0px;}
#sidebar1 b{font-size:12px;font-weight:bolder;padding:5px;}
#comblog{float:right;}

#footer{padding:0px;background:url(foot.png);height:127px;}
#footer p{margin:0; padding:10px 0;color:#FFFFFF;margin:0;padding:40px;}

#hd{display:block;height:5px;overflow:hidden;}
#comicslist{margin:0px;padding:0px;}
#container{margin:0px auto 0px;padding:0px;width:1000px;overflow:hidden;position:relative;background:url(bg.png)}
a{color:#426793;font-weight:bold;}
a:hover{color:#666;}
hr{clear:both;}
#regform label{display:block;float;left;clear:left;width:300px;}
#regform input{display:block;float;left;}
#rsdiv{background:url(/res/relateds.png) top right no-repeat;}
#rsdiv ul{margin:0px;padding:0px;}
#rsdiv li{list-style-type:none;margin:0px;padding:0 0 5px 10px}
 #rsdiv li:hover{padding:0 0 5px 15px}
#rsdiv a{width:100%;display:block;}
#a234x60 img{border:none;padding:none;float:right;}
#a210x210{display:block;overflow:auto;overflow-x:hidden;}
#a210x210 img{border:none;padding:none;float:left;}
#a468x60{position:absolute;left:7px;;top:0px;}
#regi{}
#regi label{float:left;clear:left;display:block;}
#regi input{background:#fee100 none repeat scroll 0 0;border:1px solid #000;color:#FFFF00;float:left;margin:2px;}
#searchform input{border:1px solid #000;float:left;margin:2px;}

#admn strong{color:#000;}
p a{color:#3399FF;text-decoration:underline;}
p a:hover{color:#4433ff;}

#rblk{border:#000 1px solid;background:#FEE100;display:block;overflow:auto;color:#000;padding:10px;margin:10px;-moz-border-radius: 1em 1em 1em 1em;border-radius: 1em 1em 1em 1em;}


#searchform{margin:20px 0 0 0;overflow:auto;padding:5px;background:#3366FF none repeat scroll 0 0;border:1px solid #DEDEDE;-moz-border-radius: 1em 1em 1em 1em;border-radius: 1em 1em 1em 1em;}
#searchform b{color:#fff;font-size:12px;float:left;}
#searchform input{float:right;}

#searchformbig{padding:14px;width:660px;margin:20px 0 0 0;overflow:auto;background:#3366FF none repeat scroll 0 0;border:1px solid #DEDEDE;-moz-border-radius: 1em 1em 1em 1em;border-radius: 1em 1em 1em 1em;}
#searchformbig b{color:#fff;font-size:12px;float:left;padding:10px;}
#searchformbig input{font-size:2em;}

ol{overflow:auto;display:block;}
#log{clear:left;border:1px solid #FEE100;background:#d64f19;margin:10px 2px;color:#05375A;display:block;overflow:hidden;padding:5px;-moz-border-radius: 1em 1em 1em 1em;border-radius: 1em 1em 1em 1em;}
#log span{display:block;color:#FEE100;float:left;}
#log .cli{width:100px;display:block;background:#fee100;color:#000}
#log a{color:#FEE100;}
#log label{line-height:20px;float:left;height:20px;color:#FEE100;}
#log input{border:1px solid #000;margin:2px;float:left;background:#fee100;color:#000;}
.sbut{border:1px solid #000;margin:2px;background:#fee100;color:#000;}
.sbut:hover{background:#2288bb;}
#mp3{position:absolute;top:0px;left:0px;margin:2px 0 0 2px;}

.newthread{width:737px;padding:20px;clear:both;}
.newthread input{width:500px;}
.newthread textarea{width:500px;height:200px;}
#sharethis_0{background:#FFFFFF none repeat scroll 0 0;float:right;margin:10px;padding:4px;position:absolute;right:0px;top:30px;}

#twitter{border:0 none;float:left;position:absolute;right:8px;top:88px;}
#twitter a img:hover{background:none;}
#twitter img{border:0px;}
.sdiv{background-position:right bottom;background-repeat:no-repeat;margin:0px;padding-bottom:3px;}
.fsl{background:#fff;padding:10px;margin:8px 0;clear:both;display:block;}
#sidebar2{float:right;width:13em;padding:15px 0;text-align:right;}
#sidebar1 h3,.thrColHybHdr #sidebar1 p,.thrColHybHdr #sidebar2 p,.thrColHybHdr #sidebar2 h3{margin-left:10px;margin-right:10px;}
.sdiv{display:block;width:212px;}
.sdiv img{text-align:center;}

#mainContent .sdiv{list-style-type:none;float:right;display:block;}
#cf fieldset{border:1px solid #781351;width:410px;background:#fff;}
 fieldset{}
legend{color:#426793;background:#D9E3F0;border:1px solid #4A76A6;padding:2px 6px}
label{width:7em;float:left;text-align:right;margin-right:0.5em;display:block;}
.submit{margin:0.5em;float:right;}
.tla{position:absolute;top:2px;right:2px;}
.tla a{padding:3px;cursor:pointer;color:#ff0;}
.tla img:hover{border:2px solid #05375A;}

/* Miscellaneous classes for reuse */
.fltrt{float:right;margin-left:8px;}
.fltlft{float:left;margin-right:8px;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;width:100%;display:block;}
/*background:transparent url(/res/00f.gif) repeat scroll 0 0;*/

h1{color:#D64F19;display:block;font-family:"MolotRegular",Arial,sans-serif;font-size:20pt;line-height:28px;margin:0;padding:4px 10px;
text-shadow:1px 1px 0 black, 2px 2px 0 #476871, 3px 3px 0 #476871, 4px 4px 0 #476871, 5px 5px 0 #476871, 6px 6px 0 #476871, 7px 7px 0 #476871
}

@font-face {
    font-family: "MolotRegular";
    src: local("/res/Molot"), local("/res/Molot"), url("/res/Molot.woff") format("woff"), url("/res/Molot.ttf") format("truetype"), url("/res/Molot.svg#Molot") format("svg");
}

h2{margin:0px;-moz-border-radius: 1em 2em 1em 1em;border-radius: 1em 2em 1em 1em;font-size:12px;border:1px solid #000;background:#FEE100;padding:0 0 0 5px;}
h2 a{color:#000;text-decoration:none;display:block;}
h2 a:hover{color:#000;text-decoration:underline;}
h3{background-color:#dedede;border-bottom:2px solid #426995;color:#666;margin:0px;font-size:14px;}
h3 a{color:#666;margin:0 0 0 20px;text-decoration:none;}
h3 a:hover{color:#666;margin:0 0 0 20px;text-decoration:underline;}

#sendme{margin:0pt auto; padding:10px; background:rgb(51,153,255) none repeat scroll 0% 0%; clear:both; text-align:center;}
.block{width:200px; margin:10px;border:solid 1px #000;padding:10px;float:left;background:#fff;}
.fsi{clear:both;overflow:auto;display:block;}
.fsi img{padding:2px;border:solid 1px #000;margin:20px;}
.fsi strong{color:#fff;}
.ffsl{list-style-type:none;background:#fff;padding:10px;margin:8px 0;clear:both;display:block;}
.ffsl:hover{background-color:#dedede;}
.article .msi{background:#D9E3F0 none repeat scroll 0 0;float:right;padding:1px;border:solid 1px #444;margin:20px;width:auto;}
#rblk .msi{background:#D9E3F0 none repeat scroll 0 0;float:left;border:solid 1px #444;margin:10px;}
.images img{padding:10px;border:solid 1px #000;margin:20px;}
.article{overflow:hidden;padding:0 0 0 20px;display:block;}
.article img{margin:5px;padding:5px;border:1px solid #000;background:#D9E3F0;}
#comicslist{margin:0px;padding:0px;overflow:auto;display:block;}

#comicslist li{-moz-border-radius: 1em 2em 1em 2em;border-radius: 1em 2em 1em 2em;border:1px solid #555;padding:0 5px 5px;float:left;width:340px;background:#eee;position:relative;overflow:hidden;margin:5px;display:block;text-decoration:none;color:#222;}
#comicslist li h2{padding:0px;color:#000;margin:0 -5px;}
#comicslist li h2 a{color:#000;padding:3px;text-decoration:underline;}
#comicslist li h2 a:hover{text-decoration:none;color:#ooo;}
#comicslist li img{z-index:0;width:100px;margin:5px 5px 5px 0;border:1px solid #05375A;float:left;-moz-border-radius: 1em 2em 1em 1em;border-radius: 1em 2em 1em 1em;}
#ed{display:block;padding:10px;margin:10px;clear:left;}
#ed li{list-style-type:none;}
#comicslist2{margin:0px;padding:0px;display:none;}
#pre{position:relative;height:200px;overflow:hidden;}
#pre p{position:absolute;background:#3399ff;color:#fff;padding:10px;width:450px;right:10px;top:70px;font-size:14px}
#pre p strong{font-size:14px;}
#pre img{position:absolute;}
#pre strong{position:static;position:absolute;z-index:10;left:230px;background:#3399ff;top:20px;padding:5px;font-size:18px}
 #pre a{color:#fff}
#lstor{list-style-type:none;margin:0px;padding:0px;}
#lstor li{padding:5px;margin:10px 8px;background:#3399ff;display:inline;}
#lstor li a{color:#fff;}
a img:hover{background:#3399FF;}
.cl{margin:5px 10px;padding:10px 102px 10px 10px;background-color:#5381B3;color:#fff;overflow:auto;position:relative;}
.cl span{float:right;padding:0 10px;background-color:#fff;margin:0px;color:#000;height:100%;position:absolute;right:0;top:0;}
.cr{margin:5px 10px;padding:10px 10px 10px 102px;background-color:#5381B3;color:#fff;overflow:auto;position:relative;}
.cr span{float:left;padding:0 10px;background-color:#fff;margin:0px;color:#000;height:100%;position:absolute;left:0;top:0;}
.clear{clear:both;display:block;}
#cf textarea{width:400px;border:2px solid #D9E3F0;}
#cf input{clear:left;display:block;}
#par{margin:10px auto;width:600px;}
#par textarea{width:550px;border:2px solid #D9E3F0;height:100px;}
#par input{clear:left;display:block;float:right;}
blockquote{background:#D9E3F0 none repeat scroll 0 0;border:0.5px dashed;padding:5px;display:block;overflow:hidden;color:#000000;}
.stbx{display:block;float:left;width:190px;padding:10px;margin:10px;border:2px solid #D9E3F0;width:190;}
.stbx:hover{background:#D9E3F0;}
.stbx strong{cursor:pointer;}
.stbx a{cursor:pointer;color:#3399FF;}
/* SLIMBOX */
#lbOverlay{position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#lbCenter,#lbBottomContainer{position:absolute; z-index:9999; overflow:hidden; background-color:#fff; }
.lbLoading{background:#fff url(/script/loading.gif) no-repeat center;}
#lbImage{position:absolute; left:0; top:0; border:10px solid #fff; background-repeat:no-repeat; }
#lbPrevLink,#lbNextLink{display:block; position:absolute; top:0; width:50%; outline:none; }
#lbPrevLink{left:0;}
#lbPrevLink:hover{background:transparent url(/script/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink{right:0;}
#lbNextLink:hover{background:transparent url(/script/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif; font-size:10px; color:#666; line-height:1.4em; text-align:left; border:10px solid #fff; border-top-style:none; }
#lbCloseLink{display:block; float:right; width:66px; height:22px; background:transparent url(/script/closelabel.gif) no-repeat center; margin:5px 0; outline:none; }
#lbCaption,#lbNumber{margin-right:71px;}
#lbCaption{font-weight:bold;}
.ah{clear:left;background-color:#333333;color:#EEEEEE;display:block;margin:8px 0 0;overflow:auto;padding:10px;}
#slideshow{list-style:none; color:#fff}
 #slideshow span{display:none}
#wrapper{width:706px; margin:50px auto; display:none}
#wrapper *{margin:0; padding:0}
#fullsize{overflow:hidden;margin:-60px 0 0;position:relative; width:700px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information{position:absolute; bottom:0; width:700px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3{padding:4px 8px 3px; font-size:14px}
 #information p{padding:0 8px 8px}
#image{width:700px;}
#image img{position:absolute; z-index:25; width:auto;height:300px;;}
.imgnav{position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev{left:0; background:url(/script/images/left.gif) left center no-repeat}
#imgnext{right:0; background:url(/script/images/right.gif) right center no-repeat}
#imglink{position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
 .linkhover{background:url(/script/images/link.gif) center center no-repeat}
 #thumbnails{margin-top:15px}
#slideleft{float:left; width:20px; height:81px; background:url(/script/images/scroll-left.gif) center center no-repeat; background-color:#222}
 #slideleft:hover{background-color:#333}
#slideright{float:right; width:20px; height:81px; background:#222 url(/script/images/scroll-right.gif) center center no-repeat}
 #slideright:hover{background-color:#333}
#slidearea{float:left; position:relative; width:656px; margin:0 0 20px 5px; height:81px; overflow:hidden}
#slider{position:absolute; left:0; height:81px}
#slider img{cursor:pointer; border:1px solid #666; padding:2px;height:75px;}
.article .nopad{padding:0px;margin:0px;}

#social{overflow:none;top:20%;float:left;clear:both;margin:0 0 0 -60px;padding:5px;width:60px;text-align:right;position:fixed;margin-right:-60px;background:#fff none repeat scroll 0 0;border:1px solid #FEE100;}
#social li{list-style-type:none;padding:0 0 10px 0;text-align:center;overflow:none;}

/* Piro box*/
.piro_html {position:absolute; top:0; left:0; padding:0; width:500px; height: 500px; margin:0; display:block; padding:0; z-index:150001; padding:0;  }
.piro_html table,.piro_html tbody,.piro_html tr,.piro_html th,.piro_html td{margin:0;padding:0;border:none;}
.piro_html img{ margin:0; padding:0; border:none;}
.piro_html .h_t_l{ width:10px; height:10px; background: url(/res/style_5/new_skin.png) top left no-repeat;}
.piro_html .h_t_r{ width:10px; height:10px; background: url(/res/style_5/new_skin.png) top right no-repeat;}
.piro_html .h_t_c{  height:10px;background: url(/res/style_5/new_skin_top.png) top repeat-x;}
.piro_html .h_c_l{width:10px; background: url(/res/style_5/new_skin_left.png) left repeat-y; }
.piro_html .h_c_c{background:#fff;margin:0; padding:0;}
.piro_html .h_c_c .div_reg{ background:#fff; width:480px; overflow:hidden; height:480px; margin:0; padding:0; position:relative; z-index:1500190;}
.piro_html .h_c_c .div_reg img{ }
.piro_html .h_c_r{width:10px; background: url(/res/style_5/new_skin_left.png) right repeat-y;}
.piro_html .h_b_c{  height:10px;background: url(/res/style_5/new_skin_top.png) bottom repeat-x;}
.piro_html .h_b_l{ width:10px; height:10px;background: url(/res/style_5/new_skin.png) bottom left no-repeat;}
.piro_html .h_b_r{ width:10px; height:10px;background: url(/res/style_5/new_skin.png) bottom right no-repeat;}
.piro_overlay{position:fixed; top:0; left:0; width:100%; height:100%;  z-index:150000;background:#fff;display:none; cursor:pointer;}
.piro_loader{position:absolute;top:50%;left:50%;margin:-13px 0 0 -37px;width:70px;height:26px;display:block;z-index:1500197; background:  url(/res/style_5/loader_nav.png);  cursor:pointer; }
.piro_loader span{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-24px;width:48px;height:10px; padding:0;display:block;z-index:1500198; background: #fff url(/res/style_5/loadinfo.gif) center bottom no-repeat; }
.piro_title{position:fixed; background: url(/res/style_5/bg_title.png) bottom repeat-x;top:0;left:0;width:100%; text-align:center;display:block; padding:6px 0 10px 0; color:white; z-index:150000; font-size:18px; display:none;}
.btn_info{position:absolute;bottom:-7px;right:-7px;width:25px; height:25px;margin:0;display:block; padding:0px; color:black; cursor:pointer; background: url(/res/style_5/b_w/info.png) no-repeat; z-index:1500440}
.caption{position:absolute;bottom:10px;left:10px;margin:0;display:block; padding:0px; color:black; cursor:text; background: url(/res/style_5/caption.png); z-index:1500191}
.caption p{ display:block; margin:0;padding:7px 5px; text-align:center; font-weight:normal; font-size:14px; color:white; z-index:150019; color:white;}
.nav_container{position:absolute; left:50%; margin:0 0 0 -60px;  height:40px; width:120px; background: url(/res/style_5/bottom_nav.png)  center no-repeat; z-index:1500194;}
.piro_close,a.piro_next,a.piro_prev,.piro_prev_fake,.piro_next_fake{width:34px; height:34px; position:absolute;top:4px;}
a.piro_next{ right:6px;text-indent:-999em;outline:none; display:block; margin:0;background:url(/res/style_5/next.png) center no-repeat; border:none; cursor:pointer;z-index:150023}
a:hover.piro_next{background:url(/res/style_5/next_fake.png) center no-repeat;}
.piro_next_fake{right:4px;outline:none; text-indent:-999em; display:none; margin:0;background: url(/res/style_5/next_fake.png) center  no-repeat; border:none; cursor:auto;z-index:150020}
.piro_close{right:42px;background: transparent url(/res/style_5/close.png) center center no-repeat;cursor:pointer;margin:0;z-index:150022;display:none;}
.piro_close:hover{background: transparent url(/res/style_5/close_h.png) no-repeat center center;}
.piro_prev_fake{right:78px;outline:none; text-indent:-999em; display:none; margin:0;background: url(/res/style_5/prev_fake.png) center  no-repeat; border:none; cursor:auto;z-index:150020}
a.piro_prev{right:78px; text-indent:-999em; outline:none;display:block;margin:0;background: url(/res/style_5/prev.png) center  no-repeat;border:none; cursor:pointer; z-index:150024}
a:hover.piro_prev{background:url(/res/style_5/prev_fake.png) center  no-repeat;}
.zoomIn{position:absolute; height:32px; width:32px; top:20px; right:20px; text-indent:-999em; background:url(/res/style_5/enlarge.png) no-repeat;z-index:1500192;}
.zoomOut{position:absolute; height:32px; width:32px; top:20px; right:20px; text-indent:-999em; background:url(/res/style_5/dislarge.png) no-repeat;z-index:1500193;}