@charset "UTF-8";

body      { color: white; font-size: x-small; font-family: Verdana; background: #306 url("../images/menuheader.jpg") repeat-x fixed; margin: 0; padding: 0; voice-family: inherit     }
html>body { font-size: small; } /* be nice to Opera */

/* Layout Rules
----------------------------------------------- */
#wrap {
	width: 1000px;
	padding-top: 20px;
	margin: 0 20px;
}

.albumDesc	{
	margin-top: -15px;
	color: #666666;

}
.albumBookDesc {
	font-size: small;
	color: #666666;
	margin-top: -13px;
}
.descTitle {
	font-size: small;
	color: #999999;
}

.albumName {
	font-size: large;
}


/* Form Elements
----------------------------------------------- */
label, select { 
	font-size: 90%;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
}
select  { color: white; background-color: transparent; border: solid 1px transparent }

/* Gallery and Playback Controls
----------------------------------------------- */
#gallerySelect   { margin-top: -8px; width: 150px }
#controls  { margin: 0 2px 10px }
#galleries {	margin:0 auto 20px auto; }
#galleries label { padding-bottom: 2px; }

#transport {
	margin: 0;
	padding: 0;
	list-style: none;
}
#transport li  { text-align: center; margin: 0; padding: 0; float: none }
#transport a    { font-size: 85%; text-decoration: none; letter-spacing: 0.1em; display: block; margin: 0; padding: 4px 3px 3px; width: 40px; float: left; -khtml-user-select: none; -moz-user-select: none   }
#transport a:link     { color: #fff; font-size: x-small; background: url("../photogallery/images/bg_grad_gray1.gif") repeat-x; border-style: solid; border-width: 0; border-color: #999 #404040 #3a3a3a }
#transport a:visited    { color: #fff; font-size: x-small; background: url("../photogallery/images/bg_grad_gray1.gif") repeat-x; border-style: solid; border-width: 0; border-color: #999 #404040 #3a3a3a }
#transport a:hover    { color: yellow; font-size: x-small; background: url("../photogallery/images/bg_grad_gray2.gif") repeat-x; border-style: solid; border-width: 0; border-color: #999 #404040 #3a3a3a }
#transport a:focus {
	-moz-user-select: none;
	-khtml-user-select: none;
}

#previews     { color: white; background-color: transparent; margin-top: 20px; margin-right: 10px; margin-bottom: 5px; padding: 10px 10px 20px; width: 150px; float: left; border: solid 0 transparent }
#thumbnails {
	clear: both;
	margin: 10px auto;
}
#thumbnails div  { display: inline; margin: 8px 2px; padding: 0; position: relative; width: 24px; height: 24px; float: left }
#thumbnails img {
	width: 24px;
	height: 24px;
	position: absolute;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
}
#picture   { margin-top: 60px; padding: 0; width: 500px; float: left }
#mainImageOutline {
	margin: 0 auto;
	padding: 0;
	background-color: #eee;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
	padding: 1em; 
	overflow: hidden; 
}
#mainImage {
	width: 100%;
	height: 100%;
}

#picture img {	border: 1px solid #999; }
.selectedThumbnail {  border: solid 2px #fc0 !important; }
.inFocus {  border: solid 1px #fc0 !important; }.header {
	margin-top: 0px;
}