/* -----------------------------------------------------------------------
   * main css file
----------------------------------------------------------------------- */
/*
@font-face {
    font-family: "TrebuchetMS-Bold";
    src: url(trebucbd.ttf) format("truetype"),url(trebucbd.eot) format("embedded-opentype");
}
*/
/* reset */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* typography */
html {font-size:100.01%;}
body {font-size:75%;background-color:#2F3030; color:#CCC;font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#FFF; font-family:"TrebuchetMS-Bold",Arial, Helvetica, sans-serif;}
h1 {font-size:2.5em;line-height:1;margin-bottom:0.5em; margin-top:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;}
a {color:#A8E64A;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms */
label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea {background-color:#000;border:1px solid #5d5d5d;color:#fff; height:15px; width:200px; padding:5px;}
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#000;border:1px solid #A8E64A;color:#fff; height:28px; width:210px; padding:5px;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
input.top_menu{ background:none; color:#e1e1e1 !important; font-family:"TrebuchetMS-Bold",Arial, Helvetica, sans-serif;}
input.top_menu:hover
{ 
	background-color: #555;
 	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}   
textarea {width:390px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.alert { background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4; }
.error { 
	/*background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;*/
	height:15px; 
	background-color:#85A000;
	color:#FFF;	
	border:1px solid #E1E16D;
	padding:4px 10px;
	margin-left:10px;
	display:none;
}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}
.purchase_btn, a.purchase_btn {width:115px !important; float:right; cursor:pointer;}
a.purchase_btn{color:#FFFFFF; text-decoration:none; font-weight:bold;text-align: center; padding:2px; font-size:13px;}
.purchase_btn2 {width:115px !important; cursor:pointer; margin-top:20px;}


.purchase_btn3 
{
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	color: #fef4e9;
	border: solid 4px #023e10;
	background: #03b306;
	background: -webkit-gradient(linear, left top, left bottom, from(#03b306), to(#0c6301));
	background: -moz-linear-gradient(top,  #03b306,  #0c6301);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#03b306', endColorstr='#0c6301');

}

.purchase_btn3:hover {
	text-decoration: none;
	background: #03b306;
	background: -webkit-gradient(linear, left top, left bottom, from(#03b306), to(#0c6301));
	background: -moz-linear-gradient(top,  #03b306,  #0c6301);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#03b306', endColorstr='#0c6301');
}

.purchase_btn3:active {
	position: relative;
	top: 1px;
	background: #1b6a00;
	background: -webkit-gradient(linear, left top, left bottom, from(#1b6a00), to(#000e00));
	background: -moz-linear-gradient(top,  #1b6a00,  #000e00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b6a00', endColorstr='#000e00');
}

.read_now_button 
{
	float: right;
	margin-right: 10px;
}

input[type=button]
{
	border:0px; 
	color:#FFFFFF; 
	font-weight:bold; 
	padding:5px; 
	cursor:pointer; 
	font-size: 14px;
}
label{/* float:left;*/ width:200px;}
/* grid */
.container {width:950px;margin:0 auto;}
 #main {  /*margin-top:60px;  padding: 20px;*/ overflow:hidden;}
.wrap {  margin-bottom:0;  margin-left:auto;  margin-right:auto;  margin-top:0; min-height:400px;}
#content{ width:662px; margin:0 auto;}
#shelf{ width:1116px; height:279px; background-image:url(../images/shelf.png); background-repeat:no-repeat; margin: 0 auto;}

hr {background:#999;color:#CCC;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/*main page*/
header, footer { width:100%; height:79px; background-color:#000; }

/*footer { text-align:center; padding:30px 0px 0px 0px; height:50px; margin-top:10px; }*/
header{ background:url(../images/top_bg.png) repeat-x;}
footer { text-align:center; padding:0px; height:86px; margin-top:30px; }
#buttons_footer { width:1200px; margin:0 auto; }
#footer_left { width:300px; float:left; text-align:left; }
#footer_right { width:300px; float:right; text-align:right; padding-right:10px;}
#top_page_search { width:750px; margin:0 auto; padding-top:20px; }
#search_form { width:210px; float:right; }
#buttons_top { float:left; /*width:400px;*/ padding-top:6px;}
#top_images { width:1020px; margin:10px auto; } 
#options_buttons { width:1200px; margin:0 auto; padding:20px 0px 20px 0px; height:20px; }
#left_buttons { width:300px; float:left; }
#right_buttons { width:300px; float:right; text-align:right; padding-right:10px;}
#publisher_list, #featured_comic_list { width:662px; margin:20px auto; }
#comic_list { width:1200px; margin:20px auto; }
#publisher_list{ padding-left:50px;width: 612px !important;}
#series_list { width:612px !important; margin:0 auto; }
.comic_home_left { background-color:#999; width:565px; padding:10px; float:left; margin:10px 10px 10px 0px; }
.comic_home_right { background-color:#999; width:565px; padding:10px; float:left; margin:10px 0px 10px 10px; }
.comic_home_left img , .comic_home_right img { float:left;}
.comic_details { padding: 10px; float:left; width: 350px; min-height: 175px}
.comic_name a { font-size:16px; color:#000000; font-weight:bold; text-decoration:none; }
.comic_publisher a { text-decoration:underline; color:#333; }
.comic_description, .comic_price{color:#333333;}
.comic_series { float:left; padding: 10px;}
.comic_price{ font-weight:bold;}
.comic_image, .comic_info, #comic_detail img { float:left;}
.comic_info{ width: 300px;margin-left: 20px; text-align:justify;}
.comic_description_detail, .comic_price_detail{color:#FFFFFF;}
#comic_detail img{ width:320px;}

.publisher{ margin: 10px 5px; text-align: center; float: left;/*width:768px;*/}
.publisher_banner{ margin: 10px auto;width:768px;}

#logo{ background-image:url(../images/iverse_logo_2012.png); background-repeat:no-repeat; background-position:top; height: 50px; width:109px; float:left; margin: -15px 40px 0 20px;}
/*others*/

.margin10{ margin-top:10px;}
.margin20{ margin-top:20px;}

.results_limited
{
	float: left;
	font-size: 15px;
	padding-right: 10px;
	padding-top: 7px;
}

/*FEATURED*/

#featured{ 
	width:676px; 
	padding-right:0px; 
	position:relative; 
	height:339px; 
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:676px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0 10px 13px; 
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	padding:2px; 
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	width:330px; height:110px; overflow:hidden; 
	color:#333; 
}
#featured li.ui-tabs-nav-item a:hover{ 
	/*background:#f2f2f2; */
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}

#featured .ui-tabs-panel{ 
	top:6px;
	width:676px; height:339px; 
	position:relative;
	overflow:hidden;
	border: 2px solid #ccc;
}
#featured .ui-tabs-panel img{ 
	/*border: 2px solid #000;*/
	margin-left:-50px;
	
}
	

#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
/* Pager */
.pager {
	color:#FFF;
	width:600px;
	margin:0 auto;
	text-align:center;
	margin-top:10px;
}
.pager a {
	color:#8AC929;
	text-decoration:none;
}
.pager a:hover {
	color:#A8E64A;
	text-decoration:none;
}

#footer_images {
	width:620px;
	margin:0 auto;
	position:relative;
	height:86px;
}
#images_footer1 {
	width:199px;
	height:69px;
	background-image:url(../images/AppStore.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:100% 100%;
	float:left;
	margin:8px 0px 0px 15px;
	top:0px;
	cursor:pointer; 
}
#images_footer2 {
	width:186px;
	height:104px;
	background-image:url(../images/dcr_logo.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:100% 100%;
	float:left;
	z-index:2;
	top:5px;
	margin:-8px 0px 0px 20px; 
}
#images_footer3 {
	width:161px;
	height:69px;
	background-image:url(../images/Available-on-android-market8.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:100% 100%;
	float:left;
	margin:8px 0px 0px 20px;
	cursor:pointer;
}
.purchase_confirmation {
	width:620px;
	font-family:"TrebuchetMS-Bold",Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	margin:15px auto 5px auto;
}

.text_footer {
	width:620px;
	font-family:"TrebuchetMS-Bold",Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	margin:15px auto 5px auto;
}

.button_text {font-size:11px;}
.submit-background { margin-left:5px; }
.info_logged { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	width:500px;
	text-align:left;
	padding-left:8px;
}
#retailer_image_container {
	width:640px;
	height:88px;
	margin:7px auto;
	padding:6px 6px 6px 6px;
	/*background-color:#000;*/
}
#retailer_image {
	width:640px;
	height:88px;
	background-image:url(../images/retailer_logo.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
/* Go back buttom */
#go_back_container {
	width:662px; 
	margin:0 auto;
}
#go_back {
	cursor:pointer; 
	border-left:#000 1px solid; 
	border-right:#000 1px solid; 
	padding:1px 6px; 
	border-bottom:#000 1px solid; 
	float:right; 
	background-color:#313131; 
	margin-right:15px;
}
/* End go back buttom */

/* Download links*/
#browsers_links {
	width:640px;
	margin:7px auto;
	padding:24px 6px 6px 60px;
	font-family:"TrebuchetMS-Bold", Arial, Helvetica, sans-serif;;
	font-size:16px;
	color:#FFF;
	background-color: #555;
	text-decoration:none;
	border: 3px solid #FFF;
 	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
#browsers_links a {
	font-family:"TrebuchetMS-Bold", Arial, Helvetica, sans-serif;;
	font-size: 24px;
	line-height: 1.25em;
	color:#FFF;
	text-decoration:none;
	float: left;
}

.browser_logo 
{
	float: left;
}

.browser_link a
{
	padding-left: 20px;
	padding-top: 35px;
}

.browser_info
{
	width: 275px;
	float: left;
	padding: 10px;
}

.browser_version_text
{
	color: #AAA;
	font-size: 15px;
	padding-left: 20px;
}

.top_highlight
{
	width: 662px;
	height: 535px;
	text-align: center;	
}

.top_highlight img
{
	border: 3px solid #FFF;
}

.top_title 
{
	font-family:"TrebuchetMS-Bold",Arial, Helvetica, sans-serif;
	font-size:2.5em;  
	color: #FFF;
}

.top_left
{
	float: left;
}

.top_right
{
	float: right;
}


/* End Download links*/

/*ipad*/
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  #comic_list { width:602px; margin:20px auto; }
  .comic_home_right, .comic_home_left { margin: 10px 0 10px 15px;}
}

/*iphone*/
@media handheld, only screen and (max-device-width: 480px) {
  /* For general iPhone layouts */
  #comic_list { width:602px; margin:20px auto; }
  .comic_home_right, .comic_home_left { margin: 10px 0 10px 15px;}
}

#breadcrumbs ul li{
   list-style-image: none;
   display:inline;
   padding: 0 3px 0 0;
   margin: 3px 0 0 0;
}

#breadcrumbs ul{
   margin-left: auto;
   margin-right: auto;
   width: 640px;
   background-color: #222;
   padding: 3px 10px;
   list-style-type: none;
   padding-left: 1em;
}

.header_title 
{
	width: 1116px;
	margin-left: auto;
	margin-right: auto;
}

.terms_of_service
{
	color: #FFF;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	background-color: #555;
 	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow: 0 0 25px 5px #000;
	-moz-box-shadow: 0 0 25px 5px #000;
	box-shadow: 0 0 25px 5px #000;		
}

.terms_of_service ol li
{
	list-style-type: lower-alpha;
}

.terms_of_service li
{
	list-style-type: disc;
	margin-bottom: 15px;
}

.terms_of_service li li
{
	list-style-type: circle;
}

.terms_of_service hr
{
	border-style: double;
	border-width: 1px;
}

.tos_link
{
	padding-bottom: 10px;
}

.tos_title
{
	width: 800px;	
	margin-left: auto;
	margin-right: auto;
}