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

/* --------------------- BODY -------------------*/

* {
margin: 0;
padding:0;

}

body {
background: #000000 url(../images/bg.jpg) no-repeat center top;

text-align:center;
margin:0;
padding:0;
color:#fff;
font:75%/1.7 Arial, Helvetica, sans-serif;

}

/*------------- LINK COLOR AND STYLES --------------*/

a:link, a:visited {
color:#77A42A;

}

a:hover, a:active {
color:#fff;
}



/* -------------- WRAP DIV STYLES ------------ */
#wrap {
width:960px;
margin:0 auto;
padding:0;
text-align:left;
background: transparent url(../images/wrap-bg) repeat-x center top;
}

/* -------------- HEADER-WRAP DIV STYLES ------------ */
#header-wrap {
width: 960px;
height: 400px;
margin:0 auto;
background: transparent url(../images/header-bg.gif) no-repeat center top;
position:relative;
}

/* -------------- BANNER DIV STYLES ------------ */
#banner {
width:960px;


}

/* NAVIGATION

------------------------------------------------------------------------------------------ */
#nav {
width: 960px;
height: 33px;
margin:0 auto;
position:relative;
}

/* ------------------- MAIN NAV DIV STYLES ---------------*/
#main-nav {
list-style:none;
}


#main-nav li a {
display:block;
text-indent: -9999px;
}


/* HOME LINK */
#main-nav #home a {
width:127px;
height:33px;
position:absolute;
left: 0px;
top:19px;
background: transparent url(../images/home.gif) no-repeat left top;
}

#main-nav #home a:hover {
background: transparent url(../images/home.gif) no-repeat left -33px;
}

/* FORUMS LINK */
#main-nav #forums a {
width:174px;
height:33px;
position:absolute;
left: 138px;
top:19px;
background: transparent url(../images/forums.gif) no-repeat left top;
}

#main-nav #forums a:hover {
background: transparent url(../images/forums.gif) no-repeat left -33px;
}

/* BLOG LINK */
#main-nav #blog a {
width:132px;
height:33px;
position:absolute;
left: 312px;
top:19px;
background: transparent url(../images/blog.gif) no-repeat left top;
}

#main-nav #blog a:hover {
background: transparent url(../images/blog.gif) no-repeat left -33px;
}

/* CHAT LINK */
#main-nav #chat a {
width:118px;
height:33px;
position:absolute;
left: 480px;
top:19px;
background: transparent url(../images/chat.gif) no-repeat left top;
}

#main-nav #chat a:hover {
background: transparent url(../images/chat.gif) no-repeat left -33px;
}

/* LINKS LINK */
#main-nav #links a {
width:135px;
height:33px;
position:absolute;
left: 620px;
top:19px;
background: transparent url(../images/links.gif) no-repeat left top;
}


#main-nav #links a:hover {
background: transparent url(../images/links.gif) no-repeat left -33px;
}

/* CONTACT LINK */
#main-nav #contact a {
width:170px;
height:33px;
position:absolute;
left: 780px;
top:19px;
background: transparent url(../images/contact.gif) no-repeat left top;
}

#main-nav #contact a:hover {
background: transparent url(../images/contact.gif) no-repeat left -33px;
}

#top-ads{
width:920px;
margin:0 auto;
margin-top:10px;

background:#000;
}

#left-ad {
float:left;padding:5px;
width:600px;}

#right-ad{
float:left;
width:300px;padding:5px;
}
/* -------------- SUB-NAV DIV STYLES ----------*/
#sub-nav {
	width:855px;
	height:50px;
	position:absolute;
	top:304px;
	left:61px;
}





#sub-nav ul {

list-style:none;

position:relative;

}





#sub-nav ul li {

display:inline;

}

/* MYSPACE LINK */
#myspace {
	width:180px;
	height:50px;
	position: absolute;
	top:0;
	left:0;
}





#myspace a {

display:block;

width:180px;
	height:50px;;


