/* schuch.css */
/* JoAnn Schuch Design */
/* September 18, 2011 */

/*************************************/
/* basic elements                    */
/*************************************/

body {
	margin-top: 50px;
	text-align: center;
	padding: 0px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #B2A18F;
	}
	
h1 {
	font-size: 1.2em;
	font-weight: normal;
	color: #663333; /* red orange */
	padding-left: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	}
	
h2 {
	font-size: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
	color: #663333;
	font-weight: lighter;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 10px;
	text-align: left;
	}

h2.padtop0 {
	font-size: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
	color: #663333;
	font-weight: lighter;
	padding-bottom: 5px;
	margin: 0px;
	padding-top: 0px;
	text-align: left;
	}

h2.bottompad0 {
	font-size: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
	color: #663333;
	font-weight: lighter;
	text-align: left;
	margin-left: 20px;
	padding-bottom: -30px;
	}
	
h2.serif {
	font-size: 1.25em;
	font-family: Garamond, Georgia, serif;
	color: #663333;
	font-weight: lighter;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 10px;
	text-align: left;
	}

h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-align: left;	
	}
	
h3 {
	font-size: 1em;
	color: #663333;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 10px;
	}

h4 {
	color: #0000000;  /* black */
	font-size: 85%;
	padding: 0;
	margin: 0;
	}

h5 {
	font-family: Garamond, Georgia, serif;
	color: #663333;
	font-size: 1.1em;
	font-weight: lighter;
	padding: 0;
	margin: 0;
	}
			
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-right: 1em;
	}
	
p.line1_3 {
	line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	}

p.size8 {
	font-size: 0.8em;
	}
	
.pixlabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	padding: 5px 5px 5px 5px;
	margin: 0;
	}
	
table.projects a img {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	}
		
form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	padding: 0 0 5px 5px;
	}
	
.leftmargin {
	margin-left: 1em;
	}
	
.greytext {
	color: #777777;
	font-size: 0.7em;
	}
	
.greytext8 {
	color: #777777;
	font-size: 0.8em;
	}
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {display: inline-block;} /* fix for IE-mac */

/* hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
/* return */

/******************************************/         
/* layout divs                            */
/******************************************/        

#mainwrap {  /* wrap for whole page */
	/*min-width: 620px;
	max-width: 760px;*/
	width: 760px;
	margin-top: 50px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	border: solid #333366 1px;
	}
			
#content { /* between topnav and mastfooter */
	border: 0;
	text-align: left;
	padding: 30px 30px 10px 30px;
	margin-left; 40px;
	}
	
#content td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	}

#mastfoot {
	border: 0;
	padding: 0;
	position: relative;
	}		

#homeFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 700px;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	}

p.homeFooter {
	padding: 0;
	margin: 0;
	}

#projectFooter {
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 20px 0px 20px 0px;
	}

#siteinfo {
	padding: 20px 0px 10px 0px;
	margin: 0;
	border: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #777777;
	position: relative;
	}
	
#spacer10px { 
	height: 10px;
	width: 10px;
	border: 0;
	margin: 0;
	}
	
#spacer15px { 
	border: 0;
	margin: 0;
	padding-top: 15px;
	}	
	
/****************************************/         
/* About page formatting                */
/****************************************/        

p.about {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-style: italic;
	padding: 0;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 0px;
	}
	
#greysans8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	padding: 0;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 0px;
	font-weight: bold;
	color: #666699;
	}
		
#greysans8 a {
	text-decoration: none;
	color:#666699;
	}
		
#greysans8 a:hover {
	text-decoration: underline;
	}	
	
p.whatido {
	margin: 0;
	font-size: 0.9em;
	padding-bottom: 0px;
	}

#whatido {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	margin-left: 20px;
	margin-right: 10px;
	}
		
#whatido ul {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: lighter;
	margin-top: -10px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	}
		
#whatido li {
	list-style-position: inside;
	padding: 0;
	}	
	
/****************************************/         
/* Bio page formatting                  */
/****************************************/        

#bioPhotoContainer {
	position: relative;
	top: 0px;
	left: 0px;
	width: 340px;
	height: 450px;
	float: left;
	}

.bioPhotoTop {
	position: absolute;
	top: 10px;
	border: 0;
	height: 0px;
	padding: 0;
	left: 20px;
	margin: 0;
	} 

/****************************************/         
/* Contact page formatting              */
/****************************************/        
	
.leftmargin50px {
	margin-left: 50px;
	}
	
table.contactFont {
	font-size: 1em;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	}
	
/*********************************************/         
/* Projects (new) page formatting            */
/*********************************************/        

#navLevel2 { 
	background-color: #E2DACC;
	margin-top: 10px;
	}
		
.hmenu {
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: lighter;
	padding-top: 1em;
	padding-bottom: 1em;
	display: block;
	}
	
.hmenu a {
	text-decoration: none;
	color: #000000;
	display: block;
	}
	
.hmenu a:hover {
	text-decoration: none;
	color: #777777;
	}

/********************************************/         
/* Thumbnail viewer for More Kitchens page  */
/********************************************/        
	
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox.footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

#floatRight250 { /* floating right area for photo etc  */
	text-align: left;
	top: 0px;
	width: 250px;
	float: right;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 5px;
	}

#floatRight225 { /* floating right area for photo etc  */
	text-align: left;
	top: 0px;
	width: 225px;
	float: right;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 5px;
	}
	
#floatRight175 { /* floating right area for photo etc  */
	text-align: left;
	top: 0px;
	width: 175px;
	float: right;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 5px;
	}