/* Master Stylesheet for hennemanarchitects.com
   New site design, February 2010
   Copyright ©2010 Henneman+Associates. All Rights Reserved. 
*/
/* Fastie Systems CSS Reset - modified from Eric Meyer's Browser Reset v2, April 2007
   Don't forget to set a foreground and background color on the 'html' or 'body' element! 
*/
html, body, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, 
/* 18 Oct - I need to understand the difference between native and reset for the Hs and Ps - I should reset and redefine */
/* h1, h2, h3, h4, h5, h6, */ p, 
/* I don't like to reset lists - set definitions in classes if resets are needed */
/* dd, dl, dt, li, ol, ul, */ 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
/* ol, ul { list-style: none; } */ /* I don't like to reset lists */

a img, :link img, :visited img { border: 0; } /* This one is very useful - should it expand to incude :hover? */
a { outline: none; } /* Removes annoying IE behavior */
table { border-collapse: collapse; border-spacing: 0; }

q:before, q:after,
blockquote:before, blockquote:after { /* 18 Oct - I don't understand this one */
	content: "";
}
/* Fastie Systems' Overrides */
em { font-style:italic; }
strong { font-weight: bold; }
ul { line-height: 1.2; margin-right: 5%; }

/* Fastie Systems' Additional very generic classes */
.underline { text-decoration: underline; }
/* ----------------------------------------------- */

/* Site Layout */
/* All styles will be attached to classes. IDs will only be used when needed for JS or
   some other important reason. This should prevent problems with IDed elements overiding class-based
   rules. Discipline is required to have only one class for those elements that must appear only once.
*/

body {
	background-color: black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #fff; /* white */
	/* font-size: .8em; */ 
	/* font-size: 80%; */ 
}
body p { line-height: 1.4; margin-bottom: 8px; }

/* Standard Headers */
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; color: white;
  font-weight: normal;
	padding-bottom: 0;
	margin-bottom: 0;
}
/* A+ header */ h1 { font-size: 2.5em; text-align: center; } /* reserved for special use */
/* A header */  h2 { font-size: 1.7em; }     
/* B header */  h3 { font-size: 1.4em; }                     
/* C header */  h4 { font-size: 1.3em; font-style: italic; } 
/* D header */  h5 { font-size: 1.1em; font-style: italic; text-decoration: underline; } 
h6 { font-size: 1.0em; font-weight: bold; }
h2+p, h3+p, h4+p, h5+p, h6+p { margin-top: 4px; padding-top: 0; }
h2+ul, h3+ul, h4+ul, h5+ul, h6+ul { margin-top: 4px; padding-top: 0; }