text-indent:-9999px;

}


/* ARCHIVES LINK */
#archives {
	width:180px;
	height:50px;
	position: absolute;
	top:-2px;
	left:203px;
}





#archives a {

display:block;
width:180px;
height:50px;
text-indent:-9999px;

}

/* GALLERY LINK */
#gallery {
	width:180px;
	height:50px;
	position: absolute;
	top:-2px;
	left:447px;
}





#gallery a {

display:block;

width:180px;

height:50px;


text-indent:-9999px;

}


#retired {
	width:180px;
	height:50px;
	position: absolute;
	top:0px;
	left:686px;
}



/* RETIRED LINK */

#retired a {

display:block;

width:180px;

height:50px;


text-indent:-9999px;

}

#retired-wrap{
min-height:600px;
background:transparent url(../images/curtain.jpg) no-repeat top center;
}

.retired-left-col {
float:left;
width: 250px;
margin: 225px 0 0 100px;
}

.retired-right-col {
float:right;
width:250px;
margin: 225px 100px 0 0;
}

.retired {
width:250px;
background:#000;
margin: 10px auto;
border:1px solid #998852;
height:300px;
}

.retired img {
width:140px;
height: 170px;
display:block;
margin: 5px auto;
}

.retired p {
padding: .2em .8em;
text-transform:capitalize;
}
.retired h3 {
color:#DFCB5A;
text-align:center;
padding:.3em;

}

.links-left-col {
float:left;
width: 340px;
padding:5px;
}

.links-right-col {
float:right;
width:340px;
padding:5px;
}

.links-right-col ul, .links-left-col ul {
list-style:none;
padding:10px;
}

.links-right-col ul li, .links-left-col ul li{
margin: 6px 0;
}
/* ----------- FEATURED BANNER STLYE ---------*/
#featured {
width:960px;
margin:0 auto;
height:300px;
position:relative;
background: transparent url(../images/featured-bg.gif) repeat-y center top;
margin: 10px 0;
}




.want-ad { width:960px; text-align:center;}

.want-ad h3 {
margin:0 auto;
text-indent:-9999px;
width: 600px;
height:55px;
background: transparent url(../images/want-to-advrt.gif) no-repeat top center;
}

.want-ad h3 a {
display:block;
width: 600px;
height:55px;
}


/* ------------------- CONTENT DIV STYLES ------------------- */
#content-wrap {
width: 960px;
background: transparent url(../images/content-col-bg.gif) repeat-y center top;

padding-bottom: 40px;}


#content-wrap-wide {width: 960px;
background: transparent url(../images/content-col-wide-bg.gif) repeat-y center top;padding-bottom: 40px;}

#content {
background: transparent url(../images/content-col-top-bg.gif) no-repeat center top;
}
#content p, #content-wide p{
padding: .8em;
}


#col-container {
width: 460px;
float:left;
}

#ad-area {
text-align:center;
width: 325px;
margin:0 auto;
margin-top: 20px;
padding-bottom:15px;
}
/* ----------------- LEFT COL DIV STYLES ---------- */
#left-col {
width:480px;
padding: 10px 2px 10px 12px;

}


/* ----------------- MID COL DIV STYLES ---------- */
#mid-col {
width:225px;
padding: 10px 2px 10px 10px;


}

#mid-col p img {
border: 1px solid #709A27;
}


/* ----------------- RIGHT COL DIV STYLES ---------- */
#right-col {
width:210px;
padding: 10px 0 10px 10px;
text-align:center;

}





#footer{
width:960px;


}

/*------------------- ETRA DIV STYLES -----------------*/
#extra {
width:960px;
margin:0 auto;
color:#000;
background:url(../images/wrap-bg.gif) repeat-x center top;
text-align:left;
}

#extra a {
color:#40541E;
}

#extra-inner {
padding: 25px 10px 15px 10px;
}

#recent-forum {
width:260px;

}

