/* CSS Document 

Detail Overlay CSS
http://design.jessierauch.com
by Jessie Rauch

c.2009-2010 All rights reserved. This CSS may not be duplicated for any purpose.

*/


.overlay {
		display:none;
		z-index:10000;
		background-color:#000;
		width:620px;	
		min-height:200px;
		border:1px solid #666;
		padding:12px;
		font-size:16px;
		line-height:24px;
		color:#CCC;
		-moz-box-shadow:0 0 6px 0 #000;
		-webkit-box-shadow: 0 0 5px #000;	
}
#faq { width:800px;}
.overlay .close {
		background:transparent url(../images/interface/close.png) no-repeat top left;
		position:absolute;
		right:-15px;
		top:-15px;
		cursor:pointer;
		height:30px;
		width:30px;
}
.overlay .close:hover {
		background-position:0 -30px;	
}
.overlay h2 {
		font-family: "ff-meta-serif-sc-web-pro-1","ff-meta-serif-sc-web-pro-2",Georgia, "Times New Roman", Times, serif;
		letter-spacing:1px;
		text-transform:uppercase;
		font-weight:normal;
		color:#FFF;
		font-size:16px;
		line-height:24px;
		display:block;
}
.overlay p.metadetails {
		line-height:24px;
		padding-bottom:12px;
		border-bottom:1px dotted #333;
		margin-bottom:12px;
}
.overlay div.details {
		width:450px;
		padding-right:20px;
		border-right: 1px solid #111;
		margin-right:19px;
		float:left;
}
.overlay ul.roles {
		width:130px;
		float:left;
		font-size:14px;
		color:#999;
		font-style:italic;
}
.colophon p+p,
.details p+p { padding-top:24px;}
.faqlist a,
.colophon p a,
.details p a { color:#FFF; text-decoration:underline !important;}
dl dt {
		color:#FFF;
}
dl dd {
		color:#CCC;
		font-size:14px;
		line-height:18px;
		padding-bottom:18px;
}