/* Joe Demb Photography layout */
/* With gratitude to A List Apart */
/* Last updated July 29, 2005 */

/* General Rules */

img	{						/* allows images to flow in page */
	border: solid 4px #666;
	margin: 10px 20px;
	}
	
/* Establish layout parameters */

body	{
	background: #666;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 5px solid #666;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#wrapper	{						/* width 90% margins auto */
	background: #423131;
	color: #ddd;
	text-align: center;
	width: 90%;
	margin: 0 auto 30px;
	padding: 0;
	padding-bottom: 25px;
	border: 1px solid #999;
	border-top: 5px solid #444;
	}
	

#header	{
	background: #423131;  /*  dark brown */
	color: #333;
	border: 0;
	margin: auto;
	padding: 0;
	text-align: left;
	}

#header img	{
	margin: 0;
	padding: 0;
	border: 0;
	}

#header h2 {
	background: #423131 url(../i/title_image_blk.gif) top left no-repeat;
	color: #ddd;
	padding-top: 80px;		/* This pushes the h2 text below the image */
	padding-left: 30px;		/* This indents the h2 text */
	overflow: hidden;		/* This hides the h2 text except for when you need it */
	height: 0px !important; /* for most browsers */
	height /**/:100px; /* for pre 6.0 IE Win */
	}

#pagebody	{
	padding: 10px 20px 20px 30px;
	margin: 40px;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #ccc;
	background: transparent;
	clear: both;
	}

#footer {
	clear:both;
	text-align: center;
	font-size:x-small;
	line-height: 1.25em;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
	/* Typography */

h1, h2, h3, h4, h5, h6	{
	font-family: 	Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 2px;
	letter-spacing: 1px;
	}
	
#pagebody h1	{
    margin-top: 0;
    font-size: medium;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:  large;       
    }

html>#pagebody h1 	{
	font-size:  large;  
	} 

#pagebody h2	{
    margin-top: 20px; 
    font-size:    medium;     
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:    large;       
    }

html>#pagebody h2 	{
	font-size:  large;  
	} 

h3	{ 
	font-weight: bold;
	font-size: small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: medium;  
	}

html>h3 	{
	font-size:  medium;  
	} 

h4	{
	font-weight: normal;
   	font-size: x-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: small;  
	}

html>h4 	{
	font-size: small;  
	} 	

#pagebody, #pagebody div, #pagebody p, #pagebody th, #pagebody td, #pagebody li, #pagebody dd, #pagebody dt    {
     font-size:    x-small;      
             /* Tantek again */
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:    small;         
    }

html>#pagebody, html>#pagebody div, html>#pagebody p, html>#pagebody th, 
html>#pagebody td, html>#pagebody li, html>#pagebody dd, html>#pagebody dt    {
    font-size:  small;
    }
	
.red	{
	color: #d32;
	}

.bold {
	font-weight: bold;
	}

.verysmall {				/* used for top of page link on most gallery pages */
	font-size: 0.7em;
	}

	/* General linkology */
	
a:link, a:visited {
	font-weight: bold; 
	text-decoration: none;
	color: #d32;
	background: transparent; 
	}

a:hover {
	font-weight: bold; 
	text-decoration: underline;
	color: #999;
	background: transparent; 
	}

a:active {
	font-weight: bold; 
	text-decoration: none;
	color: #526968;
	background: transparent;  
	}


	/*  Horizontal nav */

#menu {
	margin: 10px 0 10px 20px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	/* text-align: center;  */
	clear: right;
	}

#menu ul li {
	display: block;
	float: left;
	/* text-align: center; */
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	}

#menu ul li a {
	background: #322;
	width: 118px;
	height: 2em;
	border: 1px solid #999;
	/* border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999; */
	padding: 0;
	margin: 0 7px;
	color: #aaa;
	text-decoration: none;
	display: block;
	/* text-align: center; */
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size:    x-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    small;   
	}

html>#menu ul li a  {
	font-size: small;  
	} 

#menu ul li#five a	{
	width: 121px;
	}

#menu ul li a:hover {
	color: #d32;
	background: #eee;
	}

#menu a:active	{
	background: #d32;
	color: #fff;
	}

body#sectionone #menu li#one a, 
body#sectiontwo #menu li#two a,
body#sectionthree #menu li#three a,
body#sectionfour #menu li#four a,
body#sectionfive #menu li#five a {
	background: #666;  /* was d32 red */
	border: 1px solid #bbb;
	color: #322;
	font-weight: bold;
	}
#submenu {
	margin: 0 0 0 20px;
	}

#submenu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear:left;
	}

#submenu ul li {
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	line-height: 1.5em;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.8em;
	padding: 0;
	margin: 0 10px;
	}
	
html>#submenu ul li   {
	font-size: 0.8em;   
	} 
	
#submenu ul li a {
	color: #999;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
	line-height: 1.5em;
	/* font-size:    x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:    x-small; */
	}


#submenu ul li a:hover {
	color: #d32;
	background: #ccc;
	}

#submenu a:active	{
	background: #d32;
	color: #ddd;
	}


	/*  Hidden */

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}