body{font-family:Verdana;margin: 0;padding: 0;	/*text-align: center;*/	color: #fff;	font-size:8pt;background: #222222 fixed no-repeat 0 0;}

#topnav{display:table;width:100%;margin:0px;padding:0px;}
#topnav li{display:table-cell;text-align:center;}
#topnav li a{color:#dedede;font-size:18px;}

#rblk, .article{clear:left;border:#3399CC 3px solid;background:#EEEEEE;display:block;overflow:auto;color:#000;padding:10px;margin:10px;-moz-border-radius: 1em 1em 1em 1em;border-radius: 1em 1em 1em 1em;}

#container{border-bottom:4px solid #263D53;margin:5px auto 20px;padding:0px;width:960px;overflow:hidden;position:relative;}
a{color:#666;text-decoration:none;}
a:hover{color:#666;text-decoration:underline;}
hr{clear:both;}
#sidebar1 a img{border:0pc;}
#admn strong{color:#000;}
#admn{background:#eee;}

.article .msi{background:#fff none repeat scroll 0 0;float:right;padding:1px;border:solid 1px #444;margin:20px;width:auto;}

.article img{margin:5px;padding:5px;border:1px solid #000;background:#D9E3F0;}

blockquote p {color:#333;}
p a{color:#3399FF;text-decoration:underline;}
p a:hover{color:#4433ff;}
#header img{margin: 10px auto;}
#header {border: 1px solid #3399CC;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 0 10px;overflow:hidden;text-align:center;background:#FFF url(/res/superman-movie.jpg) repeat scroll 0 0;height:150px;}
#header h1 {margin: 0;padding: 10px 0;}
ol{overflow:auto;display:block;}

#socm{position:absolute;top:25px;left:10px;}
#socm a{color:#3399FF;}

#regi{}
#regi label{float:left;clear:left;display:block;}
#regi input{background:#3399CC none repeat scroll 0 0;border:1px solid #D9E3F0;color:#FFFF00;float:left;margin:2px;}

#searchform input{background:#333 none repeat scroll 0 0;border:1px solid #D9E3F0;color:#FFFF00;float:left;margin:2px;}
label{clear:left;}
#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;}


#log{position:absolute;top:25px;right:0px;margin:10px 2px 0 0;color:#3399CC;display:block;overflow:hidden;}
#log span{display:block;background:#3399CC;color:#ff0;float:right;}
#log .cli{clear:both;width:100px;display:block;background:#3399CC;color:#ff0}
#log a{background:#3399CC;color:#ff0;margin:2px 0 0 5px;padding:2px;float:right;}
#log input{border:1px solid #D9E3F0;margin:2px;float:right;clear:right;background:#3399CC;color:#ff0;}

.sbut{border:1px solid #D9E3F0;margin:2px;background:#3399CC;color:#ff0;}
.sbut:hover{background:#2288bb;}

#mp3{position:absolute;top:0px;left:0px;margin:2px 0 0 2px;}

#bcnav {margin:0px;padding:0px;float:left;height:28px;width:960px;}
#bcnav li{display:inline;float:left;height:28px;list-style-image:none;list-style-position:outside;list-style-type:none;margin-left:0;padding:0;position:relative;z-index:100;}
#bcnav a{color:#3399CC;display:block;padding:7px 9px 8px;text-decoration:none;}
#bcnav strong{color:#dedede;display:block;padding:7px 9px 8px;text-decoration:none;}
#bcnav a:hover{color:#FFFFFF;}

.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;}

#sidebar1{display:inline;float:left;padding-top:8px;width:222px;}
#sidebar1 li{color:#335273;display:block;font-size:8pt;list-style-type:none;line-height:1.6;padding:4px 13px;}
#sidebar1 li:hover{padding:4px 15px;}
#sidebar1 li a{color:#3399CC;}
#sidebar1 li:hover a{color:#fff;display:block;height:auto;text-decoration:none;width:auto;}
#sidebar1 ul{margin:0px;padding:0 0 0 0px;}
#sidebar1 b{display:block;width:auto;background:#3399CC no-repeat scroll left top;color:#ff0;font-size:10pt;font-weight:normal;margin:0;padding:2px 3px 4px;}

.sdiv{background-position:right bottom;background-repeat:no-repeat;margin:0 8px 6px;padding-bottom:3px;}
.fsl{background:#fff;padding:10px;margin:8px 0;clear:both;}
#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;}

#mainContent {display:block;float:right;line-height:1.8;width:737px;padding:0;}
#mainContent p {margin:10px 20px;}

#mainContent .sdiv{list-style-type:none;float:right;display:block;}

#cf fieldset{border: 1px solid #781351;width:410px;background:#fff;}
fieldset{border: 1px solid #781351;color:#fff;}
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:0px;left:0px;}

#footer {color:#FFFFFF;padding:0 10px;text-align:center;}
#footer a img{border:0px;}
#footer p {margin: 0;	padding: 10px 0;}

/* 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;}

h1 {background-color:#000;color:#3399CC;display:block;font-size:14pt;font-weight:normal;margin:0;padding:4px 10px;position:absolute;top:100px;left:10px;}
#header h1{color:#ff0;background:#3399CC;position:absolute;top:110px;right:20px;display:block;padding:5px;marin:10px;}
h2{background-color:#3399CC;border-bottom:2px solid #426995;color:#ff0;margin:0px;font-size:12px;}
h2 a{color:#ff0;padding:0 0 0 20px;text-decoration:none;width:715px;display:block;}
h2 a:hover{color:#FFF;text-decoration:underline;background:#3399FF;}
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;}

.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:10px;border:solid 1px #000;margin:20px;}
.fsi strong{color:#fff;}
.article .msi{background:#D9E3F0 none repeat scroll 0 0;float:left;padding:5px;border:solid 1px #444;margin:20px;width:auto;}
.msi{background:#D9E3F0 none repeat scroll 0 0;float:left;padding:10px;border:solid 1px #444;margin:20px;}
.images img{padding:10px;border:solid 1px #000;margin:20px;}
.al{overflow:auto;background-color:#333333;color:#EEEEEE;margin:8px 0 0 0;display:block;}
.al img{width:100px;margin:5px;padding:5px;border:1px solid #000;float:left;background:#D9E3F0;}
#ed{z-index:10;right:0;top:0;display:block;border:2px solid #dedede;padding:10px;margin:10px;}

a img:hover{background:#3399FF;}

.cl{margin:5px 10px;padding:10px 80px 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 80px;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;}
#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;}

.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;}

/* 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;}



.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;}
