/*  
Theme Name: Soulcraft II
Theme URI: http://evildemonstudios.com/
Description: Modified Custom theme for Soulcraft Comics. Based on the soulcraft template by Brandon Christensen (http://stduio-bc.com/)
Version: 2.0
Author: John O'Meara
Author URI: http://evildemonstudios.com/
*/


/*img{display: inline-block;}
*/
body{font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:13px;  background-color:#fff;  background-image:url(images/bg_main.jpg);  color:#aaa;  margin:0;  padding:0 }
#wrap{width:100%;   margin:0 auto;  padding:0 }
#top{height:208px;  width:100%;  clear:both;  margin:0 auto;  padding:0 }
h2,h3{font-size:16px;  font-weight:700;  margin:0;  padding:0 }
/**
//lol breaks in ie: sidebar clear'd... =/
#main{width:897px;  margin:0px auto;  padding:0 }

//LEAVE THIS COMMENT ALONE FOR NOW SO I CAN TWEAK IT LATER!
+3px:...?
*/
#main{width:900px;  margin:0px auto;  padding:0 }
.leftcontent{width:733px;  float:left;  margin:0;  padding:0px }
.leftcontent_no_sidebar{width: 897px;  float:left;  margin:0;  padding:0px }
/*
.//LOL:244*4=976, NOT 991...!
#main_wide{width:991px;  margin:0px auto;  padding:0 }
#leftcontent_no_sidebar_wide{width: 991px;  float:left;  margin:0;  padding:0px }
*/
#main_wide{width:976px;  margin:0px auto;  padding:0 }
.leftcontent_no_sidebar_wide{width: 976px;  float:left;  margin:0;  padding:0px }
#content_no_sidebar{width:644px;  float:left;  margin:0;  padding:0px 22px }
#content{width:680px;  float:left;  margin:0;  padding:0px 22px; clear: none; /*border: 1px solid white; margin-left: 10px; margin-right: 10px;  */}
#content img{ border:0px solid #356aa0; }

.entry{font-size:13px;  float:left;  width:680px;  text-align:justify;  margin:0;  padding:0 0 20px; margin-left: 4px;}
.entrysingle{font-size:13px;  float:left;  width:80%;  text-align:justify;  margin:0;  padding: 24px; }

/**
//this centers the blogroll's images:
*/
.entry p a img
{ 
	margin-left: auto;
	margin-right: auto;
	display: block;
}


.postmetadata{border-bottom:1px #222 solid;  border-top:1px #222 solid;  font-size:12px;  margin:10px 0 0 0;  padding:5px }
.boxcomments{border-top:1px solid #222;  border-bottom:1px solid #222;  margin-bottom:20px;  width:510px }
#commentform{border-top:1px solid #222;  margin:0;  padding:15px 15px 1px }
#commentform label{display:block;  margin:0 }
#commentform input{width:170px;  margin:0 5px 10px 0;  padding:1px }
#commentform textarea{background:#111;  border:1px solid #333;  color:#FFF;  width:400px;  margin:0 0 10px;  padding:0 }
#commentform #submit{margin:0 0 20px }
#commentform p{margin:5px 0 }

ol.commentlist{margin:0 0 1px;  padding:0 }
ol.commentlist :hover{ }
ol.commentlist li{border-top:1px solid #222;  display:block;  list-style:none;  margin:0;  padding:15px 15px 1px }
ol.commentlist li :hover{background:none }
ol.commentlist li.commenthead{display:block;  list-style:none;  margin:0;  padding:5px 15px }
ol.commentlist li.commenthead h2{margin:0 }
ol.tblist{border-top:1px solid #fff;  list-style:none;  margin:0 0 1px;  padding:15px }
ol.tblist li{display:block;  list-style:none;  padding-left:15px;  margin:0 0 5px }

#eof{width:897px;  clear:both;  height:20px;  margin:0 auto;  padding:0 }
.navigation{width:100%;  float:left;  color:#666 }
.alignright{float:right;  margin-top:10px }
.alignleft{float:left;  margin-top:10px }
.nextback{width:75px; float:right; padding-right:24px;}
.rightnav{float:right; font-size:50px; margin-left:10px; }
.leftnav{float:right; font-size:50px; }
/*
//lol broken!:
#footer{ height:31px;   line-height:31px;   clear:both;   background: url(images/bar.gif) no-repeat center top }
*/
#footer{ height:31px;   line-height:31px;   clear:both;   background: url(images/bar.jpg) no-repeat center top }
.footer{width:897px;  text-align:center;  font-size:11px;  margin:0 auto }
a:link,a:active,a:visited,a:hover{text-decoration:none;  color:#356aa0;  border:none; }
#header h1 a:link,#header h1 a:active,#header h1 a:visited,#header h1 a:hover{text-decoration:none;  color:#fff;  border:none }

.rsidebar{float:right;  width:164px;  margin:0;  padding:0; overflow:hidden; }

/*
//lol deprecated:
.rsidebar_img{float:left;  width:164px;  margin:0;  padding:0; overflow:hidden }
*/

/*
.sidebar {width:140px; margin-left:12px; font-size:9px; text-align:center; }
*/
.sidebar {width:140px; margin-left:12px; font-size:9px; text-align:center; }

/*
lol newdok-hack:

//a big hack, really!:
*/
.sidebar .subtree
{
	text-align: left;
	margin-left: 4px;
	/*
	text-align: left;
	width: 164px;
	*/
	/*
	margin-left: -18px;
	*/
}


.sidebar form { margin:0; }
.sidebar h2{ color:#356aa0; font-size:12px; margin: 0 0 4px 0; }
.sidebar select{ font-size:10px; font-family:Arial, Helvetica, sans-serif;  margin: 0 0 4px 0; border:none; width:130px; }
/*
//hack -- disabled -- newdok!
.sidebar ul { margin: 0; padding:0; }
.sidebar li { list-style-type:none; margin:0; padding:0; }
*/
.sidebar .text{ margin: 5px 0; height:16px }
.sidebar .catlist { font-size:11px; font-weight:bold; }
.sidebar .catlist a:hover { text-decoration:underline; }
.sidebar .catlist li { margin:0; padding:0; }

.sidebar .catlist .children { margin-left:8px; font-weight:normal; font-size:9px; }
#google { padding-left:22px; padding-top:15px; }

.thumbnails {padding:19px; margin: 0px; background-image: url(images/thumb_frame.gif); border:0px;}
.thumbtext { width: 84px; text-align: center; margin-top: 5px; font-size: 9px}

.thumbtable {}
.ttmain { width:146px; text-align:center; padding:0px; margin:0px; }
.ttmain img { border: 0px solid; }
.ttimage { width:97px; height:97px; margin:0 25px; }

.thumbbg { width:1000px; height:123px; background:url(images/thumbs_bg.jpg) left top no-repeat; }
.ttbottom { height:21px; background:url(images/thumb_frame_bottom.gif) top center no-repeat; }
.ttnext { padding-left:10px; text-align:right; }
.ttback { padding-right:10px; text-align:left; }

.icons { margin-top:25px; }
.ratings { height:30px; font-size:10px; margin-top:10px;}

.spacer {width:897px; height:1px; clear:both;}

/* HEADER */

#sc_header { height:208px; width:100%; background:url(images/bg_main_top.jpg); }
#header-shell { position:relative; width:937px; height:208px; }

#logo-top { position:absolute; left:0px; top:0px; width:317px; height:151px; }
#header-top { position:absolute; left:317px; top:0px; width:620px; height:123px; background:url(images/header_top.jpg); }
/*
#hack:
#subnav { position:absolute; left:317px; top:123px; width:542px; height:22px; padding:6px 0 0 25px; background:url(images/subnav_bg.jpg); }
*/
#subnav { position:absolute; left:317px; top:123px; width:542px; height:22px; padding:6px 0 0 25px; background:url(images/subnav_bg.jpg); }
#subnav_no_tabs { position:absolute; left:317px; top:123px; width:542px; height:22px; padding:6px 0 0 25px; background:url(images/subnav_bg_no_tabs.jpg); }
#subnav img { float:left; }
#header-right { position:absolute; left:884px; top:123px; width:53px; height:85px; }
#logo { position:absolute; left:0px; top:151px; width:317px; height:57px; }
#nav-bg { position:absolute; left:317px; top:151px; width:567px; height:57px; background:url(images/nav_bg.gif); }
/*
#nav-comic-section { position:absolute; left:575px; top:151px; width:105px; height:40px; }
//newdok-hack-fix alignment lolz!:
#nav-links { position:absolute; left:376px; top:164px; width:508px; height:16px; }
#nav-links img { float:right; }
*/
/*
//newdok: fail here!:::
#nav-comic-section { position:absolute; left:430px; top:151px; width:105px; height:40px; }
*/
#nav-comic-section
{
	position:absolute; 
	left:412px; 
	top:151px; 
	width:105px; 
	height:40px;
}
#nav-links { position:absolute; left:376px; top:164px; width:508px; height:16px; }
#nav-links img { float:left; }


#comic-link { }
#comic-link img { margin: 0 28px; }
.sub-sub-nav { width:92px; height:78px; padding-top:45px; }
.sub-sub-nav img { float:left; }
/*.menu_opener :hover .subsubnav_menu*/
/*img :hover .sub-sub-nav
{
	display: none;
}
*/

.arrow { position:relative; left:0px; top:0px; padding:0px; width:92px; height:7px; }
.floatleft { float:left; }

/* CORNERS */

.top_corners { position:relative;   width:100%;   height:22px;   background:url(images/corner_top.gif);  }
.top_corners_left { position:relative;   width:100%;   height:22px;   background: url(images/corner_tl.gif) no-repeat left top;   }
.top_corners_right { position:relative;   width:100%;   height:22px;   background:url(images/corner_tr.gif) no-repeat right top;   }

.corners { position:relative;   width:100%;   overflow:auto;   background-color: #000000;   }
.corners_left { position:relative;   width:100%;   overflow:auto; background: url(images/corner_left.gif) repeat-y left;   }
.corners_right { position:relative;   width:100%;   overflow:auto; background:url(images/corner_right.gif) repeat-y right;   }

.bottom_corners { position:relative;   width:100%;   height:22px;   background:url(images/corner_bottom.gif);  }
.bottom_corners_left { position:relative;   width:100%;   height:22px;   background: url(images/corner_bl.gif) no-repeat left top;   }
.bottom_corners_right { position:relative;   width:100%;   height:22px;   background:url(images/corner_br.gif) no-repeat right top;   }

/* CORNERS THUMBS */

.top_corners_th { position:relative;   width:100%;   height:22px;   background:url(images/corner_top.gif);  }
.top_corners_left_th { position:relative;   width:100%;   height:22px;   background: url(images/corner_tl.gif) no-repeat left top;   }
.top_corners_right_th { position:relative;   width:100%;   height:22px;   background:url(images/corner_tr.gif) no-repeat right top;   }

.corners_th { position:relative;   width:100%;   overflow:auto;   background-color: #000000;   }
.corners_left_th { position:relative;   width:100%;   overflow:auto; background: url(images/corner_left.gif) repeat-y left;   }
.corners_right_th { position:relative;   width:100%;   overflow:auto; background:url(images/corner_right.gif) repeat-y right;   }

.bottom_corners_th { position:relative;   width:100%;   height:22px;   background:url(images/corner_bottom.gif);  }
.bottom_corners_left_th { position:relative;   width:100%;   height:22px;   background: url(images/corner_bl.gif) no-repeat left top;   }
.bottom_corners_right_th { position:relative;   width:100%;   height:22px;   background:url(images/corner_br.gif) no-repeat right top;   }


/*#header h1.blogtitle{font-family:Arial, Helvetica, sans-serif;  color:#fff;  margin:0;  padding:10px 0 0 }
#header p.desc{font-family:Verdana, Arial, Helvetica, sans-serif;  color:#fff;  font-size:11px;  margin:0;  padding:0 }
#nav{height:69px;  float:right;  width:542px;  margin:0;  padding:0 }

ul.nav{height:69px;  line-height:69px;  float:right;  list-style:none;  font-size:11px;  text-transform:uppercase;  margin:0;  padding:0 }
ul.nav li{float:left !important;  list-style-type:none;  margin:0;  padding:0 }
ul.nav li a,ul.nav li a:link,ul.nav li a:visited{background:#356aa0;  color:#fff;  float:left;  display:block;  text-decoration:none;  padding:0 10px }
ul.nav li a:hover,ul.nav li a:active{background:#fff;  color:#205387;  text-decoration:none }
ul.nav li.current_page_item a{text-decoration:none;  background:#39c;  color:#000 }
ul.nav li ul{float:left;  margin:0;  padding:0 }*/

.hover-full {
	opacity: .0;
	-moz-opacity: .0;
	filter: alpha(opacity=0);
}
.hover-full:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	zoom: 1;
}

.hover-half {
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}
.hover-half:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.newdok_hover_half_nohoverhack
{
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}




/*
begin for filmstrip:
*/
.film_strip
{
	/*width: 926px;*/
	height: 96px;
	
	margin-left:auto;
	margin-right:auto;
	
	text-align: center; /*IE HACK...?*/
}

.film_strip_extended
{
	/*width: 1008px;*/
	height: 96px;
	
	margin-left:auto;
	margin-right:auto;
	
	text-align: center; /*IE HACK...?*/
}

.film_cell
{
	float: left;
	display: inline-block;
	background: url(images/small_filmstrip_thumbs.png) left top no-repeat;
	padding: 17px;
	height: 62px;
	width: 62px;
	
	display: inline-block;
}

.film_cell img
{
	margin: 0;
	padding: 0;
}

.film_cell_link
{
	color: red;
}

.film_tooltip
{
	display: none;
	position: absolute;
	overflow: visible;
	height: 1em;
	z-index: 10000;
	text-align: left;
	background-color: white;
	color: black;
	padding: 5px;
}

.film_cell:hover .film_tooltip
{
	display: inline;
}

.film_left_arrow
{
	float: left;
	font-size: 48pt;
}

.film_right_arrow
{
	float: left;
	font-size: 48pt;
}

.film_cell_label
{
	z-index: 1000;
	float: left;
	position: absolute;
	
	color: black; 
	background: white;
	
	/*
	color: blue;
	*/

	/*
	hack to set top/left relative while not participating in the layout:
	*/
	margin-top: 45px;
	margin-left: 45px;
}
/*
end for filmstrip
*/