/*
 * Main Page
 */
body {
	margin: 0;
	padding: 0 .5em;
	background: white url(img/notebook.gif);
}

body,
table,
div.content {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-style: italic;
}

body.wrapper {
	background: black;
	overflow: hidden;
	padding: 0;
}

div#pageWrapper {
	width: 100%;
	height: 100%;
	text-align: center;
}

div#player {
	position: absolute;
	left: 40%;
	top: 3%;
	z-index: 1;
	width: 36%;
	height: 25px;
	overflow: hidden;
	text-align: center;
}

a {
	text-decoration: none;
	color: red;
}

a:hover {
	color: #6699cc;
}

p {
	margin: 0;
	text-indent: 2em;
}

table {
	table-layout: fixed;
	margin: auto;
}

th, td {
	border: 1px solid black;
	text-align: center;
}

table td.l {
	font-weight: bold;
	text-align: right;
	padding-right: .3em;
}

table td.r {
	text-align: left;
}

table.blank {
	table-layout: auto;
	margin: 0;
}

table.blank td {
	border: none;
}

form {
	margin: 0;
}

hr {
	border: 1px solid black;
}

/*
 * Header
 */
div#top {
}

div#banner {
	background: url(img/Banner.jpg);
	height: 140px;
	width: 85%;
	position: absolute;
	left: 40px;
	top: 65px;
}

/*
 * Footer
 */
div#logos {
	clear: both;
	text-align: center;
}

div#logos a img {
	vertical-align: middle;
	border: 1px solid black;
}

div#logos a:hover img {
	border: 1px solid lightgrey;
}

div#copyright {
	font-size: 10pt;
	float: right;
	margin-top: 1em;
}

/*
 * Menu
 */
div#menu {
	font-size: 26pt;
	font-style: normal;
	border-bottom: 3px solid black;
	padding-bottom: .2em;
	cursor: default;
}

div#menu a {
	font-weight: bold;
	color: black;
	border-bottom: 3px solid transparent;
	margin: 0 -.1em;
}

div#menu a:hover,
div#menu a.active {
	border-bottom: 3px solid black;
}

/*
 * Headings
 *  NOTE: main.js contains a function to detect whether these cursive fonts
 *		are installed, and to modify the styles accordingly. Any changes to
 *		the font list should be reflected in the JavaScript also.
 */
h1, h2, div#menu a {
	font-family: Rage Italic LET, Rage Italic, Brush-Script, cursive;
	font-size: 20pt;
	font-style: normal;
}

h1 {
	margin: 0;
	position: relative;
	left: 0;
	top: .1em;
	font-size: 22pt;
}

h2 {
	margin: 0;
}

h3 {
	margin: .5em 0;
}

/*
 * Content
 */
div.contentWrapper {
	margin: 1em;
}

div.header {
	font-style: normal;
	background: #336699;
	border-bottom: 2px solid black;
	border-left: 1px solid black;
	border-top: 1px solid black;
}

div.content {
	padding: .2em;
	border-left: 2px dotted black;
	background: white;
}

/*
 * Home
 */
div.guestDate {
	text-align: right;
	font-size: 10pt;
}

div.guestName {
	text-align: right;
}

div.guestBody {
	text-align: left;
}

div.newsDate {
	text-align: left;
}

div.newsName {
	text-align: left;
	font-style: italic;
}

div.newsBody {
	margin: .5em .5em;
	border-bottom: 2px solid black;
	padding: .4em 0;
}

div.newsAdmin {
	font-size: 8pt;
	text-align: right;
}

div.showMore {
	text-align: right;
	font-style: italic;
}

/*
 * Benson Says
 */
p.benson {
	padding: .7em;
	margin: 0 1em;
	text-indent: 0;
}

div.legend {
	margin: 1em;
	border: 1px solid black;
	padding: 0 1em;
}

div.legend p {
	text-indent: 0;
	margin: 0 1em .7em 0;
	float: left;
}

/*
 * About
 */
div.about {
	text-align: left;
}

div.about img {
	float: left;
	margin-right: .5em;
}

div.role {
	font-weight: bold;
	font-size: 12pt;
	border-bottom: 2px solid black;
}

div.about table {
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 auto 0 0;
}

div.about table td {
	border: none;
	vertical-align: top;
}

div.history p {
	text-indent: 2em;
}
	
/*
 * Shows
 */
table#shows {
	border-collapse: collapse;
	border-spacing: 0;
	width: 40em;
}

table#shows th {
	padding: .1em;
	border: none;
	background: white;
}

table#shows td {
	text-align: left;
	padding: .1em;
}

/*
 * Media
 */
div#photos table {
	border-spacing: .2em;
	margin-left: 0;
}

div#photos td {
	border: 1px solid white;
	padding: 1em;
	width: 120px;
}

div.photo {
	float: left;
	text-align: center;
}

/*
 * Merch
 */
table.merch td {
	padding: .3em;
	border: none;
}

table.merch td img {
	border: 2px solid black;
}

ol.tracks {
	margin-left: 410px;
}

/*
 * Journal
 */
div#journal p {
	margin: .5em 0;
	text-indent: 2em;
}

div.signature {
	text-align: right;
	font-style: italic;
}

/*
 * Admin
 */
div#admin div.content {
	text-align: center;
}

div#admin input.text {
	width: 10em;
	font-size: 8pt;
	text-align: center;
	border: 1px solid black;
	margin: 1px 0;
}

div#admin input.button {
	font-size: 8pt;
}

div#status {
	color: red;
}

div.adminForm {
	width: 30em;
}

div.adminForm table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

input.userText {
	width: 10em;
}

input.userButton {
	width: 4.7em;
}