/*
	CSS for The Sfera Covenant
*/

body
{
	margin: 0px;
	background-color: #FFE1AA;
	background-image: url('../images/sfera-bg.gif');
	color: #000000;
}

HR
{
	color: #9F8718;
	background-color: #9F8718;
	width: 75%;
	border-style: none none solid none;
	border-width: 1px 1px 2px 1px;
}

/* Anchor Markups */
A { text-decoration: underline; }
A:link { color: #224422; }
A:visited { color: #224422; }
A:hover { text-decoration: none; }
A:active { color: #fff8c2; }

/* Page Markup */

.title
{
	width: 582px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	font-family: serif;
	font-variant: small-caps;
}

TABLE.main
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;

	border-style: solid;
	border-color: #9F8718;
	border-width: 1px 4px 1px 4px;
	
	background-image: url('../images/sfera-bg-20.gif');

	padding: 10px;

	font-family: serif;
}

TD.segment-main
{
	padding: 0px 15px 0px 15px;
}

.copyright
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;

	border: 2px solid #9F8718;
	border-width: 2px 0 2px 0;

	padding: 0px;

	font-size: 0.66em;
	text-align: center;
	text-transform: lowercase;
	letter-spacing: 3pt;
	line-height: 14pt;
}

/* The rest of .side-image is defined by PHP in index.html */
.segment-sideimage
{
	width: 120px;
	background-repeat: no-repeat;
	color: white;
	font-family: ariel;
}

/* The below does not look good at large screen sizes */
.segment-sideimage-other
{
	border-color: #9F8718;
	border-width: 1px;
	border-style: solid;
}

/* ***** Specific Text Layout Stuff ***** */

.header
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -0.4em;

	font-size: 2em;
	font-weight: bold;
	font-variant: small-caps;

	text-transform: lowercase;
	text-align: center;
	letter-spacing: .2em;
}

/* Teaser (front page) Markup */
DIV.teaser
{
	margin-left: 10%;
	margin-right: 10%;
}

P.teaser
{
	margin-left: 5%;
	margin-right: 5%;
}

HR.teaser
{
	width: 25%;
}


/**** MENU ITEMS  ****/

.menubar {}
.menu
{
	width: 120px;
	text-align: center;
}

.menu-title
{
	background-color: #8C7715;
	color: #E9D9B2;
	font-weight: bold;
	font-variant: small-caps;
}

.menu-items
{
	line-height: 1.3em;
}

/* From Menuitem Code */

table.menu_here { }

.menu HR
{
	margin-top: 3px;
	margin-bottom: 3px;
	color: #8C7715;
	background-color: #8C7715;
	width: 75%;
	border-style: none none solid none;
	border-width: 1px;
}

.menu A {
	text-decoration: none;
	color: #181713;
}

A.menu_choice:hover
{
	color: #668866;
}

.bottom {
	margin-top: 3em;
}

P.logo
{
	font-size: 0.66em;
	border-color: #3B3181;
	border-width: 1pt 0 0 0;
	border-style: solid;
}

/* Game Markups */
CITE.game
{
	font-variant: small-caps;
	font-weight: bold;
}

SPAN.game
{
	font-variant: small-caps;
	font-weight: bold;
	font-style: italic;
}






/* Q&A (Instructions) Markups */
DIV.question { margin-bottom: 1.8em; }

/* How-To (Instructions) Markups */
P.howto-item { vertical-align: top; }

.howto-highlight
{
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.25em;
	margin-bottom: -.3em;
}

/* For the Maps */

.map {
	font-size: 10pt;
}

.map p
{
	text-align: center;
	font-weight: bold;
}

.map #footer
{
	color: #000000;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
}

/* Nation Markups */
DIV.nation { margin-bottom: 1em; }

.nation-name
{
	font-variant: small-caps;
	font-weight: bold;
}

.nation-text {  padding-left: 1em;}
.nation-allyenemy { font-weight: bold; padding-left: 1em;}
.nation-ally { font-weight: bold; }
.nation-enemy { font-weight: bold; }

/* Resource Markups */
.resource { }

.resource-title
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: -0.5em;
}

.resource-text
{
	padding: 0 5% 0 5%;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

/* 
.resource-text p { margin-top: 0.25em; margin-bottom: 0.5em; } 
*/

.resource-text ul
{
	list-style-type: none;
	margin-top: 0.4em;
	margin-bottom: 0em;
}







/* Random Markups */
.latin { font-style: italic; }
.race { font-weight: bold; }
.area { font-weight: bold; }
.important { font-size: 1.1em; font-style: italic; }
.center { text-align: center; }

/* "New Page" markup */

.date
{
	font-variant: small-caps;
	font-weight: bold;
}

.initials { font-style: italic; }