/* Idol Hands of Death website CSS */

html {
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff;
	color: black;
	/* LunaITC TT is nice and stylish, but there's no italic */
	/* Mona Lisa Solid ITC TT doesn't have a bold or italic. It's also small */
	/* New York is dull */
	/* Papyrus doesn't have a good italic or bold */
	font: 100% Didot, Big Caslon, Georgia, Times New Roman;
	/* OK font: 100% Didot, Big Caslon, Georgia, Times New Roman; */
	/* OK font: 100% Big Caslon, Georgia, Times New Roman; */
	/* OK font: 100% Georgia, Times New Roman; */
	/* OK font: 100% Times New Roman; */
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 200%;
	margin: 0;
	padding: 0;
}

div {
	margin: 0;
	padding; 0;
}

div#characterDescription {
	margin: 1em 0 1em 0;
	padding: 0;
}

div#content {
	margin: 2em 5% 1em 28%;
	padding: 0;
}

#content a {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

#content a:hover {
	color: #ff0000;
}

#content a:link {
	color: #990033;
}

#content a:visited {
	color: #990033;
}

#content h3 {
	margin: 0;
	padding: 0;
	text-align: center;
}

#content h3#perspective {
	text-align: left;
}

#content h3#rules {
	background-color: cccc99;
	border-left: 1px solid black;
	border-top: 1px solid black;
	font-size: 150%;
	margin: 0.5em 0em 0.5em 0em;
	padding: 0.25em 0.5em 0.25em 0.5em;
	text-align: left;
}

#content li {
	/* padding: 2px 0 5px 3em; */
}

#content pre {
	/* font-family: Didot, Big Caslon, Georgia, Times New Roman; */
	/* font-size: 120%; */
}

#content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#disclaimer {
	background-color: #ff6600;
	border: 3px solid #990033;
	color: #ffffff;
	margin: 0.5em 3em 1em 3em;
	padding: 5px;
}

div#guideline,
div#rule {
	margin: 0;
	padding: 0;
}

div#guideline span#guideline,
div#rule span#rule {
	font-size: 120%;
	font-weight: bold;
}


div#masthead {
	background-image: url(Images/sunset-pyramids-extender.jpg);
	background-repeat: repeat;
	height: 268px;
	margin: 0;
	padding: 0;
	width: 100%;
}

#masthead h1 {
	color: #990033;
	position: absolute;
	top: 50px;
	right: 50px;
	z-index: 10;
}

#masthead h3 {
	color: #990033;
	position: absolute;
	top: 80px;
	right: 50px;
	z-index: 10;
}

#masthead img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}

div#navigation {
	float: left;
	width: 26%;
	margin: 2em 0 0 2%;
}

#navigation a {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

#navigation a:hover {
	color: #ff0000;
}

#navigation a:link {
	color: #990033;
}

#navigation a:visited {
	color: #990033;
}

#navigation li {
	color: #990033;
	font-style: italic;
	font-weight: bold;
	padding: 0 0.25em 0.5em 0.25em;
	white-space: nowrap;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul ul {
	list-style: none;
	margin: 0 0 0 1.5em;
	padding: 0;
}

div#newsHeadline {
	border-top: 3px double black;
	border-right: 3px double black;
	border-left: 3px double black;
	/* font-family: Didot, Big Caslon, Georgia, Times New Roman; */
	font-size: 120%;
	font-style: italic;
	margin: 0 1px 0 1px;
	padding: 3px;
	text-align: center;
}

div#newsSubhead {
	/* font-family: Didot, Big Caslon, Georgia, Times New Roman; */
	font-size: 80%;
	font-style: italic;
	margin: 0 1px 0 1px;
	padding: 0;
	text-align: center;
}

div#newsStory {
	border-bottom: 3px double black;
	border-right: 3px double black;
	border-left: 3px double black;
	/* font-family: Didot, Big Caslon, Georgia, Times New Roman; */
	font-size: 80%;
	margin: 0 1px 0 1px;
	padding: 3px;
	text-align: justify;
}

div#period {
	background-color: #ffcc99;
	border: 3px double black;
	/* font-family: Didot, Big Caslon, Georgia, Times New Roman; */
	margin: 0.5em 0 1em 0;
	padding: 0;
}

#period h3 {
	font-size: 120%;
	margin: 0;
	padding: 0.25em 0 0.25em 0.25em;
	text-align: left;
}

div#dynasty {
	margin: 0 1em 0 1em;
	padding: 0;
}

#dynasty h4 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

div#question {
	background-color: #cccc99;
	border: 1px solid black;
	margin: 2px 5px 2px 5px;
	padding: 0 5px 0 5px;
}

div#rulesWarning {
	background-color: #cccc99;
	border: 3px double black;
	font-size: 150%;
	margin: 0.5em 0em 0.5em 0em;
	padding: 0.25em 0.5em 0.25em 0.5em;
}

span#name {
	font-size: 125%;
	font-weight: bold;
}

span#opener {
	font-size: 125%;
	font-style: italic;
}

span#pronounciation {
	font-style: italic;
}

table#newspaper,
table#rulesTable {
	padding: 0;
	margin: 0;
}

table#newspaper td#newsColumn {
	margin: 0;
	padding: 3px;
	vertical-align: top;
	width: 50%; 
}

table#rulesTable tr#rulesEvenRow,
table#rulesTable tr#rulesEvenLastRow {
	background-color: #ffffcc;
}

table#rulesTable tr#rulesOddRow,
table#rulesTable tr#rulesOddLastRow {
	background-color: #ffcc99;
}

table#rulesTable tr#rulesEvenLastRow td,
table#rulesTable tr#rulesOddLastRow td {
	border-bottom: 1px solid black;
}

table#rulesTable td#rulesItem {
	font-weight: bold;
}

table#rulesTable td {
	border-top: 1px solid black;
	margin: 0;
	padding: 3px;
	vertical-align: top;
}