@import url("dropdown.css");
@import url("gallery.css");


/*-----------------------------------------------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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}






/*-----------------------------------------------CORE----------------------------------------------------------*/

body {font:67.5%/160% Verdana, Arial, Helvetica, sans-serif;color:#bfb3a3;}
body#renegade{background:#131313 url(../images/back.jpg) no-repeat 50% 0;}
body#spinechillers{background:#1b1b1b url(../images/back-spine.jpg) no-repeat 50% 0;color:#999;}
body#comics{background:#131313 url(../images/back-comics.jpg) no-repeat 50% 0;}
body#other{background:#131313 url(../images/back-others.jpg) no-repeat 50% 0;}

a {text-decoration:none;color:#FFF391;padding-bottom:1px;border-bottom: 1px #222 dotted;}
a:hover{color:#fff;padding-bottom:1px;border-bottom:1px #fff solid;}

h2 a {border-bottom: 1px #222 dotted;}
h2 a:hover {color:#fff;}



a.nostyle{padding:0;border:none;}
a:hover.nostyle{padding:0;border:none;}

p{margin-bottom:10px;}
h1{font: normal 2.1em Arial, Helvetica, sans-serif;color:#a3b1b5;margin:0 0 20px 0;}
h2{font: normal 1.8em Arial, Helvetica, sans-serif;color:#999;margin:0 0 30px 0;}
h2.homeh2{font-family:Georgia;color:#ddd;margin-bottom:30px;}
h2.homeh2 span{border-bottom:1px dotted #666;padding:0 0 8px 0;}
h3{color:#eee;font-weight:normal;font-size:16px;margin:20px 0 20px 0;}
#latest-news h3{color:#bbb;margin:0;text-transform:uppercase;}
h4{font: normal 1.4em Arial, Helvetica, sans-serif;color:#fff;margin:0 0 10px 0;line-height:1.2em;}
h5{font: bold 1.1em Arial, Helvetica, sans-serif;color:#cdcdcd;margin:0 0 10px 0;padding:4px;display:block;background:#222;}
h6{font: bold 1em georgia,serif;color:#c76859;margin-bottom:5px;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
ul, li{list-style-type:none;}
.imgborder{border:2px solid #565c5e;}
.imgleft{float:left;margin:0 10px 10px 0px;}
.imgright{float:right;margin:0 0 10px 10px;}
.dotrule{margin:15px 0;border-bottom:1px solid #272727;height:1px;clear:both;}
.hrule{margin:15px 0 30px 0;border-bottom:1px solid #272727;height:1px;}
.inrule{margin:15px 0;height:1px;}
.brackets{color:#eee;font-style:italic;font-weight:normal;}
#spinechillers .brackets{color:#ccc; font-style:italic;}
ul.list{margin:0 0 20px 0;}
ul.list li{background:url(../images/bullet.gif) no-repeat 0 1px;padding:0 0 3px 20px;}
strong{color:#bbb;font-weight:bold;}
a.nostyle, a:hover.nostyle{padding:0;margin:0;border:none;}
a.img-link{border-bottom:none;}

.tracks {margin:10px 0 0 0;}
.tracks li{padding:0 0 8px 16px;background:url(../images/bullet.gif) no-repeat 0 2px ;color:#eee;}
#spinechillers .tracks li .brackets{color:#666;}
.tracks li.nobullet{background:none;}


/*-----------------------------------------------BUILD----------------------------------------------------------*/

body#renegade #wrap{background:url(../images/footer.jpg) no-repeat 50% bottom;padding-bottom:230px;}
body#spinechillers #wrap{background:url(../images/footer-spine.jpg) no-repeat 50% bottom;padding-bottom:280px;}
body#comics #wrap{background:url(../images/footer-comics.jpg) no-repeat 50% bottom;padding-bottom:230px;}
body#other #wrap{background:url(../images/footer-other.jpg) no-repeat 50% bottom;padding-bottom:230px;}

#container{margin:0 auto;width:920px;font-size:1.2em;line-height:1.6em;}
#header{height:190px;position:relative;margin:0;padding:0;}


#main-menu{height:43px;line-height:43px;position:absolute;top:0;right:0;background:url(../images/brown.png);font-size:0.9em;padding:0 15px;}

ul.gen-menu{float:left;}
ul.gen-menu li{float:left;margin:0 10px;}
ul.gen-menu li a, #work a{color:#aaa;border:none;padding:0;font-size:1.1em;}
ul.gen-menu li a:hover, #work a:hover{color:#fff;border:none;padding:0;}
#work{float:left;margin:7px 0 0 0;background:url(/images/arrow-down.gif) no-repeat 6px 9px;}


/*---LOGOS---*/
#logowrap{position:absolute;top:35px;left:0px;}
#logowrap-spine{position:absolute;top:35px;left:0px;}
#logowrap-comics, #logowrap-other{position:absolute;top:0;left:332px;}
#logowrap a, #logowrap a:hover{padding:0;border:none;}

h1#logo a, h1#logo2 a, #spinechillers h1#logo a, h1#logo-comics a, h1#logo-other a{display:block;position:relative;z-index:1;color:#888;}
h1#logo, h1#logo2, #spinechillers h1#logo, h1#logo-comics, h1#logo-other{overflow:hidden;}

h1#logo, h1#logo a span{width:270px;height:100px;background:url(../images/logo.jpg) no-repeat;}/*-Renegade-*/
h1#logo2, h1#logo2 a span{width:110px;height:40px;background:url(../images/logo2.gif) no-repeat;font-size:0.7em;}/*-Topbar small logo-*/
#spinechillers h1#logo, #spinechillers h1#logo a span{width:310px;height:100px;background:url(../images/logo-spine.jpg) no-repeat;}/*-Spine Chillers-*/
h1#logo-comics, h1#logo-comics a span{width:267px;height:159px;background:url(../images/logo-comics.jpg) no-repeat;}/*-Comics-*/
h1#logo-other, h1#logo-other a span{width:267px;height:159px;background:url(../images/logo-other.jpg) no-repeat;}/*-Other-*/
/*-------------*/

.replace span{display:block;position:absolute;top:0px;left:0px;z-index:3;}
a.replace span{cursor:pointer;}
small{color:#555;}

ul#social{margin:0;}
ul#social li{display:inline;}
ul#social li a{float:left;margin:0 15px 15px 0;border:none;padding:0;}

#screen{background:#000;padding:10px;text-align:center;}

/*-----------------------------------------nav1------------------------------------------------*/
#nav_about, #nav_news, #nav_shop, #nav_links, #nav_contact{position:absolute;}

#nav_news{left:52px;top:75px;}
#nav_shop{left:204px;top:63px;}
#nav_about{left:641px;top:63px;}
#nav_contact{left:765px;top:75px;}

#nav_about a span, #nav_news a span, #nav_shop a span, #nav_links a span, #nav_contact a span{
	display:block;background:0 0 no-repeat;
}

#nav_news a span{background:url(../images/nav_news.jpg);width:97px;height:55px;}
#nav_shop a span{background:url(../images/nav_shop.jpg);width:80px;height:67px;}
#nav_about a span{background:url(../images/nav_about.jpg);width:93px;height:67px;}
#nav_contact a span{background:url(../images/nav_contact.jpg);width:105px;height:73px;}

#sub-nav{padding:0;margin:0 0 30px 0;border-top:1px solid #333;border-bottom:1px solid #000;float:left;width:920px;}
#sub-nav ul{display:inline;padding:0;margin:0;}
#sub-nav li{float:left;margin:0 0 0 0;padding:0;}
#sub-nav li a{display:block;padding:4px 12px;color:#999;border:none;margin:0;}
#sub-nav li a:hover, #sub-nav li a.active{color:#fff;border:none;padding:4px 12px;margin:0;background:#39322a;}
#spinechillers #sub-nav li a:hover, #spinechillers #sub-nav li a.active{background:#222;}

#previous{position:absolute;top:80px;left:20px;}
#next{position:absolute;top:80px;right:20px;}
#previous a, #next a{color:#bbb;padding:5px 6px;border:none;}
#previous a:hover, #next a:hover{padding:5px 6px;background:#111;color:#fff;border:none;}


/*----------------------------------------content--------------------------------------------*/

#content{width:920px;padding:20px 0 0 0;}

.nocolumn{clear:both;margin:0 0 40px 0;}

/*-3 square features-*/
#features{}
#features ul{display:inline;margin:0;overflow:hidden;}
#features ul li{margin:0 30px 30px 0;float:left;overflow:hidden;}
#features ul li img{padding:0;}
#features li a{width:272px;height:130px;display:block;border:4px solid #565c5e;padding:0;margin:0;display:block;position:relative;z-index:1;color:#888;}
#features li a#spine, #features li a#spine span{background:url(../images/features/spine1.jpg) no-repeat 0 0;}
#features li a#comics, #features li a#comics span{background:url(../images/features/comics1.gif) no-repeat 0 0;}
#features li a#other, #features li a#other span{background:url(../images/features/other1.jpg) no-repeat 0 0;}
#features li a span{width:272px;height:130px;}
#features li a:hover#spine, #features li a:hover#comics, #features li a:hover#other,
#features li a:hover#spine span, #features li a:hover#comics span, #features li a:hover#other span{background-position:0 -130px;}
#features li.nomargin{margin:0;}

#features li a#ep-outsider, #features li a#ep-outsider span{background:url(../spinechillers/images/ep-outsider.gif) no-repeat 0 0;}
#features li a#ep-telltale, #features li a#ep-telltale span{background:url(../spinechillers/images/ep-telltale.jpg) no-repeat 0 0;}
#features li a:hover#ep-outsider, #features li a:hover#ep-telltale,
#features li a:hover#ep-outsider span, #features li a:hover#ep-telltale span{background-position:0 -160px;}

.right-features li{margin-bottom:15px;}

#features2{margin-bottom:20px;}
#features2 {display:inline;margin:0;overflow:hidden;}
#features2 li{margin:0 20px 15px 0;float:left;overflow:hidden;}
#features2 li img{padding:0;}
#features2 li a{width:210px;height:120px;display:block;border:2px solid #565c5e;padding:0;margin:0;position:relative;z-index:1;color:#888;}
#features2 li.nomargin{margin:0;}

.left13, .right23, .left23, .right13, .left35, .right25, .left57, .right27, .left12, .right12{float:left;}
.left13{width:270px;padding:0 40px 0 10px;}
.right13{width:340px;}
.left23{width:520px;padding:0 40px 0 10px;}
.right23{width:590px;}
.left35{width:490px;padding-right:40px;}
.right25{width:390px;}
.left57{width:650px;padding-right:40px;}
.right27{width:230px;}
.left12{width:440px;padding-right:40px;}
.right12{width:440px;}


#footer-wrap{border-top:1px solid #333;}
#footer{width:920px;margin:0 auto;color:#666;text-align:center;padding:30px 0 30px 0;}



#sb2-del a, #sb2-facebook a, #sb2-digg a{width:50px;height:55px;position:absolute;top:80px;display:block;padding:0;border:none;}
#sb2-del a:hover, #sb2-facebook a:hover, #sb2-digg a:hover{padding:0;border:none;}
#sb2-del a{background:url(../images/sb2-del.jpg) no-repeat 0 0;left:720px;width:50px;}
#sb2-facebook a{background:url(../images/sb2-facebook.jpg) no-repeat 0 0;left:780px;width:55px;}
#sb2-digg a{background:url(../images/sb2-digg.jpg) no-repeat 0 0;left:835px;width:50px;}

#spinechillers #sb2-del a{background:url(../images/sb2-del-spine.jpg) no-repeat 0 0;left:720px;}
#spinechillers #sb2-facebook a{background:url(../images/sb2-facebook-spine.jpg) no-repeat 0 0;left:780px;}
#spinechillers #sb2-digg a{background:url(../images/sb2-digg-spine.jpg) no-repeat 0 0;left:825px;}

#facebook-group{width:111px;height:46px;position:absolute;top:85px;right:245px;display:block;padding:0;border:none;}
#facebook-group a, #facebook-group a:hover{padding:0;border:none;}

/*----------------------------------ABOUT US-----------------------------------*/

ul.imagelinklist{list-style:none;margin:0;overflow:hidden;}
ul.imagelinklist li{float:left; margin:0 0 30px 0;width:280px;font-size:1em;padding:0;}
ul.imagelinklist li img{padding:0;}
ul.imagelinklist li.nomargin{margin:0 0 30px 40px;}
ul.imagelinklist li.clear{clear:both;margin:0 0 0 0;}

ul.imagelinklist li h2{font: normal 1.8em Arial, Helvetica, sans-serif;margin:10px 0 5px 0;}
ul.imagelinklist li h2 a{padding-bottom:2px;border-bottom: 1px #222 dotted;}
ul.imagelinklist li h2 a:hover{padding-bottom:2px;border-bottom:1px #fff solid;}


ul.imagelinklist li:hover a.imglink{padding:0;}
ul.imagelinklist li a.imglink{padding:0;}

a.imglink, ul.imagelinklist li:hover a.imglink{padding:0;border:4px solid #565c5e;display:block;}
ul.imagelinklist li a:hover.imglink{padding:0;border:4px solid #aaa;display:block;}
ul.imagelinklist a.imglink{padding-bottom:0px;}



.profileimg{border:2px solid #565c5e;margin-bottom:10px;}


ul.links{margin-bottom:30px;}
ul.links li {background:url(../images/dropdown2.gif) no-repeat 0 0;padding:8px 0 0 30px;}




/*-------------------------------------SHOP----------------------------------------*/

ul.shop{list-style:none;margin-top:20px;}
ul.shop li{padding:0 0 0px 0;}
ul.shop li:hover a{padding-bottom:2px;border-bottom: 1px #212638 solid;}
ul.item li{display:inline;float:left;}
li.iteminfo{float:left;color:#726d5a;width:430px;margin:0 40px 20px 0;}
li.itembuy{float:left;width:430px;}
li.itembuy ul{}
li.itembuy ul li{padding:5px 0;border-bottom:1px solid #272727;clear:both;}
.itembuy2{float:left;width:580px;padding:5px 0;border-bottom:1px solid #272727;clear:both;}

.price{height:20px;margin-bottom:20px;}


.buy select{margin:0;padding:0;float:left;margin-bottom:20px;}
.buy input{float:left;}

/*------------------------------------EPISODES-----------------------------------*/

ul#episodes{}
ul#episodes li{}
ul#episodes li a, ul#episodes li.nolink{color:#aaa;display:block;padding:15px 15px 15px 33px;width:255px;border:1px solid #161616;background:url(../images/episode.gif) no-repeat 6px 15px;}
ul#episodes li a.play{background:url(../images/play.gif) no-repeat 8px 15px;}
ul#episodes li a:hover{color:#fff;border:1px solid #333;}
 

 
/*--------------------------------------------NEWS------------------------------------*/

.post{margin-bottom:45px;clear:both;}
.widget{padding:15px 0;border-bottom:1px solid #333;}
.post h3{margin-bottom:15px;}
.entry{margin:15px 0 25px 0;}
.post:hover a{padding-bottom:2px;border-bottom: 1px #212638 solid;}
p.postmetadata{padding:8px;border:1px solid #272727;background:#222;}
.homepost{margin-bottom:20px;}
.homepost h3{margin:0 0 5px 0;}

.news-specific h3{font-size:1.2em;margin-bottom:5px;}
#searchform input{border:none;padding:4px;width:142px;}
input#searchsubmit{border:none;cursor:pointer;width:70px;text-align:center;color:#fff;background:#646c99;font: bold 1.2em Arial, Helvetica, sans-serif;}

#renegade .left23#var{width:640px;padding-right:0;}
#renegade .homepost{width:280px;float:left;margin-right:40px;display:block;height:115px;}
#renegade .homepost h3{font-size:1.4em;}
#renegade .homepost .right{color:#ccc;}
#renegade .left23#var .right a{margin:0 40px 0 0;}

/*-------------------------------------------------------------------------------------*/



h1#nav3fix{margin:0 0 0 0;width:auto;}
#nav3 ul{margin-bottom:15px;}
#nav3 li{display:inline;margin:0 15px 0 0;color:#777;}
#nav3 li a{color:#aaa;padding:0;border-bottom:none;font-size:0.9em;}
#nav3 li a:hover, #nav3 li a.active{color:#fff;padding:0;border-bottom:none;}



ul#latest-home{}
ul#latest-home li{}
ul#latest-home li a{display:block;border-bottom:1px dotted #333;padding:10px 0;width:340px;}
ul#latest-home li a strong{font-size:1em;color:#eee;}
ul#latest-home li a.over-spine:hover{background:url(../images/item-spine.gif) no-repeat right center;}
ul#latest-home li a.over-comics:hover{background:url(../images/item-comics.gif) no-repeat right center;}
ul#latest-home li a.over-other:hover{background:url(../images/item-other.gif) no-repeat right center;}

#comic-strip{margin-bottom:30px;width:460px;float:left;}

.SlidingPanels {
	width: 450px;
	height:670px;
}
.SlidingPanelsContent {
	width: 460px;
	height:670px;
}


	
#comic-strip.SlidingPanels {
	float: right;
	width:450px;
}
#comic-strip .SlidingPanelsContentGroup {
	float: left;
	width: 90000px;
}
#comic-strip .SlidingPanelsContent {
	float: left;
	width: 450px;
	height:670px;
}

#comic-poster{width:450px;float:left;}

textarea#comment{width:625px;padding:10px;border:1px solid #000;}

input#submit{padding:5px 8px;border:none;cursor:pointer;background:#646c99;color:#fff;}






/* Easy Slider */

#slider-wrap{width:900px;height:376px;margin:0 auto 0 auto;position:relative;}
#slider{width:896px;border:2px solid #2c2925;}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:896px;
		height:372px;
		overflow:hidden; 
		
		}	
		

#slider li a{display:block;width:896px;height:372px;cursor:pointer;}
li#slide-sc-audio{background:url(../images/slide-sc-audio.jpg) no-repeat 0 0;}
li#slide-evil{background:url(../images/slide-evil.jpg) no-repeat 0 0;}
li#slide-outsider{background:url(../images/slide-outsider.jpg) no-repeat 0 0;}
li#slide-spinecomic{background:url(../images/slide-spinecomic.jpg) no-repeat 0 0;}
li#slide-grannys{background:url(../images/slide-grannys.jpg) no-repeat 0 0;}


	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#slider1next{ 
		left:696px;
		}														
	
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	
	#prevBtn, #nextBtn{display:block;position:absolute;top:155px;z-index:1000;}
	#prevBtn{left:-21px;}
	#nextBtn{right:-21px;}
	#prevBtn a, #nextBtn a{width:46px;height:46px;display:block;position:relative;padding:0;margin:0;border:none;}	
	#prevBtn a{background:url(../images/prevBtn.png) no-repeat 0 0;}
	#nextBtn a{background:url(../images/nextBtn.png) no-repeat 0 0;}
		
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */



#latest-news{background:url(../images/latest-news.gif) no-repeat 0 12px;}
#latest-news li{color:#aaa;font-weight:normal;border-bottom:1px solid #262626;padding:5px 0 5px 60px;}
#latest-news li h3{margin-bottom:0;}
#latest-news li h3 a{font-weight:normal;font-size:0.8em;color:#FFF391;margin:0;}
#latest-news li h3 a:hover{color:#fff;}
#latest-news-links{margin:0 0 0 60px;}
.news-date{margin:0 0 -5px 0;font-size:0.8em;color:#AB7B3B;}

ul#goods li{padding:10px 0;border-bottom:1px solid #262626;}
ul#goods li .goods-img{float:left;width:100px;}
ul#goods li .goods-img img{border:1px solid #262626;}
ul#goods li .goods-img a:hover{border-bottom:none;padding:0;}
ul#goods li .goods-info{float:left;width:240px;line-height:1.2em;color:#aaa;font-size:0.9em;}
ul#goods li .goods-info strong{color:#ddd;}




/*----------------------------------------------------------------------------------------------------------------------*/


#nav2, #page-info-col, #page-main-col, #page-main-col2, #page-main-col3{float:left;}

#nav2{width:180px;margin-right:25px;}
#nav2 ul li a{color:#9e9f80;}
#nav2 a:hover{border-bottom:none;padding:0;text-decoration:none;color:#fff;}
#nav2 ul li{border-bottom:1px solid #444;padding:4px 0;}
#nav2 ul li ul{margin-left:15px;}
#nav2 ul li ul li{border:none;padding:0;}
#nav2 ul li ul li a{color:#8a8a8a;}
#nav2 a.active{color:#fff;}

#page-info-col{width:225px;margin-right:30px;font-size:11px;line-height:1.5em;}
.main-image{border:1px solid #504c4d;margin-bottom:20px;}
#page-info-col h4{color:#eee;font-weight:normal;font-size:12px;margin:20px 0 5px 0;padding:0;}

#page-main-col{width:460px;}
#page-main-col2{width:600px;}
#page-main-col3{width:710px;}
#page-main-col h3{color:#eee;font-weight:normal;font-size:16px;margin:20px 0 20px 0;}

.price-buy{margin-bottom:30px;}
.add-cart{margin:20px 0 0 20px;float:left;}

.price2{float:left;margin-right:20px;}

.thumbnail{float:left;}



#main-links{width:900px;clear:both;;margin:0 auto 50px auto;background:#000;border-bottom:2px solid #2C2925;}
#main-links a{font-size:1.3em;color:#aaa;border-left:2px solid #2C2925;border-bottom:none;width:258px;padding:15px 20px;display:block;float:left;}
#main-links a.last{border-right:2px solid #2C2925;width:256px;}
#main-links a span{font-size:10px;}
#main-links a:hover{color:#fff;border-bottom:none;}
#main-links a#ml-sc{background:url(../images/ml-sc.jpg) no-repeat right top;}
#main-links a#ml-com{background:url(../images/ml-com.gif) no-repeat right top;}
#main-links a#ml-os{background:url(../images/ml-os.jpg) no-repeat right top;}





.item{width:168px;display:block;float:left;margin:0 30px 30px 0;}
.item img, .item img:hover{border:4px solid #333;}
img a:hover{border-bottom:none;}


.price-buy a, .price-buy a:hover{padding:0;border:none;}
blockquote{padding:0 0 0 20px;border-left:3px solid #A3B1B5;margin:0 0 20px 20px;font-style:italic;color:#999;}
.main-image a, main-image a:hover{padding:0;border:none;}