/*Creepside Stylesheet CSS*/

/*--------General CSS--------*/
#container {width:1024px;
            position:relative;
            margin-left:auto; margin-right:auto;
	     }
	     
#container2{
    margin:0;
    padding:0;
    text-align:center;
}

@font-face {
    font-family:'HauntRegular';
    src: url('../font/HauntRegular/hauntaoe-webfont.eot');
    src: url('../font/HauntRegular/hauntaoe-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/HauntRegular/hauntaoe-webfont.woff') format('woff'),
         url('../font/HauntRegular/hauntaoe-webfont.ttf') format('truetype'),
         url('../font/HauntRegular/hauntaoe-webfont.svg#HauntAOERegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {background-color:black;}

.withBg{background-image:url('../image/concrete-back.jpg');
        background-repeat:no-repeat;
        background-position:0 350px;
	}
	
img {border:none;}
ul  {list-style:none;}
a   {text-decoration:none;
    color:white;
    letter-spacing:0.08em;
}

hr{border:1px solid #3A190D;}

h2, .page_title, .page_title2, h1, h3, h4, h5,
#contact_title{font-family:"HauntRegular", Helvetica, sans-serif;
	       color:white;
}
	       
p{font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-weight:normal;
  color:white;
  letter-spacing:0.02em;
}

/*--------Intro page -------*/

#introDoor{
    position:relative;
    margin:auto;
    height:518px;
}

/*-------- Header --------*/

.page_title, .page_title2{font-size:48px;
            color:white;
            letter-spacing:0.05em;
            margin-bottom:25px;
            }
	    
.page_title2{margin-top:6px;}

.page_header_div{position:relative;}


/*------------- Content - Left Section ----------------*/
.left_content{width:310px;
               float:left;
               text-align:center;
}

.contact{ position:relative;
	cursor:pointer;
}
	
#contact_title{font-size:24px;
               letter-spacing:0.1em;}
		                
#contactFrame{position:relative;
	      top:-30px;
	      padding-bottom:80px;
	      cursor:pointer;
}
.contact p{font-size:14px;}
.merch_info p{font-size:14px;}
.leftsecondTitle{
    font-size:16px;
}   

.secondTitle, .leftsecondTitle{
            font-family: 'Jockey One',Arial, sans-serif;
            font-weight:400;
            letter-spacing:0.1em;}


/*------------- Content - Right Section ----------------*/

.right_content{width:690px; /*awalnya 680 */
                float:left;
                position:relative;
                padding-bottom:130px;
                /*cursor:pointer;*/
                }
		
#refisTitle{
    -webkit-text-stroke: 1px #D60505;
    text-shadow:   
    -1px -1px 0 #D60505,
     1px -1px 0 #D60505,
    -1px 1px 0 #D60505,
     1px 1px 0 #D60505;
}
.right_content_container {padding-left:10px;}

.viewCartBtn{float:right;
	    position:absolute;
	    top:5px;
	    right:5px;}

/*------------- homepage ----------------*/

#oldHouse{position:absolute;
            top:40px;
            left:5px;
            margin-left:-50px;
            z-index:0;}
#lightning{position:absolute;
            z-index:-4;
            top:0px;
            left:-30px;
}
#rainingHouse{position:relative;
            z-index:-4;
            top:0px;
            left:5px;
}

#home_copy{
    position:relative;
    margin-top:-130px;
    padding-left:10px;
    /*top:220px;
     margin-top:285px;*/   
}

#home_copy p{  font-size:14px;
  line-height:150%;}

/*------------- Music page ----------------*/

#playerSection{
    position:relative;
}

#musicPage_menu{
        font-family: 'Jockey One',Arial, sans-serif;
}
	
#musicPage_menu2,#merchPage_menu{
    font-family: 'Jockey One',Arial, sans-serif;
}
#musicPage_menu2 ul,#merchPage_menu ul{
    position: relative;
    padding-left: 0px;
}

#musicPage_menu2 li, #merchPage_menu li{
    display:inline;
}

#musicPage_menu2 a, #merchPage_menu a{
    color:#D60505;
    outline: none;
    letter-spacing: 0.08em;
    margin:0 100px 0 0;
}

#musicPage_menu2 a:hover, #merchPage_menu a:hover{
    border-bottom:2px solid #D60505;
}

/* e-junkie buttons */
.ejunkie_btn{
	clear:both;
    position:absolute;
    left:557px;
    top:107px;
    width:100px;
}
.ejunkie_btn table td{
    padding-bottom:6px;
}

.add_item_btn{
  
 position:relative;
 display:block;
}
 
/*------------- Youtube ----------------*/
           
#y_video{border:2px solid #D60505;}


/*-------- bottom navigation --------*/

