/*
#####################################################
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;
	background: #373C40 url(../_img/bkd_blue.gif) left top repeat-x;
	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: line-through;}
a:hover, a:visited:hover {color: #cc0;text-decoration: underline;}

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 {
	margin: 0 auto;
	width: 775px;
	background: url(../_img/bkd_shadow_sides.jpg) left top no-repeat;
}
/* deprecated */
#iBox {
	margin: 0 auto;
	width: 755px;
	background-color:#fff;
}
#mBox {
	position: relative;
	height: 437px;
}
#wBox {
	height: 409px;
	width: 727px;
	overflow: hidden;
	position: absolute;
	top: 14px;
	left: 24px;
	z-index: 20;
}
#photoBox {
	position: absolute;
	line-height: 0px;
	top: 14px;
	left: 24px;
	z-index: 1;
	height: 409px;
	width: 727px;
	background-color: #767D83;
}
#loadBox {
	background-color: #373C40;
	height: 409px;
	width: 727px;
}
#bBox {
	width: 775px;
	margin: 0 auto;
	background: url(../_img/bkd_shadow_footer.gif) center top no-repeat;
	padding-top: 10px;
}

/* next/previous navigation
--------------------------------------------------------------------------*/
#linkBox {
	height: 409px;
	width: 727px;
}
#prevLink, #nextLink {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(../_img/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent: -9000px;
}
#prevLink { left: 0; float: left; cursor: w-resize; }
#nextLink { right: 0; float: right; cursor: e-resize; }
#prevLink:hover, #prevLink:visited:hover { background: url(../_img/prev.gif) left top no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../_img/next.gif) right top no-repeat; }

/* gallery menu
--------------------------------------------------------------------------*/
#menuBox {
	height: 409px;
	width: 727px;
	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: 400px;
	float: left;
	text-align: right;
}
#galleryList {
	width: 257px;
	float: right;
}
#yearList li.current a, #galleryList li.current a {
	font-weight: bold;
	color: #cc0;
	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(../_img/bkd_menu_toggle.gif) right 0px no-repeat; }
#toggleMenu.open { background: transparent url(../_img/bkd_menu_toggle.gif) right -9px no-repeat; }
#toggleMenu span { display: none;}

/* captions, etc.
--------------------------------------------------------------------------*/
#photoInfo {
	background-color: #fff;
	width: 755px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	color: #666;
}
#photoInfo p {padding: 0 14px 12px 14px;}
#photoInfo strong {color: #4d4d4d;}
#captionBox {width: 400px;}

/* footer box, etc.
--------------------------------------------------------------------------*/
#footerBox {
	margin-top: 20px;
	padding: 20px 0;
	background-color: #373C40;
	border-top: 1px solid #55595c;
}
#footerBox div {
	margin: 0 auto;
	width: 755px;
}
#footerBox div div {
	margin: 0;
	width: 251px;
	text-align: left;
	float: left;
}
#footerBox div div div {
	margin: 0;
	width: auto;
	padding: 0 10px;
	float: none;
}
#footerBox h3 {
	padding: 0 0 15px 5px;
	border-bottom: 1px solid #41464a;
}
#footerBox p {
	padding: 10px 5px;
	color: #9b9ea0;
	line-height: 16px;
}
#footerBox ul {
	padding-top: 5px;
}
#footerBox li {
	border-bottom: 1px solid #41464a;
	line-height: 16px;
	padding: 5px;
}
#footerBox a:link, #footerBox a:visited { color: #cc0; }
#footerBox a:hover, #footerBox a:visited:hover { color: #dedede; }
#recBox ul {
	float: left;
	width: 50%;
}
#footerBox p.copyright {
	margin: 40px 0 10px 0;
	border-top: 1px solid #41464a;
	padding-top: 10px;
	color: #878a8c;
}
#footerBox div.clear {float:none;clear:both;}