/* DOCUMENT INFORMATION
	- Document: Isabelle Perrin Harp Workshop
	- Version:  2.1.0
	- Client(s):   Isabelle Perrin, Sylvia Norris, & Marta Power
	- Author:   Elizabeth Jaxon
*/

/* TABLE OF CONTENTS 
	1.	=Normalizing
	2.	=Layout
	3.	=Color
	4.	=Typography
*/

/* =NORMALIZING= */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0; padding: 0;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6
{font-size: 100%}

/* Removes list-style from lists */
ol, ul
{list-style: none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}

/* Removes borders and spacing from tables */
table
{border-collapse: collapse; border-spacing: 0;}

/* Left-aligns text */
caption, th, p, h1, h2, h3, h4, h5, h6
{text-align: left;}

/* Removes quotation marks from q */
q:before, q:after
{content: "";}

/* Removes border from linked images */
a img,:link img,:visited img
{border:none}

/* Removes link underlines */
:link,:visited,:hover
{text-decoration:none}


/* =LAYOUT= */


body {
	position: relative;
	width: 800px; 
	padding: 10px;
	margin: auto;
	}

h1 {
	background: url('isabelle10.jpg');
	width: 260px;
	height: 420px;
	float: left;
	z-index: 10;
	}

h2 {
	width: 540px;
	height: 200px;
	float: right;
	}

h2#welcome {
	background: url('home.jpg');
	}
h2#events {
	background: url('events.jpg');
	}
h2#archives {
	background: url('archives.jpg');
	}
h2#bios {
	background: url('bios.jpg');
	}
h2#practical {
	background: url('practical.jpg');
	}
h2#registration {
	background: url('registration.jpg');
	}

h1 span, h2 span {
	position: absolute;
	top:-2000px;
	}

h3 {
	padding: 10px 0 0 0; 
	position:relative; 
	left:-10px;
	}

h4 {
	padding:10px 0 0 0; 
	border-bottom: 1px solid black;
	}

#blockquote {
	width: 420px;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
	z-index:9;
	}	

blockquote {
	quotes: "\201C" "\201D";
	}
blockquote:before { 
	content: open-quote; 
	font-weight: bold; }
blockquote:after { 
	content: close-quote; 
	font-weight: bold; }



li {
	display: inline;
	padding: 0 8px;
	}

#navbar {
	float: right;
	clear: right;
	width: 540px; 
	height: 10px;
	padding: 8px 0 17px 0; 
	text-align: center;
	}

#bionav {
	text-align:right;
	}

.backtotop {
	text-align:right;
	padding:10px 0 0 0;
	}

img.bios {
	float:right; 
	padding: 0 0 10px 10px;
	}

img.events {
	width:400px;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
	}

img.polaroids {
	width:220px;
	}

img.archives {
	padding: 10px;
	}

img.float {
	float: right;
	padding-left: 10px;
	}
	
#content {
	background-image: url('shading.jpg');
	background-repeat: no-repeat;
	width: 460px;
	padding: 40px;
	float: right;
	clear: right;
	overflow: hidden;
	}

p {
	margin: 0; 
	padding: 10px 0 0 0; 
	text-align: justify; 
	text-justify: newspaper;
	}

#sponsors {
	clear: both;
	position: relative;
	top: -130px;
	margin-bottom: -130px;
	}

#footer {
	padding: 3px;
	clear: both;
	}

#footer a {
	float: right; 
	}
	

/* =COLOR= */

html {
	background-color: white;
	}

body {
	background-color: black;
	}

h3, h3 a {
	color:#b10827; 
	}

h4 {
	color: black;
	}

#blockquote {
	color: black;
	}

#content {
	background-color: white;
	color: black;
	}

#navbar {background-color: #b10827;}

#navbar a:link, #navbar a:visited, #footer a, #footer {color: white}

#navbar a:hover {color: #f2e0d7}

a.intext {color: black}

a.intext:hover {color:#b10827}

a.bios {color: black}

a.bios:hover {color: #b10827}

/* =TYPOGRAPHY= */

h3 {
	font: 16px Lucida Sans, Verdana, sans serif; 
	font-weight:bold;
	}

h4 {
	font: 14px Lucida Sans, Verdana, sans serif; 
	font-variant: small-caps;
	}


p {
	font: 12px Lucida Sans, Verdana, sans serif; 
	text-indent: 1cm;
	}

blockquote {
	font: 11px Lucida Sans, Verdana, sans serif;
	}

cite {
	font: 26px script, sans serif;
	}

p.footnote {
	font-size: 10px;
	text-indent: 0;
	}

a.intext {font: 12px Lucida Sans, Verdana, sans serif; 
	font-weight: normal; 
	text-decoration: underline;
	}


a.bios {font: 12px Lucida Sans, Verdana, sans serif; 
	font-variant: small-caps; 
	text-decoration:underline;
	}


#navbar a, #footer a {
	font: 14px "Lucida Sans", sans-serif; 
	font-weight: bold;
	}

#footer {
	font: 10px Arial, sans serif;
	}