/*  
Theme Name: Hoodoo
Theme URI: 
Description: Revolutionary Web 5.0 AJAX fuelled webgasm.
Version: 1.0
Author: Ali Blackwell
Author URI: http://www.cravepresents.co.uk
*/
#streampadDrawer {z-index: 10;}
#videowrap { width: 600px; float: left; height: 1000px; display: block;  }
#videosleft {width: 290px; float: left; margin: 0px; padding-right: 10px; display: inline; border-right: solid #ffffff 1px;}
#videosright {width: 295px; float: right; padding: 0px; display: inline; }

#hide p { text-indent: -10000em; }

/* Resets and Hacks*/
 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,
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-weight: inherit;
	font-style: inherit;
	list-style: none;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
img, div, input { behavior: url("http://hoodoogrooves.com/wp-content/themes/hoodoo/iepngfix.htc") }
.lost { display: none; }

/* Structure */
html {background: url(http://hoodoogrooves.com/images/webstat.gif) repeat;}
body {  font-family:    Comic Sans MS, sans-serif; line-height: 18px; font-size: 12px; color: #ffffff; background: transparent;  }
#flashwrap { width: 900px; margin: 0 auto; display: block; padding: 0px; position: relative; }
#bg { width: 100%; height: 100%; margin: 0 auto; padding: 0px 0px 0px 0px;  z-index: 10; display: block; }
#logo {width: 100%; margin: 0 auto; position: absolute; z-index: 1;  }
#pagevibration { width: 900px;  margin: 0 auto; padding: 0px 0px 0px 0px; z-index: 1; position: relative; }
#toplinks { width: 900px;  height: 18px;  text-align: right; padding: 4px 0px 5px 0px;  margin-left: 0px; z-index: 1; }
#toplinks a {margin-left: 18px; text-decoration: underline; font-size: 16px;  }
#toplinks a:hover {text-decoration: none; }
#toplinks a.ext {  background: url("images/external.gif") right no-repeat; padding: 0px 12px 0px 0px; }

#navigation { width: 900px;  margin: 0 auto; position: relative; z-index: 1; 
font-family: "Bank Gothic", Tahoma; padding-top: 140px;}
#contentwrapper { width: 900px; margin: 0 auto; padding: 0px 0px 0px 0px; z-index: 1; position: relative; }
#player {  margin-left: 600px; }

#display { width: 609px; margin: 0 auto; padding: 0px 0px 10px 10px; float: right; border: none; margin-top: 10px; z-index: 1;}
#sidebarold { width: 254px; margin: 0 auto;  padding: 10px 10px 10px 0px; float: left; border: none; margin-top: 0px; z-index: 10;  }
#sidebar { width: 254px; margin: 0 auto;  padding: 0px 18px 10px 0px; float: left; border: none; margin-top: 10px; border-right: 1px solid #ffffff; z-index: 1;  }

#footerold { width: 936px; height: 55px; margin: 0 auto; padding: 0px; clear: both; display: none;  background: url(images/footer.gif) no-repeat bottom;  z-index: 10; font-family: "Bank Gothic", Tahoma;}
#footer { width: 100%;  margin: 0 auto; padding-bottom: 24px; clear: both;   z-index: 10; font-family: "Bank Gothic", Tahoma; }
#footercontent {  text-align: center; padding: 10px 0px 0px 0px; display: none;}
#footercontent a { margin: 0px 0px 0px 20px; font-size: 18px;  display: none; }


/* Sub-level Structure*/
#artistswrap {margin-top: 0px; display: block;}
#artists {float: left; width:154px; height: 380px; padding: 0px 5px 0px 5px;   }
#djmusicinfo { width: 420px; margin-left: 162px; position: relative; height: 390px; padding: 0px 5px 0px 12px; border-left: solid #ffffff 1px; }

#residents { position: absolute; float: left; width:154px; height: 390px; padding: 0px 5px 0px 5px; }
#resmusicinfo { width: 420px; margin-left: 162px; position: relative; border-left: solid #ffffff 1px; height: 380px; padding: 0px 5px 0px 12px;}
#djdiv { min-height:    360px;    }
#loadcontainer p {     margin-left: 150px;  margin-bottom: 900px;   }
#bottomup   {     margin: 250% 0% 0% 0%; padding: 0;    }


/* Navigation */
.hleft {float: left;}
.hright {float: right;}
#navbar { width: 900px;  height: 50px; margin: 0; padding: 0; }
#navbar li { display: block; float: left; margin: 0; padding: 0; margin-right: 20px; position: relative;  }
#navbar li.music {margin-right: 0px; } 
#navbar li a { display: block; width: 162px; text-align: center; padding: 0px; height: 50px; text-indent: -10000em; } 
#navbar li a#hoodoo {  background: url('images/nav/hoodoo.png') no-repeat;    }
#navbar li a#crave {  background: url('images/nav/crave.png') no-repeat;    }
#navbar li a#photos {  background: url('images/nav/photos.png') no-repeat;    }
#navbar li a#videos {  background: url('images/nav/videos.png') no-repeat;    }
#navbar li a#music {  background: url('images/nav/music.png') no-repeat;    }
#navbar li a:hover {   }
#navbar li a#hoodoo:hover { background: url('images/nav/hoodoo1.png') no-repeat; }
#navbar li a#crave:hover { background: url('images/nav/crave1.png') no-repeat; }
#navbar li a#photos:hover { background: url('images/nav/photos1.png') no-repeat; }
#navbar li a#videos:hover { background: url('images/nav/videos1.png') no-repeat; }
#navbar li a#music:hover { background: url('images/nav/music1.png') no-repeat; }

#navbar li a#hoodoo.selected {background: url('images/nav/hoodoo1.png') no-repeat; }
#navbar li a#crave.selected {background: url('images/nav/crave1.png') no-repeat; }
#navbar li a#photos.selected {background: url('images/nav/photos1.png') no-repeat; }
#navbar li a#videos.selected {background: url('images/nav/videos1.png') no-repeat; }
#navbar li a#music.selected {background: url('images/nav/music1.png') no-repeat; }
#provincetabs {width: 588px;}
.shadetabs{
padding: 0px;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
height: 36px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desi#3300ff*/
}
.shadetabs li{
display: block;
float: left; 
margin: 0; 
padding: 0;  
margin-right: 12px;
position: relative;
height: 12px;
}
.shadetabs li a{
text-decoration: none; font-weight: bold; font-size: 18px; color: #ffffff; border: solid #ffffff 1px; background: #3300ff; display: block;  text-align: center; padding: 2px 2px 4px 2px; height: 16px; width:174px;}








.shadetabs li a:hover{
color: #3300ff;
background: #ffffff;
}
.shadetabs li a.selected{ /*selected main tab style */
color: #3300ff;
background: #ffffff;
}
#randomdjwrap {display: none;}
.randomdjcycle {      position: absolute; margin: 9px 0px 0px 166px; display:block;}
.randomdjcycle .djleft {   padding-right:10px;    }
ul#homenews { margin: 6px 0px 0px 445px; position: absolute; }	
ul#homenews a { width: 160px; padding:  2px 0px 4px 0px;   }	

.newsnav {border: solid #ffffff 1px; height: 36px; margin-bottom: 18px; padding: 0px; background: #ffffff;  width: 609px; }
.newsnav a {color: #ffffff; background: #3300ff; font-size: 18px;   font-family:  Bank Gothic, Tahoma, sans-serif;   }

.newsnav a:hover {color: #3300ff; background: #ffffff;    }
.newerlinks a {   height: 24px; padding: 8px 20px 4px 4px;  width: 150px; display: block; text-align: center; margin-left: -4px; }
.newerlinks  {  right no-repeat; height: 24px; width: 170px;  float: right;}
.olderlinks a { height: 24px; padding: 8px 4px 4px 20px; width: 150px; display: block; text-align: center;  }
.olderlinks  {  height: 24px; width: 170px;     float: left; }
a.hand:hover { cursor: pointer;  }


/* Fonts, Typeface and Characters */
.wp-smiley { height: 12px;  }
p {margin-bottom: 16px; margin-top: 6px; font-size: 14px;}
a {text-decoration: none; color: #3300ff; }
a.ext {  background: url("images/external.gif") right no-repeat; padding: 0px 12px 0px 0px; }
h1 {font-size: 24px; border-bottom: 2px solid #3300ff;  line-height: 34px; font-family: Courier New, Tahoma, sans-serif; font-weight: bold; text-transform: uppercase;  margin-bottom: 16px;}
h2 { font-size: 18px; line-height: 24px;  margin-bottom: 16px; border-bottom: 2px solid #ffffff; color: #3300ff; width: 90%;    font-family: Courier New, Tahoma, sans-serif; font-weight: bold; text-transform: uppercase;  }
h3 { font-size: 12px; line-height: 18px; margin-bottom: 16px; border-bottom: 2px solid #3300ff; font-family: Courier New, Tahoma, sans-serif; font-weight: bold; text-transform: uppercase;  }
h4 { font-size: 12px; line-height: 18px; margin-bottom: 16px; border-bottom: 2px solid #ffffff;  color: #3300ff; font-family: Courier New, Tahoma, sans-serif; font-weight: bold; text-transform: uppercase; }
h5 { font-size: 18px; line-height: 24px; margin-bottom: 16px; border-bottom: 2px solid #3300ff; color: #ffffff; font-family: Courier New, Tahoma, sans-serif; font-weight: bold; text-transform: uppercase;  }
ul, ol { margin-bottom: 18px; font-size: 14px; }
h1.lineup { border-bottom: none; margin-bottom: 0px; margin-top: 16px; }
h2.lineup { border-bottom: none;  }
h3.lineup { border-bottom: none;  }
h4.lineup { border-bottom: none;  }
h5.lineup { border-bottom: none;  }
h1.lineup1 { border-bottom: none; margin-bottom: 0px; margin-top: 16px; text-align: center;}
h2.lineup1 { border-bottom: none; text-align: center; }
h3.lineup1 { border-bottom: none;  }
h4.lineup1 { border-bottom: none;  }
h5.lineup1 { border-bottom: none;  }


/* Images */	
img.Hoodoo { float: left; margin: 0px 70px 0px 0px; padding: 0;  }
img.Hoodoo a {margin: 0; padding: 0; }
img.Hoodoo p {margin: 0; padding: 0;}
img.Hoodooflyer {  float: left;   margin-right: 10px;   }
img.Crave {  float: left;  margin-right: 2.5px;    }

.hoodoogal { width: 540px; height: 150px;  position: relative; margin-bottom: 20px;}
.hoodoogal2 { width: 540px; height: 150px;  }

#hoodoo4 {margin-left: 150px; }
.cravegal {   min-height: 70px; margin-bottom: 18px; }

img.homepageimgr { margin: 0px 0px 0px 6px; padding: 3px; border: 1.5px solid #003366; float: right; }
img.homepageimgl { margin: 0px 6px 0px 0px; padding: 3px; border: 1.5px solid #3300ff; float: left; }
.aligned {margin-bottom: 12px; }

/* Misc. */
.al_nodisplay {display: none;}
#al_loading, #al_login, #al_register, #al_lostPassword {height: 175px;}
#al_loginMessage, #al_registerMessage, #al_lostPasswordMessage {}
#al_loadingImage {margin-top: 35px;}