body {
	background: #000;
	margin: 0;
}

body, input {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

form {
	margin: 0;
}

img {
	border: 0;
}

div {
	line-height: 18px;
}

p {
	margin: 0 0 18px 0;
}

a:focus {
	outline: none
}

h1, h2, h3 {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

/* table */

table {
	border-spacing: 0;
	margin: 0;
	border: 0;
}

td {
	padding: 0;
	vertical-align: top;
}

/* Layout */

#page {
	width: 960px;
}

#logo {
	display: block;
	background: url(/static/assets/serpentine.gif);
	width: 120px;
	height: 45px;
	margin-top: 82px;
}

#logo:hover {
	background-position: 0 -45px; 
}

#credits {
	padding-bottom: 0;
	padding-bottom: 0;
}

#credits.open {
	padding-bottom: 60px;
}

#right {
	position: fixed;
	top: 30px;
	left: 825px;
	width: 190px;
}

#search-box, #search-results {
	display: table-cell;
 	vertical-align:middle;
}

#search-results {
	padding-left: 4px;
}

#search-query {
	width: 135px;
}

.search-button, .search-separator {
	display: inline-block;
	cursor: default;
}

.search-button {
	width: 21px;
	height: 17px;
}

#search-previous {
	background: url(/static/assets/search-previous.png);
}

#search-previous:active {
	background: url(/static/assets/search-previous-down.png);
}

#search-next {
	background: url(/static/assets/search-next.png);
}

#search-next:active {
	background: url(/static/assets/search-next-down.png);
}

.search-separator {
	width: 1px;
	height: 17px;
	background: url(/static/assets/search-separator.png);
}

#main {
	width: 824px; /* = 760 + 2 * 32 */
	color: #999;
}

/* Main content outside of the entries */

#content {
	padding: 32px;
}

/* Entries */

.entry {
	width: 672px;
	color: #333;
	padding: 0 60px 60px 60px;
	margin-bottom: -10px;
}

.entry.open {
	background: #fff;
	margin-bottom: 20px;
}

.entry h1, .entry h2 {
	text-align: center;
	padding: 15px 0 15px 0;
}

.entry h1 {
	cursor: pointer;
}

.content {
	/* Counter-compensate the p  and .picture padding */
	margin-bottom: -18px;
}

.content a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid;
	padding-bottom: 1px;
}

.content a:hover {
	background: yellow;
}

.content-right {
	color: #999;
	margin-top: 40px;
}

.content-right a {
	color: #999;
	text-decoration: none;
}

.content-right a:hover {
	color: #fff;
}

/* Fix IE8 issue with empty named anchors having a height of 16px instead of 0 */
.content a.anchor {
	display: block;
	height: 0;
	padding: 0;
	border: 0;
}


.picture {
	width: 100%;
	text-align: center;
}

.picture .label {
	padding-top: 8px;
}

.ruler {
	/* Remove 1px so Safari does not repeat last dot */
	width: 671px;
	height: 0;
	padding: 10px 0 0 0;
	margin: 0 0 22px 0;
	border-bottom: 1px dotted #333;
	display: block;
}

.chapter {
	padding-top: 14px;
}

.entry h2 {
	width: 671px;
	border-top: 1px dotted #333;
}

.entry h3, .lead {
	font-size: 15px;
	line-height: 21px;
}

.entry h3, .picture, .movie {
	margin-bottom: 18px;
}

/*
.lead p {
	margin-bottom: 21px;
}
*/

.sources {
	margin: 0 0 18px 0;
}

.entry h1, .entry h2, .entry h3, .ruler, .index, .sources {
	clear: both;
}

.content .arrow {
	border-bottom: 0;
	padding-bottom: 0;
	display: block;
	width: 21px;
	height: 19px;
	margin: 25px 0 -44px -41px;
	background: url(/static/assets/arrow.gif);
}

.content .arrow:hover {
	background: url(/static/assets/arrow.gif) 0 -17px; 
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin: 0 0 18px 0;
}

li {
	background: none;
	padding: 0;
	margin: 0;
}

ul.list {
	margin: 0;
}

ul.list li {
	background: url(/static/assets/bullet.gif) no-repeat 0 8px;
	padding: 0 0 0 12px;
	margin-bottom: 12px;
}

.index {
	margin-top: 10px;
}

.entry .index h3 {
	width: 671px;
	border-top: 1px dotted #333;
	padding-top: 22px;
}

.index li {
	margin-bottom: 12px;
}

.abstract {
	color: #999;
}

/* Helpers */

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.hidden {
	display: none;
}

.highlight.active {
	background: #ff0;
}

/* Editing */

.entry .entry-editor {
	/* Undo .entry padding and do our own for editors */
	margin: 0 -60px -60px -60px;
}

.entry-editor {
	width: 680px;
	padding: 24px 56px 48px 56px;
	background: #fff;
}

table.edit {
	border: 1px dotted #999;
}

.edit {
	color: #000;
}

/* Use #body so this rule is stronger than the one in edit.css that gets loaded later */

#body #edit .edit-list-entry .edit-list-buttons {
	height: 12px;
	margin: 0 0 -18px 0;
}

#body #edit .edit-list-header .edit-list-buttons {
	height: 18px;
	margin: -16px 0 -4px 0;
}

#body #edit .edit-list .edit-list .edit-list-entry .edit-list-buttons {
	height: 16px;
	margin: 3px 0 -19px 0;
}

#body #edit .edit-list .edit-list .edit-list-separator {
	height: 4px;
}

#body #edit .edit-list .edit-list .edit-list-header {
	/* Undo the 4px separator */
	margin-bottom: -4px;
}

#body #edit .edit-list .edit-list .edit-list-entry-background {
	background: none;
	padding: 0;
}

#body #edit .edit-list-footer .edit-list-buttons {
	margin-right: 8px;
	margin-top: 8px;
}

#body #edit .edit-list-entry-background {
	background: #eee;
	padding: 8px;
}

#body #edit .edit-ruler {
	margin: 26px 0 2px 0;
}

#body #edit .edit-labels td {
	padding: 4px 0 2px 0;
}

#body #edit .edit-list-entries:empty {
	margin-bottom: -24px;
}

#body #edit .edit-buttons-left {
	padding: 0;
}

#body #edit .edit-buttons-right {
	float: right;
	position: fixed;
	top: 300px;
	left: 792px;
	background: #fff;
	padding: 8px 8px 8px 33px;
}

#body #edit .edit-buttons-right .edit-button {
}

.entry .edit-elements {
	text-align: right;
	height: 20px;
	padding-top: 32px;
	margin-bottom: -52px;
	margin-right: -14px;
}

#right .edit-elements {
	padding-top: 32px;
}

#edit .edit-entry-title {
	font-size: 14px;
}

#edit .edit-entry-lead, #edit .edit-entry-title {
	font-size: 12px;
}