/* @override http://arpan.local:3000/design/stylesheets/gallery.css */

/* @group Media Gallery */

/* @group search */

#search {
	display: block;
	height: 24px;
	width: 420px;
	float: right;
 	margin: 10px 20px 0 0;
 	text-align: right;
}



/* @end */

/* @group rating */

.comic_details #episode_details .star_rating {
	float: left;
 	text-align: left;
}

.comic_details #episode_details .star_rating p {
	text-align: left;
}

.comic_details #episode_details .star_rating p.stars{
 	margin: 0;
}

.comic_details #feature_details .star_rating{
 	padding-top: 30px;
}

.comic_details #feature_details .star_rating p{
	text-align: right;
}

.comic_details #feature_details .star_rating p.stars{
	width: 80px;
	float: right;
}


/* @end */

/* @group edit_buttons */

.comic_details .edit_buttons{
 	height: 24px;
 	margin: 10px 0 0 22px;
}

.comic_details .edit_buttons a {
	display: block;
 	border: 1px solid;
 	float: left;
 	margin: 4px 6px;
 	padding: 2px 6px;
 	background-color: #515151;
}

.comic_details #episode_details .edit_buttons a{
	float: right;
}

.comic_details .edit_buttons a:hover,
.comic_details .edit_buttons #flash-line {
 	background-color: #353535;
 	color: #ff0000;
}

/* @end */

#comic_details_box{
	background: #1c1c1c;
	display: block;
}

.comic_details {
	float: left;
	width: 100%;
	margin-bottom: 16px;
}

.comic_details a {
 	color: #fff;
}

.comic_details div.image {
	float: left;
 	width: 180px;
}

/* @group intro */

.comic_details .intro{
	height: 30px;
	line-height: 20px;
 	margin: 12px 12px 0;
}

.comic_details .intro h2 {
	display: block;
	float: left;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
 	margin: 0 20px 0 10px;
}

.comic_details .intro .author{
	display: block;
	float: left;
	font-size: 16px;
 	margin: 2px 60px 0 0;
}

.comic_details .intro .total_episodes,
.comic_details .intro .total_downloads{
	display: block;
	float: left;
 	margin: 3px 10px 0 0;
}

.comic_details .loading {
	float: right;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	background: transparent url('/design/images/indicator_black.gif') no-repeat;
}

/* @end */

/* @group feature_details */
#feature_info{
	min-height: 220px;
}

.comic_details #feature_details {
 	background-color: #3f598b;
 	margin: 12px;
 	padding: 12px;
 	width: 940px;
}

.comic_details #feature_details .details{
	width: 650px;
	height: 100px;
 	float: left;
}

.comic_details #feature_details .intro h2{
 	margin-left: 0;
}

/* @group rating */

#feature_details .star_rating{
 	margin-top: 20px;
}

#feature_details .star_rating p{
	text-align: right;
}

#feature_details .star_rating p.stars{
	width: 80px;
	float: right;
}


/* @end */

/* @end */

/* @group feature summary */

.comic_details #feature_summary {
 	background-color: #434343;
 	display: block;
 	width: 240px;
 	padding: 10px;
 	float: left;
 	margin: 0 0 0 12px;
}

.comic_details #feature_summary div.image {
 	height: 120px;
 	margin-bottom: 10px;
}

.comic_details #feature_summary div.description {
 	min-height: 100px;
 	clear: left;
}

.comic_details .links{
	display: block;
	clear: both;
 	margin: 20px 10px 10px 0;
}

.comic_details .links a{
	display: block;
	float: left;
 	padding-right: 15px;
}

/* @end */

/* @group episode details */

#comic_details{
 	padding-bottom: 0px;
}

.comic_details #episode_details {
 	display: block;
 	float: left;
 	width: 692px;
 	margin-left: 12px;
 	overflow: hidden;
}

#episode_details .summary h3 {
 	font-size: 16px;
 	line-height: 20px;
 	padding-bottom: 10px;
}

/* @group Comic formats */

.comic_details .comic_formats{
	clear: both;
	padding: 10px;
 	background-color: #515151;
 	margin-top: 12px;
 	line-height: 30px;
 	font-weight: bold;
}

.comic_details .comic_formats a{
	display: block;
	float: left;
 	padding: 30px 0 0;
 	width: 56px;
 	font-weight: bold;
 	line-height: 13px;
 	font-weight: normal;
 	font-style: normal;
 	text-align: center;
 	margin: 0 30px 0 0;
	background-repeat: no-repeat;
}

.comic_details .comic_formats a.buy{
	width: 180px;
	padding: 0;
	margin: 0;
	line-height: 30px;
}

