body {
color : #daccd6;
font-family: "Arial";
font-size : 14px;
line-height : 18px;
text-align : justify;
background-color : #9C5A3C;
}

#title {
font-family: times new roman;
font-size: 27pt;
text-align: center;
}


#content {
width : 800px;
padding : 2;
position:absolute;
top:0px;
left:50px;
background-color: #000000;
}

a:link, a:active, a:visited  {
color : #fff;
font-family : "Lucida Sans";
font-size : 11px;
text-decoration: none;
} 

a:hover {
color : #ffffff;
}

#navigation {
height : 22px;
background-color : transparent;
text-align : center;
margin-top: 10px;
margin-bottom: 10px;
border-bottom: 0px;
}

a.nav:link, a.nav:visited, a.nav:active {
color : #c3c3c3;
font-family : georgia;
font-size : 20px;
font-weight: normal;
font-style: italic;
line-height : 100%;
text-decoration : none;
text-transform : lowercase;
letter-spacing : 1px;
padding-left : 20px;
padding-right : 20px;
border-bottom: 0px;
}

a.nav:hover {
color : white;
border-bottom: 0px;
}

a.links:link, a.links:visited, a.links:active {
color : #A416FF;
font-family : "Lucida Sans";
font-size : 12px;
font-style: normal;
line-height : 100%;
text-decoration : none;
}

a.links:hover {
color : #ffffff;
}

h1 {
color : #BABBBC;
font-family : "Arial";
font-size : 17px;
font-weight : bold;
line-height : 100%;
text-align : center;
border-bottom : 1px dotted #BABBBC;
background-image : url();
padding : 2px;
margin : 0;
text-transform: capitalize;
}

h2 {
color : #ffffff;
font-family : "Times New Roman";
font-size : 14px;
font-weight : normal;
line-height : 100%;
text-align : center;
text-transform: lowercase;
border-bottom : 0px dotted #351f2c;
background-color: #9C5A3C;
padding : 2px;
margin : 0;
}

#footer {
color : #BABBBC;
font-family : "Arial";
font-size : 10px;
font-style: italic;
line-height : 100%;
text-decoration : none;
text-align: center;
}

blockquote {
color : #22130D;
font-family : "Lucida Sans";
font-size : 10px;
line-height : 125%;
text-align : justify;
border : 1px dashed #BD7353;
background-color : #9C5A3C;
background-image : url();
padding : 5px;
margin-left : 20px;
margin-right:20px;
}

input, textarea, select {
color : #C0A0B7;
font-family : "Lucida Sans";
font-size : 10px;
line-height : 100%;
text-align : justify;
border : ;
background-color : #7A4C6C;
background-image : url();
}
	
input:focus, textarea:focus, select:focus {
color : #ffffff;
font-family : "Lucida Sans";
font-size : 10px;
line-height : 100%;
text-align : justify;
border : ;
background-color : #6D4561;
background-image : url();
}

iframe {
background:black;
color: #daccd6;
}

ul {
list-style-image : url(/bullet1.gif);
margin : 10px;
padding-right : 5px;
}

b, strong {
color: #9C5A3C;
font-family : ;
}

i, em {
color: #9C5A3C;
font-family : arial;
font-style : italic;
}

u {
border-bottom: 1px dotted #9C5A3C;
font-family : ;
}

s {
color: #9C5A3C;
font-family : ;
}

l {
font-family : ;
font-style : normal;
}

a.img:link, a.img:visited, a.img:active, a.img:hover {
border : transparent;
}


#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; border-bottom: 0px;}
#lightbox img{ width: auto; height: auto; max-width:500px;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://emaydee.com/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://emaydee.com/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }