/* --------------------------------------------
Designer:		Peter Gifford
URL:      	www.universalhead.com
Date: 		20 May 2004
--------------------------------------------- */


/* Basics
----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: Georgia, Times, Times New Roman, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	text-align: center;
	color: #1d1308;
	background: #000 url("../images/home_bg.jpg") repeat-x;
	width: 660px;
	margin: 0 auto;
}

p {
	margin: 0;
	padding: 0;
}

abbr, acronym {
	cursor: help;
	font-style: normal;
}
	
hr {
	display: none;
}

/* Links
----------------------------------------------- */

a:link {
	color: #DC7C00;
	text-decoration: none;
}

a:visited {
	color: #DC7C00;
	text-decoration:none;
}

a:hover {
	color: #DCA155;
	text-decoration: none;
	border-bottom: 1px dotted #DCA155;
}

a:active {
	color: #DC7C00;
}

/* misc /**************************/

.standardsAlert { display: none; }
.clearleft { clear: left; }
img { border: none; display: inline; }
div.clearer {clear: both; line-height: 0; height: 0;}

/* Type—general
----------------------------------------------- */
h1 {
	margin: 0;
	padding: 0 0 6px 0;
	font-size: 1.8em;
	line-height: 1em;
	font-weight: normal;
	color: #740400;
	padding-bottom: 1em;
}

h2 {
	font-weight: normal;
	font-size: 140%;
	line-height: 1.2em;
	color: #740400;
	margin: 0;
	padding-top: .2em;
	padding-bottom: .3em;
}

h3 {
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-size: 85%;
	margin: 0;
	padding: 0;
	padding-bottom: .2em;
}

h4 {
	font-weight: normal;
	font-size: 100%;
	line-height: 1.4em;
	color: #740400;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-bottom: .2em;
}

p {
	margin: 0 0 1em 0;
}

/* Layout
----------------------------------------------- */
#masthead {
	width: 660px;
	height: 103px;
	margin: 0;
	padding: 0;
	display: block;
}

#navbar {
	width: 660px;
	height: 48px;
	margin: 0;
	padding: 0;
	display: block;
	background: url("../images/navbar.jpg") no-repeat top left;
}

#wrapper {
	width: 660px;
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #fff3db url("../images/eoasw_pagemid.jpg") repeat-y;
}
	
#pagetop {
	width: 660px;
	height: 36px;
	background: #fff3db url("../images/eoasw_pagetop.jpg") no-repeat top left;
	margin: 0;
	padding: 0;
	display: block;
}

#innerwrapper {
	width: 610px;
	margin: 0 25px;
	padding: 0;
}
	
#main {	
	width: 440px;
	float: right;
	padding: 0;
	margin: 0;
	display: inline;
	overflow: visible;
}

#sidebar {
	width: 169px;
	float: right;
	padding: 0;
	margin: 0;
	display: inline;
}

#pagebase {
	width: 660px;
	height: 44px;
	background: #fff3db url("../images/eoasw_pagebase.jpg") no-repeat top left;
	margin: 0;
	padding: 0;
	display: block;
}
	
/* Nav
----------------------------------------------- */

#nav {
	margin: 0;
	padding: 0;
	height: 48px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#nav li {
	position: relative;
	display: inline;
	/* hide from IE mac \*/
	float: left;
	/* end hiding from IE5 mac */	
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#nav a {
	float: left;
	clip: rect(0, 110px, 32px, 0);
	padding: 32px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:32px; /* for IE5/Win only */
}

#nav a:hover {
	background-position: 0 -32px;
}

#nav a:active, #nav a.selected {
	background-position: 0 -64px;
}

#home a {
	width: 110px;
	background: url(../images/navhome.jpg) top left no-repeat;
}

#world a {
	width: 110px;
	background: url(../images/navworld.jpg) top left no-repeat;
}

#gaming a {
	width: 110px;
	background: url(../images/navgaming.jpg) top left no-repeat;
}

#forums a {
	width: 110px;
	background: url(../images/navforums.jpg) top left no-repeat;
}

#archive a {
	width: 110px;
	background: url(../images/navarchive.jpg) top left no-repeat;
}