/* ------------------------------------------------------------------------------------------ */
/* Styles for debugging messages (duplicate of that contained in admin.css) */
.echo-debug-message { padding: 3px; background-color: #ffc; border: 1px dashed red; color: #009; font-family: monospace; font-weight: bold; }
.echo-debug-heading { color: red; }

/* Hennemanarchitects.com */

/* Links */
a { color: #ff6; text-decoration: underline; }
a:visited { color: #ffc;  }
a:hover { color: aqua;  }

/* Layout & Styling */
.outercontainer { position: relative;
  width: 990px;
  margin: 0 auto;
}
/* Top banner contains logo/logotype and top menu */
.banner { position: relative;
  height: 80px; width: 990px;
  border-bottom: 2px solid #6666CC;  
}
.banner-home { position: absolute; left: 62px; top: 33px; }
.banner-std  { position: absolute; left: 15px; top: 2px; }

.menu-bar { position: absolute; bottom: 0; right: 0;
  padding-right: 20px; 
  font-size: 80%;
  color: white;
  font-style: italic;
}
.menu-item { float: right; width: 85px; }
.menu-item span.menu-caption { display: block; padding-bottom: 4px; text-align: center; }

.menu-item a { display: block;
  text-align: center; 
  font-style: italic;
  color: white;
  text-decoration: none;
}
.menu-item a:visited { color: white; }
.menu-item a:hover { color: aqua; }
.menu-item img { display: block; margin: 0 auto;  }


/* Main Body Area */
.main { position: relative; width: 950px;
  padding: 0 20px;
  margin: 0;
  overflow: hidden;
}

.home-page-banner { width: 270px;
  float: left;
  background-color: silver;
}
.home-page-photos { width: 680px; height: 540px;
  float: left;
  background-color: #D6D2CD;
}
/* 48x48 loading image in 680x540 space => top margin (540-48)/2=246, left margin (680-48)/2=316 */
.home-page-photos img.slideshow-loading { display: block; margin: 246px 0 0 316px;  }

.page-banner { width: 100%; position: relative; 
	margin-top: 10px;
	margin-bottom: 20px;
	font-family: Garamond, "Palatino Linotype", Palatino, "Book Antigua", "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 273%;
	letter-spacing: 4px;
}

.sidebar { float: left; width: 150px;
  font-size: 70%;
}
.content { /* border: 1px #333 dashed; */
  float: right; width: 790px;
  font-size: 90%;
  padding-bottom: 15px;
}

/* The "Henneman" header */
.yellow-box-line { position: relative;
	margin: 15px 0;
	padding: 0;
  border: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	clear: both;
}
.yellow-box-line span { margin: 0; 
	background-color: #c7a044;
	color: black;
	padding: 3px 8px 3px 8px;
}
.yellow-box-line img { position: absolute; left: 0; top: -6px; 
	margin: 0; padding: 0; border: 0;
	z-index:1;
}
.ha-company-name { 
  font-family: Garamond, "Palatino Linotype", Palatino, "Book Antigua", "Times New Roman", Times, serif;
  font-size: 130%;
  font-weight: bold;
}
.bullet-list-maroon { margin-top: 0; padding-top: 0;
	list-style: disc inside url('../img/maroon-bullet-14.gif');
}
.bullet-list-maroon li { 
	margin-left: 55px;
	padding-left: 10px;
	line-height: 1.4;
}

/* Definitions for array of links on project and projects pages */
.p-links { /* border: 1px red dashed; */
  float: right; width: 790px;
  font-size: 80%;
  padding-bottom: 15px;
}
.p-link { float: left; width: 175px;
	margin: 10px 0 0 20px; 
	margin: 10px 0 7px 20px; /* <------------------- Will's tweak */
	padding: 0;
}
.p-link p { text-align: center;
	padding-bottom: 5px;
	padding-bottom: 0px; /* <------------------- Will's tweak */
	font-size: 95%;
}
.p-link img { border: 2px black solid; } /* will get 2px solid #6666CC from jha.js behaviors when hovered */
.p-link a { text-decoration: none; color: white;
}
.p-link a:visited { color: white; }
.p-link a:hover { color: white; }

/* Footer contains bottom content */
.footer { position: relative;
  height: 90px; width: 990px;
  border-top: 2px solid #6666CC;  
  font-size: 80%;
}
.footer-right-side{ float: right; width: 500px;
	text-align: center;
}
.frs-home { padding-top: 10px; }
.frs-std  { padding-top: 20px; }

.frs-addr { text-align: center; clear: both; margin-top: 0; padding-top: 0; }
.frs-copy { font-size: 80%; font-style: italic; text-align: center; margin: 0; padding: 0; margin-top: 2px; }

.footer-ap { position: absolute; left: 43px; top: 8px; }

.footer-addr { position: absolute; right: 25px; top: 20px;
  text-align: center;
}

.footer-swirl { position: absolute; top: -20px; left: 20px; }
.footer-menu { /* applies to ul */
	font-style: italic;
	list-style: none; margin: 0; padding: 0; border: 0;
}
.fm-std { position: absolute; left: 90px; top: 23px; }
.fm-home { float: right; margin-right: 90px; padding-bottom: 3px; }
.footer-menu li { float: left; padding: 0; margin: 0; }
.footer-menu a { color: white; text-decoration: none; }
.footer-menu a:visited { color: white; }
.footer-menu a:hover { color: aqua;  }
.footer-menu .vbar { color: aqua; padding-left: 6px; padding-right: 6px;  }

/* Generic Styles */
img.blockme { display: block; }
.fineprint { font-size: 80%; font-style: italic; }
.clearme { clear: both; }
.centerme { text-align: center; }
.req-fld { font-weight: bold; color: maroon; }
.hfvis { display: none; visibility: hidden; }
.img-left { float: left; padding: 0 10px 5px 0; }
.our-firm-img-left { float: left; padding: 0 15px 5px 0; }
a.no_underscore { text-decoration: none; }

.googlemap iframe { border: 2px solid #6666CC; }
.googlemap a { padding-left: 5px; padding-top: 2px; text-align: left; font-size: 90%; }