#episode_details .comic_formats label{
	float: left;
	padding-right: 10px;
	line-height: 40px;
}

#episode_details .comic_formats ul.download li{
	list-style: none;
 	display: block;
 	padding: 0;
 	margin: 0;
}

#episode_details .comic_formats ul.download li a.comic{
 	background-image: url(/design/images/frames.png);
}

* html #episode_details .comic_formats ul.download li a.comic{
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/frames.png', sizingMethod='image');
}

#episode_details .comic_formats ul.download li a.pdf{
 	background-image: url(/design/images/pdf.png);
}

* html #episode_details .comic_formats ul.download li a.pdf{
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/pdf.png', sizingMethod='images');
}

#episode_details .comic_formats ul.download li a.video{
 	background-image: url(/design/images/video.png);
}

* html #episode_details .comic_formats ul.download li a.video{
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/video.png', sizingMethod='image/scale/crop');
}

#episode_details .comic_formats ul.download li a.cbz{
 	background-image: url(/design/images/cbz.png);
}

* html #episode_details .comic_formats ul.download li a.cbz{
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/cbz.png', sizingMethod='image/scale/crop');
}

#episode_details .comic_formats ul.download li a.full_page_cbz{
 	background-image: url(/design/images/full_page_cbz.png);
}

* html #episode_details .comic_formats ul.download li a.full_page_cbz{
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/full_page_cbz.png', sizingMethod='images');
}

/* @end */

.comic_details #episode_details .summary{
 	padding: 10px;
 	background-color: #3f598b;
}

.comic_details #episode_details .details {
 	display: block;
 	float: left;
 	width: 472px;
}

.comic_details #episode_details .details .description{
 	height: 146px;
	overflow: hidden;
}

/* @group rating */

#episode_details .star_rating {
	float: left;
}

#episode_details .star_rating p {
	text-align: left;
}

#episode_details .star_rating p.stars{
 	margin: 0;
}


/* @end */
/* @end */

/* @group Comic list */

.comic_list {
	clear: both;
	height: 300px;
	overflow: auto;
	background: #fff;
	margin: 0 10px 10px;
}

.comic_list a:hover {
 	text-decoration: underline;
}

.comic_list table {
	clear: both;
	width: 100%;
	float: left;
	color: #000;
	margin: 0;
}

div.comic_list_header {
	display: block;
 	margin: 10px 10px 0;
}

.comic_list_header table{
	width: 100%;
 	margin-bottom: 0;
}

.comic_list tr td.explicit {
 	background: transparent url(/design/images/explicit.gif) no-repeat 6px 4px;
 	padding-left: 70px;
}

.comic_list tr.odd,
.comic_list tr.odd td.explicit
{
 	background-color: #d4d4d4;
}

.comic_list tbody tr:hover {
	cursor: pointer;
}

.comic_list tr.selected.odd{
	background-color: #fff;
}

.comic_list tr.selected td,
.comic_list tr.selected td.explicit {
	background-color: #b5caf2;
 	border-top: 1px solid #7ea2e5;
 	border-bottom: 1px solid #7ea2e5;
}

.comic_list_header tr th.date,
.comic_list_header tr th.downloaded{
 	border-left: 1px solid #a7a7a7;
}

.comic_list_header tr th{
	background-color: #d4d4d4;
 	border-bottom: 1px solid #a7a7a7; 	
}

#episodes_list_box .comic_list_header tr th{
 	color: #000;
}

.comic_list td, .comic_list_header th{
 	padding: 3px 8px;
}

/* @end */

/* @group Features list */

#features_list {
	height: 444px;
	background: #252525;
}

#features_list_box, #episodes_list_box {
	background: #252525;
	width: 100%;
 	float: left;
}

#features_list table {
	color: #fff;
}

#features_list a, #features_list a:visited {
	color: #fff;
}

#features_list_box table tr th,
#features_list tr.odd{
	background-color: #353535;
}

#features_list_box .comic_list_header table tr th{
 	border: 1px solid #787878;
 	border-right: none;
}

#features_list_box table tr th.name{
	border-left: none;
}

#features_list tr.selected td{
	background-color: #214372;
 	border-top: 1px solid #7ea2e5;
 	border-bottom: 1px solid #7ea2e5;
}

/* @group columns */

#features_list_box .name {
 	width: 400px;
}

#features_list_box .artist {
 	width: 180px;
}

#features_list_box .category {
 	width: 180px;
}



/* @end */


/* @end */

/* @group #episodes_list */

#episodes_list_box .name {
	width: 600px;
}

#episodes_list_box .date{
	width: 160px;
}



/* @end */

/* @end */

