/********************************************************************************                                                  
                          USING SF-BLUEPRINT-CSS

-Never make changes to the original Blueprint CSS files.  Overwrite them in this custom.css file.
-Not all of the css classes are listed in this file. Since Blueprint has great default classes, only overwrites and additions are listed.

For more information on BluePrint CSS, visit: http://code.google.com/p/blueprintcss/

Good luck!
********************************************************************************/


/********************************************************************************
	         Body
********************************************************************************/

body {
   background: #000 url(images/back.jpg) center top repeat-x;
   color: #fff;
   margin-top:0; 
}

#main {
   padding-top: 10px;
}

#header {margin-top:0;}

#main {background:#000 url(images/pageTop.jpg) no-repeat top; padding:1em 10px;}

/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/
   
body {

}

h1,h2,h3,h4,h5,h6 { 
  color: #000; 
}

#header h1 strong, #description {display:none;}

#header h1 {display:block; width:582px; height:135px; background:url(images/logo.png) no-repeat; margin:99px 0 0 0;}

h2 {font-size:3em;line-height:1;margin:0.25em 0 0.125em 0;letter-spacing: -2px;font-weight:normal;}

#sidebar h2, .sidebar h2 {font-size:2em;line-height:1;margin:0.25em 0 0.125em 0;letter-spacing: -2px;font-weight:normal;}

a {color:#008FDF;}

p img {margin-top:0.4em;} 

/* SlipFire created typography classes
***************************************/

.byline{ font-size: .8em; line-height: 1em;}

.timestamp{ font-size: .8em; line-height: 1.2em;}

.commentnum{ font-size: .8em; line-height: 1.2em;}

.incategory{ font-size: 1em; line-height: 1.2em;}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



#content .sIFR-hasFlash h2 {
	
	visibility: hidden;
}


/********************************************************************************
               Text Elements and Lists
********************************************************************************/

a {   text-decoration: none; }

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, nolink {border-bottom: none;}

a:focus, a:hover { background: #000; color:#fff}


li { list-style: square inside url(images/bullet.gif);}

.fancybullet li {
    list-style: none;
	background: url(images/bullet.gif) no-repeat top left;
	padding: 0px 0px 5px 18px;
    margin: 0px 0px 0px 0px;
}


/*-----------------------------------------------------------------------------
	Search
-----------------------------------------------------------------------------*/

#search				{ float:right;}
#search #s 			{ background: #fff url('images/icons/search_grey.gif') 0px center no-repeat; border:1px solid #767676;
 				  	  padding: 2px 0 2px 17px; width: 200px; color: #CCCCCC; font-size: 0.9em; margin-right:20px;}
#search #s:hover 	{ color: #000; }
.search-excerpt 	{ margin: 0; }


/********************************************************************************
                Misc
********************************************************************************/

/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 
***************************************/

.box2 { 
  padding: .5em; 
  margin-bottom: .5em; 
  background: #eee; 
  border: 1px solid #ddd;   
}


/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {padding-top:10px;}
.pushdown-2 {padding-top:20px;}
.pushdown-3 {padding-top:30px;}
.pushdown-4 {padding-top:40px;}
.pushdown-5 {padding-top:50px;}



/********************************************************************************
                Lines
********************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

.thick {
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  height: 1px;
  margin: 0 0 0 0;
}

/********************************************************************************                                                  
                          SLIPFIRE CREATED FOR WORDPRESS                                                   
********************************************************************************/


/********************************************************************************
                Navbar
********************************************************************************/

#navbar {
   margin: 0px auto 0px;
   
}
	
#navbar li {
   display: inline;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
		
#navbar ul {
   margin: 1em 0 0 0;
   padding: 0;
}
	
#navbar ul li a {
   display:block;
   float:left;
   width:130px;
   height:28px;
   margin: 0 10px 0 0;
   text-decoration: none;
   border-bottom: none;
   background:url(images/buttons/home.gif) no-repeat top left;
   line-height:10000px; overflow:hidden;
}

#navbar ul li a span {
    display:none;
}

/* about */ 

