/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- 	Identity Styles (redacted)
-	by Michael Sharon
-	uberthings.com 
- 	socialight.com
-	Feel free to use, modify, adapt with attribution. 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a {text-decoration: none;  color: #aaa;}
a:link {}
a:visited{}
a:active{}
a:hover{color: #000; }

body {background: #fff; font: 0.9em Geneva, Verdana, Arial, sans-serif; margin: 0; padding:0;text-align:center;}

/* Class selectors */
.blackout, .redacted { color #000; background: #000;}
.creditlink { color: #000;  font-weight: bold; border-bottom: 1px dotted #000; }
.creditlink:hover { background: #F9FFDF; }
.clue { border: 1px solid #aaa; background: #eee; padding: 10px; }
.current { color: #000;}

.error {font-size: small; color: #fff; background:  red;padding: 5px; }

.infoBlock {margin: 0;}

.movesForm {width: 420px; margin: 5px 0;}
.movesTitle {width: 420px; margin: 10px 0;}
* html .movesTitle {width: 420px; margin: 5px 0 0 0; font-size: 1em;}

.newsTitle {color: #666; border-bottom: 2px solid #666; font-weight: bold; padding: 5px; margin: 0;}
*html .newsTitle {color: #666; border-bottom: 2px solid #666; font-weight: bold; padding: 5px; margin: 5px 0; }
.newsBlock {margin: 10px 0 0 0; height: 110px; }
.newsImage {float: left; margin: 10px 20px 0 0; }
.unknown {background: #F9FFDF; }
div.oldEvents {border-bottom: 1px dotted #999; }
div.oldEvents, div.oldEvents p {font-size: x-small; color: #ccc; margin: 0; padding: 5px;}
div.oldEvents p {margin: 5px 0; }
.success {color: Green; padding: 5px;  }

/* ID selectors */
#adminBar {border-bottom:  1px solid #aaa;}
#gameOverBar {border-bottom:  1px solid #aaa; font-size:  2em; color:  Red;}
#agentList { margin: 80px 0; }

#banner {padding: 0; }
#banner h1 { margin: 0; }

#content { position: relative; width: 580px; height: 500px; margin: 20px auto 0 auto; left: 40px; overflow: auto; }
* html #content{ font-size: 1.1em;}
#news #content {height: 700px;overflow: visible;}
#moves #content {margin: 0px auto 0 auto; overflow: visible; }
* html #moves #content {margin: 30px auto 0 auto; overflow: visible; }
#admin #content {width: 760px; height: 100%; overflow: visible;}
#create #content {width: 760px; height: 100%; overflow: visible;}

#createForm { border: 1px solid #ccc; padding: 20px; font: Lucida Grande, Century Gothic, sans-serif; font-size: 1.4em;}
#createForm input{padding: 5px; font: Lucida Grande, Century Gothic, sans-serif; font-size: 1.4em;}
#errorBar {border: 1px solid #eee;}

#footer {	font-size: 9px; 	color: #aaa; 	padding: 10px; }
#userWidget {position: relative; top: 125px; left: 560px;font-size: x-small; width: 220px; height: 100px; }
#userWidget input{background: yellow;}
#userWidget #loginButton, #userWidget #logoutButton {background: #eee;}
div#userWidget.logged_in {font-size: 1.2em;}
* html #agentWidget { font-size: 1em;}

#navigation {margin: 30px 0 0 140px; text-transform: uppercase; }
* html #navigation {margin: 15px 0 0 140px;}
#navigation ul{ margin: 0; padding: 0; list-style-type: none; width: 400px;}
#navigation ul li { display: inline; }
#navigation ul li a{padding: 5px 5px; background-color: #fff; border: 1px solid #000;}
* html #navigation ul li a{position: relative;}
#navigation ul li a:hover{background:  yellow;}
#navigation a {font-weight: bold; font-size: 1.2em; }

#pagetitle {margin: 35px 0 0 140px; height: 40px; width: 400px;}

#powerList { float: left; margin: 60px 80px 0 0; }
* html #powerlist {margin:  20px 80px 0 0; border:  1px solid Red;}

#results {position: absolute; top: 120px; right: -20px; padding: 10px; height: 540px; width: 160px; }
* html #results {position: absolute; top: 120px; right: -20px; }
table.agentsTable {border: 1px solid #aaa; padding: 3px; margin: 10px 0; }
table.agentsTable td {border-bottom: 1px solid #eee;padding: 2px; }
tr.row1 {background: #eee;}
tr.row0 {}
table.agentsTable tr:hover {background:yellow}

#wrapper {width: 858px; height: 1179px; margin: 0px auto; text-align:left;padding: 0px; overflow:  hidden;}
#news #wrapper{background:  #fff url(../images/news_bg.gif) 0 0 no-repeat;} 
#moves #wrapper{background:  #fff url(../images/moves_bg.gif) 0 0 no-repeat;}
#rules #wrapper, #data #wrapper{background:  #fff url(../images/rules_bg.gif) 0 0 no-repeat;} 
#admin #wrapper {height: auto;}