/* @group Media Gallery forms */

.new_form, .edit_form{
	padding: 10px 0;
}

.new_form .hform label,
.edit_form .hform label {
	width: 250px;
}

.hform ul{
 	margin: 0 150px;
}

.hform #frames_list li{
	display: block;
	list-style: none;
}

.new_form h2, .edit_form h2{
	margin-left: 20px;
	font-size: 20px;
}

#edit_episode .tags{
	margin: 10px;
	padding: 20px;
 	border: 1px solid #333;
}
#episode_frames {
  width: 450px;
}

#episode_frames #pdf_size,
#episode_frames #m4v_size,
#episode_frames #full_page_cbz_size,
#episode_frames #frame_count {
	margin-right: 1em;
}
#episode_frames li{
  width: 100px;
  height: 37px;
 	background-color: #353535;
	text-align: right;
	padding-right: 15px;
	padding-top: 10px;
}


/* @group feature form */

#subs { padding: 0 1.4em 1.4em; margin: 10px; border: 1px solid #333; }

#subs h3 {
	font-size: 16px;
}

#subs ul {
 	margin-left: 110px;
}

#edit_feature #announcement { 
	padding: 0 1.4em 1.4em; 
	margin: 10px;
	border: 1px solid #333; 
}

#edit_feature #announcement h3 {
	font-size: 12px;
}

#edit_feature #announcement ul {
 	margin-left: 110px;
}

/* @end */

/* @end */

/* @group Custom */

div#page.custom_feature{
	width: 1080px;
}

div.custom_feature div#custom_container{
	width: 1052px;
 	background-color: #d8d8d8;
 	min-height: 700px;
}

img.custom_feature_banner{
	padding: 14px;
}

div.custom_feature div#custom_container div.banner {
	 	background: #000 url(/design/images/custom_feature/bar_blank_dark_custom.png) no-repeat;
	 	width: 1080px;
}

div.custom_feature #episodes_list_box,
div.custom_feature #comic_details_box{
 	background-color: #fff;
}

div.custom_feature #episodes_list_box h2{
 	color: #787878;
 	line-height: 16px;
 	margin-left: 20px;
 	font-size: 16px;
 	margin-top: 10px;
}

div.custom_feature #episodes_list_box .comic_list{
	height: 220px;
}

/* @group Comic formats */

div.custom_feature .comic_details .comic_formats{
	clear: both;
	display: block;
	padding: 0;
 	background: transparent;
 	line-height: inherit;
 	font-weight: normal;
 	margin: 38px 0 0;
 	
	width: 280px;
	float: right;
	color: #f00;
}

*+html div.custom_feature .comic_details .comic_formats{
	margin-top: 24px;
}

div.custom_feature .comic_details .comic_formats li a{
	display: inline;
	float: none;
 	padding: 0;
 	margin: 0;
 	width: 56px;
 	line-height: 13px;
 	font-weight: normal;
 	font-style: normal;
 	text-align: center;
	background: transparent none no-repeat;
	color: #f00;
}

div.custom_feature #episode_details .comic_formats ul.download li a.pdf,
div.custom_feature #episode_details .comic_formats ul.download li a.comic,
div.custom_feature #episode_details .comic_formats ul.download li a.cbz,
div.custom_feature #episode_details .comic_formats ul.download li a.video{
	background-image: none;
}

.comic_details .comic_formats a.buy{
	width: auto;
	padding: 0;
	margin: 0;
	line-height: 13px;
	color: #f00;
}

#episode_details .comic_formats label{
	line-height: 15px;
}

#episode_details .comic_formats ul.download li{
 	display: inline;
}

/*div.custom_feature .comic_details .comic_formats li{
	display: inline;
}

div.custom_feature .comic_details .comic_formats a{
	display: inline;
	float: none;
 	margin: 0;
 	padding: 0;
 	width: auto;
 	font-weight: inherit;
 	line-height: 13px;
 	font-weight: normal;
 	font-style: normal;
 	text-align: left;
	color: #f00;
}

div.custom_feature #episode_details .comic_formats a.download_png,
div.custom_feature #episode_details .comic_formats a.download_pdf,
div.custom_feature #episode_details .comic_formats a.download_m4v,
div.custom_feature #episode_details .comic_formats a.download_cbz,
div.custom_feature #episode_details .comic_formats a.download_full_page_cbz {
 	background: transparent;
  margin-left: 6px;
	white-space: nowrap;
}

div.custom_feature #episode_details .comic_formats a.download_png:hover,
div.custom_feature #episode_details .comic_formats a.download_pdf:hover,
div.custom_feature #episode_details .comic_formats a.download_m4v:hover,
div.custom_feature #episode_details .comic_formats a.download_cbz:hover,
div.custom_feature #episode_details .comic_formats a.download_full_page_cbz:hover {
 	text-decoration: underline;
}

div.custom_feature #episode_details .comic_formats label{
	float: none;
	padding-right: 0;
	line-height: 13px;
}*/