#recent-forum h3 {
width:215px;
height:20px;
margin-top:30px;
background: transparent url(../images/rcnt-forum.gif) no-repeat top left;
text-indent:-9999px;
}

#recent-blog h3 {
width:215px;
height:20px;
background: transparent url(../images/rcnt-blog.gif) no-repeat top left;
text-indent:-9999px;
margin-top:30px;
}

#extra-flickr h3 {
width:305px;
height:20px;
background: transparent url(../images/flickr.gif) no-repeat top left;
text-indent:-9999px;
}

#recent-forum ul, #recent-blog  ul {
margin-left: 15px; width:220px;
}

#recent-forum ul li, #recent-blog  ul li {
padding: 5px;
}


#extra-info {width:960px;  }

#extra #recent-forum, #extra #recent-blog {
float:left;
width: 480px;
}

#extra-flickr {width:960px;clear:both; }

/* --------------------- BTM DIV STYLES ----------------*/

#btm-3 {
width:960px;
height:40px;
margin:0 auto;
background: transparent url(../images/content-col-btm-bg.gif) no-repeat center bottom;
}

#btm {
width:960px;
height:40px;
margin:0 auto;
background: transparent url(../images/content-col-btm-wide-bg.gif) no-repeat center bottom;
}



#footer-wrap {
width:960 px;
min-height:175px;
text-align:left;
margin:0;
color: #3E3627;
}


#footer {
width:960px;
margin:0 auto;
font-weight:bold;
background: transparent url(../images/footer-bg.gif) no-repeat top center;
padding-top: 50px;
}


.foot-nav ul li{
margin: 5px 0;
}

#copy-info-wrap {
width:960px;
margin:o auto;
padding-top:30px;
text-align:center;
}

#copy-info {
text-align:center;
}

#banner-ads {
text-align:center;

}
#banner-ads p {
padding:10px;
}


.lineup-images {
text-align:center;
}
.lineup-images img {
margin: .8em;
border:1px solid #709A27;
}

.mask-title {
font-size: 24px;
color: #709A27;
margin-left:15px;
}

.disclaimer {
color:#BB131B;
}


#findhma {
width:230px;
margin:0 atuo;
position:relative;
background: #000000 url(../images/findhma.gif) no-repeat top center;
text-indent:-9999px;
height:290px;
margin-top:10px;
}
#findhma a {
display:block;
}

#findhma #myspace {
width:145px;
height:40px;
position:absolute;
left:45px;
top:60px
}

#findhma #facebook {
width:145px;
height:45px;
position:absolute;
left:43px;
top:104px;
}

#findhma #youtube {
width:145px;
height:45px;
position:absolute;
left:40px;
top:155px;
}

#findhma #flickr {
width:145px;
height:45px;
position:absolute;
left:35px;
top:235px;
}
/* --------------- STYLES FOR NEWS SECTION ---------------*/

.post {

position:relative;
background: transparent url(../images/box-bg.gif) repeat top left;
width:460px;
margin: 1em auto;

}



.post h3, .blog-post h3 {
font-size: 18px;
padding-top: 10px;

}
.post h3 a, .blog-post h3 a{
color:#fff;
text-decoration: none;
font-family:"Trebuchet MS", sans-serif;
text-transform:uppercase;

}

