/*
*
*
*  doing things a bit differently in this one, all selectors are grouped by major
*  element and it's children.
*
*
*/



/** ========== $general ===========*/

body 
{
	margin: 					0;
	padding: 					0;
	font-family: 				Tahoma,"Lucida Grande",arial, helvetica, sans-serif;
	text-decoration: 			none;
	font-size: 					12px;
	color:						#332424;
	text-align: 				center;
	background: 				#332424;
}

div, img, dl, dt, dd, ul, li, p, h1, h2, h3, h4, h5, h6, table tr, td, th, tbody, br 
{ border: 0; margin: 0; padding: 0; }             
        
select { margin: 0; padding: 0; width: 150px !important; }

img { display: block; }   

p { line-height: 1.5em; margin-bottom: 20px; }
  
.noBottom { margin-bottom: 0; }
   
a { text-decoration: none; overflow: hidden; }
                                          
a:hover { color: #000; }

	a#backLink { float: left; display: inline; margin: 0 0 4px 282px; }

    a.smallBold { font-size: 11px; font-weight: bold; }
    
.floatLeft { float: left; display: inline; }
   
textarea { font-family: arial, sans-serif; font-size: 12px; }

/** ============= $divs general and structural =========== */

div#wrap { position: relative; width: 1000px; margin: 10px auto 0 auto; text-align: left; background:#bfb9c1; }
            
div#top { width: 1000px; }

div#top,
div#gallery,
div#left,
div#thumbs,
div#right,
div#top img#logo,
div#top a,
div#top span { float: left; display: inline; }
                    
div#thumbs { padding: 0px 15px 0 210px; width: 400px; }

	div#right div#thumbs { padding-left:0; }

body#home div#thumbs {width: 700px; margin-top:100px;}

div#top span {font-size: 15px; margin: 14px 0 0 15px;}
          
div#left { padding-top:55px; width: 230px;}

	div#left img { margin-left: 15px; }

div#right { width: 750px; padding: 50px 20px 0 0; }

	div#right p { width: 600px; }

div#gallery { margin-bottom: 5px; padding-left: 18px; }

	div#right div#gallery { padding-left:0; }

div#top a { color: #c8c7c7; }      
div#top a:hover { color: #000; }

div#top a#logo { float: left; display: inline; padding: 5px 0 0 10px; }
                                 
a#arrowLeft,
a#arrowRight { float: left; display: inline; width:34px; height:34px; text-indent:-9999px; }
            
a#arrowLeft { background: url(/img/icon_arrow_left.gif) top left no-repeat; }
a#arrowRight { background: url(/img/icon_arrow_right.gif) top left no-repeat; }
           
a#arrowLeft:hover, 
a#arrowRight:hover { background-position: bottom left; }  
                       
a.thumbItem { background:#96797d; float: left; display: inline; padding: 5px; margin: 0 10px 10px 0; }

a.thumbItem:hover { background: #9996a1; }
        
div#height { width: 1px; height: 500px; }
                  
div#footer {float: left; display: inline;width:730px; padding:5px 20px 5px 20px; color:#332424; font-size: 14px; margin: 100px 0 0 230px; background: #a8a7a7;}

div#footer a { color:#332424; text-decoration:underline; }
      
iframe#map { float: right; display: inline; }
                 
div.newsItem,
div.thumbSet { width: 600px; padding: 15px; margin-bottom: 10px; background: #b7b4b0; }

div.thumbSet { float: left; display: inline; }

div.newsItem h2,
div.newsItem h3,
div.thumbSet h2  { font-weight:normal; margin-bottom:3px; }

div.newsItem h3,
div.thumbSet h2 { margin-bottom:15px; }

/** ============= $headers =========== */
                          
h1 { color: #332424; font-weight: normal; margin-bottom: 1em; }
  
.spacedOut { margin: 2em 0; }

/** ============= $nav =========== */      

ul#nav { margin-left: 20px; }
                      
ul#nav,
ul#nav li { float: left; display: inline; }

ul#nav li { list-style:none; }

ul#nav li a { color:#332424; padding: 20px 30px; font-size: 20px; }

ul#nav li a:hover,
ul#nav li a.on { color:#bfb9c1; background:#332424; } 
                 
ul#nav li a#active { border-top: 15px solid #332424; padding-top: 5px; }

/** ============= $lists =========== */      

ul#artistList {position:absolute; top:50px; left: 199px; background:#cdcdcd; border: 1px solid #000; margin:0; padding: 15px 5px 10px 15px; }
                               
ul#artistList li { list-style-type:none; float: left; display: inline; margin:0 10px 5px 0;padding:0; }

ul#artistList li a { margin: 0; color: #000; }

ul#artistList li a:hover { color: #fff; }
                                
ul.bigList { width: 200px; float: left; display: inline; }

ul.bigList li { font-size: 20px; list-style:none; margin-bottom: 5px; }