/*
#####################################################
Master styles for Couloir.org, 2006

FileName:   master.css
Author:		Scott Upton, UPTONIC
Version:    2006.09.18
#####################################################
*/

/** {margin: 0;padding: 0;}*/

/* common
--------------------------------------------------------------------------*/
body {
	text-align: center;
	font-family: "Lucida Grande", verdana, helvetica, sans-serf;
	font-size: 11px;
	color: #999;
}
a:link {color: #fff;text-decoration: none;}
a:visited {color: #ccc;text-decoration: none;}
a:hover, a:visited:hover {color: #69c;text-decoration: none;}

/*h1 {
	width: 775px;
	margin: 0 auto;
	height: 123px;
	background: url(../_img/bkd_masthead.jpg) left top no-repeat;
	display: block;
	text-indent: -9000px;
}
h2, h3 {color:#fff;}*/
ul {list-style: none;}
li {line-height: 20px;}

/* layout boxes
--------------------------------------------------------------------------*/
#oBox {
	width: 682px;
	background-color: #888;
}
/* deprecated */
#iBox {
	width: 690px;
	background-color:#fff;
}
#mBox {
	position: relative;
	/*height: 461px;*/
	height: 452px;
}
#wBox {
	height: 433px;
	width: 650px;
	overflow: hidden;
	position: absolute;
	top: 14px;
	left: 16px;
	z-index: 20;
}
#photoBox {
	position: absolute;
	line-height: 0px;
	top: 14px;
	left: 16px;
	z-index: 1;
	height: 433px;
	width: 650px;
	background-color: #767D83;
}
#loadBox {
	background-color: #373C40;
	height: 433px;
	width: 650px;
}
#loadBox img{
    margin: 210px 0;
}
#bBox {
	width: 696px;
	background: url(../../images/v6/bkd_shadow_footer.gif) center top no-repeat;
	padding-top: 10px;
}

/* next/previous navigation
--------------------------------------------------------------------------*/
#linkBox {
	height: 433px;
	width: 650px;
}
#prevLink, #nextLink {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(../../images/v6/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent: -9000px;
}
#prevLink { left: 0; float: left; cursor: pointer; }
#nextLink { right: 0; float: right; cursor: pointer; }
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/v6/left1.png) left top no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/v6/right1.png) right top no-repeat; }

/* gallery menu
--------------------------------------------------------------------------*/
#menuBox {
	height: 433px;
	width: 650px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	background-color: #373C40;
	color: #fff;
	text-align: left;
}
#menuInnerBox {
	padding: 120px 20px 20px 20px;
}
#yearList {
	width: 300px;
	float: left;
	text-align: right;
}
#galleryList {
	width: 190px;
	float: right;
}
#yearList li.current a, #galleryList li.current a {
	font-weight: bold;
	color: #69c;
	text-decoration: none;
}
li em { font-style:normal;color:#999;padding-right:6px;}
#toggleMenu {
	position: absolute;
	top: 2px;
	right: 14px;
	width: 70px;
	display: block;
	width: 70px;
	height: 9px;
}
#toggleMenu { background: transparent url(../../images/v6/galbut.jpg) right 0px no-repeat; }
#toggleMenu.open { background: transparent url(../../images/v6/galbut.jpg) right -9px no-repeat; }
#toggleMenu span { display: none;}

/* captions, etc.
--------------------------------------------------------------------------*/
#photoInfo {
	background-color: #888;
	width: 682px;
	margin-left: 0px;
	text-align: left;
	position: relative;
	color: #fff;
}
#photoInfo p {padding: 0 14px 12px 14px;}
#photoInfo strong {color: #fff;}
#captionBox {width: 340px;}