* {padding:0;margin:0;outline:0;font-family:Arial, Helvetica, sans-serif;text-decoration:none;list-style-type:none;border:none;}
img { 
	-ms-interpolation-mode:bicubic;

}
body {width:950px;margin: 0 auto;background:#fff url('/images/bg.png') 0 0 repeat;min-width:950px;}

a, a:visited {color:#333;}
a:hover {text-decoration:underline;}

a.btn, a.btn:visited {background:#F90;color:#FFF;padding: .5em .5em .5em .5em;font-size:1.4em;line-height:2.5em;margin:.3em 0 .3em 0;font-weight:bold;top:0;}

p {font-size:2.5em;padding:.5em 0 .5em 0;}


#main h5 {font-size:1.7em;margin:1em 0 0 0;}
#main p {font-size:1.1em;}


#input {font-weight:bold;padding:.5em;font-size:1.5em;color:#333;border:solid #333 4px;width:70%;}
.submit {background:#333;color:#FFF;font-weight:bold;font-size:1em;padding:1em;margin:1em 0 0 0;}
.submit:hover {color:#f90;}

#status_window {display: none; background-color: #fff; position: absolute; z-index: 100; border: 1px solid #666;}
#status_window textarea {cols: 15;}
#status_window .submit {background:#333;color:#FFF;font-weight:bold;font-size:1em;padding:0.6em;margin:1em 0 0 0;}
#status_window .submit:hover {color:#f90;}

h1 {font-size:2em;color:#FFF;background:#333;padding:1em;text-align:center;top:0;}
h2 {font-size:2.1em;color:#333;margin: 0 0 .5em 0;background:#e6f0f7;display:inline;}
h3 {color:#333;}
h4 {padding: 0 2em 0 2em;}



.player {position:absolute;top:0;z-index:0;}

.player .avatar {z-index:1;}

.clear {clear:both;}

#flash-container {border: 2px dashed #333; border-top: none; background:#e6f0f7; text-align: center; font-size: 2em;display:none;position:absolute;top:0;width:80%;padding:1%;z-index: 899;}
.flash-key {color:#f90;}

.float-left {float:left;}

#left {position:relative;float:left;clear:left;padding:0;width:450px;margin:0 1em 0 0;height:100%;z-index:8;}
#right {position:relative;z-index:7;}
#top {position:relative;top:0;width:100%;background:none;padding:0;}

#zbest-players {}
#hall-of-fame {}

#latest-games {padding:0;position:relative;border:none;background:none;width:auto;margin:0 0 0 0px;}
#latest-games dt {font-size:1.7em;padding:.5em;margin:0;font-weight:bold;color:#333;background:none;}
#latest-games dd {position:relative;padding:.5em 1em .5em 1em;margin:0;}
#latest-games dd p {font-size:1em;color:#666;padding:0;}
#latest-games dd a.player-lnk {background:none;color:#F90;margin:0;padding:0;font-size:1em;}

#leaderboard {padding:0 0 0 0;position:relative;border:none;;background:#FFF url('/images/zleaderboard_bg.png') 0 0 no-repeat;width:450px;min-height:700px;margin:0 0 0 0;}
#leaderboard dt {font-size:1.7em;padding:0;margin:0;height:65px;font-weight:bold;color:#FFF;background:none;}
#leaderboard dd {position:relative;clear:left !important;background:#FFF;border-top:dashed 2px #333;padding:1em;margin:0 !important;height:auto;margin:0;}
#leaderboard .clear {clear:left}
#leaderboard dd img {border:solid #333 4px;width:60px;height:60px;position:relative;float:left;margin:0 .6em 0 0;}
#leaderboard h5 {font-size:1.6em;margin:0;}
#leaderboard dd .rank {font-size:1em;color:#933;}
#leaderboard dd .screen-name {color:#333;font-size:1em;}

#leaderboard .medals {width:60px;padding:0 0 0 0;margin:0 0 0 0;float:none;}
#leaderboard .badges {float:none;display:none;}
#leaderboard .medals div {width:30px;height:30px;padding:.2em 0;font-size:1.2em;color:#333;}
#leaderboard .gold-medals {padding:.2em 15px 0 15px !important;margin:0;}
#leaderboard .status {font-size:0.9em;color:#333;}

#leaderboard .left {position:relative;float:left;margin:0 .5em 10px 0;}
#leaderboard .right {position:relative;right:0;width:60px;padding:0;float:right;}

#hall-of-fame {background:none;padding:0;position:relative;}
#hall-of-fame #top {background:#FFF url('/images/hall_of_fame_bg.png') 2em 0 no-repeat;}

#hall-of-fame dt {font-size:1.7em;padding:0;margin:0;height:65px;font-weight:bold;color:#FFF;background:none;}
#hall-of-fame dd {position:relative;clear:left !important;background:#FFF;border-top:dashed 2px #333;padding:1em;margin:0 !important;height:auto;margin:0;}
#hall-of-fame .clear {clear:left}
#hall-of-fame dd img {border:solid #333 4px;width:60px;height:60px;position:relative;float:left;margin:0 .6em 0 0;}
#hall-of-fame h5 {font-size:1.6em;margin:0;}
#hall-of-fame dd .rank {font-size:1em;color:#933; float: left;}
#hall-of-fame dd .screen-name {color:#333;font-size:1em; float: left; padding-left: 7px;}

#hall-of-fame.medals {width:60px;padding:0 0 0 0;margin:0 0 0 0;float:none;}
#hall-of-fame .badges {float:none;display:none;}
#hall-of-fame .medals div {width:30px;height:30px;padding:.2em 0;font-size:1.2em;color:#333;}
#hall-of-fame .gold-medals {padding:.2em 15px 0 15px !important;margin:0;}
#hall-of-fame .status {font-size:0.9em;color:#333;}

#hall-of-fame .left {position:relative;float:left;margin:0 .5em 10px 0;}
#hall-of-fame .right {position:relative;right:0;width:60px;padding:0;float:right;}

#medals {float:left;text-align:center;font-weight:bold;font-size:.7em; padding-left: 10px;}
#medals ul {list-style: none;}
#medals ul li {float: left; margin: 0 .2em 0 .2em; padding: 5px 9px 7px 9px;}
#medals ul li.bronze {background:transparent url('/images/bronze_medal_small.png') center top no-repeat;}
#medals ul li.silver {background:transparent url('/images/silver_medal_small.png') center top no-repeat;}
#medals ul li.gold {background:transparent url('/images/gold_medal_small.png') center top no-repeat;}

#about {position:relative;top:0;width:100%;background:none;padding:0;}
#about h2 {margin-left: 25px;}
#left-column {float: left; width: 400px;}
#left-column .screen-name {color:#333;font-size:2em;padding:0;position:relative;float:none;clear:none;}
#left-column img {text-align: left; float: left; margin-right: 20px; border:solid #666 2px;}
#right-column {float: left; width: 600px; padding-bottom: 10px;}
#left-column h2 {color:#FFC;font-size:3em;}
#bio-block {margin-top: 20px; margin-bottom: 20px; border-bottom:dashed 2px #ccc;}
#contact-us {font-size:1.4em;color:#333;clear:both;;padding:1em; text-align: center;}
.clear {clear: both;}


#donations {position:relative;top:0;width:100%;background:none;padding:0;}
#donations h2 {padding: 8px; display:block; margin-left: auto; margin-right:auto; text-align: center;}

#term-cloud {padding:0;position:relative;border:none;background:#FFF;width:auto;text-align:center;}
#term-cloud dt {font-size:2em;padding:.5em;margin:0;font-weight:bold;color:#333;background:#FFF;}

#term-cloud dd {display:inline;font-size:1.2em;margin:0 0em .4em 0;color:#fff;background:#333;padding:.2em;line-height:1.8em;}
#term-cloud a, #term-cloud a:visited {color:#FFF;}

#top ul {position:absolute;right:3em;top:0;width:70%;}
#top ul li {position:relative;float:right;background:#333;padding:0%;margin:0 0 0 1%;text-align:center;min-height:100px;width:auto;color:#FFF;}

#hall-of-fame-li {background:#f90 !important;}

h1 a, h1 a:visited {background:none;padding:0 !important;color:#333;margin:0 !important;}

.board {position:relative;float:left;border:solid #666 2px;padding:2%;text-align:center;margin:0 1% 0 0;background:#333;color:#FFF;z-index:999;}

#stats {position:absolute;top:0;right:18%;font-size:1em;width:100%;}
#stats .box {position:relative;float:right;}
.box {display:none;top:0;border:none;padding:2% 2% 2% 2%;text-align:center;margin:0 0 0 1%;background:#333;color:#FFF;z-index:999;}
.box h3 {font-size:4em;color:#FFF;font-weight:bold;line-height:auto;}
.box h5 {font-size:.8em !important;}

#timer {width:100px;text-align:center;}
#score-box {width:270px;}


#tweet-form {}
#tweet-input {border:solid #333 2px;padding:1em;}

#page-title {position:absolute;top:1em;right:3em;background:none;font-size:5em;}

#matches {min-width:250px !important;}
#mark {font-size:.8em !important;}

#main {position:relative; padding:2em;margin:0 0 0 0;background:none;}
.float_left {float:left;}

#help {}
#help #topics {width: 350px; float: left; border: 2px dashed #333; padding: 8px; margin-left: 10px;}
#help #topics h5 {padding: .3em 0 .3em .2em; margin: 0;}
#help #help_content {width:500px; float: left;}
#help ul {list-style: none;}
#help ul li {padding: .7em 0 .7em 1em;}
#help ul.medals {float: left;}
#help ul.medals li {height: 40px; padding-left: 58px;}
#help ul.medals li.gold {background:transparent url('/images/gold_medal.png') top left no-repeat;}
#help ul.medals li.silver {background:transparent url('/images/silver_medal.png') top left no-repeat;}
#help ul.medals li.bronze {background:transparent url('/images/bronze_medal.png') top left no-repeat;}




#results {position:relative;margin:1em 0 0 0;display:none;}
#results dl {
	margin:0 0 1em 0;
	clear:both;
	border-top:dashed 2px #666;
	width:100%;
	padding:0;
	display:none;
}

#results dd {clear:both;margin:.6% 0 .2% 0;min-height:30px;display:block;}
#results p {color:#666;font-size:1.5em;}


#results p.points {color:#fFF;font-weight:bold;position:relative;float:left;font-size:3em;margin:0 .4em 0 0;background:#f90;padding:0 2% 0 2%;height:100%;}
#results p strong.highlight {color:#F90;}

#results p {}


#terms li span {color:#f90;}
#terms li .ownership a {font-size:.6em !important;}


#footer {position:relative;clear:both;padding:2%;color:#666;text-align:center;}
#footer p {font-size:1em;}
#footer p a {color:#333;font-weight:bold;}


.high-score {color:#f90;font-size:1em;}

.medals {position:relative;float:left;width:300px;}
.medals div {position:relative;float:left;height:94%;width:50px;padding:55px 2% 2% 2%;text-align:center;font-weight:bold;font-size:1.5em;}
.bronze-medals {background:transparent url('/images/bronze_medal.png') center top no-repeat;}
.silver-medals {background:transparent url('/images/silver_medal.png') center top no-repeat;}
.gold-medals {background:transparent url('/images/gold_medal.png') center top no-repeat;}

#leaderboard .gold-medals {background:transparent url('/images/gold_medal_small.png') center top no-repeat !important;}
#leaderboard .bronze-medals {background:transparent url('/images/bronze_medal_small.png') center top no-repeat !important;}
#leaderboard .silver-medals {background:transparent url('/images/silver_medal_small.png') center top no-repeat !important;}
#accuracy {font-weight: bold; color: #333;}
.accuracy-rating {font-size: 3em;}
.accuracy-percent {font-size: 1.5em; height: 3em; margin-bottom: 4px;}
.side-lnk, .side-lnk:visited {color:#FFF;position:relative;float:right;font-size:.7em;top:1em;right:1em;}
.side-lnk:hover {text-decoration:underline;}


#profile {}
#profile .avatar {width:73px;height:73px;border:solid #333 4px;position:relative;float:left;margin:.3em .4em 0 0;}
#profile h2 {top:1em 0 0 0;}
#profile .status {font-size:1em;}
#profile .rank {position:relative;float:left;;font-size:6em;color:#333;padding:0 .2em;margin:0 .1em  0 0;background:#FFF;}
#profile .next {position:relative;float:right;font-size:5em;}
#profile .previous {position:relative;float:right;font-size:5em;}
#profile .game p {font-size: 1.3em;}
#profile #rank-box {float: left; padding: .4em 1em 0 1em; margin: 4px 0 0 0; }
#profile #rank {width: auto;background:#333;height: auto;color:#FFF;text-align:center;padding:.7em 1.5em .4em 1.5em;}
#profile #rank h3 {color:#FFF;font-size:2.7em;}
#profile #rank h5 {font-size:.8em;margin:0;padding:0;}
#rank_column h4 {text-align: left; color: #666;}
#main_body {float:left; width: 700px;}
.medal_label {float:left; padding-top: .4em; margin-right: 1em;}
.rank_num {font-size: .6em;}

#user-stats {position:relative;clear:left;margin:1em 0 0 0;}
#user-stats img {position:relative;float:left;top:-.5em;margin: 0 .5em 0 0;}
#user-stats dd {clear:left;padding:.5em 0 .5em 0;border-top:dashed 2px #ccc;}
#user-stats {font-size:1.5em;color:#333;}
#user-stats .val {color:#f90;font-weight:bold;}
#user-stats .val a {color:#f90;}

#user-stats .medals {padding:0;text-align:left;float:none;width:100%;}
#user-stats .medals div {padding:.5em .2em .2em .2em;color:#f90;font-size:1.3em;width:120px;position:relative;float:left;}
#user-stats .medals div img {display:inline;background:none;}

.time-in-words {font-style: italic; font-size: .6em;}
.match-goal {font-size: .8em;}

.status-update-lnk {color:#f90 !important;}



#summary {height:170px;position:relative;padding:1em 0 0 1em;text-align:left;clear:both;z-index:2;background:#FFF;border:solid #333 3px;overflow:hidden;}

#summary h2 {z-index:9;padding:0;}
#summary h3 {color:#666;font-size:2em;padding:0;}
#summary .title {color:#333;font-size:3.3em;background:none;margin:0 0 0 0;padding:0;}
#summary .message {color:#666;font-size:1.2em;padding:0 .3em .3em .3em;}

#summary .rank {font-size:5em;color:#333;font-weight:bold;margin:0;padding:0;position:relative;float:left;margin:0 .5em 0 0;}
#summary .up {background:#FFF url('/images/arrow_up.png') top left  no-repeat; color:#6f0 !important; padding:0 0 0 100px; }
#summary .down {background:#FFF url('/images/arrow_down.png') top left no-repeat; color:#f60 !important;padding:0 0 0 100px;}
#summary ul {margin:.5em 0 0 0;}
#summary .accuracy .down {padding:0 0 0 35px;background:#FFF url('/images/arrow_down_small.png') 0 0 no-repeat;}
#summary .accuracy .up {padding:0 0 0 35px;background:#FFF url('/images/arrow_up_small.png') 0 0 no-repeat;}
#summary .same {color:#666;padding:0 0 0 10px;}

#summary p {color:#333;font-size:1.3em;}

#summary .val {color:#f90;font-weight:bold;}
#summary .rank .title {font-size:.8em;}
#summary .medal {position:relative;float:left;margin:-1.3em .5em 0 0;height:150px;width:150px;}

#summary ul li {color:#333;font-size:1.1em;padding:.2em 0 .5em 0;border-bottom:dashed #ccc 2px;}
#summary .events {
	position:relative;width:70%;padding:0 0 0 0;height:180px;overflow:hidden;background:#FFF;
}

#summary .event {position:relative;height:140px;padding:20px;margin:0;clear:both;}
#summary .event img {position:relative;float:left;margin:0 .5em 0 0;}

#man-to-beat img {border:solid #333 4px;width:72px;height:72px;}

#reset-btn {z-index:99999;background:#FFF url('/images/button.png') 0 0 no-repeat;padding:.2em 0 0 0 ;line-height:2em;width:250px;height:80px;text-align:center;font-size:2em;color:#f90;font-weight:bold;position:relative;float:right;right:.5em;}


#tweet-prompt {overflow:hidden;position:absolute;width:40%;padding:0;background:#333;display:none;text-align:center;z-index:9876;margin:10em 30%;}
#tweet-prompt h3 {padding:1em .3em 1em .3em; color:#FFF;}
#tweet-prompt textarea {width:90%;padding:1em;border:none;}
#tweet-prompt .close-lnk {color:#f90;position:absolute;top:.3em;right:.3em;}
#tweet-prompt .submit {color:#f90;position:relative;text-align:left;}
#tweet-prompt .limit {color:#ccc;background:#333;position:absolute;bottom:.2em;right:.3em;font-size:3em;font-style:italic;}


.invalid #submit-tweet {visibility:hidden;}
.invalid .limit {color:#F00 !important;}

#message p {font-weight:normal;color:#333;padding:.5em 0 0 0;line-height:1.5em;font-size:1.3em;font-weight:normal;}
#message h3 {font-weight:normal;color:#333;padding:.5em 0 0 0;line-height:1.5em;font-size:1.3em;}
#message h3 a {color:#f90;}
#message .small {display:block;font-size:.8em;}
#message {min-height:240px;}

#loader {display:none;clear:left;font-weight:bold;padding:.3em;}


#length-alert {color:#F30;font-size:1.3em;display:none}

.invalid #start-btn {display:none;}


#term-form {clear:left;padding:1em 0 0 0;border-top:dashed 2px #666;}

#logo {width:40%;z-index:2;}

#home #logo {width:auto;}

.bio-block {float:left;width:40%;padding:2%;margin:0 1% 0 0;background:#e6f0f7;}
.bio-block img {border:solid #333 3px;float:left;margin:.3em .7em 0 0;}
.bio-block .screen-name {font-weight:bold;font-size:1.4em;}
#about p {font-size:1em;}
#about h5 {font-size:1.5em;margin:0;}
#about h5 a {font-size:.5em;display:block;}

#invite-player {background:#e6f0f7;margin:1em 0 0 0;}
#invite-form {padding:1em;}
#invite-form label {clear:left;display:block;font-weight:bold;padding:.5em 0 0 0;}
#invite-form input {clear:left;display:block;font-size:1.2em;padding:.5em;}
#invite-form textarea {clear:left;font-size:1em;padding:.5em;margin:.5em 0 0 0;height:auto;}

#fail {display:none;background:#FFF url('/images/fail.png') 0 0 no-repeat;padding:10px 1em 10px 245px;height:135px;border:solid #333 3px;font-size:14px;}