#navigation{font-family: 'Jockey One', sans-serif;
	    font-weight:400;
            font-size:18px;}
#navigation{width:100%;}
#navContent{width:1024px;margin-left:auto;margin-right:auto;
	    position:relative;
	    top:-20px;}
#navigation{clear:both;
            position:fixed;
            bottom:40px;
            height:50px;
            background-color:black;
            padding-top:5px;
            z-index:1;
            -moz-box-shadow:0 -10px 12px #000000;
            -webkit-box-shadow:0 -10px 12px #000000;
            box-shadow:0 -10px 12px #000000;
            }
#navigation ul{margin-top:5px;}
#navigation li, #musicPage_menu li {display:inline; float:left;}

li:first-child{margin-left:0px;}
li.nav1{padding-right:40px;}


/*-------- Tshirt and Poster --------*/

#Tshirt{

}

#merchandise_table{
	clear:both;
}

.merch_td{
        padding:10px 60px 40px 0;
        }
	
.merch_single{
	    background-image:url(../image/item_back.png);
	    background-repeat:repeat;
            /*padding:18px 18px 18px 0;*/
            text-align:center;
	    }

.merch_single img{
    background-color:#D60505;
    -moz-box-shadow:    0 0 5px 2px #D60505;
    -webkit-box-shadow: 0 0 5px 2px #D60505;
    box-shadow:         0 0 5px 2px #D60505;
}

.merch_single .item_title{
    padding-top:15px;
}

.merch_td p{margin:0px;
	padding:4px;
        font-size:14px;}
	
.item_title{color:#D60505;
    font-family: 'Jockey One', Arial, sans-serif;
    font-size:14px;
    text-align:center;
    letter-spacing:0.08em;
    margin:10px 0px;
    }
    
#merchCarousel{
    position:relative;
    z-index:0;
    padding-bottom:10px;
    padding-left:10px;
    height:370px;
    
}
.roundabout-holder {
      list-style: none;
      padding: 0;
      margin: 0;
      height: 12em; 
      width: 35em; 
      position:absolute;
      top:50px;
      left:50px;
      
   }
.roundabout-moveable-item {
      height: 224px;
      width: 241px;
      cursor: pointer;
      background-color:black;
      border:2px solid black;
      
      -moz-box-shadow:    0 0 5px 4px #000000;
      -webkit-box-shadow: 0 0 5px 4px #000000;
      box-shadow:         0 0 5px 4px #000000;
      
   }
.roundabout-in-focus {
      cursor: auto;
   }
#merchCarousel li img{width:100%;}
#TCarousel{
    position:relative;
   }
#carouselController{
    position:relative;
    top:10px;
    padding-bottom:10px;
   }
   
#carouselController a{
    font-family:'Jockey One', sans-serif;
    background-color:#A54605;
    border-width:2px;
    border-style:solid;
    border-color:#802F0B #391A10 #391A10 #802F0B; 
 
    font-weight:normal;
    text-decoration:none;
    color:black;
    padding:3px 8px 3px 7px; /* IE6 */
                               
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow:inset 0 0 10px #000000;
   -webkit-box-shadow:inset 0 0 10px #000000;
   box-shadow:inset 0 0 10px #000000;
   }
   
#carouselController a:hover{
    background-color:#602700;
    border:2px solid;
    border-color:#261911 #4D1C07 #4D1C07 #261911; 

    color:white;
   }
   
.nextImage{position:relative;
	float:right;
	top:-5px;
	right:100px;
    
   }
.prevImage{position:relative;
	left:100px;
    
   }
   
/*----------- Paypal section-----------*/
.paypal_Btn{
    text-align:center;
    font-family:'Jockey One', sans-serif;
    font-size:1em;
    background-image:url(../image/item_back.png);
    color:white;
    position:relative;
    padding-bottom:25px;
    padding-top:10px;
}

.paypal_Btn form{
    position:relative;
    width:215px;
    margin-left:auto;
    margin-right:auto;    
}

.paypal_Btn td.test{
    letter-spacing:0.1em;
}

.P_button{
    clear:both;
    padding:8px;
}
.paypal_Btn_Poster{
    padding:7px 0;
}
.paypal_Btn_Poster_noCC{
    padding:7px 0;
    height:47px;
}
.hide_me{
    display:none;
}

/*------ Footer Section -----*/
#footer{width:100%;}
#footer{background-image:url('../image/footer_back.jpg');
        background-repeat:repeat-x;
        position:fixed;
        bottom:0px;
        color:black;
        height:40px;
        font-size:11px;
        letter-spacing:0.1em;}
	
.footer_content{width:1024px;
        margin-left:auto;margin-right:auto;}
	
.copyright {position:relative;
        left:40px;
        top:-10px;
        color:#484848;
}