/* @end */

/* @group description */
div.custom_feature .comic_details #episode_details .summary {
	padding: 0 10px;	
}

div.custom_feature #comic_details{
	margin: 0 0 0 14px;
	width: 1020px;
 	padding-bottom: 0;
}

div.custom_feature #comic_details_box div.clear{
	height: 14px;
}

div.custom_feature #comic_details_box div div.clear{
	height: 0;
}


div.custom_feature #comic_details #custom_announcement,
div.custom_feature #comic_details #custom_featured_episode,
div.custom_feature #comic_details #custom_random_episode {
	float: left;
	padding: 0;
 	margin: 0 0 0 14px;
}

div.custom_feature #comic_details #announcement,
div.custom_feature #comic_details #episode_details,
div.custom_feature #comic_details #random_episode_details {
	height: 240px;
 	margin: 10px 0;
 	overflow: hidden;
}

*+html div.custom_feature #comic_details #episode_details,
*+html div.custom_feature #comic_details #random_episode_details {
 	margin: 10px 0 5px;
}

div.custom_feature #comic_details #custom_announcement {
	width: 256px;
	margin: 0;
 	background-color: #3f598b;
}

div.custom_feature #comic_details #custom_featured_episode {
	width: 416px;
}

div.custom_feature #comic_details #episode_details{
	width: 416px;
	float: none;
}

div.custom_feature #comic_details #custom_random_episode {
	width: 320px;
}

/* @group edit buttons */

.custom_feature .comic_details #custom_featured_episode .edit_buttons {
	display: block;
	position: absolute;
	top: 44px;
	left: 240px;
	width: 440px;
}

.custom_feature .comic_details #custom_random_episode .edit_buttons{
	display: none;
}

/* @end */

/* @group summarize */

div.custom_feature #comic_details #episode_details div{
	background-color: transparent;
}

div.custom_feature .comic_details #episode_details h3,
div.custom_feature .comic_details #random_episode_details h3{
 	color: #4b4968;
 	font-size: 14px;
 	padding-bottom: 10px;
	position: absolute;
	margin-top: -24px;
}

div.custom_feature .comic_details #episode_details h3{
	margin-left: -120px;
	width: 390px;
}

div.custom_feature .comic_details .summary .image{
	display: block;
	width: 114px;
	height: 144px;
	float: left;
 	background-color: #a7a7a7;
 	margin-right: 10px;
 	margin-top: 20px;
	overflow: hidden;
}

div.custom_feature #comic_details #episode_details div.image{
 	background-color: #a7a7a7;	
}

div.custom_feature #comic_details #episode_details div.image img,
div.custom_feature #comic_details #random_episode_details .image img{
	height: 144px;
	width: 192px;
}

div.custom_feature #comic_details .episode  .details {
	margin-top: 20px;
}

div.custom_feature #comic_details #random_episode_details  .details .description{
	height: 140px;
	overflow: hidden;
}

div.custom_feature .comic_details .summary{
	display: block;
 	color: #4b4968;
 	padding: 0 10px;
}

div.custom_feature .comic_details #episode_details .details{
	display: block;
	width: 270px;
 	color: #4b4968;
}

div.custom_feature .comic_details .summary .details .info,
div.custom_feature .comic_details .summary .star_rating{
	display: none;
}

/* @end */

div.custom_feature .comic_details #random_episode_details .comic_formats{
	width: 300px;
	margin-top: 40px;
}

*+html div.custom_feature .comic_details #random_episode_details .comic_formats{
	margin-top: 26px;
}

div.custom_feature .episode .subscribe{
	clear: both;
	display: block;
	width: 280px;
	float: right;
	margin-top: -30px;
	padding: 0;
	background: transparent;
	color: #4b4968;
	position: relative;
}

div.custom_feature .comic_details #custom_random_episode .subscribe{
	width: 300px;
}

div.custom_feature .episode .subscribe a{
	color: #4b4968;
}

/* @end */

/* @group announcement */

#custom_announcement div.text {
	height: 200px;
	overflow: hidden;
	padding: 10px;
}

#custom_announcement p.image_url{
	display: block;
	height: 10px;
	margin: 0 20px;
	padding: 0;
}

#announcement p.links {
	display: block;
	text-align: right;
	padding: 0;
	width: 95%;
	margin: 6px 0 0;
}