#about a {
	width: 110px;
	background: url(../images/navabout.jpg) top left no-repeat;
}

#nav a:hover {
	border-bottom: none;
}

/* Type—main
----------------------------------------------- */

#main ul {
	margin: 0 15px 12px 15px;
	padding: 0;
}

#main li {
	line-height: 1.5em;
	list-style: none;
	background: url("../images/list_icon.gif") no-repeat 0px .3em;
	vertical-align: top;
	padding: 0 0 .6em 17px;
	margin: 0;
}

/* Type—special
----------------------------------------------- */

.featuretext {
	font-weight: normal;
	font-size: 140%;
	line-height: 1.4em;
	color: #740400;
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}

.name {
	font-family: Georgia, Times, Times New Roman, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	padding-bottom: .3em;
	color: #5E3414;
}

.title {
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-bottom: .3em;
	color: #740400;
}

.smallitalic {
 	font: 0.9em/1.4em Georgia, Times, Times New Roman, sans-serif;
	font-style: italic;
	margin: 0;
	padding: 0;
	padding-bottom: 1.4em;
	color: #740400;
}

.description {
 	font: 1em/1.4em Georgia, Times, Times New Roman, sans-serif;
	font-style: italic;
	margin: 0;
	padding: 0;
	padding-bottom: 1.4em;
	color: #740400;
}

h2.intro {
	font-weight: normal;
	font-size: 130%;
	line-height: 1.2em;
	color: #740400;
	margin: 0;
	padding-top: 0;
	padding-bottom: .8em;
}

.center {
	text-align: center;
}

.caption {
 	font: 0.9em/1.4em Georgia, Times, Times New Roman, sans-serif;
	font-style: italic;
	margin: 0;
	padding: 0;
	padding-bottom: 1.4em;
	color: #740400;
	text-align: center;
}

.indent {
	padding-left: 140px;
}

.small {
 	font-style: normal;
	color: #1d1308;
}

table {
	padding-bottom: 1em;
}

table tr {
	vertical-align: baseline;
}

table p {
	font: 0.9em 'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, sans-serif;
	line-height: 1.3em;
}

table .shaded {
	background-color: #B4B9B5;
}

/* Type—sidebar
----------------------------------------------- */

#sidebar p {
	font: 0.85em/1.4em 'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, sans-serif;
	margin: 0 0 10px 0;
	padding-right: 30px;
}
#sidebar ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	padding-right: 30px;
}

#sidebar ul li {
	font: 0.9em 'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, sans-serif;
	line-height: 1.3em;
	list-style: none;
	font-weight: bold;
	padding-bottom: 0.7em;
	padding-top: 0.6em;
	margin: 0;
	color: #740400;
	border-bottom: 1px #AAB1AA dotted;
}

#sidebar ul li.tab {
	font-size: 0.85em;
	list-style: none;
	font-weight: normal;
	padding: 0;
	padding-bottom: 0.6em;
	padding-left: 0.8em;
	margin: 0;
	border-bottom: none;
}

#sidebar ul li.tablast {
	font-size: 0.85em;
	list-style: none;
	font-weight: normal;
	padding: 0;
	padding-bottom: 0.7em;
	padding-left: 0.8em;
	margin: 0;
}

#sidebar ul li.subtab {
	font-size: 0.85em;
	list-style: none;
	font-weight: normal;
	padding: 0;
	padding-bottom: 0.6em;
	padding-left: 2em;
	margin: 0;
	border-bottom: none;
}

#sidebar ul li.subtablast {
	font-size: 0.85em;
	list-style: none;
	font-weight: normal;
	padding: 0;
	padding-bottom: 0.7em;
	padding-left: 2em;
	margin: 0;
}

#sidebar p.smallitalic {
 	font: 0.9em/1.5em Georgia, Times, Times New Roman, sans-serif;
	font-style: italic;
	margin: 0;
	padding: 0;
	padding-top: 1em;
	padding-bottom: 1em;
	color: #740400;
	padding-right: 30px;
}

/* Links—sidebar
----------------------------------------------- */

