body {font-family: "Trebuchet MS", "Arial"; font-size: 10pt; color:#FFFFFF; text-decoration : none; 
z-index:0; position:relative;} /* no working links in lower z-index div in Firefox without this... assholes!!! */
/* #E8DFC8 is light beige*/

p {font-size: 10pt; text-decoration : none; line-height:16px; padding:0; margin:0 0 8px;}

a {font-family: "Trebuchet MS", "Arial"; font-size: 10pt; text-decoration : none;}

.noir8		{font-family: "Arial"; font-size: 8pt; color: #000000; text-decoration : none;}
.noir9		{font-family: "Arial"; font-size: 9pt; color: #000000; text-decoration: none;}
.noir10		{font-family: "Arial"; font-size: 10pt; color: #000000; text-decoration : none;}
.noir12		{font-family: "Arial"; font-size: 12pt; color: #000000; text-decoration : none;}

.bleu9		{font-family: "Arial"; font-size: 9pt; color: #000088; text-decoration : none;}
.bleu10		{font-family: "Arial"; font-size: 10pt; FONT-WEIGHT: bold; color: #000088; text-decoration : none;}
.bleu18		{font-family: "Arial"; font-size: 18pt; color: #1C439E;}
.bleu20		{font-family: "Arial"; font-size: 10pt; color: #0066FF; text-decoration : none;}

.orange10		{font-family: "Trebuchet MS", "Arial"; font-size: 10pt;  color: #FFD700; text-decoration : none;}
.orange16		{font-family: "Trebuchet MS", "Arial"; font-size: 16pt; color: #FFD700; text-decoration : none;}

.jaune10		{font-family: "Trebuchet MS", "Arial"; font-size: 10pt;  color: #FFF363; text-decoration : none;}

.blanc14	{font-family: "Trebuchet MS", "Arial"; font-size: 14pt; color: #FFFFFF ; text-decoration : none;}
.blanc10	{font-family: "Trebuchet MS", "Arial"; font-size: 10pt; color: #FFFFFF ; text-decoration : none;}
.blanc8		{font-family: "Trebuchet MS", "Arial"; font-size: 8pt; color: #FFFFFF ; text-decoration : none;}

.beige10 {font-family: "Trebuchet MS", "Arial"; font-size: 10pt; color:#E8DFC8; text-decoration : none;}

.grisfonce8	{font-family: "Trebuchet MS", "Arial"; font-size: 8pt; color: #676767; text-decoration : none;}

h1 {text-transform:uppercase; font-size:22px; font-weight:bold; line-height:1em; color:#FFF }
h2 {text-transform:uppercase; font-size:16px; font-weight:bold; line-height:1em; color:#FFF }

/* BANNER ----------------------------------------------------------------------------------------- */
#banner {position:fixed; top:0; left:0; width:100%; height:200px; background:#000000}
#bannerContent{width:100%; height:200px; position:relative;}

#logo {width: 100%; height: 128px; background: url(images/moongate_logo2.png) center top no-repeat #000000;}

#bannerContent .title {position:absolute; font-family:  "Trebuchet MS", "Arial"; color:#fff; width:100%; top:120px; font-size:22px; text-align:center;}

#bannerContent .nav {position:absolute; top:160px; width:100%; margin:0; padding:0; text-align:center; background:#6334DD;} 
#bannerContent .nav ul {position:relative; left:260px; margin:0; padding:0; list-style:none; display:inline}
#bannerContent .nav li {margin:-2px; padding:0; list-style:none; display:inline; }

#bannerContent .game_nav {position:absolute; top:178px; width:100%; margin:0; padding:0; text-align:center; background:#6334DD;}
#bannerContent .game_nav ul {position:relative; right:200px; margin:0; padding:0; list-style:none; display:inline}
#bannerContent .game_nav li {margin:-2px; padding:0; list-style:none; display:inline; }

#bannerContent .links {margin: 0px; list-style: none;}
#bannerContent .links a {text-decoration: none; padding-left: 30px; padding-right: 30px; font-weight: normal; color: white;} 
#bannerContent .links a:hover{text-decoration: none; padding-left: 30px; padding-right: 30px; background-color:#3BB843; color: white;}
#bannerContent .links strong a {background-color:#3BB843; color: white;}



/* STANDARD PAGE  --------------------------------------------------------------------------------- */
/*beige background #DBD3BA */
/* z-index=-1 or page scrolls over the fixed banner */
#main {position:relative; top:200px; width:778px; margin: auto; padding:0;  z-index:-1;}
#mainContent {width:778px; margin: 0 auto 30px; padding:20px; background:#595959; }

#mainContent .centerImg{text-align:center; margin-top:0px; margin-bottom:0px; padding:0px;}
#mainContent .floatLeftImg{float:left; margin: 8px; padding:0px;}
#mainContent .links {margin: 0px; padding:0; }
#mainContent .links a {text-decoration: none; padding-left: 30px; padding-right: 30px; font-weight: normal; color: white;} 
#mainContent .gamelink a {text-transform:uppercase; font-size:16px; font-weight:bold; line-height:1em; color:#FFF}
#mainContent a {text-decoration : none; color:#FFF}
#mainContent a:hover {text-decoration : underline; color:#FFF}
#mainContent p {text-align:left; font-size: 10pt; text-decoration : none; padding:0; margin:20px 10px; text-align:justify;}


#subSection {text-align:left; font-size: 10pt; text-decoration : none; padding:0; margin:20px 20px;}

#welcome {width:360px; height: 80px; margin-left:-20px; padding: 0; text-decoration :none; background: url(images/welcome.png) center top no-repeat;}
#credit {width:778px; font-size:8pt; margin: auto; padding: 20px; text-decoration :none; background:#000000;}

/* GAMES ------------------------------------------------------------------------------------------- */
 
#dragon {width:778px; height: 132px; background: url(images/red_dragon_x2.gif) center top no-repeat;}
#splashscreen {width:778px; height: 300px; background: url(images/boxcover1.png) center top no-repeat;}
#gate {width:818px; height: 272px; margin-left:-20px; margin-top:-20px; background: url(images/towergate_818x272.png) center top no-repeat;}
#monsterbar {width:818px; height: 128px; margin-left:-20px; background: url(images/monsterbar.png) center top no-repeat;}

/* BLOG --------------------------------------------------------------------------------------------- */
#blogContent {width:778px; margin-top:-60px; margin-left:20px ; padding:20px; color:#E8DFC8; background:#30376B;}
#blogContent a {text-decoration : none; color:#FFF363}