#announcement .links a{
	display: inline;
	float: none;
	margin: 0;
	padding: 0 10px 0 0;
}

#announcements .announcement .links a{
	color: #515151;
}

/* @group form */

#announcement form p{
	padding: 4px 10px;
	margin: 2px;
}

#announcement form input#announcement_uploaded_data{
	background-color: #515151;
	color: #fff;
	width: 210px;
	border: none;
	font-size: 0.8em;
}

#announcement form fieldset{
	padding: 0;
	margin: 0;
}

#announcement form textarea{
	width: 200px;
	height: 80px;
}

/* @end */



/* @end */

/* @end */

div.custom_feature .comic_details .summary .image img.preview{
	margin: 0;
	padding: 0;
	width: 114px;
	height: 144px;
}

/* @group 2000AD */

div.ad2000 div#custom_container div.banner {
	 	background: #000 url(/design/images/custom_feature/bar_blank_dark_2000.png) no-repeat;
}

div.ad2000 #episodes_list_box h2{
 	color: #787878;
}

div.ad2000 #comic_details #custom_announcement {
	background: #4b4968;
}

div.ad2000 #comic_details #custom_featured_episode,
div.ad2000 #comic_details #custom_random_episode {
	background: #d8d8d8;
}

div.ad2000 .comic_list tr.selected td,
div.ad2000 .comic_list tr.selected td.explicit {
	background-color: #cdc4ea;
 	border-top: 1px solid #4b4968;
 	border-bottom: 1px solid #4b4968;
}

/* @end */

/* @group frances */

div.frances div#custom_container{
 	background-color: #d5e8ef;
}

div.frances div#custom_container div.banner {
	 	background: #000 url(/design/images/custom_feature/bar_blank_dark_frances.png) no-repeat;
}

div.frances #episodes_list_box h2{
 	color: #0079ae;
}

div.frances #comic_details #custom_announcement {
	background: #0079ae;
}

div.frances #comic_details #custom_featured_episode {
	width: 540px;
	background: #d5e8f0;
}

div.frances .comic_list tr.selected td,
div.frances .comic_list tr.selected td.explicit {
	background-color: #b2dcff;
 	border-top: 1px solid #0079ae;
 	border-bottom: 1px solid #0079ae;
}

div.frances #comic_details #episode_details {
	width: 540px;
	background: transparent;
}

div.frances #comic_details #episode_details h3{
	margin-left: -190px;
	width: 520px;
}

div.frances #comic_details #episode_details div.image{
	width: 180px;
	/*height: 240px;*/
}

div.frances #comic_details #episode_details div.image img{
	width: 180px;
	/*height: 240px;*/
}

div.frances .comic_details .comic_formats,
div.frances .episode .subscribe {
	width: 530px;
	margin-top: 56px;
}

div.frances .comic_details #custom_message{
	display: block;
	height: 260px;
	width: 190px;
	float: left;
 	background-color: #d5e8ef;
 	color: #0079ae;
 	margin-left: 20px;
}

div.frances .comic_details #custom_message img {
 	margin: 10px 10px 4px;
}

div.frances .comic_details #custom_message h2,
div.frances .comic_details #custom_message p {
 	color: #515151;
 	margin: 0 10px 5px;
}

div.frances .comic_details .comic_formats label,
div.frances .comic_details .comic_formats li a,
div.frances .comic_details #custom_message a{
	color: #ff007f;
}


div.frances .comic_details #custom_featured_episode .edit_buttons {
	top: 16px;
	left: 486px;
}

div.frances .comic_details #custom_featured_episode .edit_buttons a {
 	background-color: #0076c8;
}

div.frances .comic_details #custom_featured_episode .edit_buttons a:hover{
 	background-color: #003b65;
}

/* @end */

/* @group whats_this */

#episode_frames a.whats_this {
 	color: gray;
 	font-style: italic;
 	margin-left: 20px;
}

#whats_this div.whats_this {
	display: block;
	position: absolute;
	z-index: 20;
	
	left: 50%;
	top:  140px;
	margin-left: -180px;
	height: auto;
	width: 600px;
	
	padding: 20px;

	background-color: #3f598b;
 	border: 4px solid #fff;
 	-moz-border-radius: 12px;
 	-webkit-border-radius: 12px
}

#whats_this div.whats_this h2{
	padding: 0;
	margin: 0 0 20px 10px;
}



#whats_this div.whats_this a{
	color: #f00;
}

#whats_this div.whats_this a.close{
	display: block;
	height: 20px;
	width: 24px;
	float: right;
	
 	background: url(/design/images/buttons/x-trans.png) no-repeat;
}



/* @end */