/* $Id: theme-sunburned.css,v 1.17 2005/01/13 00:28:24 ydnar Exp $ */
/* colors
 #8c0000 red in background
ereebf - light yellow for picture background
#a85028; = date header
#d0aa3c; = background under the title
#dbbf4e;
#ee3c0c;
#c63008;
#f45d3f;
#e7d564; = the yellow in the main of the page
 #403610; body


*/



/* basic page elements & layout */



 
body, table, td
{
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
}

a { text-decoration: underline; }

h1, h2, h3, h4, h5, h6, p
{
	margin: 5px 0;
	border: 0;
	padding: 0;
	font-weight: normal;
}

h1 { font-size: 2.0em; } 	 
h2 { font-size: 1.5em; } 	 
h3 { font-size: 1.375em; } 	 
h4 { font-size: 1.25em; } 	 
h5 { font-size: 1.125em; } 	 
h6 { font-size: 1.0em; }


h1, h2, h3, h4, h5, h6
{
	color: #a85028;
	font-family: 'trebuchet ms', arial, verdana, serif;
}


ul, ol
{
	/* preserve horiz margin for ie win */
	margin-top: 5px;
	margin-bottom: 5px;
}

div, table, td, form
{
	margin: 0;
	border: 0;
	padding: 0;
}


/* page layout */

html
{
	margin: 0;
	/* border used for ie6 window frame */
	padding: 0;
}

body
{
	min-width: 800px;
	margin: 0;
	/* border used for ie5 window frame */
	padding: 0;
	text-align: center; /* center on ie */
	color: #e7d564;
        background: #8c0000 url(theme-sunburned/body-bg.gif) center top repeat;

}

#container
{	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 790px;
	text-align: left;
background: #efeebf url(theme-sunburned/container-bg.gif)  -692px 0 repeat-y;
 background-position: -775px 0; 
 /*-549       efeebf
left bar = container-bg
dunno what -692 means
background position slides it left/right.  -775 is 15 from edge at 790 
*/

}

#container-inner { position: static; width: auto;
background: transparent url(theme-sunburned/container-right-bg.gif) 760px 0 repeat-y;
background-position: 565px 0; 
/*right bar.  positions slides it left/right *597*/
 }




#pagebody { position: relative; width: 100%; 
/*where the top bar starts*/
	background: transparent url(theme-sunburned/container-top-bg.gif) -775px 0  repeat-x;
		 background-position: -275px 0 0 100px;
	}



#pagebody-inner { position: static; width: 100%; 
	background: transparent url(theme-sunburned/container-top-right-bg.gif) 760px 0 no-repeat;
	background-position: 565px 0; 
	/* hides the leftover of the top bar
	top bar width
	
	*/
}


#banner-inner { position: static; }


#banner
{
	position: relative; 
	margin: 0;
	border: 0;
	padding: 25px 0 4px 0;
	width: 790px;
	background:#dbbf4e  url(theme-sunburned/banner-bg.gif) repeat-x;
        /**/
}

#banner h1
{
                           margin: 0;
	border: 0;
	padding:5px 0 0 30px;
	color: #750000;
     	background: #d0aa3c; 
               font-size: 22px;
	line-height: 1.125;
        font-weight: bold;
}
#banner h1 a { color: #750000; text-decoration: none; font-weight: bold; }
#banner h1 a:hover { color: #fff; }

  

#alpha, #beta, #gamma, #delta
{
	display: inline; /* ie win bugfix */
	position: static;
	overflow: hidden;
	}

#alpha
{
	width: 590px;
	margin: 0px 0 0 0px;
	 position: relative;
	float: left;

}

#alpha img {
margin: 50px 0 0 0;
}

#beta
{
	width: 150px;
	margin: 10px 20px 40px 10px;
        float:right;
        
}


/* basic page elements */



#imagez img
{
       border-style: ridge;
       border-color: #ff0000;
       border-width: 2px;


}

#captionz
{
	margin: 15px 5px 5px 50px;
	color: #a85028;
	font-size: 14px;
	font-weight: bold;
}

#captionz h3

{
         font-size: 12px;
         font-style: italic;
 color: #000000;
}

#filez
{
	color: #9e8f3f;
	clear: both;
	margin: 25px 5px 5px 50px;
	font-size: 11px;
	font-weight: bold;

}

#hold
   {position:relative; 
   overflow:hidden;
 width:150px; 
 height:390px;z-index:100;}


#thumbnails
{
position:relative; 
   width:150px; 
 height:390px;
  overflow: auto;  
   margin: 30px 0 0 0 ;
 
 

 scrollbar-face-color:#750000;
      scrollbar-shadow-color:#d0aa3c;
      scrollbar-highlight-color:#d0aa3c;
      scrollbar-3dlight-color:#efeebf;
      scrollbar-darkshadow-color:#efeebf;
      scrollbar-track-color:#e7d564;
      scrollbar-arrow-color:#efeebf

}

#thumbnails img
{
	width: 80px;
	height: 80px;
        margin: 0 0 7px 0;
       overflow: hidden;
       border-width: 2px;
       border-style: ridge;
       border-color: #ff0000;
	   }
                 
#thumbnails ul { 
margin: 0 0 0 0; padding: 0;
list-style-type: none; }

#thumbnails ul li
{
	margin: 0 0 0 0;
	padding: 0;
	background: transparent;
}

  




             
#nav, #nav2 {list-style: none;
               
              position: absolute;
        top:20px;
                 z-index:1; 
                text-align:center;

         font-size: 12px;
	line-height:20px;
      
                   font-weight: bold;
         
}
#nav{ right:5%}

#nav2{right:20%; 
            
}

  

 #nav ul,  #nav2 ul { 
        margin:-1px;
	list-style: none;
    width:100px;
    z-index:99;
    position:relative;
    overflow:visible;  
       display:none;  
          text-align:left;
          text-indent:3px;
		  padding: 0;
		   background-color:#d0aa3c;		
		  
      
              }

#nav li, #nav2 li { 
    margin:0;   
    position: relative; 
    float:left;
    width: 100px;
   
	border-right:1px solid #bfa174;
	border-bottom:1px solid #bfa174;
	border-top:1px solid #8c6e41;
	border-left:1px solid #8c6e41;
    
     display:block;
    height:auto;
      background-color:#d0aa3c;		
}
 
#nav a, #nav2 a {
    text-decoration:none; 
    display:block;
       width:100px; 
      color: #750000;       
   
    }

#nav a:hover, #nav2 a:hover {
    background-color:#e7d564;
    color: #750000;    background-image:none;
}


/*all see this */
#nav ul ul, #nav ul ul ul, #nav2 ul ul, #nav2 ul ul ul{
    display:none; 
    position:absolute; 
 }

/* non-IE browsers see this */
 #nav ul li>ul, #nav ul ul li>ul, #nav2 ul li>ul, #nav2 ul ul li>ul{
    margin-top:-1.4em; 
 }

#nav li:hover ul ul, #nav li:hover ul ul ul,
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul
{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul,
#nav2 li:hover ul, #nav2 ul li:hover ul, #nav2 ul ul li:hover ul
{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}