@import "normalization.css";
@import "navigation.css";
@charset "utf-8";

/* Lydia Daum Design */

/* Main Structure */
body {
	width: 99.4em;}

/* Navigation Controls and Styles */
div#header {
	height: 10.2em;
	top: 0px;
	left: 0px;
	padding: 2em 2em 0 6.5em;}
h1#title {
	float: left;
	padding: .25em 0 0 0;}
ul#nav_main {
	margin: 0 0 0 8.5em;}
	
/* From Spry */
ul.MenuBarActive
{
	z-index: 1000;}
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;}
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	z-index: 1020;
	cursor: default;
	position: absolute;
	left: -1000em;}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;}
ul.MenuBarHorizontal ul li
{
	width: 9em;}
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;}
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;}
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #FFFFFF;
	padding: 0.5em 0.75em;}
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;}
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;}
}



/*  Main Content Styles  */
div#container_main img#main {
	margin: 0 0 0 10.5em
}
div#container_main ul#disambig {
	width: 99.4em;
}
div#container_main ul#disambig li {
	width: 22.4em;
	height: 10em;
	position: relative;
	padding: 0 0 1em 0;
	float: left;}

div#container_main ul#disambig li h2 {
	margin: 18em 0 0 0;
}
div#container_main ul#disambig li h2 img {
	width: 22.4em;
	height: 18em;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* Gallery Styles */
div#container_main ul#gallery {
	width: 57em;
	margin: 0 0 0 31.6em;
}
div#container_main ul#gallery li {
	width: 18em;
	display: block;
	margin: 0 1em 1em 0;
	float: left;
	position: relative;
	height: 11.6em;
	}
div#container_main ul#gallery li img {
	width: 18em;
	height: 11.1em;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#container_main ul#gallery li a:hover img {
	width: 21.2em;
	height: 13.1em;
	z-index: 8;
	top: -10px;
	left: -16px;
}

/* Slide Styles */
div#slide
 {
	width: 77em;
	margin: 0 0 0 21em;
	position: relative;
	top: -5em;
}
div#description ul#nav_sub {
	padding: 0 0 0 .2em;
	text-align: center;
	margin: 3em 0 0 0;
	position: absolute;
	top: 16em;
	width: 7.5em;
	left: 0.2em;
}
div#left_text ul#art_gal {
	text-align: center;}
div#left_text ul#art_gal li {
	display: inline;}
div#description ul#nav_sub li, div#left_text ul#nav_sub li {
	display: inline;
	position: relative;
}
div#description ul#nav_sub li#prev, div#description ul#nav_sub li#next {
	top: 0.2em;
}
div#description ul#nav_sub li#return {
	line-height: 140%;
}

div#description {
	width: 15.4em;
	float: left;
	z-index: 10;
	position: relative;
	margin: 0 0 0 5.6em;
	display: block;
	top: -2em;
}
div#description p, div#description h2, div#left_text ul#art_gal li {
	margin: 0 0 1em .5em;
}
div#container_main form {
	margin: 0 0 0 30em;
}
div#container_main form p {
	margin: 0 0 1em 0;
}
div#container_main span.submit {
	text-align: center;
}

/* Left Text */

div#left_text {
	width: 21.8em;
	float: left;
	z-index: 10;
	position: relative;
	top: 1.87em;
	margin: 0 0 0 5.6em;
}
div#left_text p {
	text-align: left;
	padding: .5em;
} 
div#left_text h2 {


}


/*  All Font Styles and Sizes */
.ital {
	font-style: italic;}
div#description ul#nav_sub li#prev, div#description ul#nav_sub li#next {
	font-size: 220%;}
h1#title {
	font-size: 187%;}
div#content_main p, div#container_main ul#disambig li h2, div#description ul#nav_sub, div#left_text ul#art_gal, div#description h2, div#description h2 div#submit h2, div#container_main form p, ul#nav_main, div#size {
	font-size: 160%;
	font-weight: lighter;
}
div#container_main ul#disambig li p, div#left_text p, div#container_main ul#gallery li p, div#description p {
	font-size: 110%;
}

div#description p {
	font-style: none;
}
/* Link Atributes */
a {
	color: #000000;
	text-decoration: none;}
a:hover {
	color: #ff6600;}
	
/* Firefox Link */
p#firefox {
	margin-left: 6%;
	width: 86%;
	font-size: 1.6em;
	color: #000000;
	border: 2px solid #000000;
}
p#firefox a {
	color: #ff6600;}

p#firefox a:hover {
	color: #000000;}