/**
* Begin Basic Styles
**/

body
{
	/*font-size: 62.5%; /* Resets 1em to 10px */
	font-size: 90%;
	height: 100%;
	font-family: Verdana, Sans-Serif;
	background: #202020;
	color: #ddd;
}
table
{
	font-size: 90%;
	font-family: Verdana, Sans-Serif;
	color: #ddd;
}
.background
{
	width: 1024px;
	min-height: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-image: url('./images/background.jpg');
	background-repeat: repeat-y;
}
.page
{
	width: 769px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom:100px;   /* Height of the footer */
}
.content
{
	font-size: 90%;
}

/* Standard block-level clear */
.clear
{
	clear: both;
}

/* Headers */
h2
{
	font-style: italic;
}
h3
{
	color: #fbb03b; /* orange */
}
h4
{
	font-style: italic;
}

/* Links */
a:link, a:visited, a:active
{
	font-style: bold;
	text-decoration: none;
	color: #ddd;
}
a:hover
{
	font-style: bold;
	text-decoration: underline;
	color: #fff;
}

/* Images */
img
{
	border: none;
}
img.portrait-left
{
	float:left;
	padding-right: 16px;
}
img.portrait-right
{
	float:right;
	padding-left: 16px;
}
img.technology-buttons
{
	float:left;
	padding-left: 8px;
	padding-right: 8px;
}

/* Aligned text */
.left
{
	text-align: left;
}
.right
{
	text-align: right;
}
.center
{
	text-align: center;
}

/* Unordered lists with no bullet */
ul.none
{
	list-style-type: none;
}

/**
* End Basic Styles
**/

/**
* Begin Special Styles
**/

div.game
{
	text-align: center;
}

.separator
{
	border: 1px #555 dotted;
}

/* Game index */
.game-entry
{
	text-align: center;
	color: #999;
	font-style: italic;
}

/* Profile page */
div.profile-update
{
	margin-left:5%;
	margin-right:5%;
}
div.profile-game-list
{
	margin-left:5%;
	margin-right:5%;
}
.profile-game-entry
{
	vertical-align: top;
	width: 100%;
}
td.profile-game-banner
{
	width: 250px;
}
td.profile-stats
{
	width: 50%;
	padding: 5px;
	vertical-align: top;
}

/* Footnotes */
.footnote
{
	color: #777;
}

/* Company description under logo */
.description
{
	font-family: 'Verdana', Sans-Serif;
	font-size: 90%;
	color: #777;
	text-align: center;
	width: 769px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	bottom: 32px;
}

/* Navigation links */
.navigation
{
	font-family: 'Verdana', Sans-Serif;
	text-align: center;
	color: #fbb03b; /* orange */
	margin-left: auto;
	margin-right: auto;
}

/* Login status bar */
form.loginstatus
{
	margin:0px;
}
table.loginstatus
{
	height: 32px;
	color: #fbb03b; /* orange */
	background-color: #222;
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 100%;
	border: none;
}
div.loginstatus
{
	border-top: 1px #555 dotted;
	border-bottom: 1px #555 dotted;
}

/* Signup sheet */
div.signup
{
	margin-left: 30%;
	margin-right: 30%;
}
input.signup
{
	width: 100%;
}
.error
{
	color: #f33;
}
.success
{
	color: #fbb03b; /* orange */
}
.statusbox
{
	width:100%;
	background-color: #222;
	border: 1px #555 dotted;
	padding: 5px;
}

/* Games page */
.banner
{
	padding: 4px;
	/*border: 1px #555 dotted;*/
	border: 5px #fbb03b ridge;
}

/* Technology links */
.technology
{
	width: 531px;
	margin-left: auto;
	margin-right: auto;
}

/* Footer */
.footer
{
	font-family: 'Verdana', Sans-Serif;
	width: 769px;
	height: 100px;
	position: absolute;
	bottom: 0px;
	margin-left: 127.5px;
	margin-right: 127.5px;
}

/* Wallpaper images */
.headerimg
{
	width: 769px;
	height: 222px;
	background-image: url('./images/header_logo.png');
	background-repeat: no-repeat;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
div.wallpaper-main
{
	width: 769px;
	height: 553px;
	background-image: url('./images/wallpaper-logo.jpg');
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}


/* A general class for displaying quotations */
.quotation
{
	font-family: 'Times', Serif;
	color: #999;
	font-style: italic;
	line-height: 130%;
}
div.quotation
{
	width: 500px;
	position: absolute;
	left: 135px;
	bottom: 64px;
	margin-left: auto;
	margin-right: auto;
}

/* A muted link to draw less attention */
a.mutedlink:link, a.mutedlink:visited, a.mutedlink:active
{
	text-decoration: none;
	color: #555;
}
a.mutedlink:hover
{
	text-decoration: underline;
	color: #fff;
}

/* A style for displaying copyright information on the page */
.copyright
{
	color: #555;
	text-align: right;
	/*float: left;*/
	position: relative;
}

/* Fully Illustrated logo and link */
.fullyillustrated
{
	text-align: right;
	/*float: right;*/
	position: relative;
	padding-right: 40px;
}
.fullyillustratedlogo
{
	top: -4px;
	position: absolute;
	right: 0;
}

/**
* End Special Styles
**/