body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border:0}
img{vertical-align:middle}
input,button{overflow:visible}
html,body{height:100%}
body{
background:#fff;color:#000;
font-family:Georgia,serif;
line-height:1.5em;
position:relative;
min-height:520px;
}
input,textarea{font-family:Arial,sans-serif;font-size:1em;}
input{cursor:hand;cursor:pointer}
a{color:#509F4F}
a:hover{color:#000}

#outer {
margin:-280px 0 0 0;
position:absolute;
top:50%;
width:100%;
height:520px;
}
#wrap{
position:relative;
width:800px;
margin:25px auto;
}

.a,#again input,#hinttext{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
h1{
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-khtml-border-bottom-left-radius:5px;
-khtml-border-bottom-right-radius:5px;
}

h1{
border-top:1px solid #307F2F;
z-index:999;
position:absolute;
right:0;top:200px;
color:#fff;
font-size:1.5em;
line-height:1.3em;
padding:10px 20px;
background:#9BCF9B;
}
#hint{
position:absolute;
right:40px;top:380px;
margin:0 0 0 30px
}
#hint a{text-decoration:none;border-bottom:1px dashed}
#overlay {background-image:url('../i/overlay.png')}
#hinttext{
position:absolute;
left:0;top:0;
width:550px;
background:#CCC;
padding:15px;
line-height:1.4em;
}
#hinttext p{margin:0 0 10px}
#hinttext img{
display:block;margin:0 auto 10px;
}
#closeit{position:absolute;top:7px;right:10px;color:#D00;cursor:hand;cursor:pointer;font-weight:bold}

#against{
position:absolute;
top:0;right:0;_right:-12px;
width:200px;
font-size:0.8em;
z-index:2;
}
#against p{position:absolute;left:-70px;top:-10px}
#against a{position:absolute;top:13px;left:-180px;font-size:0.9em;text-decoration:none;border-bottom:1px dashed;padding:0 !important;height:20px}
#against img{display:block;padding:0 0 0 12px;}
#against strong{display:block;font-size:1.7em;color:#666;margin:0 15px 0 0}

#process{
position:absolute;
top:190px;
left:175px;
width:410px;
color:#fff
}
#process span span{display:block;width:200px;height:200px;
background-image:url('../i/__hands.png');background-repeat:no-repeat;margin:-1px 0 0 -1px}
#you,#enemy{width:197px;height:197px;background-color:#999;text-align:center;font-size:1.7em}
#you .rock{background-position:0 0}
#enemy .rock{background-position:0 -200px}
#you .paper{background-position:-200px 0}
#enemy .paper{background-position:-200px -200px}
#you .scissors{background-position:-400px 0}
#enemy .scissors{background-position:-400px -200px}
#you .lizard{background-position:-600px 0}
#enemy .lizard{background-position:-600px -200px}
#you .spock{background-position:-800px 0}
#enemy .spock{background-position:-800px -200px}
#you{
float:left;
}
#enemy{
float:right;
}

form{
margin:10px 0 0;
}
.a,#again input{
letter-spacing:1px;
cursor:hand;cursor:pointer;
background:#DDD;
border:1px solid #999;
padding:3px
}
.a{
display:block;
width:130px;
margin:0 0 15px 10px;
background:#9BCF9B;
border-color:#329F31;
height:29px;
}
p#again{
display:table-cell;vertical-align:middle;
height:198px;
text-align:center;
font-size:1.1em;
width:160px;
line-height:1.7em;
}
input#again{
position:absolute;top:0;left:35px;
background:transparent;
border:0;
font-size:0.8em;
color:#329F31;
border-bottom:1px dashed;
}
input#again:hover{color:#000}
#again input{
display:block;margin:20px auto 0;
color:#fff;
font-family:Georgia, serif;
background:#329F31;
}
.a:hover,#again input:hover{
background:#EF4A4A;
border-color:#900;
color:#FFF;
}

h2{
padding:130px 217px 0 178px;
text-align:center;
line-height:1.4em;
font-size:1.9em;
color:#CCC
}
h2 span{font-size:1.1em;color:#999}

h2 .win,h2  .won{font-size:1.3em}
h2  .won{color:#329F31}
#process .win{background-color:#329F31}

#cpr{text-align:center;font-size:0.6em;font-family:Helvetica,sans-serif}
#cpr img{padding:0 5px}