/* YUI reset */
html{ font-size:100%; }

body    { font-family: Helvetica, Arial, Verdana, Sans-serif; font-size: 0.75em; color: #362306; background: url('images/background.jpg') repeat top center;  background-color: #372000; line-height:17px; }
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }

table   { border-collapse:collapse; border-spacing:0; }
sup     { font-size: 1.3em; }

fieldset,img { border:0; }

address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul                                   { list-style:none; }
caption,th                              { text-align:left; }
h1,h2,h3,h4,h5,h6                       { font-size:100%; font-weight:normal; }
q:before,q:after                        { content:''; }
abbr,acronym                            { border:0; }
/* END of reset */

/* begin styling */
#wrapper { width: 864px; margin: 0 auto; min-height:200px; height:auto !important; height:200px; background-color: #372000; /* you shouldn't see this, only for loading. */ }
#header  { width: 864px; /*342+305+217px;*/ height: 84px; margin: 0 auto; }
#content { width: 864px; height: 463px; clear:both; }

#content .mid { width: 789px; height: 413px; float:left; }



#content .menu               { width: 789px; /*864-75px;*/ height: 50px; float:left;}
    #content .menu a.news    { width: 96px; height: 50px; background: url('images/rollover/news.jpg') no-repeat; background-position: 0px -100px; float:left; }
    #content .menu a.bio     { width: 77px; height: 50px; background: url('images/rollover/bio.jpg') no-repeat; background-position: 0px -100px; float:left; }
    #content .menu a.music   { width: 94px; height: 50px; background: url('images/rollover/music.jpg') no-repeat; background-position: 0px -100px; float:left; }
    #content .menu a.shows   { width: 82px; height: 50px; background: url('images/rollover/shows.jpg') no-repeat; background-position: 0px -100px; float:left; }
    #content .menu a.blog    { width: 79px; height: 50px; background: url('images/rollover/blog.jpg') no-repeat; background-position: 0px -100px; float:left;}
    #content .menu a.gallery { width: 96px; height: 50px; background: url('images/rollover/gallery.jpg') no-repeat; background-position: 0px -100px; float:left;}
    #content .menu a.contact { width: 101px; height: 50px; background: url('images/rollover/contact.jpg') no-repeat; background-position: 0px -100px; float:left; }
    #content .menu div.right_menu_corner { width: 164px; height: 50px; background: url('images/right_menu_corner.jpg') no-repeat; float:left; }

#content .menu a:hover { background-position: 0px -50px; }
#content .menu a.active { background-position: 0px 0px; }


/* this is just side image doesnt contain anything else */
#content .side-a { width: 75px; height: 463px; background: url('images/content_left.jpg') no-repeat; float:left; }

/* this will contain the main content and the top of the content */
#content .side-b { width: 299px; height: 413px; float: left; }
    #content .side-b .top           { width: 299px; height: 77px; background: url('images/content_top.jpg') no-repeat; float:left; }
    #content .side-b .bg            { width: 299px; height: 336px; background: url('images/content.jpg'); float:left; }
    #content .side-b .bg .content   { width: 285px;  height: 320px; overflow: auto; float: left; margin-top:10px; }
	#content .side-b .bg .content .title { color: #A7793E; }
	#content .side-b .bg .content a, .side-c a             	    { text-decoration: none; color: #A7793E; }
	#content .side-b .bg .content a:link, .side-c a:link      	{ text-decoration: none; color: #A7793E; }
	#content .side-b .bg .content a:hover, .side-c a:hover  		{ text-decoration: underline; color: #A7793E; }
	#content .side-b .bg .content a:visited, .side-c a:visited 	{ text-decoration: none; color: #A7793E; }
	#content .side-b .bg .content a:active, .side-c a:active 	{ text-decoration: none; color: #A7793E; }


#content .side-c { width: 273px; height: 413px; float: left; }
    #content .side-c .content_pic   { width: 273px; height: 413px; background: url('images/content_pic.jpg') no-repeat; float:left; }    

#content .side-d { width: 217px; height: 413px; float:left; }
    #content .side-d .player        { width: 217px; height: 132px; background: url('images/player.jpg') no-repeat; float:left; }
    #content .side-d .subscribe     { width: 217px; height: 50px; background: url('images/b_subscribe.jpg') no-repeat; float:left; }
    #content .side-d .form          { width: 217px; height: 98px; background: url('images/form.jpg') no-repeat; float:left; }
    #content .side-d .submit        { width: 217px; height: 31px; background: url('images/b_submit.jpg') no-repeat; float:left; }
    #content .side-d .corner_right  { width: 217px; height: 102px; background: url('images/corner_right.jpg') no-repeat; float:left; }
    
   
.input_invisible             { background-color:transparent; border:0px solid white; width: 150px; color: #7c603d; font-weight: bold; }


/* gallery cover */
.gallery_cover { background: url('images/gallery/gallery_cover.gif'); width: 120px; height: 117px; float:left; margin: 10px; }
.gallery_cover img { margin-top:14px; margin-left:16px; }