body{font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; line-height: 1.5em; color: #D5CF9A; background: #000 url(images/bg.jpg) top center repeat-y;}
#header{text-align: center; height: 80px; width: 960px; margin: 0px auto; border: 0px; background: none; padding: 5px; overflow: hidden;}
#header #main_nav{display: none;}
#header #login_nav{}
#header h1#logo{background: url(images/deathdome_logo.png); overflow: hidden; height: 80px; width: 600px; margin: auto; padding: 0px; text-indent: -1000px; border: 0px solid #ddd;}
#page{height: 100%; background: url(images/city.png) bottom center no-repeat; width: auto; margin: 0px auto; padding: 0px;}
#stage{width: 960px; margin: 0px auto; padding: 0px; background: none; position: relative; overflow: hidden;}
#copy{float: left; width: 150px; padding: 0px; font-size: 1.1em; line-height: 1.3em;}
.center{text-align: center;}
#preview{background: url(images/preview.png) center no-repeat; width: 600px; height: 400px; margin: auto; overflow: hidden;}
#preview .flash{border: 0px solid red; position: relative; width: 500px; height: 375px; overflow: hidden; margin: auto; top: 25px; background: #000;}
ul#menu{float: right; width: 130px; padding: 5px; margin: 5px; background: url(images/trans.png); list-style: none;}
ul#menu li{list-style: none; margin: 0px; padding: 0px;}
ul#menu a{background: url(images/bullet.png) left center no-repeat; padding: 3px 0px 5px 20px; margin: 2px; color: #D5CF9A; display: block; border-bottom: 1px solid #D5CF9A; text-decoration: none;}
ul#menu a:hover, ul#menu li.marker a{color: #fff; font-weight: bold; letter-spacing: -1px;}
#footer{clear: both; background: #000; padding: 50px; text-align: center;}
.clear{clear: both;}
ul{margin: 8px; padding: 8px;}

ul#menu-game{margin: 0px; padding: 0px; list-style: none;}
ul#menu-game li{display: inline; margin: 0px; padding: 0px; list-style: none;}

h1{font-size: 3em; line-height:1em; padding: .5em;  color: #fff;}
h2{font-size: 2em; line-height:1em; padding: .5em;  color: #ccc;}
h3{font-size: 1.5em; line-height:1em; padding: .5em;  color: #FF9900;}
h4{font-size: 1.3em; line-height:1em; padding: .5em; color: #BA5E01;}

a:link, a:visited{color: #fff;}
a:hover, a:active{color: #D5CF9A;}
.y{float: left; background: url(images/y.png) center no-repeat; width:40px; height:40px; display: block; text-indent: -500px;}

#dd_content{float: left; width: 800px; background: #111; margin: 0px 0px 0px 0px;}
#dd_content.game{float: left; width: 960px; background: #111; margin: 0px 0px 0px 0px;}
#dd_content.homegame{float: none; width: 560px; background: #111; margin-left: 200px; margin-right: 200px;}

#dd_content .contain{position: relative; overflow: auto;}
#dd_content table th{font-weight: bold;}
#dd_content table td, #dd_content table th{padding: 5px; border: 1px solid #999;}

#dd_content .narrow{margin: 10px 100px 50px 50px;}

#dd_content .card{color: #000; display: block; -moz-border-radius: 8px; -web-kit-border-radius: 8px; border-radius: 8px; width: 190px; height: 334px; border: 1px solid #ccc; background: #fff; float: left; margin: 0px !important; padding: 0px; position: relative; overflow: hidden;}
/* #dd_content .card{height: 326px; margin: 0px;}*/
#dd_content .card .classBox{display: block; -moz-border-radius: 8px; -web-kit-border-radius: 8px; border-radius: 8px; margin: 10px; height: 314px; background: #fff; overflow: hidden;}
#dd_content a.card:hover{cursor: pointer;}
/*card title*/
#dd_content .card h3{font-size: 12px; font-weight: bold; color: #000; text-transform: capitalize; margin: 2px 2px 2px 4px; padding: 0px; text-align: left; font-family: Arial, Helvetica, sans-serif;}
#dd_content .deck.power .card h3{text-align: center; font-size: .9em; margin: 5px;}
#dd_content .card .image{display: block; margin: 5px; width: 150px; height: 150px; border: 1px solid #333; background: #fff; margin: auto; overflow: hidden; position: absolute; bottom: 8px; left: 20px;}
#dd_content .deck.power .card .image{width: 150px; height: 150px; margin: auto; left: 8px; bottom: 3px; background: #ccc; overflow: hidden;}
#dd_content .deck.power .card .image img{height: 150px;}
#dd_content .card .image img{width: 150px;}

#dd_content .card .ability{font-weight:normal; padding: 0px; margin: 0px; font-style: italic; text-align: left; font-size: .9em; line-height: 1em;}

#dd_content .card .range{background-color: #fff; width: 30px; height: 20px; background-image: url('images/dd_icon_map.png'); background-repeat: no-repeat; background-position: bottom right; font-weight: normal; text-align: right; font-size: .7em; line-height: .7em; position: absolute; text-align: right; bottom: 0px; left: 0px; z-index: 100; padding: 0px; margin: 0px; line-height: 25px; border: 1px solid #333;}
#dd_content .card .range.cc{background-position: 0px -100px;}
#dd_content .card .range.gun{background-position: -50px -100px;}
#dd_content .card .range.drug{background-position: -100px -100px;}
#dd_content .card .range.grenade{background-position: -150px -100px;}

#dd_content .deck.power .card .range{right: 0px; bottom: 20px; left: inherit; width: 20px; line-height: 10px;}

#dd_content .card .price span{font-size: 10px;}

#dd_content .card .text{font-size: .7em; line-height: 1em; margin: 4px 4px 2px 4px; padding: 0px;}
.flavor{font-size: .6em; line-height: .9em; font-style: italic; padding: 2px 8px; display: block; color: #333;}

#dd_content .card .num{font-size: .65em; line-height: 1em; position: absolute; bottom: 0px; left: 0px; padding: 2px; background: #111; color: #666;}
#dd_content .card .price{
	padding: 3px; margin: 0px; font-weight: bold; font-size: .8em; text-align: center;
	float: right; z-index: 90; text-align: center; line-height: 1em; border: 1px solid #333; overflow: hidden;
	background: #fff;
}
#dd_content a.card{text-decoration: none;}
#dd_content a.card:hover{}

#dd_content form.card{float: none; display: block; width: 500px; height: auto; text-align: left;}
#dd_content form.card .image{position: relative; margin: 15px auto;}
#dd_content form.card label{margin: 15px 0px 0px 10px; padding: 0px; float: none; display: block; text-align: left; font-size: .8em; line-height: 1em; color: #333;}
#dd_content form.card textarea{width: 400px; height: 100px; margin: 10px; display: block;}
#dd_content form.card input.input{margin: 5px; width: 400px; background: #fff !important; color: #333; font-size: 1em; line-height: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif;}
#dd_content form.card .button{margin: 5px;}
#dd_content form.card .button:hover{cursor:pointer;}
#dd_content form.card.rules{overflow: auto; width: 750px;}
#dd_content form.card.rules textarea.rules{width: 700px; height: 600px;}

#dd_content input.go{border: 1px solid #FFCC66; border-radius: 10px; float: none; display: block; width: 435px; margin: 10px auto; padding: 5px; height: 50px; text-shadow: #000 -1px -1px 0px; color: #fff;}
#dd_content input.go:hover{cursor: pointer; background: #fff !important; color: #000; -webkit-text-shadow: #fff -1px -1px 0px;}

#dd_content .deck{border: 1px solid #333; position: relative; overflow: auto;}

/*
#962323
#5263b6
#4b774d 
#e2a116
*/
#dd_content .card .stat{padding: 10px 0px 0px 0px; margin: 0px 5px 0px 40px; font-weight: bold; border: 1px solid #333; background: none; line-height: .9em; font-size: .9em;}
#dd_content .card .stat{margin: 1px; font-size: 1.2em; line-height: 16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: -1px;}
#dd_content .card .stat{width: 30px; height: 16px; text-align: center; background-color: #fff; background-image: url('images/dd_icon_map.png'); background-repeat: no-repeat; background-position: top left;}

#dd_content .stat.skill{background-position: -50px 0px; border: 2px solid #962323; color: #333; position: absolute; left: 0px;}
#dd_content .stat.tough{background-position: -100px 0px; border: 2px solid #5263b6; color: #333; position: absolute; left: 35px}
#dd_content .stat.move{background-position: -0px 0px; border: 2px solid #4b774d; color: #333;  position: absolute; left: 70px;}
#dd_content .stat.vitae{background-position: -150px 0px; border: 2px solid #e2a116; color: #333; position: absolute; left: 105px;}
#dd_content .stat.kills{border: 2px solid #000; color: #333; position: absolute; top: 3px; right: 3px; width: 10px; font-size: .9em; line-height: .8em; height: 10px; }

#dd_content .card .classLabel{position: absolute; bottom: 0px; right: 0px; text-indent: -1000px; font-weight: bold; background-color: #fff; background-image: url('images/dd_icon_map.png'); background-repeat: no-repeat; background-position: bottom right; width: 20px; height: 20px; overflow: hidden; z-index: 100; border: 1px solid #333;}
#dd_content .card .classLabel.warrior,#dd_content .card .classLabel.w{background-position: 0px -50px;}
#dd_content .card .classLabel.gunner,#dd_content .card .classLabel.g{background-position: -50px -50px;}
#dd_content .card .classLabel.scout,#dd_content .card .classLabel.s{background-position: -100px -50px;}
#dd_content .card .classLabel.medic,#dd_content .card .classLabel.m{background-position: -150px -50px;}
#dd_content .card .classLabel.armor,#dd_content .card .classLabel.d{background-position: -150px -150px;}
#dd_content .card .classLabel.armament{background-position: -50px -150px;}
#dd_content .card .classLabel.equipment{background-position: -100px -150px;}

#dd_content .deck.power .card .classLabel{}


#dd_content .card .or{width: 15px; height: 15px; line-height: 15px; text-align: center; font-weight: normal; font-size: .8em; display: block; position: absolute; z-index: 200; background: #fff; border: 1px solid #999; left: 85px; top: 30px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px #999; color: #999;}

#dd_content .card .actionIcon {float: none; display: inline; border-radius: 10px; font-size: .7em; line-height: 1em; padding: 1px 3px; color: #fff; font-weight: bold; margin-right: 5px; height: 8px; width: 8px; text-align: center;}

#dd_content .deck.power .card{border: 1px solid #0099cc;}
#dd_content .deck.power .card .stat{height: 15px; font-size: 1em; padding-top: 10px;}
#dd_content .card .stat.big{font-size: 2.2em; margin: 0px auto; padding: 0px; position: absolute; background: #fff; width: 185px;}
#dd_content .deck.power .card .text{font-size: .7em;}
#dd_content .deck.power .card .flavor{margin: 0px; padding: 0px;}
#dd_content .deck.power .card h3{}
#dd_content .deck.power .card .stat.top{height: 20px; line-height: 20px; top: 0px; left: 3px; text-align: left; font-size: 2.2em; border: 0px solid #fff;}
#dd_content .deck.power .card .stat.bottom{height: 20px; line-height: 20px;  bottom: 3px; left: 3px; text-align: right; font-size: 2.2em; border: 0px solid #fff;}
#dd_content .deck.power .card  .statnote{position: absolute; left: 1px; top: 50px; font-size: .65em; font-weight: normal; line-height: 1em; text-align: center; display: block; clear: both; width: 35px; overflow: hidden; color: #999;}

#dd_content .deck.events .card{border: 1px solid #0099cc;}
#dd_content .deck.characters .card{border: 1px solid #6600cc;}
#dd_content .slider{width: auto;}

#dd_content fieldset{ width: 30em;}
#dd_content label{ width: 10em;}

#dd_content .swap-drop{font-size: .8em; line-height: 1em; margin: 0px 0px 0px 5px; padding: 0px; border: 1px solid #333; color: #ccc; background: #111;}

#dd_content .death-match{margin: 10px auto; width: 800px; height: 600px; border: 1px solid #fff;}

a.action, input.action{font-family: Georgia, "Times New Roman", Times, serif; display: block; background: url(images/btn_action.png) center no-repeat; text-decoration:none; text-align: center; width: 150px; height: 40px; margin: 10px 0px; padding: 0px; font-size: 1.3em; line-height: 1.8em;}
a.action:hover, input.action:hover{cursor: pointer;}

.tile-box{width: 435px; height: 435px; margin: 10px auto; display: block; border: 1px solid #fff;}
.tile-box .tile{border: 1px solid #ccc; display: block; float: left; overflow: visible; position: relative;}
.tile-box .tile:hover{background-color: #ffffcc;}
.tile-box .tile input{margin: 5px; padding: 0px; float: none; width: auto;}

#gameMenu{position: relative; float: left; width: 200px;  background: #000; border: #CC9900; }
#turnMenu{position: relative; float: right; width: 200px;  background: #000; border: #CC9900; }

#dd_content ul.team-list{list-style: none; margin: 0px; padding: 0px; clear: both;}
#dd_content ul.team-list .card{width: 220px; margin: 9px; padding: 0px;}
#dd_content ul.team-list .card li.card{border: 1px solid #333; -webkit-border-radius: 10px; -webkit-box-shadow: 2px 2px 3px #333; font-size: 1em; width: 180px; height: 100px; position: absolute; top: 100px; left: 5px; margin: 0px; padding: 0px; overflow: hidden;}
#dd_content ul.team-list .card li.card .card{margin: 0px; border: 0px solid #000; padding: 0px; width: auto;}
#dd_content ul.team-list h3, #dd_content ul.team-list h4 {margin: 3px 0px; padding: 0px;}
#dd_content ul.team-list h3 span.class{font-size: .7em; font-weight: normal; margin: 0px 10px;}
#dd_content ul.team-list li{list-style: none;}
#dd_content ul.team-list ul li{list-style: square; padding: 0px; margin: 0px 0px 4px 10px;}
#dd_content  ul.team-list a{padding: 0px; margin: 0px 5px;}


#hand .card{background: #fff; height: 100px;}
#hand .card .stat.big{font-size: 2em; text-align: left; padding: 8px; width: auto; height: auto; float: left; height: auto; background: #fff;}
#hand .card input{width: auto; margin: 0px; padding: 0px; display: block;}
#dd_content #hand .card .classBox{float: left; width: 200px;}

#hand .card:hover{}

/*DD Store Styles*/
ul.store{overflow: hidden; position: relative; border: 3px outset #FF6600; overflow: hidden;}
ul.store li{list-style: none; margin: 4px; padding: 0px; display: block; border: 1px solid #fff; overflow: hidden; position: relative; height: 100px; width: 18%; float: left;}
#dd_content ul.store input{float: none; width: auto; height: auto; padding: 0px; font-size: auto; line-height: auto; position: absolute; top: 0px; left: 0px;}
#dd_content ul.store h3{font-size: 1em; margin: 15px 2px 2px 2px; padding: 0px;}
#dd_content ul.store label{display: block; height: 100%; width: auto; float: none; margin: 0px; padding: 0px; text-align: left; border: 1px solid #fff;}
ul.store .price{line-height: 1em; text-align: left; font-size: 1.2em; padding: 2px; border: 1px solid #ccc; margin: 0px; position: absolute; bottom: 0px; left: 0px;}
#dd_content ul.store li a.card{width: 100px; height: 50px; float: none; position: absolute; top: 0px; right: 0px;}
/* DD game styles */
#game_frame{text-align: center; background:#000; padding: 0px;}