body {
	padding-top:30px;
	margin:0;
	background-color:#424242;
	text-align:center;
}
h3 {
	margin:10px 0;
}
a {
	color:#A07F71;
	font-family:arial,sans-serif;
	font-size:9pt;
}
a:hover {
	color:#E5DDD9;
}
div.boxContent input {
	border:1px solid #5D514B;
	background-color: #333;
	color:#E5DDD9;
}	
div#displayFiltered {
	margin-top:3px;
	color:#BDA69D;
	border-top: 1px dashed #5D514B;

}
	div#controlPanel {
		padding:4px;
		position:absolute;
		right:35px;
		top:5px;
		background-color: #282828;
		width:100px;
	}
	div#controlPanel a {
		display:block;
	}

	/* main box */
	div#main {
		font-family:arial, sans-serif;
		font-size:9pt;
		font-weight:normal;
		margin:0 auto 0 auto;
		position:relative;
		text-align:center;
		width:650px;
		background:#474747 url("i/bodyBG_fw.gif") repeat-y scroll top left;
	}
	div#main div#header {
		overflow:hidden;
		background:#424242 url("i/box.gif") no-repeat scroll 0px 58px;
		width:650px;
		height:95px;
		padding:0;
		margin:0;
	}
	div#main div#footer {
		background:transparent url("i/box.gif") no-repeat scroll bottom left;
		width:650px;
		height:36px;
		padding:0;
		margin:0;
	}

	
	
	div#main div#content {
		text-align:left;
		margin:50px auto 40px auto;
		width:520px;
	}

	/* donation */
	div#thanks {
		color:#A07F71;
		padding:10px;
		margin:0 auto 20px auto;
		width:560px;
		border: 1px dotted white;
		background-color:#474747;
	}

	/* top two boxes */	
	div.box1Holder {
		float:left;
		padding:0;
		margin:0 0 10px 0;
		width:250px;
		text-align:right;
	}
	div.box1Holder h3 {
		padding:0;
		height:26px;
		display:block;
		text-align:left;
	}
	div.box1 a {
		text-decoration:none;
	}
	div.box1 span.count {
		color:#A07F71;
		float:right;
	}
	div.box1, div.plainbox, div#tags {
		background:#333 url("i/box1.gif") no-repeat scroll top left;
	}
	div.box1 div.boxHeader, div#tags div.boxHeader, div.plainbox div.boxHeader {
		height:4px;
		margin-left:20px;
		background:#333 url("i/box1.gif") no-repeat scroll top right;
	}
	div.box1 div.boxFooter, div#tags div.boxFooter, div.plainbox div.boxFooter {
		background:#333 url("i/box1.gif") no-repeat scroll bottom left;
		text-align:right;
		height:6px;
	}
	div.box1 div.boxFooter div, div#tags div.boxFooter div, div.plainbox div.boxFooter div {
		margin-left:20px;
		height:6px;
		background:#333 url("i/box1.gif") no-repeat scroll bottom right;
	}
	
	
	/* script boxes */
	#scripts dl {
		font-size:10pt;
		color:#BDA69D;
	}
	div.box2 {
		width:518px;
		margin-bottom:20px;		
	}
	div.box2 div.boxContent {
		position:relative;
	}
	/*this is stupid, but otherwise dts show up _under_ boxContent in IE*/
	div.box2 dl.titles dt {
		position:relative;
	}
	div.private {
		border:2px dashed red;
	}
	li.private {
		background-color:#3b3b3b;
	}
	div.box2 div.boxHeader {
		height:1.4em;
		text-align:left;
		padding:4px 6px 3px 8px;
		background:#2B1D18 url("i/box2.gif") no-repeat scroll top left;
	}
	div.box2 div.boxHeader a {
		color:#DDD1CC;
		font-weight:900;
		font-size:11pt;
		text-decoration:none;
		padding-right:20px;
		background:transparent url("i/save.gif") no-repeat scroll center right;
		float:left;
	}
	div.box2 div.boxHeader a:hover {
		color:white;
		text-decoration:underline;
	}
	
	div.box2 div.boxFooter {
		text-align:left;
		height:6px;
		background:#333 url("i/box1.gif") no-repeat scroll bottom right;
	}
	div.box2 div.boxHeader a.forumLink {
		background: transparent url("i/martini.gif") no-repeat scroll center right;
		font-size:9pt;
		font-weight:normal; 
		padding-right:15px;
		float:right;
		color:#A07F71;
	}
	div.box2 div.boxHeader a.forumLink:hover {
		color:white;
	}
	/* script screenshots */
	div.box2 dt.screenshots {
		float:none;
	}
	div.box2 dd.shot {
		margin-bottom:-15px;
		height:65px;
		padding-top:4px;
		margin-left:0;
	}
	dd.shot a {
		position:relative;
		display:block;
		float:left;
		margin-left:5px;
		clear:right;
		width:71px;
		height:71px;
		background:transparent url("i/thumbshad.gif") no-repeat scroll 4px 3px;
		padding-top:3px;
		padding-left:5px;
	}
	dd.shot a img {
		border:2px solid #a07f71;
		width:53px;
		height:53px;
	}
	dd.shot a img:hover {
		border:2px solid silver;
	}

	/* content section for all boxes */	
	div.boxContent {
		padding:1px 10px 5px 10px;
		text-align:left;
		background-color:#333;
		clear:both;
	}

	/* float stuff */
	div#scriptList {
		margin-left:0;
		margin-right:18px;
	}
	div#news {
		float:right;
	}

	#scripts {
		clear:both;
		text-align:left;	
		padding-top:10px;
	}
	#sorts {
		color:#BDA69D;
		text-align:left;
		clear:both;
	}
	#sorts a { 
		text-decoration:none;
		margin-left: .5em;
	}
	#sorts a.current {
		color:#5D514B;
	}
	#sorts a.current:hover {
		color:#A07F71;
	}
	
	
	/* shadowed sections */
	#scripts h3, h3#tagH3 {
		height:26px;
		width:120px;
		display:block;
		text-align:left;
		clear:both;
		background:transparent url("i/scripts.gif") no-repeat scroll top left;
	}
	h3#obsolete {
		background:transparent url("i/obsolete.gif") no-repeat scroll top left;
	}
	div#tags {
		font-size:12pt;
	}
	#tags a {
		margin-right:.3em;
		text-decoration:none;
	}
	h3#tagH3 {
		background:transparent url("i/tags.gif") no-repeat scroll top left;
	}
	#archivednews h3 {
		height:26px;
		background:transparent url("i/archivednews.gif") no-repeat scroll top left;
	}
	#news h3 {
		background:transparent url("i/news.gif") no-repeat scroll top left;
	}
	#scriptList h3 {
		background:transparent url("i/scriptList.gif") no-repeat scroll top left;
	}
	#offsiteLinks h3 {
		background:transparent url("i/offsiteLinks.gif") no-repeat scroll top left;
	}
	
	/* all definition list titles */
	dt, #obsoleteList h4 {
		height:14px;
		background: transparent url("i/text3.gif") scroll no-repeat;
		margin-top:6px;
		margin-bottom:3px;
	}
	#obsoleteList h4 {
		background: transparent url("i/obsoleteText.gif") no-repeat;
	}
	
	/* script content sections */
	dl.nofloat dt {
		font-weight:bold;
		width: auto;
		float:none;
		background:none;
	}
	dl.nofloat dd {
		margin-left:14px;
	}
	.box2 ul {
		list-style-position:inside;
		padding-left:10px;
		text-indent:-12px;
		margin-left:0;
	}
	.box2 li {
		margin-bottom:4px;
	}
	
	dt.first {
		margin-top:0;
	}
	
	div.obsoleteBadge {
		background-image: url("i/obsoletebadge.png");
		height:74px;
		width:110px;
		position:absolute;
		top:.5em;
		right:.5em;
	}

	
	/* script list section */
	#scriptList ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	#scriptList li {
		height:1.2em;
	}
	#scriptList li.recent {
		background-color:#443636;
	}

	#scriptList li.scriptListTitle {
		margin-bottom:5px;
	}
	#scriptList li.scriptListTitle a {
		font-weight:bold;
		color:#BDA69D;
	}
	#scriptList li.scriptListTitle a:hover {
		color:white;
	}
	#scriptList a.count {
		float:right;
	}
	#scriptList span.new {
		font-size:7pt;
		color:#BDA69D;
		margin-left:4px;
	}
	
	#scriptList ul li{
		clear:both;
	}
	#scriptList ul li a {
		float:left;
	}
	#scriptList h4 {
		clear:both;
	}



	#obsoleteList a, #obsoleteList span.count {
		color:#5D514B;
	}
	#obsoleteList a:hover {
		color:#A07F71;
	}
	
	

	/* news section */
	#news, #archivednews {
		color:#BDA69D;
	}
	#news ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	#news .date {
		font-size:7pt;
		margin-left:4px;
		color:#70615A;
	}
	#news .title {
		margin-right:5px;
	}
	#news li {
		margin-bottom:4px;
		padding-bottom:2px;
		border-bottom: 1px dashed #5D514B;
	}
	#archivednews .pagenav {
		float:right;
		position:relative;
		top:1em;
	}
	#archivednews .pagenav a {
		margin-left:.2em;
	}
	#archivednews .date {
		border:1px solid #5D514B;
		padding:2px;
		margin:0 4px 2px 0;
		font-weight:bold;
	}
	#archivednews ul {
		list-style:none;
		padding:4px;
		margin:0;
	}
	#archivednews li {
		padding:.5em 0 .5em 8em;
		text-indent:-8em;
		border-top:1px dashed #5D514B;
	}
	#archivednews li.first {
		border-top:none;
	}
	#archivednews a.title {
		margin-right:.5em;
	}
	
	
	/* offsites link section */
	#offsiteLinks dl {
		font-weight:normal;
		margin:0 !important;
		padding:0 !important;
	}
	
	#offsiteLinks dt#required {background-position: 0 -56px;}
	#offsiteLinks dt#collections {background-position: 0 -70px;}
	#offsiteLinks dt#otherAuthors {background-position: 0 -84px;}
	#offsiteLinks dd {
		margin-left:0;
	}
	
	
	/* script boxes */
	.box2 dt {
		width:110px;
		margin-top:0;
		float:left;
	}
	.box2 dd {
		margin-left:120px;
		margin-bottom:10px;
	}
	
	dt.description {background-position: 100% 0px;}
	dt.notes {background-position: 100% -14px;}
	dt.updated {background-position: 100% -28px;}
 	dt.screenshots {background-position: 100% -42px;}
 	dt.created {background-position: 100% -98px;}
 	dt.tags {background-position: 100% -112px;}

	
	#logo {
		z-index:100;
		height:136px;
		width:215px;
		position:absolute;
		top:0;
		left:40px;
		background: transparent url("i/logo.gif") no-repeat scroll top left;
	}
	#logo.crimbo {
		height:156px;
		width:229px;
		top:-20px;
		background-image: url("i/crimbologo.gif");
	}
	#logo.pirate {
		background-image: url("i/logo_pirates.gif");
	}
	#logo.halloween {
		background-image: url("i/spiderlogo.gif");
	}
	#halloweenImage {
		z-index:100;
		height:168px;
		width:263px;
		position:absolute;
		top:-25px;
		left:280px;
		background: transparent url("i/tomato.gif") no-repeat scroll top left;
		text-indent:-5000px;
		overflow:hidden;
	}

	/* hide text from image headings (screen reader friendly) */
	div.obsoleteBadge, #scripts h3, #archivednews h3, #news h3, #offsiteLinks h3, #scriptList h3, h3#tagH3, #obsoleteList h4, #logo, dt.hide, h4.hide {
		text-indent:-5000px;
		overflow:hidden;
	}
	
	#asterisk {
		display:block;
		font-size:8pt;
		color:#a07f71;
		text-align:left;
		padding-left:4px;
	}
	span.rss {
		margin-top:5px;
		display:block;
		text-align:left;
	}
	span.rss img {
		margin-left:4px;
		margin-right:4px;
		border:none;
	}

	
#lightbox{
	background-image: url("i/darkOverlay.png");
	padding: 10px;
	margin:0;
	border:1px solid white;
	
}



#lightboxDetails{
	font-size: 9pt;
	font-family:arial, sans-serif;
	padding-top: 0.4em;
}	

#lightboxCaption{ color:white;float: left; }
#keyboardMsg { 		
	color:#A07F71;
	font-family:arial,sans-serif;
	font-size:9pt;
	float: right;
}
#lightbox img{ border: none; } 
#overlay img{ border: none; }

#loadingImage {
	width:auto;
	height:auto;
}
#loadingImageLink {
	width:auto;
	height:auto;
	float:none;
	background:none;
	top:19px;
	left:5px;
}