@import url("sorts-mill-goudy/stylesheet.css");

img {
    behavior: url("pngbehavior.htc");
}

html, body {
	height: 100%;
}

body {
	background: url(../images/muse/background.jpg);
	color: #333;
	font: normal normal 1em/1.5em helvetica, arial, sans-serif;
}

#container {
}

p, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1em;
}

body a:link {
	color: #00182e;
}

body a:visisted {
	color: #333;
}

body a:hover {
	color: #b25b10;
}

#container {
	background: url(../images/muse/highlight.png) center top no-repeat;
}

#header {
}

#header h1 {
	margin: 40px 0 0px 0;
}

#header #nav a {
	display: block;
	text-align: center;
	height: 130px;
}

#header #nav .active a {
	background: url(../images/muse/nav-bookmark.png) no-repeat center bottom;
}

#header #nav a img {
	margin-top: 45px;
}

#intro {
	margin-top: 20px;
	font-size: 24px;
	line-height: 36px;
	font-family: "Sorts Mill Goudy Regular", georgia, serif;
	letter-spacing: 0px;
	color: #555;
	text-shadow: white 0px 0.5px 1px;
}

#intro a:link, #intro a:visited {
	color: inherit;
}

#intro a:hover {
	color: black;
}

#intro p {
	margin: 0;
}

#content h3 {
	font-size: 36px;
	font-weight: normal;
	font-family: "Sorts Mill Goudy Regular",georgia,serif;
	color: #00182e;
	margin: .75em 0;
	text-shadow: 0 .5px 1px white;
}

#content #contact h4 {
	margin-bottom: 0;
	font-size: 1.2em;	
}

#login {
	margin-top: 20px;
}

p#logout {
	margin: 10px 10px 0;
	text-align: right;
	font-size: .85em;
}

#mask {
	font-size: .9em;
	text-decoration: underline;
	cursor: pointer;
}

#topper {
	background: url(../images/muse/content-background.png) no-repeat center top;
	height: 35px;
}

#content {
	background: #e7d1a5;
}

#wrapper {
	background: url(../images/muse/content-background.png) no-repeat center -35px;
}

#content #gallery li {
	list-style-type: disc;
	margin-left: 2em;
}

#content #photos {
	
}

#content #photos h4 {
	clear: both;
	margin: 1em 30px 0 30px;
}

#content #photos .section .photo {
	margin-top: 15px;
}

#content #photos p.section-info {
	clear: both;
	margin: 0 30px 0 30px;;
}

#content #photos .photo {
	float: left;
	background: url(../images/muse/photo-holder.png) -4px -3px no-repeat;
	margin: 0 20px 20px 24px;
	font-size: .9em;
}

#content #photos .photo-thumbnail {
	width: 126px;
	height: 126px;
}

#content #photos .photo div.enlarge {
	display: block;
	margin: 9px 8px 14px 8px;
	text-decoration: none;
	cursor: pointer;
}

#content #photos .photo .photo-sig {
	font-size: .8em;
}

#content #photos .photo .popup {
	display: none;
}

#popup-background {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	
	background: rgba(0, 0, 0, .75);
	
	z-index: 9;
}

#popup-container {
	background: white;
	
	margin: 20px auto;
	width: 540px;
	padding: 20px;
}

#popup-container p {
	margin: 0;
}

#popup-nav {
	text-align: center;
	font-size: .9em;
	margin-bottom: 5px;
}

#popup-nav span {
	cursor: pointer;
}

#popup-nav span.hover {
	text-decoration: underline;
}

#popup-nav #popup-previous {
	float: left;
}

#popup-nav #popup-close {
	
}

#popup-nav #popup-next {
	float: right;
}

#popup-image {
	text-align: center;
}

.photo-meta {
	text-align: left;
}

li {
	list-style-type: disc;
	margin: 0 0 0 25px;
}

ul, ol {
	margin-bottom: 1em;
}

ul li ul, ol li ol {
	margin: 0;
}

#footer {
	background: url(../images/muse/hr.png) repeat-x left top;
	color: #888;
}

#footer p {
	margin: 15px 0;
	font: normal .5em/1em helvetica, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

#footer a {
	color: inherit;
}

#footer a:hover {
	color: #555;
}
