@charset "UTF-8";
/* CSS Document */

h1 {
	display: none;
}
h2 {
	font-size: 1.4em;
	line-height: 1.3em;
	color: #000;
}
.author a, .details a {
	color:#600;
}
#item img {
	width: 150px;
	height: 150px;
	margin-bottom: 10px;
}
#item ul {
	margin: 0;
	position: relative;
}
#item li {
	margin-top: 3px;
	padding-bottom: 3px;
	list-style-type: none;
	font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#item li.pAudio {
	background: url(../images/icons/listen.gif) no-repeat left top;
}
#item li.pScript {
	background: url(../images/icons/scripts.gif) no-repeat left top;
}
#item li.pPurchase {
	background: url(../images/icons/download.gif) no-repeat left top;
}
#item li.pMuseum {
	background: url(../images/icons/museum.gif) no-repeat left top;
}
#item li.pMisc {
	background: url(../images/icons/misc.gif) no-repeat left top;
}
#item li a {
	display: block;
	padding-left: 21px;
	color: #600;
}
#item li a:hover {
	text-decoration: underline
}
td, #maincontent p {
	color: #444;
	margin: 0 0 1em 0;
}
td strong {
	color:	#003;
	font-weight: normal;
}

td.particular {
	width: 120px;
	text-transform: uppercase;
}
td.details {
	padding-bottom: .5em;
	line-height: 1.3em;
}

@media screen and (min-width: 512px) {
	#branding {
		padding-bottom: 185px;
	}
	#branding #logo2 {
		position: absolute;
		right: 0;
		top: 0;
	}
	#nav {
		position: absolute;
		left: 75px;
		top: 25px;
	}
	#maincontent {
		padding: 1px 150px 100px 250px;
	}
	#item {
		position: absolute;
		left: 75px;
		top: 200px;
		width: 150px;
	}
}

@media screen and (max-width: 511px) {
	#production #maincontent { margin-top: -80px; padding-top: 0; }
	#logo2 { width: 100%; }
	#logomap { display: none; }
	td { display: block; }
	tr td:first-child { color: #000; margin: 0; padding: 0; font-weight: bold; }
}