#sidebar a:link {
	color: #DC7C00;
	text-decoration: none;
}

#sidebar a:visited {
	color: #DC7C00;
	text-decoration: none;
}

#sidebar a:hover {
	color: #DCA155;
	text-decoration: none;
	border-bottom: none;
}

#sidebar a:active {
	color: #DC7C00;
}

#sidebar ul li.here {
	color: #740400;
	border-bottom: none;
}

#sidebar .here a {
	color: #740400;
	border-bottom: none;
}

/* Images-alone
----------------------------------------------- */

img.left {
	float: left;
   	margin: 5px 15px 10px 0;
	padding: 3px;
	border: 1px #AAB1AA solid;
}

img.right {
	float: right;
   	margin: 5px 0 10px 15px;
	padding: 3px;
	border: 1px #AAB1AA solid;
}

img.leftnoborder {
	float: left;
   	margin: 2px 15px 5px 0;
   	padding: 0;
}

img.rightnoborder {
	float: right;
   	margin: 2px 0 5px 15px;
   	padding: 0;
}

img.midnoborder {
   	margin: 2px 0 5px 0;
   	padding: 0;
}

/* Images - with caption
----------------------------------------------- */

.imagecaptioned {
	float: left;
   	margin: 2px 20px 5px 10px;
   	padding: 0 0 5px 0;
   	text-align: center;
}

.imagecaptioned img {
	margin: 0 0 4px 0;
	padding: 3px;
	border: 1px #AAB1AA solid;
}

.imagecaptioned a:hover {
	border-bottom: none;
}

.imagecaptioned p {
	font: 0.8em 'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, sans-serif;
	line-height: 1.4em;
	font-style: italic;
	margin: 0;
	padding: 0;
	color: #740400;	
}

/* Images - border
----------------------------------------------- */

.border {
   	margin: 5px 0 5px 0;
	padding: 3px;
	border: 1px #AAB1AA solid;
}

/* Pullout
----------------------------------------------- */

.pullout {
	float: right;
	width:  150px;
   	margin: 5px 0 15px 15px;
   	padding: 10px 10px 6px 10px;
   	text-align: right;
   	background-color: #C5CBC7;
	border: 1px #AAB1AA solid;
}

.pullout p {
	font: 0.8em/1.4em 'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, sans-serif;
	font-style: italic;
	margin: 0;
	padding: 0;
	padding-bottom: 2em;
	color: #1d1308;	
}

.pullout p.name {
	font: 0.8em/1.4em 'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, sans-serif;
	font-style: normal;
	padding-bottom: 0.4em;
	color: #1d1308;	
}

.pullout p.title {
	font: 0.9em/1.4em 'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, sans-serif;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 0.4em;
	color: #740400;	
}

.pullout p.note {
	font: 0.8em/1.4em 'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, sans-serif;
	font-style: italic;
	margin: 0;
	padding: 0;
	padding-bottom: 0.8em;
	color: #740400;	
}

.pullout h3 {
	padding-bottom: 1em;
}

#main ul {
	margin: 0 5px 5px 5px;
	padding: 0;
}

#main li {
	line-height: 1.5em;
	list-style: none;
	background: url("../images/list_icon.gif") no-repeat 0px .3em;
	vertical-align: top;
	padding: 0 0 .6em 17px;
	margin: 0;
}

/* Textfeature
----------------------------------------------- */

.textfeature {
	display: block;
	padding: 15px 15px 10px 15px;
   	margin: 5px 10px 15px 10px;
   	background-color: #C5CBC7;
	border: 1px #AAB1AA solid;
}

.textfeature p {
	font: 0.8em/1.5em 'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, sans-serif;
	margin: 0;
	padding-bottom: 0.8em;
}

/* Footer
----------------------------------------------- */

#footer {
	clear: both;
	width: 660px;
	height: 65px;
	background: #000 url("../images/footer.jpg") no-repeat top left;
	margin-bottom: 20px;
}

#footer p {
	margin: 0;
	padding: 0;
	font: 0.7em 'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, sans-serif;
	font-weight: bold;
	color: #e8dcc1;
	line-height: 1.3em;
	padding-top: 25px;
}