/* DOCUMENT INFORMATION
	- Document: Atlantic Harp Duo
	- Version:  2.1.0
	- Client:   Atlantic Harp Duo
	- 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 {
	text-align:center;
	}

#title {
	position:absolute; 
	top:0; 
	left:0; 
	width:750px; 
	height:175px; 
	background:url('atlanticharpduo_title.jpg');
	}

#title p {
	position:absolute; 
	top:-9999px;
	}

#title a {
	position:absolute; 
	top:75px; 
	left:20px;
	width:400px; 
	height:100px; 
	}

#navbar {
	position:absolute; 
	top:175px; 
	left:0; 
	width:790px;
	height:20px;
	padding:5px 10px 5px 0;
	background:url('navbar.jpg');
	}

#navbar a {
	float:right; 
	}

img#pix {
	position:absolute; 
	top:190px; 
	left:25px; 
	width:300px;
	}

img#thumb {
	width: 125px;
	height: 83px;
	float: right;
	padding: 5px;
	}

img#butt {
	position:relative; 
	left:-100px; 
	width: 550px; 
	height:35px;
	}

h1 {
	position:relative; 
	left:-10px; 
	top:5px;  
	}

h2 {position:relative; 
	top:5px; 
	}

#content {
	position:absolute; 
	top:205px; 
	left:250px; 
	width:415px; 
	background:url('paleparchment.jpg') no-repeat; 
	padding:20px 35px 0px 100px;
	}

#content a {
	float:none; 
	}

#gallery {
	position:absolute; 
	top:205px; 
	left:250px; 
	width:450px; 
	background:url('paleparchment.jpg') no-repeat; 
	padding:20px 50px 0px 50px;
	}

#gallery p {
	text-align:center;
	padding:0px 150px;
	}

#gallery img#butt {
	position:relative; 
	left:-50px; 
	width: 550px; 
	height:35px;
	}

#gallery div#footer {
	position:relative; 
	left:-50px; 
	width:550px;
	}

#photogallery {
	position:absolute;
	top: 225px;
	left:30px;
	width:230px;
	}

.thumb {
	height:80px;
	width:80px;
	padding: 10px;
	}

#photogallery a img.fullsize, #photogallery a span  {
	display:none;
	}

#photogallery a:hover img.fullsize {
	display:block;
	position: absolute;
	top:75px;
	left:270px;
	width:450px;
	padding:0;
	z-index: 3;
	}

#photogallery a:hover span {
	display:block;
   	position: absolute;
	top:55px;
	left:220px;
	width:450px;
	text-align:center;
	padding:0px 50px;
	z-index: 3;
   	}


#footer {
	position:relative; 
	left:-100px; 
	width:550px;
	margin:35px 0 0 0; 
	}

#footer a {
	float:none;
	}

table {
	border-collapse: separate; 
	text-indent: 0; 
	width:385px; 
	table-layout:auto;
	}

td {
	vertical-align:top; 
	text-align:left; 
	text-indent: 0;
	padding: 8px 15px 8px 0; 
	}
td.composer {
	text-align:right; 
	padding-right: 15px;
	}
td.thumbs {
	text-align: center;
	}

ol {
	text-align:left; 
	list-style-type:decimal;
	}

ul {
	text-align:left;
	margin: 0 0 0 15px; 
	list-style-type: disc; 
	}



/* =COLOR= */


body {
	background-color: #000000;
	}

p, #content a, #footer, #footer a, td, ol, ul {
	color: #000000;
	}

#navbar a {
	color:#ffffff; 
	}

h1 { 
	color:#b5a278;
	}

h2, #gallery p, #photogallery span { 
	color:#674833; 
	}



/* =TYPOGRAPHY= */



#navbar a, p, h1, h2, #content a, ol, ul, td, #photogallery span {
	font-family: Lucida Sans, Verdana, sans-serif; 
	}

#navbar a {
	font-size: 14px;
	font-weight: bold; 
	}


h1 {
	font-size: 40px;
	font-weight: bold;
	}

h2 {
	font-size: 20px; 
	font-weight: bold;
	}

p {
	font-size: 12px; 
	text-indent: 25px;
	}

#gallery p {
	text-indent: 0;
	}

#photogallery span {
	font-weight:bold;
	}

#content a, ol, ul, td, #photogallery span {
	font-size: 12px;	
	}

a.intext {
	text-decoration: underline;
	}

#footer, #footer a {
	font: 14px Times New Roman, serif;
	}