.post h3 a:hover, .blog-post h3 a:hover{
color:#77A42A;}


.date-time {
display: block;

	text-align: center;

	font-family: 'Trebuchet MS', Verdana, sans-serif;

	margin: 0 7px 0 0;

	padding: 0;

	font-weight: bold;

	width: 45px;

	height: 45px;

	position:absolute;

	top:15px;

	left:.5em;
color: #fff;

background: transparent url(../images/date-bg.gif) no-repeat left top;

}

.pub-month {

	display: block;

	font-size: 15px;

	padding: 6px 8px 0 8px;

	line-height: 15px;
	text-transform:uppercase;

	

}

.pub-date {

	display: block;

	font-size: 20px;

	padding: 0 3px;

	line-height: 20px;
	
	

}

.title {

margin: 0 0 0 60px;


}

.post-header {
width:460px;
height:20px;
background: transparent url(../images/box-med-bg.gif) no-repeat top center;

}

.post-tags {

margin-left:55px;
padding-left:10px;
font-size:95%;
text-transform:lowercase;

height:23px;
width:400px;

background: transparent url(../images/tags.gif) no-repeat left center;

}

.post-tags-wide {
margin-left:55px;
padding-left:10px;
font-size:95%;
text-transform:lowercase;

height:23px;
width:600px;

background: transparent url(../images/tags-lg.gif) no-repeat left center;
}


.entry {
padding: 35px 0;
margin-top: 20px;

}

.post-btm {
width:460px;
height:50px;
background: transparent url(../images/box-med-btm-bg.gif) no-repeat bottom center;
}
.entry p {
padding: .5em 0;
}


.blog-post {
position:relative;
background: transparent url(../images/box-bg.gif) repeat top left;
width:700px;
margin: 1em auto;
}

.blog-post-header {
width:700px;
height:20px;
background: transparent url(../images/box-lg-bg.gif) no-repeat top center;
}

.blog-post-btm {
width:700px;
height:50px;
background: transparent url(../images/box-lg-btm-bg.gif) no-repeat bottom center;
margin:0;
}
/* ---------------- CUSTOM CLASS STYLES -----------*/
.col {
float:left;
}

.news {
height: 45px;
width: 200px;
text-indent:-9999px;
background: transparent url(../images/newsupdates.gif) no-repeat left top;
}


.lineup {
height: 45px;
width: 500px;
text-indent:-9999px;
background: transparent url(../images/hmalineup.gif) no-repeat left top;
}

.support {
height: 30px;
width: 200px;
text-indent:-9999px;
background: transparent url(../images/supporters.gif) no-repeat left top;
}

.center {
text-align:center;
}

/*-------------------------------------------------  STYLES FOR WORDPRESS BLOG ------------------------------------ */


#content-wrap-wide {
width: 960px;
background: transparent url(../images/content-col-wide-bg.gif) repeat-y center top;
padding-bottom: 40px;}

#content-wide {
width:960px;
background: transparent url(../images/content-col-top-wide-bg.gif) no-repeat center top;
}

#maincolumn {
	float: left;
	padding: 10px;
	margin: 0;
	width: 715px;
	}
	
	#sidebar {
	width:215px;
	padding: 10px 0 10px 10px;
	float:left;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}


.blog-home {
width: 200px;
height:40px;
text-indent:-9999px;
}

.blog-home a{
display:block;
width:200px;
height:40px;
background: transparent url(../images/blog-home.gif) no-repeat top center;

}

#commentform{
padding: .8em;
}

#comment {
width:600px;
}

#commentform input, #commentform textarea {
background: #000;
border:1px solid #2A2A2A;
color:#696969;
}

.commentlist {
margin-left: 20px;
}


/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}
	
	/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


.clear {
clear:both;}



/* --------------- CSS TXT COLORS -------*/
.red {
color:#FF0000;
}

.green {
color:#00CC00;
}

.blue {
color:#00a8ff;
}


/* Self-Clearing Floats

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

#content:after, #content-wide:after, #footer:after, #extra-inner:after{



	content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

    }
	
	/*******************************************************************************
***		DROPDOWN MENU
*******************************************************************************/
#dropinboxv2cover{
	width: 420px; /*change width to desired */
	height: 220px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
	position:absolute; /*Don't change below 4 rules*/
	z-index: 100;
	overflow:hidden;
	visibility: hidden;
}

#dropinboxv2{
	width: 400px; /*change width to above width-20. */
	height: 200px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/

	background:#000;
	padding: 4px;
	position:absolute; /*Don't change below 3 rules */
	left:0;
	top: 0;
}