/* html tags */
html, body {height:100%;padding:0;margin:0;}
body {z-index:1;text-align:center;background:#fff;}
html, body {font-size:12px;color:#000000;font-family:constantia,georgia,serif;}
a:link, a:visited {color:#000;}
a:active, a:hover {color:#f60;}
acronym {border-bottom:0;}
form {padding:0;margin:0;}
h1 {font-family:constantia,georgia,serif;font-size:16px;color:#b0b033;font-weight:bold;padding:0;margin:12px 0 6px 0;}
h2 {font-family:constantia,georgia,serif;color:#f60;font-size:24px;font-weight:normal;padding:0;margin:0 0 8px 0;}
h2 a:link, h2 a:visited {color:#f60;text-decoration:none;}
h2 a:hover, h2 a:active {color:#f60;text-decoration:underline;}
h3 {font-family:constantia,georgia,serif;font-size:12px;color:#b0b066;font-weight:bold;padding:0;margin:0;}
hr {height:1px;background:#999;border:0;padding:0px;margin:0px;}
img {border:0px;}
li {padding:0 0 10px 0;margin:0;}
li a {font-weight:bold;}
table {border-collapse:collapse;} 
td {padding:0;margin:0;vertical-align:top;}
ul {list-style-position:outside;list-style-type:circle;margin:0 0 0 14px;padding:0;}
ul li:first-child {padding-top:8px;}


/* page framework */
#footer {clear:both;width:100%;font-size:10px;color:#666;text-align:center;padding:6px;border-top:1px solid #cceeff;margin:0;}
#footer a {font-size:10px;}
#header {display:inline-block;height:59px;border-bottom:1px solid #cceeff;width:980px;}
div#head-nav {
	width: 715px;
	position: relative;
	top: 36px;
	left: 0px;
	float: right;
}
#head-nav ul {
	overflow: auto;
	list-style: url('/images/navmenu/nav-bullet.png');
	margin: 0;
	padding: 0;
	float: right;
}
#head-nav ul li {
	float: left;
	padding: 0 0 0 9px;
	margin: 0 16px;
	vertical-align: middle;
}
#head-nav ul li:last-child {
	margin-right: 0;
}
#page-container {
	clear:both;
	width:100%;
	text-align:center;
}
#page-content {
	clear:both;
	width:980px;
	display:inline-block;
	margin:0 0 16px 0;
}
#content-shiv {
	height: 16px;
}
#content-shiv > img {
	margin-top: 2px;
}
#page-title {
	position:relative;
	top:6px;
	left:0;
	width:265px;
	float:left;
}


/* custom classes */
.alert {color:#f90;font-weight:bold;}
.caption {text-align:center;font-size:10px;}
.caption a:link, .caption a:visited {color:#f60;text-decoration:none;}
.caption a:hover, .caption a:active {color:#f60;text-decoration:underline;}
.coltitle {font-weight:bold;}
.date {
    clear: both;
    color: #999999;
    font-size: 1.2em;
}
div.descr h3 {padding-top:0;margin-top:0;}
div.descr h3 a {text-decoration:none;}
div.float-clear {clear:both;}
.entry {
	/* font-size: 1.3em; */
	line-height:24px;
}
form.delete-confirmation {border:2px solid #f00;padding:12px;}
hr.float-clear {}
.formlabel {color:#000;}
.error {font-weight:bold;color: #f00;background:#fdd;padding:10px;border:2px solid #f66;margin-bottom:12px;}
.menu {border:1px solid #f90;}
.message {clear:both;font-weight:bold;font-size:12px;color:#606;padding:12px;border:1px solid #c3c;margin:16px 0;}
img.preload {display:none;}
.news {font-size: 11px;color: #669;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid #ccc;}
table.padded td {padding:3px;}
.rowtitle {font-weight:bold;}
.smtext {font-size:10px;}
.smtext a:link, .smtext a:visited, .smtext a:hover, .smtext a:active {font-size:10px;}
.title {color:#b0b033;font-weight:bold;}
.title a {color:#b0b033;font-weight:bold;}
.title a:link, .title a:visited {text-decoration:none;} 
.title a:active, .title a:hover {text-decoration:underline;} 


/* page navigation */
div.page-links-container {
	clear:both;
	white-space:nowrap;
	overflow: hidden;
	margin:4px auto 12px auto;
	text-align:center;
}
div.next-link {
	width:33%;
	height:29px;
	float:left;
	text-align:right;
	white-space:nowrap;
}
div.prev-link {
	width:33%;
	height:29px;
	float:left;
	text-align:left;
	white-space:nowrap;
}
div.page-number {
	width: 34%;
	height:29px;
	float:left;
	text-align:center;
	white-space:nowrap;
}
.page-link, .page-number {color:#999;text-decoration:none; }
.over { color:#ff6600; }


/* listings: page links */
span.page-btn {font-family:verdana,sans-serif;color:#f00;font-weight:bold;background:#fff;padding:4px 3px 4px 3px;margin:0 1px 0 2px;border:1px solid #faa;}
.page-btn a:link, .page-btn a:visited {font-family:verdana,sans-serif;font-weight:bold;font-size:12px;color:#f00;text-decoration:none;}
.page-btn a:hover, .page-btn a:active {font-family:verdana,sans-serif;font-weight:bold;font-size:12px;color:#f99;text-decoration:none;}
span.selected-page {font-family:verdana,sans-serif;color:#fff;font-weight:bold;background:#c00;padding:5px 4px 5px 4px;margin:0px 1px 0px 2px;}
input.slot-edit-tb,
input.page-edit-tb {
	font-size: 11px;
	width: 20px;	
}

/* comics menu */
td.menu-item {
	vertical-align:bottom;
}
.menu-item h3 {
	margin-top:6px;
}
.menu-tn h3 {
	text-align:center;
}
.comic-tn-container { 
	display:inline-block;
	vertical-align:top;
	width:170px;
}
.comic-tn-container .tn {
	padding-bottom:8px;
}
.comic-tn-container .more-link {
	text-align:center;
}
.comic-pages {
	display:inline-block;
	vertical-align:top;
	width:540px;
}
#wp-content .comic-pages {
	width:540px;
}
.page-preview,
.page-tn {
	float: left;
	min-height: 169px;
	margin: 0 8px 12px 0;
}
.page-preview img,
.page-tn img {
	border: 1px solid #e0e0e0;
}
.page-preview a:hover img,
.page-tn a:hover img {
	border: 1px solid #ffcc99;
}

/* book viewer/paging */
#book-container {
	width:980px;
	height:640px;
	margin:0 auto 24px auto;
}
#book-lp,
#book-rp {
	width:490px;
	height:640px;
}
#preload-lp,
#preload-rp {
	display: none;
}
.book-lp, 
.book-rp { 
	background: transparent;
	float: left;
	cursor: pointer;
}
.book-lp {
	text-align: right;
}
.book-rp {
	text-align: left;
}
.book-container {
	margin:0 auto;
	overflow:hidden;
}
.page-unavailable {
	font-weight: bold;
	color: #999999;
	background-color: #eeeeee;
	text-align: center;
	padding-top:308px;
}
.page-oob {
	background-color: transparent;
	cursor: default;
}

/* jquery ui slider */
.scroll-pane { 
	/* width: 99%;  */
	padding-bottom: 6px;
}
.scroll-content { }
.scroll-content-item { 
	height: 80px; 
	float: left; 
	margin: 2px 3px 2px 2px; 
	font-size: 3em; 
	line-height: 96px; 
	text-align: center;
	cursor: pointer;
}
.scroll-content-item img {
	border:1px solid #b0b0b0;
}
* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
.scroll-bar-wrap { 
	clear: left;
	width: 99%;
	padding: 0; 
	margin: 0 -1px -1px -1px;
}
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }
.scroll-widget-header {background:none #cccccc;border:1px solid #b8b8b8;}