/*********************************************
*********************************************
*****     Design and HTML/CSS by        *****
*****          Josh Weinstein           *****
*****   http://design.flowingpens.com   *****
*********************************************
********************************************/

/* Adorable icons provided by http://www.famfamfam.com/ */

/*===== BASIC TAGS ======*/

* {margin:0;padding:0;}
body {background:url(images/page_bg.jpg) top left;margin:0;padding:0;}
img {border:none;margin:0;}
a {color:#000;text-decoration:none;}
a.hidden {display:none;}
h1, h2, h3 {margin-left:72px;margin-bottom:10px;font-weight:normal;text-align:left;}
h1 {
	height:69px;
	color:#870205;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:22px;
	text-align:center;
	background:url(images/h1_ornament.gif) no-repeat top left;
	padding:15px 0px 0 25px;
	line-height:1.25em;
	border-bottom:3px double #630805;
	}
h1.first {margin-top:-25px;} /*Gets rid of top padding*/
h1.index {line-height:58px;}
h2 {
	background:url(images/h2_bg.gif) repeat-y top left;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:53px;
	padding-right:50px;
	line-height:1.5em;
	}
h3 {
	text-align:center;
	margin-left:72px;
	color:#630805;
	font-size:17px;
	line-height:1.5em;
	}
	h3 a {color:#630805;text-decoration:underline;}

h4 {
	color:#630805;
	font-size:16px;
	font-weight:bold;
	line-height:1.25em;
	margin-bottom:10px;
	}
div.hr {
	display:block;
	height:24px;
	background:url(images/hr_ornament.gif) no-repeat center;
	margin:5px 0 20px 72px ;
	}

div.hr span {display:none;}
	
img.floatLeft {float:left;margin:5px 20px 20px 20px;}

/*===== PAGE LAYOUT ======*/
#wrapper {width:780px;margin:0 auto;}
#header {margin-top:60px;height:100px;}

/*===== NAV MENU ======*/
#nav {background:url(images/nav_bg.jpg) no-repeat top;height:100px;_margin-top:-4px}
ul#navMenu {list-style-type:none;margin-left:15px;}
ul#navMenu li {float:left;}
ul#navMenu li a {display:block;height:100px;width:125px;background-color:#81190E;background-repeat:no-repeat;background-position:0 0;}
ul#navMenu li a:hover, ul#navMenu li a.current {background-position:0 -100px;}
ul#navMenu li a span {display:none;}
ul#navMenu li a.homeLink {background-image:url(images/home_nav.jpg);}
ul#navMenu li a.whatLink {background-image:url(images/whatis_nav.jpg);}
ul#navMenu li a.whoLink {background-image:url(images/who_nav.jpg);}
ul#navMenu li a.projLink {background-image:url(images/projects_nav.jpg);}
ul#navMenu li a.pressLink {background-image:url(images/press_nav.jpg);}
ul#navMenu li a.contactLink {background-image:url(images/contact_nav.jpg);}

/*===== CONTENT SECTION ======*/
#content {background:url(images/content_bg.jpg) top repeat-y;font-family:Georgia, "Times New Roman", Times, serif;}
#contentWrap {width:572px;margin-left:68px;padding-top:25px;}
#contentWrap p {padding:0 63px 0 125px;text-align:justify;font-size:12px;line-height:2em;padding-bottom:15px;}
#contentWrap a {text-decoration:underline;}
#contentWrap a:hover {color:#630805;}
#contentWrap p a.email {
   padding-right: 20px;
   background: transparent url(images/email_go.png) no-repeat center right;
}
#contentWrap p a.link {
   padding-right: 20px;
   padding-top:2px;
   background: transparent url(images/page_link.png) no-repeat center right;
}
#contentWrap p a.pdf {
   padding-left: 22px;
   padding-top:2px;
   background: transparent url(images/page_white_acrobat.png) no-repeat center left;
   text-decoration:none;
}
#contentWrap p a.pdf:hover {text-decoration:underline;}

