@charset "utf-8";
/* CSS Document */

/* GENERAL */

body {margin:0; padding:0; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:none;}
p {margin:0; padding:0 0 8px 0;}
h2 {visibility:hidden; position:absolute;}
h3 {padding:0 0 8px 0; margin:0; font-size: 1.1em; font-weight:bold;}


/* PAGE STRUCTURE */

#container {width:783px; margin:auto; position:relative; margin-top:-27px;}
#logo {width:104px; height:255px; background:#CCCCCC; margin:0 8px 8px 0; float:left; background-image:url(../images/ho-hum-logo.gif); background-repeat:no-repeat;}
#logo h1 {text-indent:-10000px;}
#navholder {width:671px; height:101px; background-image:url(../images/nav-background.gif); background-repeat:no-repeat; margin:0px 0px 8px 0px; float:left;}
#nav {margin-top:80px; margin-left:8px;}
#banner {width:671px; height:146px; background:#CCCCCC; margin:0 0px 8px 0px; float:left; position:relative;}
#left {width:544px; height:548px; background:#000000; margin:0 8px 8px 0px; float:left;}
#leftforum {width:783px; height:548px; background:#000000; margin:0 8px 8px 0px; float:left;}
.iframecontent {width:527px; margin:0; float:left;}
.iframeforumcontent {width:766px; margin:0; float:left; background:#000000;}
.padding {padding:8px;}
.iframeleft {width:544px; height:653px; background:#000000; margin:0 8px 8px 0px; }
.iframeforum {width:783px; height:548px; background:#000000; margin:0 8px 8px 0px; }
#right {width:231px; margin:0 0px 8px 0px; float:left;}
#basket {margin-top:-30px; padding-bottom:17px;}

/* PAGE HEADINGS */

#hometop {height:34px; padding-bottom:8px; background-image:url(../images/hometop.gif); background-repeat:no-repeat; background-position:left;}
#hometop h2 {visibility:hidden;}
#newstop {height:34px; padding-bottom:8px; background-image:url(../images/news-top.gif); background-repeat:no-repeat; background-position:left;}
#newstop h2 {visibility:hidden;}
#artisttop {height:34px; padding-bottom:8px; background-image:url(../images/artist-top.gif); background-repeat:no-repeat; background-position:left;}
#artisttop h2 {visibility:hidden;}
#linkstop {height:34px; padding-bottom:8px; background-image:url(../images/links-top.gif); background-repeat:no-repeat; background-position:left;}
#linkstop h2 {visibility:hidden;}
#shoptop {height:34px; padding-bottom:8px; background-image:url(../images/shoptop.gif); background-repeat:no-repeat; background-position:left;}
#shoptop h2 {visibility:hidden;}
#contacttop {height:34px; padding-bottom:8px; background-image:url(../images/contact-top.gif); background-repeat:no-repeat; background-position:left;}
#contacttop h2 {visibility:hidden;}
#welcometop {height:34px;padding-bottom:8px; background-image:url(../images/welcome.gif); background-repeat:no-repeat; background-position:left;}
#welcometop h2 {visibility:hidden;}
#features {height:34px; padding:0 0 8px 8px; background-image:url(../images/features.gif); background-repeat:no-repeat; background-position:left; }
#features h2 {visibility:hidden;}


#footer {background:#FFFFFF; width: 100%; padding:8px 0px; margin-bottom:8px; color:#000000; font-size:9px; border-bottom:1px #CCCCCC solid;}
#footer a:link, #footer a:visited {color:#666666; text-decoration:none;}
#footer a:hover {color:#000000; text-decoration:none;}
#player {height:200px; margin-bottom:8px;}

/* SHOP HEADERS */

#beth {height:34px; background:#000000;  background-image: url(../images/shop/beth-hirsch.gif); background-repeat:no-repeat; background-position:top;}
#custom {height:34px; background:#000000;  background-image: url(../images/shop/custom-blue.gif); background-repeat:no-repeat; background-position:top;}

/* NAVIGATION */

#nav ul {margin:0px; padding:0px; display: inline;}
#nav li {display:block; margin:0px; padding:0px; float:left; }
#nav li a {display:block; height:13px; overflow:hidden; text-decoration:none;}
.nav-home {width:52px;  background:url(../images/nav.gif) no-repeat; background-position:0px 50%;}
a.nav-home:hover {background-position:0px 100%;}
.nav-news {width:50px;  background:url(../images/nav.gif) no-repeat;  background-position:-52px 50%; }
a.nav-news:hover {background-position:-52px 100%;}
.nav-artists {width:70px;  background:url(../images/nav.gif) no-repeat;  background-position:-102px 50%;}
a.nav-artists:hover {background-position:-102px 100%;}
.nav-links {width:50px;  background:url(../images/nav.gif) no-repeat;  background-position:-172px 50%;}
a.nav-links:hover {background-position:-172px 100%;}
.nav-shop {width:50px;  background:url(../images/nav.gif) no-repeat;  background-position:-222px 50%;}
a.nav-shop:hover {background-position:-222px 100%;}
.nav-forum {width:62px;  background:url(../images/nav.gif) no-repeat; background-position:-272px 50%;}
a.nav-forum:hover {background-position:-272px 100%;}
.nav-contact {width:76px;  background:url(../images/nav.gif) no-repeat; background-position:-334px 50%;}
a.nav-contact:hover {background-position:-334px 100%;}

.hidelink {visibility:hidden;}

/* FILTERING DROP DOWNS */

.dropdown {	margin:8px 40px 0 385px; position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color: #333333; color: #CCCCCC;}
.dropdown2 { margin:7px 40px 0 290px; position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;	background-color:#333333; color: #CCCCCC;}
.textfield {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;	background-color: #666666; color: #CCCCCC; width:250px;}
.dropdownNormal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color: #333333; color: #CCCCCC;}
/* FILTERING COLOUR BARS */

.red {border-top:solid 4px #ff190a;}
.yellow {border-top:solid 4px #ffbb00;}
.blue {border-top:solid 4px #0069b2;}
.purple {border-top:solid 4px #a64499;}
.green {border-top:solid 4px #699d00;}
.white {border-top:solid 4px #ffffff;}
 
/* RIGHT COLUMN AND GENERAL */
 
.rightbox {width:215px; background:#000; margin:0px 0px 8px 0px; padding:0 8px 8px 8px;}
.contentbox {margin:0 8px 8px 8px; background:#333333; margin-bottom:8px; width: 512px;}
.contactbox {margin:8px; padding:8px; background:#333333; margin-bottom:8px;}
/*.newsbox-head {padding:2px 0; background-repeat:repeat; margin-bottom:8px;}*/
#login a.login {display:block; width:60px; height:15px; border:1px #CCCCCC solid; text-align:center; font-weight:bold; font-size:10px; padding-top:2px; margin-top:3px;}
#login a.login:hover {background:#333333; color:#FFFFFF;}
div.rightbox p {padding:3px 0; width:208px;}
#login span {font-weight:bold;}
#login a:hover {color:#FFFFFF;}

.newsbox-content {padding:9px 8px 8px 8px; margin:0;}
.newsbox img {float:left; position:relative; left:-2px; top:-2px;}
.mp3heading {width:231px; height:42px; background-image:url(../images/playertop.gif); background-repeat:no-repeat; background-position:top;}
.shoutboxheading {width:231px; height:37px; background-image:url(../images/shoutboxtop.gif); background-repeat:no-repeat; background-position:top;}
.registerheading {width:231px; height:37px; background-image:url(../images/registertop.gif); background-repeat:no-repeat; background-position:top;}
.myhohum {width:231px; height:37px; background-image: url(../images/myhohumtop.gif); background-repeat:no-repeat; background-position:top;}