/* ----------------- STANDARDIZE DEFAULTS ----------------- */
/* $Id: main.css,v 1.3 2006/03/18 02:17:02 bcurtis Exp $ */
/* Table Of Contents:
| - standardize whitespace defaults
| - layout page
| - colors
| - text style types (incl. img substitution)
| - structures:
|   - navbar
|*/

/* ----------------- STANDARDIZE DEFAULTS ----------------- */
/* Id: prologue.css,v 1.1.1.1 2005/06/11 01:15:50 bcurtis Exp */
/* default whitespace [ref:http://leftjustified.net/journal/2004/10/19/global-ws-reset/] and font-size */
	* { padding:0; margin:0; }
	h1, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
	input { padding: 0.08em 0; }
	option { margin-right:0.5em; }
	li, dd { margin-left:2em; }
	fieldset { padding:0.5em; }
/* /whitespace */

/* font : set base size, then configure for em usage */
	body { font:12px Verdana, Arial, Helvetica, sans-serif; } /* REQ: IE resize-font hack */
	* { font-size:1em; }
	input, select, textarea { font-size:1.18em; }
/* /font */

/* form tags: start and end tag add carriage returns */
	form { display:inline; }
/* /form tags */

img { border:none; }
hr { display:none; }
/* ----------------- /STANDARDIZE DEFAULTS ----------------- */



/* ---------------------- LAYOUT PAGE ---------------------- */

/* send accessibility-only link off-left */
#skipToLinks { height:0; width:0; overflow:hidden; text-indent:-100%; }

#wrapper {
	position:relative; /* for anchorinf position:absolute; within */
	margin:50px auto; /* REQ: Win IE centering hack */
	width:330px; min-height:430px; /* REQ: Mac/Win IE min-height hack */
	padding:65px 50px 2.5em 300px; /* REQ: Win IE box model hacks */
}
#wrapper h1 {
	position:absolute;
	top:40px; left:40px;
	display:block;
	width:326px; height:30px;
	margin:0;
}
#wrapper h1 a {
	display:block;
	width:326px; height:30px;
}
#wrapper h1 img {
	position:absolute;
	top:300px; left:610px;
}
#mainNav {
	position:absolute;
	top:-30px; right:-3px;
	width:493px; height:19px;
}
#mainNav * { margin:0; padding:0; }
#mainNav ul li {
	display:block;
	float:left;
	margin:0 3px;
	}
#decorPix {
	position:absolute;
	top:95px; left:-34px;
	width:170px;
	line-height:0;
}
#decorPix img { margin:4px 0; }

/* ---------------------- /LAYOUT PAGE --------------------- */



/* ------------------------ COLORS ------------------------- */

body {
	background:#ecd2b5;
	color:#000;
}
#wrapper {
	background:#feffe9;
	color:#302f1c;
}

a:link	{ color: #946632; font-weight: bold; }
a:visited	{ color: #c28642; }
a:hover	{ color: #ecd2b5; }

/* ------------------------ /COLORS ------------------------ */



/* ---------------------- TYPE STYLES ---------------------- */

body { font:12px/1.5 normal verdana, geneva, helvetica, sans-serif; }
a { text-decoration:none; }

#wrapper h1 a {
	background: transparent url(/img/brand_biomedlaw.gif) 0 0 no-repeat;
	line-height:100px; overflow:hidden; /* "stage-right" - moved completely off right, but "starts" onscreen - good for screenreaders */
}

h2 { font-size:1.3em; margin: 2em 0 1em 0; }
h3 { font-size:1.1em; margin-bottom: -1em; }
h4 { font-size:1em; }

/*
p b:first-child { /* the b-tag, if it's the first thing in a paragraph; NOTE: non-Win IE < 7
	font-variant:small-caps;
	font-size:0.9em;
	text-transform:uppercase;
}
*/
.quote {
	font-style: italic;
	font-size: 0.9em;
	padding: 0 0 0 16px;
	}
.source {
	font-size: 0.9em;
	padding: 0;
	}
.publicationName, .event {
	font-style: italic;
	font-size: 1.1em;
	}
.articleName, .eventName {
	font-size: .95em;
	}
.byline {
	font-size: .8em;
	}
.url {
	font-size: .8em;
	}
.url2 {
	font-size: 1em;
	}
/* ---------------------- /TYPE STYLES --------------------- */



/* ---------------------- STRUCTURES ----------------------- */

#mainNav a {
	background: transparent url(/img/nav_all.gif) 0 0 no-repeat;
	display:block; float:left;
	width:auto; height:19px;
	text-indent:100%; overflow:hidden; /* "stage-right" - moved completely off right, but "starts" onscreen - good for screenreaders */
}

/*
	the hover state is the same as the "on" state for when 
	you are on a page identifying itself as in that section
	of the site (NOTE: add #mainNav for specificity)
*/
#mainNav a.bioethics { background-position:   0   0; width:76px; }
#mainNav a.bioethics:hover,
body.sectionBioethics #mainNav a.bioethics { background-position:   0   -100px; }

#mainNav a.services { background-position:-100px 0; width:70px; }
#mainNav a.services:hover,
body.sectionServices #mainNav a.services { background-position:-100px -100px; }

#mainNav a.profile { background-position:-200px 0; width:63px; }
#mainNav a.profile:hover,
body.sectionProfile #mainNav a.profile { background-position:-200px -100px; }

#mainNav a.publications { background-position:-300px 0; width:96px; }
#mainNav a.publications:hover,
body.sectionPublications #mainNav a.publications { background-position:-300px -100px; }

#mainNav a.resources { background-position:-400px 0; width:81px; }
#mainNav a.resources:hover,
body.sectionResources #mainNav a.resources { background-position:-400px -100px; }

#mainNav a.contact { background-position:-500px 0; width:65px; }
#mainNav a.contact:hover,
body.sectionContact #mainNav a.contact { background-position:-500px -100px; }

/* ---------------------- /STRUCTURES ---------------------- */