#contentWrap p.articles {line-height:2em;}

span.dropcap {
	float: left;
	font-family:"Times New Roman", Times, serif;
	font-size: 720%;
	line-height: 0.85em;
	margin-right: 0.1em;
	margin-bottom: -0.25em;
	color:#630805;
	}
span.date {font-style:italic;}

#excerpt {
	line-height:1.75em;
	margin:20px 42px 0px 115px;
	background:url(images/bullet_bg.jpg);
	border:1px solid #561400;
	padding:15px;
	}
#excerpt p {padding:5px 0;text-align:left;}

ul.longList {
	list-style-type:none;
	width:48%;
	margin:0px 0 15px 173px;
	background:url(images/bullet_bg.jpg);
	border:1px solid #561400;
	padding:15px;
	font-size:12px;
	text-align:justify;
	line-height:1.75em;
	}
ul.longList li {padding-top:5px;padding-bottom:30px;background:url(images/bullet_ornament.gif) no-repeat bottom center;}

p.uplink {text-align:center;}
#contentWrap p.address {
	padding:10px 0;
	margin-bottom:20px;
	margin-left:175px;
	display:block;
	width:50%;
	border:3px double #630805;
	text-align:center;
	
	}
#contentWrap p.address a:hover {text-decoration:underline;}
a.up {
	display:block;
	width:90px;
	background:url(images/arrow_up.gif) no-repeat center right;
	line-height:20px;
	margin:15px auto 0 auto;
	color:#630805;
	text-decoration:underline;
	}
span.name {font-weight:bold;font-size:16px;color:#630805;background:url(images/bullet_name.gif) no-repeat left;padding-left:25px;}

/* CONTACT FORM -- with a little help from www.formassembly.com --*/
#contactForm {margin-left:72px;}
form {
	padding: 10px 20px;
	height: expression('1%'); /* IE Pick-a-boo bug fix */
}
fieldset {
	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 5px 10px;
	margin: 0;
	border: 3px double #630805;
	background-color: #FFF;
	
}
fieldset fieldset  {
	border: 1px solid #ccc;
	background-color:#FFF;
}
legend {
	position: expression('absolute'); 
	top: expression('-9px'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 2px 5px 2px 26px;
	color: #630805;
	font-weight: bold;
	text-transform: uppercase;
	background:url(images/bullet_legend.gif) no-repeat left;
}
fieldset fieldset legend {
	font-size: 90%;
}
label, .label {	
	text-transform: capitalize;
	color: #630805;
	margin: 0;
}
/* .label is typically used on a span or p tag to label a radio or checkbox group */
label.preField, .label  {
	display: -moz-inline-box;
	display: inline-block;	
	width: expression('9em'); /* Min-width for IE6 */
	min-width: 9em;
	padding: 0 2px;
	margin: 0.6em 4px 0 0;
	border-bottom: 1px solid #ad4e4b;
	border-top: 1px solid #ad4e4b;
	background:#F0D49A url(images/field_bullet.gif) no-repeat center right;
}
.label { display: block; width: auto; }

label.postField  {
	margin-left: 4px;
	margin-right: 4px;
}
textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 0 1px 0;
	border:1px solid #ad4e4b;
	}

textarea.comments {vertical-align:text-top;margin-top:0;_margin-top:-4px;width:184px;}

input[type=text], input[type=password] {
border:1px solid #ad4e4b; width:184px;}
select {
	padding: 0;
	margin: 2px 0 1px 0;
}
.submit {text-align:center;margin:10px auto;width:10%;}

/* FOOTER */
#footer {height:138px;}

#credit {width:245px;height:12px;margin:2px auto;}
#credit a {background:url(images/credit_btn.gif) no-repeat top;display:block;height:12px;}
#credit a:hover {background-position:0 -12px;}
#credit a span {display:none;}