/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal }
q:before, q:after { content:''}
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
div{position: relative;}

/* Basic Opal Games Styles */
body{font-family:Helvetica, Arial, Geneva sans-serif; font-size: .8em; line-height:1.2em;}
a{padding: .2em;}
a:link, a:visited{color: #000033;}
a:hover, a:active{background: #000; color:#FF9900; text-decoration: none;}
p{padding: 5px; margin:5px;}
ul{list-style: square; padding: .5em; margin: .5em;}
ul ul{list-style: disc; padding: .1em .5em; margin: .1em .5em;}
li{list-style: square; margin: .5em; line-height: 1.2em;}
ul ul li{list-style: disc; padding: .1em .5em; margin: .1em .5em; font-size: .9em; line-height: 1em;}
#logo{background: url(opal_games_logo.jpg) top center no-repeat; width: 300px; height: 100px; margin: auto; font-size: 2em; text-transform: Capitalize; color:#003399; font-family:Georgia, "Times New Roman", Times, serif;}
#logo span{display: none; visibility: hidden;}
h1{font-size: 3em; line-height:1em; padding: .5em; font-family:Georgia, "Times New Roman", Times, serif;}
h2{font-size: 2em; line-height:1em; padding: .5em;}
h3{font-size: 1.5em; line-height:1em; padding: .5em;}
h4{font-size: 1.2em; line-height:1em; padding: .5em;}
.title{font-size: 2em; line-height:1em; display:inline;}
body{background: #333;}
#header, #footer{margin: 0px; text-align: center; padding:20px; background:#fff; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc;}
#footer{clear: both;}
#page{clear: both; width: 960px; margin:auto; background:#ccc;}
#stage{padding: 20px; clear: both; background:#fff;}
ul#main_nav{list-style:none; position: absolute; top: 5px; left: 5px;  margin: 0; padding: 0; color: #333;}
ul#main_nav li{display:inline;  margin: 0; padding: 0;}
ul#main_nav li a{color: #333;}
#login_nav{list-style:none; position: absolute; top: 5px; right: 5px;}
ul#login_nav li a{color: #333;}
.message{color: #990000; border: 1px solid #333; padding: 10px; background: #fff;}

ul.menu {list-style: none; overflow: auto; position: relative;}
ul.menu li{display: block; float: left;}


/*form styles*/
label{float: left; clear:left; position:relative; width:15em; margin-right: 5px; text-align: right; line-height: 3.4em;}
input{width: 10em; padding: 5px; font-size:1.4em; border: 3px inset #333; color: #ccc; background: #000 !important;}
input.button{width: auto; padding: 5px; font-size:1.4em; border: 3px outset #333; color: #ccc; background: #000 !important;}
fieldset{border: 3px outset #2BACEA; margin: 10px auto; width: 40em;}
legend{border: 2px outset #2BACEA; background: #fff; color: #666; padding: 5px; font-size: 1.2em; font-family:Georgia, "Times New Roman", Times, serif;}
fieldset ol{padding: 10px; list-style:none;}
fieldset li{position: relative; list-style:none; padding-bottom: 1em;}
legend{margin-left: 10px;}

.flash{margin: auto; width: 760px}
.clear{clear: both;}