#navbar ul li.page_item a {margin:0;}
#navbar ul li.page_item a {background:url(images/buttons/about.gif) no-repeat top left;}
#navbar ul li.page_item a:hover, a:active {background:url(images/buttons/about.gif) no-repeat bottom left;}

/* artists */

#navbar ul li.cat-item-3 a {background:url(images/buttons/artists.gif) no-repeat top left;}
#navbar ul li.cat-item-3 a:hover, a:active {background:url(images/buttons/artists.gif) no-repeat bottom left;}

/* blog */

#navbar ul li.cat-item-1 a {background:url(images/buttons/blog.gif) no-repeat top left;}
#navbar ul li.cat-item-1 a:hover, a:active {background:url(images/buttons/blog.gif) no-repeat bottom left;}

/*news */

#navbar ul li.cat-item-4 a {background:url(images/buttons/news.gif) no-repeat top left;}
#navbar ul li.cat-item-4 a:hover, a:active {background:url(images/buttons/news.gif) no-repeat bottom left;}

/* releases */

#navbar ul li.cat-item-5 a {background:url(images/buttons/releases.gif) no-repeat top left;}
#navbar ul li.cat-item-5 a:hover, a:active {background:url(images/buttons/releases.gif) no-repeat bottom left;}

#navbar ul li a:hover, a:active {
background:url(images/buttons/home.gif) no-repeat bottom left;
}

#current_page_item a {
   
}


/********************************************************************************
                Sidebar
********************************************************************************/

#sidebar h2{
margin-Bottom
}

#sidebar a {border-bottom: none;}
	
#sidebar li {
   list-style-type: none;
   display:block;
   margin: 0px;
   padding: 0.25em 0;
   border-top:1px solid #767676;
}
		
#sidebar ul {
   margin: 0 0 1em 0;
   padding: 0px; 
}
	
#sidebar ul li a {
   padding: 0;
   margin: 0; 
   border-bottom: none;
}

/********************************************************************************
	         Shop Buttons
********************************************************************************/

.hecticshop {float:right; margin-right:-10px; width:120px;} 
.hecticshop div.entershop a {display:block;height:38px;width:82px;float:right; background:url(images/shop.gif); background-position:0 0}
.hecticshop div.checkout a {display:block;height:38px;width:38px;float:right; background:url(images/shop.gif); background-position:36px 0}
.hecticshop div.entershop a:hover {background-position:0 38px}
.hecticshop div.checkout a:hover  {background-position:36px 38px}
.hecticshop div.entershop a span, .hecticshop div.checkout a span {display:none}

/********************************************************************************
                box
********************************************************************************/

.topBox, .topBox2, .topBox3
{background: #333 url(../HecticBeats/images/fade.gif) repeat-x; padding:0.5em 10px; margin-top:0.725em; border-top:0.75em solid #333;}
.topBox {margin-bottom:1.5em;}
.topBox2 {border-top:0.75em solid #008FDF;}
.topBox3 {height:225px;}
.topBox3 div {display:block; height:72px;border-bottom:1px solid #767676; margin-bottom:0.2em;}
.topBox4, .topBox5 { padding:0.5em 70px; margin-top:0.725em; border-top:0.75em solid #333;background: #000}
.topBox5 { border-top:0.75em solid #008FDF;background: #333 url(../HecticBeats/images/fade.gif) repeat-x;}
.topBox6 { border-top:0.75em solid #008FDF; padding:0.5em 70px; margin-top:0.725em; }

 #sidebar div.topBox ul {margin: 0;}
 
 .topBox:after, .topBox2:after, .topBox3:after, .topBox4:after, .topBox5:after, .topBox6:after 
 {content:".";display:block;height:0;clear:both;visibility:hidden;}
.topBox, .topBox2, .topBox3, .topBox4, .topBox5, .topBox6{display:inline-block;}
* html * html .topBox, * html .topBox2, * html .topBox3, * html .topBox4, * html .topBox5, * html .topBox6 {height:1%;}
.topBox, .topBox2, .topBox3, .topBox4, .topBox5, .topBox6 {display:block;}

/********************************************************************************
                Footer
********************************************************************************/

#footer {
   text-align: left;
   font-weight: normal;
}

.hideFlash table  {display:none}
.hideFlash p {margin:0;}