/* ------------------------ */
/* Convention Report Styles */
/* ------------------------ */
/* */
/* ------------------------ */
/* Layout and Positioning   */
/* ------------------------ */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: white url(page_background.gif) repeat-y;
}

#main {
	margin: 40px 10px 30px 220px;
}

#navbar {
	top: 0;
	right: 0;
	position: absolute;
}

#navbar a {
	display: block;
	float: left;
	margin-left: 1px;
	padding: 5px;
	font-family: sans-serif;
	font-size: smaller;
	line-height: 10px;
	border: black 1px solid;
	background-color: yellow;
}

#navbar a:hover {
	background-color: white;
}

#navblock {
	width: 190px;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: smaller;
	background-color: transparent;
}

#navblock h3, #navblock dl {
	margin-left: 10px;
	margin-right: 10px;
}

#navblock dt {
	margin-left: 0px;
}

#navblock dd {
	margin-left: 20px;
	margin-bottom: 10px;
}

#badges {
	margin-top: 20px;
}

#badges a {
	display: block;
	margin-left: 55px;
	margin-top: 10px;
}

#footer {
	clear: both;
	margin: 30px 0px 0px 190px;
	padding: 0px 20px 0px 20px;
	border-top: 2px black solid;
	font-size: smaller;
}

/* ------------------------ */
/* General Formats          */
/* ------------------------ */
a:link, a:visited {
	text-decoration: none;
}

a:hover, .deadlink:hover {
	text-decoration: underline;
}

.deadlink {color: red;}

/*
First two styles kill link underlines except when cursor is over them, while deadlink style lets us easily mark previously-functioning URLs with visual indicators that match the hyperlinks except for color.
*/

h1, h2, h3 {
	clear: both;
	/* mainly to ensure proper flow in text-light subsections */
}

h1 {
	background: black;
	color: yellow;
	padding: 5px;
	margin-left: -5px;
	margin-right: -10px;
}

h2 {
	border-top: 2px dotted yellow;
	border-left: 2px dotted yellow;
	padding: 3px 0px 0px 5px;
	margin-left: -7px;
	margin-right: -10px;
	color: #333333;
}

li {
	margin-bottom: 6px;
	/* some spacing to make lists more legible */
}

img {
	border: 0px solid black;
	/* gets rid of image borders on older browsers */
}

#main dt {font-weight: bold;}

#main dd {margin-bottom: 1em;}

/* ------------------------ */
/* Specialized Elements     */
/* ------------------------ */

/* 
Photo blocks are for captioned photos that define the story's primary flow, especially in our new "LIFE Magazine" format.
*/

.photo-right, .photo-left {
	clear: both;
}

.photo-right img {
	float: right;
	margin: 0px 0px 15px 15px;
}

.photo-left img {
	float: left;
	margin: 0px 15px 15px 0px;
}


/* 
Insets are for photos that don't fit into a story's primary flow, and which will thus appear as block elements which the story text flows around.  Insets can be applied to div blocks (for adding captions) or naked images (for markup simplicity).  Note that inset divs have a defined width, due to limitations in current browsers.  If the photo isn't the standard size, then use a local style attribute to redefine it.  This is clumsy, but effective.
*/

img.inset-right {
	float: right;
	margin: 0px 0px 10px 15px;
}

img.inset-left {
	float: left;
	margin: 0px 15px 10px 0px;
}

div.inset-right {
	float: right;
	margin: 0px 0px 20px 15px;
}

div.inset-left {
	float: left;
	margin: 0px 15px 20px 0px;
}

div.inset-right, div.inset-left {
	width: 340px;
	background-color: #FFFF66;
}

div.inset-right p, div.inset-left p {
	text-align: center;
	text-transform: inherit;
	font-size: smaller;
	font-style: italic;
	margin: 10px;
}

div.inset-right img, div.inset-left img {
	margin: 10px 10px 0px 10px;
}

/* 
Sidebars are microcontent that doesn't fit into the flow of the story, but is relevant nonetheless.  You must always define a width for them locally, or you'll get unpredictable results.
*/

.sidebar {
	float: right;
	border: 6px yellow double;
	padding: 10px;
	margin: 10px 0px 10px 15px;
	background: white;
	text-align: center;
}

.mod_date {
	float: right;
}

.navnext {
	clear: both;
	float: right;
}

.game {
	font-weight: bold; /* This is for game names, often hyperlinked. */
}

.byline {
	font-style: italic;
}

.robert {
	color: #660099;
}

.spyke {
	color: #009933;
}