/* reset */
 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:16px;vertical-align:baseline;}
 input,textarea,select {font-size: 16px;}
 article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
 ol,ul{list-style:none;margin:0;padding:0;}
 blockquote,q{quotes:none;}
 blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
 table{border-collapse:collapse;border-spacing:0;}
 /* start editing from here */
 .txt-rt{text-align:right;}/* text align right */
 .txt-lt{text-align:left;}/* text align left */
 .txt-center{text-align:center;}/* text align center */
 .float-rt{float:right;}/* float right */
 .float-lt{float:left;}/* float left */
 .clear{clear:both;}/* clear float */
 .clear2{clear:both; height: 10px;}/* clear float */
 .pos-relative{position:relative;}/* Position Relative */
 .pos-absolute{position:absolute;}/* Position Absolute */
 .vertical-base{	vertical-align:baseline;}/* vertical align baseline */
 .vertical-top{	vertical-align:top;}/* vertical align top */
 .underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
 nav.vertical ul li{	display:block;}/* vertical menu */
 nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
 img{max-width:100%;}
 a{color: #EA2A5E;text-decoration: none;outline: medium none;}
 select
 {
     background-color: #393939;
     color: #ccc;
     border: 1px solid #666666;
 }
 p{padding-bottom: 2px;}
 label.error{color: #EA2A5E;display:block;text-align:center;width:100%;}
 label.success{color: #98ff65;display:block;text-align:center;width:100%;}
 /*end reset*/
 @font-face {
     font-family: 'ambleregular';
     src:url(font/Amble-Regular-webfont.ttf) format('truetype');
 }
 body {
     font-family: ambleregular, Arial, Helvetica, sans-serif;
     background: #2F2F2F;
     color: #D2CFCF;
 }
 .wrap {
     width:95%;
     margin: 0 auto;
     transition:all .2s linear;
     -moz-transition:all .2s linear;/* firefox */
     -webkit-transition:all .2s linear; /* safari and chrome */
     -o-transition:all .2s linear; /* opera */
     -ms-transition:all .2s linear;
 }
 .header {
     background: #2F2F2F;
 }
 .headertop_desc, .headertop {
     padding:10px 0;
 }
 .logo {
     float:left;
     background: url('images/logo.png') no-repeat center;
     width: 165px;
     height: 40px;
 }
 .header_top_right{
     float:right;
 }
 .left_bt,.right_bt {
     background: #fff;
     background-image: -webkit-linear-gradient(top, #fff, #8c8c8c);
     background-image: -moz-linear-gradient(top, #fff, #8c8c8c);
     background-image: -ms-linear-gradient(top, #fff, #8c8c8c);
     background-image: -o-linear-gradient(top, #fff, #8c8c8c);
     background-image: linear-gradient(to bottom, #fff, #8c8c8c);
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     font-family: Arial;
     color: #000;
     text-decoration: none;
     padding: 9px;
     line-height: 20px;
 }
 .left_bt img, .right_bt img {
     vertical-align:middle;
 }
 .left_bt { float: left; }
 .right_bt { float: right; }
 .box{
     position:absolute;
     top:-200px;
     width:100%;
     color:#7F7F7F;
     margin:auto;
     padding:0px;
     z-index:999999;
     text-align:center;
     left:0px;
  }
 .box_content_center{
     background-color:#222;
     color:#FFFFFF;
  }
 a.boxclose{
     cursor:pointer;
     padding:5px 0px; 
     text-align:center;
     display:block; 
     float:right;      
  }
 .form_content{
     padding:10px 15px 10px 15px; 
     text-align:left;
  }
 .search_box {
     background: url('images/strip-bg.gif') repeat-x #F6F6F6;
     border: 1px solid #D2D2D2;
     position: relative;
 }
 .search_box form input[type="text"] {
     border: none;
     outline: none;
     background: none;
     font-size:0.85em;
     color: #acacac;
     font-family: 'ambleregular';
     width:85%;
     padding:5px;
     line-height:2em;
     -webkit-apperance:none;
 }
 .search_box form input[type="submit"] {
     border: none;
     cursor: pointer;
     background: url('images/search_icon.png') no-repeat 6px 6px;
     position: absolute;
     right: 0;
     width: 32px;
     height: 100%;
     -webkit-apperance:none;
 }
 
 /***** Content *****/
 .content {
     background: #2F2F2F;
 }
 .content.space-top {
     margin-top: 10px;
 }
 .content_top{
     padding:5px 10px;
     border: 1px solid #EBE8E8;
     background: url(images/strip-bg.gif) repeat-x #F6F6F6;
 }
 .content_top.red {
     background: #8E1C3A;
     border: 0px;
 }
 .content_bottom {
     padding:5px 10px;
     border: 1px solid #EBE8E8;
     background: url(images/strip-bg.gif) repeat-x #F6F6F6;
     margin-top:2.5%;
 }
 .heading h3 {
     font-family: 'ambleregular';
     font-size:1em;
     color:#8E1C3A;
     text-transform: uppercase;
 }
 .content_top.red .heading h3 {
     color:#FFF;
 }
 /*** Footer ***/
 .footer {
     position: relative;
     background: #2F2F2F;
     border-top: 1px solid #CECECE;
     margin:10px auto;
 }
 /*** Social Icons ***/
 .social-icons {
     padding-top:5%;
 }
 .social-icons li {
     padding: 0px 5px 0 5px;
     margin: 0;
     display: inline-block;
     cursor: pointer;
     background:#222;
     border-radius:5px;
     -webkit-border-radius:5px;
     -moz-border-radius:5px;
     -o-border-radius:5px;
 }
 .social-icons li:hover {
     background:#000;
 }
 .social-icons li a img{
     vertical-align:middle;
 }
 .copy_right {
     padding: 10px 0;
     font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
 }
 .copy_right p {
     color: #747474;
 }
 .copy_right p a {
     color:#8E1C3A;
     font-family: 'ambleregular';
     text-decoration: underline;
 }
 .copy_right p a:hover {
     color:#222;
     text-decoration: none;
 }
 /*  Comic box  ============================================================================= */
 .section {
     clear: both;
     padding: 0px;
     margin: 0px;
 }
 .group:before, .group:after {
     content: "";
     display: table;
 }
 .group:after {
     clear: both;
 }
 .group {
     zoom: 1;
 }
 .group.list:before 
 {
     width: 100%;
     height: 1px;
     border-top: 1px solid #565656;
     background-color: #000;
 }
 .group.list:first-child:before {
     height: 0px;
     border: 0px;
 }
 .col {
     display: block;
     float: left;
     margin: 10px 0px 10px 1%;
 }
 .col:first-child {
     margin-left: 0;
 }
 .col .sub-col-1 {
     float: left;
     width: 79%;
 }
 .col .sub-col-2 {
     float: right;
     font-size: 14px;
     width: 20%;
     text-align: right;
	 overflow: hidden;
 }
 .cover {
     width: 20%;
     max-width: 200px;
	 min-height: 130px;
 }
 .cover img {
     border: 0px;
 }
 .info {
     width: 79%;
 }
 .col30 { width: 30%; float: left; }
 .col70 { width: 70%; float: left; }
 .widgetComicBox { 
	position:relative;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to bottom, black 80%, transparent);
	mask-image: linear-gradient(to bottom, black 80%, transparent);
}

.widgetComicBox .section {
	position: relative;
	z-index: 5;
	padding: 10px 5px;
	text-shadow: 2px 2px 5px black;
}

.widgetComicBox .bgCover {
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-size: cover;
	opacity: 0.75;
}

.widgetComicBox .bgOverlay {
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-color:#000;
	opacity: 0.5;
}
 
 /* CUSTOM */
 /* buttons */
 .btnCategories {
     background: url('images/options.png?v=1') no-repeat -20px 0px;
     display: block;
     width: 20px;
     height: 20px;
 }
 
 #shuffle {
     margin-right: 10px;
 }
 
 .btnShuffle {
     background: url('images/options.png?v=1') no-repeat;
     display: block;
     width: 20px;
     height: 20px;
 }
 
 .button {
     padding: 2px 5px;
     background: #fff;
     background-image: -webkit-linear-gradient(top, #fff, #8c8c8c);
     background-image: -moz-linear-gradient(top, #fff, #8c8c8c);
     background-image: -ms-linear-gradient(top, #fff, #8c8c8c);
     background-image: -o-linear-gradient(top, #fff, #8c8c8c);
     background-image: linear-gradient(to bottom, #fff, #8c8c8c);
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     font-family: Arial;
     color: #000;
     text-decoration: none;
     text-align: center;
     display: inline-block;
 }
 
 .btnRed {
     background: #8E1C3A;
     background-image: -webkit-linear-gradient(top, #8E1C3A, #8E1C3A);
     background-image: -moz-linear-gradient(top, #8E1C3A, #8E1C3A);
     background-image: -ms-linear-gradient(top, #8E1C3A, #8E1C3A);
     background-image: -o-linear-gradient(top, #8E1C3A, #8E1C3A);
     background-image: linear-gradient(to bottom, #8E1C3A, #8E1C3A);
     color: #fff;
 }
 
 .next_bt, .prev_bt{ display: block; width: 15%; min-width: 70px; height: 35px; line-height: 35px; text-align: center;}
 ul.mirrorTab { list-style: none; overflow: hidden; background-color: #424242; }
 ul.mirrorTab li { float: left; border: 0px; padding: 0px; }
 ul.mirrorTab li a { display: block; padding: 5px 10px; color: #fff; line-height: 25px; }
 ul.mirrorTab li.actived { background-color: #2f2f2f; }
 
 .lbl
 {
     padding: 2px 15px 2px 0px;
     text-align: right;
 }
 
 .btnGoUp {
     display: block;
     position: fixed;
     z-index: 1000;
     background: transparent url('../images/go-up.png');
     width: 50px;
     height: 50px;
     top: 20px;
     right: 20px;
     opacity: 0.1;
 }
 
 .loading_page
 {
     width: 100%;
     height: 100%;
     background-color: Gray;
     opacity: 0.5; 
     filter: alpha(opacity = 50);
     z-index: 9998;
     top: 0;
     left: 0;
     position: fixed;
     padding-top: 100px;
 }
 .loading_text
 {
     z-index: 9999;
     background: #ffffff url('/Content/images/loading.gif') center center no-repeat;
     width: 150px;
     height: 20px;
     text-align: center;
     position: fixed;
     font-weight: bold;
     top: 40%;
     left: 40%;
     padding: 50px 0px 0px 0px;
     margin: 0;
     opacity: 0.9;
     color:#676767;
 }
 /* Sidebar */
 .shifter-navigation {
     display: none;
     position: absolute;
     top: 0px;
     right: 0px;
     width: 60%;
     height: 100%;
     background: #222 url("images/bgnav.jpg") repeat;
     padding: 5px 0px;
     z-index: 5;
     -webkit-transform: translate(100%, 0px);
     transform: translate(100%, 0px);
     overflow: hidden;
 }
 
 .shifter-navigation ul li {
     border-bottom: 2px ridge #3D3B3B;
 }
 
 .shifter-navigation ul li a {
     height: 40px;
     line-height: 40px;
     width: 100%;
     display: block;
     color: #fff;
     padding-left: 7px;
 }
 
 .shifter-navigation ul li input[type='radio'] { margin-left: 17px; line-height: 30px; width: 15px; height: 30px; vertical-align: middle; }
 
 .shifter-open .shifter-page {
     -webkit-transform: translate(-60%, 0px);
     transform: translate(-60%, 0px);
     overflow: hidden;
 }
 
 .shifter-open .shifter-navigation {
     -webkit-transform: translate(0%, 0px);
     transform: translate(0%, 0px);
 }
 
 .shifter-page, .shifter-navigation {
     -webkit-transition: -webkit-transform .2s ease !important;
     -moz-transition: -moz-transform .2s ease !important;
     -ms-transition: -ms-transform .2s ease !important;
     -o-transition: -o-transform .2s ease !important;
 }
 
 /* LIST ITEM */
 ul.list li
 {
     border-top: 1px solid #757575;
     overflow: hidden;    
 }
 
 ul.list li:first-child
 {
     border: 0px;
 }
 
 ul.list li .col-1 { width: 79%; float: left; }
 ul.list li .col-2 { width: 20%; float: right; }
 ul.list li .col-2 span { text-align: right; padding: 15px 10px 15px 0px; display: block; }
 
 ul.list li a 
 {
     width: 100%;
     display: block;    
 }
 
 ul.list li a.actived
 {
     background-color: #ddd;
 }
 
 ul.list li a span
 {
     padding: 15px 10px;
     display: block;
     color: #fff;
 }
 
 ul.list li a.episodeVisited span, ul.list li a:visited span
 {
     color: #717171 !important;
 }
 
 ul.list li.sub
 {
     border: 0px;
     text-align: center;
     padding: 15px 0px;
     display: none;
 }
 
 ul.list li.sub a 
 {
     display: inline-block;
     width: auto;
     padding: 5px;
 }
 
 ul#genreList { display: none; }
 ul#genreList li a span { padding-left: 10px; }
 ul#genreList li:last-child { border: 0px; }
 
 .listing
 {
     width: 100%;
     border-collapse: collapse;
 }
 
 .listing tr
 {
     height: 25px;
 }
 
 .listing tr.odd
 {
     background: none repeat scroll 0 0 #272727;
 }
 
 .listing tr:hover td
 {
     background: none repeat scroll 0 0 #292929;
 }
 
 .listing th
 {
     border-bottom: 1px solid #DDD2A4;
     font-size: 120%;
     text-align: left;
 }
 
 .read-menu-left { float: left; width: 35%; overflow: hidden; }
 .read-menu-right { float: left; width: 65%; overflow: hidden; }
 .selectEpisode { width: 100%; }
 
 .issue-fixed-container { position: fixed; background: #2F2F2F; width: 95%; bottom: 0px; opacity: 0.9; display: none; z-index: 999; }
 .issue-fixed-container .content { padding: 10px 0px; overflow: hidden; }
 .page-fixed-container { position: fixed; background: #2F2F2F; width: 95%; top: 0px; opacity: 0.9; display: none; z-index: 999; padding: 10px 0px; }
 
 /* Ads */
 .ads-top-1 { display: inline-block; }
 .ads-top-2 { display: none; }
 .ads-728 { display: none; text-align: center; }
 .ads-320 { text-align: center; }
 @media all and (min-width: 642px) {
     .ads-top-2 { display: inline-block !important; margin-left: 10px; }
     .ads-728 { display: inline-block !important; width: 100%; }
     .ads-320 { display: none; }
 }
 
 #topHolderBox
 {
     color: #FFF;
     background: #353535;
     font-family: Tahoma, Verdana, Arial;
     font-size: 13px;
     -webkit-border-bottom-right-radius: 6px;
     -webkit-border-bottom-left-radius: 6px;
     -moz-border-radius-bottomright: 6px;
     -moz-border-radius-bottomleft: 6px;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
     text-align: center;
     padding-top: 8px;
     margin: 0px auto;
 }
 
 .txtSignUp
 {
     margin: 0 0 10px 0;
     padding: 2px;
     border: 1px solid #666666;
     background: #393939;
     font: normal 12px "Tahoma" , Arial, Helvetica, sans-serif;
     color: #ccc;
     width: 97%;
     line-height: 21px;
 }
 
 .lblSignUp
 {
     line-height: 27px;
     height: 27px;
     font: normal 14px "Tahoma" , Arial, Helvetica, sans-serif;
 }
 
 .ads-300x250-container { width: 300px; height; 250px; background: url('images/bg_ads.png') no-repeat; }