* {
outline:none;
margin:0;
padding:0;
}

body {
background:#c1f2da url('images/back.jpg') repeat;
font-size:11px;
color:#888;
font-family:Arial, sans-serif;
min-width:850px;
margin-bottom:50px;
}

h2,h3,h4,h5,h6 {
margin-top:25px;
margin-bottom:15px;
}

h3 {
display:block;
color:#52bd87;
font-weight:900;
font-size:14px;
text-transform:uppercase;
}

h1 {
margin-top:0;
margin-bottom:20px;
color:#c1d744;
font-size:26px;
}

h4 {
font-size:18px;
color:#52BD88;
margin:0;
}

input {
margin-top:2px;
border:1px #ccc solid;
}

p {
font-size:13px;
font-family:Georgia, serif;
margin-bottom:17px;
}

a {
color:#52bd87;
}

fieldset {
border:0;
}

a img {
outline:none;
border:none;
text-decoration:none;
}

li {
margin-left:15px;
padding:1px;
}

.next li, .linklist li {
float:left;
font-size:12px;
list-style:none;
margin:0 0 5px 5px;
text-shadow:1px 1px 1px #32855F;
}

.next li a, .linklist li a {
text-decoration:none;
display:block;
color:#fff;
}

.button {
font-size:18px;
margin-right:5px;
}

.google {
text-align:center;
margin:15px auto 5px;
}

.anchor {
display:block;
margin:6px;
padding:6px;
}

.gameanchor {
display:block;
margin:2px;
padding:2px;
}

.champ {
font-size:22px;
max-width:335px;
font-weight:900;
background-color:#F7F7F7;
font-family:Georgia, serif;
padding:10px;
-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.3);
-moz-box-shadow:4px 4px 5px rgba(0,0,0,0.3);
box-shadow:4px 4px 5px rgba(0,0,0,0.3);
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

object object {
-webkit-box-shadow:0 0 7px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 7px rgba(0,0,0,0.5);
box-shadow: 0 0 7px rgba(0,0,0,0.5);
margin:10px 0;
}

.small {
font-family:Arial, sans-serif;
font-size:11px;
}

.large {
font-size:18px;
color:#52bd87;
}

#top form {
float:left;
margin-top:10px;
margin-left:475px;
color:#666;
font-size:10px;
width:150px;
text-align:center;
}

#top legend {
padding-left:20px;
color:#666;
}

#top input {
margin-top:7px;
}

#top input #username, #top input #password  {
width:165px;
color:#666;
}

#submit, .button, .next li, .linklist li, .smallbutton {
-webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.5);
-moz-box-shadow:1px 1px 6px rgba(0,0,0,0.5);
box-shadow: 1px 1px 6px rgba(0,0,0,0.5);
cursor:hand;
cursor:pointer;
background:#52BD88;
font-weight:900;
color:#fff;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:2px solid #32855F;
padding:5px;
text-shadow:1px 1px 1px #32855F;
text-transform:uppercase;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61DF9E', endColorstr='#459F71');
background: -webkit-gradient(linear, left top, left bottom, from(#61DF9E), to(#459F71));
background: -moz-linear-gradient(top,  #61DF9E,  #459F71);
}

#submit {
font-size:10px;
padding:2px;
}

#submit:hover, .button:hover, .next li:hover, .linklist li:hover, .smallbutton:hover  {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
text-shadow:none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#459F71', endColorstr='#61DF9E');
background: -webkit-gradient(linear, left top, left bottom, from(#459F71), to(#61DF9E));
background: -moz-linear-gradient(top,  #459F71,  #61DF9E);
}

#thintop {
height:24px;
background:#fff;
border-bottom:2px solid #52BD88;
}

#thinmenu {
width:800px;
margin:0 auto;
padding:2px 0 4px 0;
}

#thinmenu a {
margin:0 8px;
}

#thinrightmenu {
text-align:right;
float:right;
}

#thinleftmenu {
text-align:left;
float:left;
padding-top:3px;
}

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

#menu {
float:right;
background:#fff;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.3);
-moz-box-shadow:4px 4px 5px rgba(0,0,0,0.3);
box-shadow:4px 4px 5px rgba(0,0,0,0.3);
height:15px;
text-align:center;
padding:8px;
}

#menu a {
background:#fff;
text-decoration:none;
text-transform:uppercase;
font-weight:900;
font-size:12px;
width:50px;
text-align:center;
padding:8px;
}

#menu a:hover {
color:#fff;
background:#52BD88;
text-shadow:1px 1px 1px #32855F;
}

#menu li ul {
display: none;
}

#menu li:hover > ul {
display: block;
}

#menu ul ul {
position:absolute;
top:30px;
z-index:100;
padding:3px 10px 10px 10px;
background:#FFF;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.3);
-moz-box-shadow:4px 4px 5px rgba(0,0,0,0.3);
box-shadow:4px 4px 5px rgba(0,0,0,0.3);
}

#villagelinks {
left:308px;
}

#otherlinks {
left:625px;
}

#menu ul ul li {
display:block;
padding:2px;
margin:5px;
}

#menu ul ul li a {
text-transform:none;
font-weight:100;
padding:4px;
}

#top label,#top fieldset,#top form {
font-size:10px;
border:none;
}

.form form,.form fieldset {
border:1px solid #ccc;
padding:15px;
}

.striked {
text-decoration:line-through;
}

.clr {
clear:both;
}

.correct {
color:#3BCF33;
}

.wrong {
color:#DF454B;
}

.bottomlogo {
text-align:right;
}

.bigitem img {
image-rendering:optimizeSpeed;
-ms-interpolation-mode:nearest-neighbor;
float:left;
}

.item,.game,.badge,.smallgame {
float:left;
width:100px;
text-align:center;
text-transform:uppercase;
font-weight:900;
font-size:10px;
color:#fff;
border:1px #ccc solid;
background:#52BD88;
-webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.6);
-moz-box-shadow:2px 2px 6px rgba(0,0,0,0.6);
box-shadow:2px 2px 6px rgba(0,0,0,0.6);
padding-bottom:5px;
line-height:15px;
margin:0 5px 25px 6px;
text-shadow:1px 1px 1px #32855F;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
}

.item img {
float:left;
}

.rarity {
display:inline;
float:left;
margin-top:-100px;
margin-left:5px;
color:#52BD88;
text-shadow:none;
}

.number {
display:inline;
float:right;
margin-top:-100px;
margin-right:5px;
color:#52BD88;
text-shadow:none;
}

.highscores {
margin-right:25px;
width:375px;
float:left;
}

.item:hover,.smallgame:hover,.game:hover,.badge:hover {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
background:#BDD73C;
text-shadow:none;
}

.game, .smallgame {
margin:0 3px 25px 4px;
}

.item a,.game a,.badge a,.smallgame a {
color:#fff;
text-decoration:underline;
}

.item a:hover,.game a:hover,.badge a:hover,.smallgame a:hover{
color:#000;
}

.game,.badge,.smallgame {
width:150px;
border:1px solid #333;
}

.smallgame img {
width:100px;
height:100px;
}

.smallgame{
width:100px;
}

.item fieldset,.item form {
border:none;
margin:0;
padding:0;
}

.game a img:hover,.item a img:hover,.badge a img:hover,.smallgame a img:hover {
opacity:.75;
filter:alpha(opacity=75);
-ms-filter:"alpha(opacity=75)";
-khtml-opacity:.75;
-moz-opacity:.75;
}

.footercolumn {
float:left;
margin-right:35px;
color:#2A7755;
width:100px;
}

#footerlinks {
background:#f0f0f0;
padding:5px 0 20px 35px;
}

.footercolumn h3 {
color:#2A7755;
margin:15px 0;
padding:0;
}

#top {
width:800px;
margin:0 auto;
height:200px;
margin-bottom:-21px;
background:url(images/kokaro_header_new_login.png);
z-index:20;
position:relative;
}

#container {
width:800px;
z-index:1;
background:#fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.3);
-moz-box-shadow:4px 4px 5px rgba(0,0,0,0.3);
box-shadow:4px 4px 5px rgba(0,0,0,0.3);
margin:0 auto 50px;
padding:25px;
}

.share {
float:left;
margin-right:25px;
width:64px;
}

.facebook {
border:0;
background:transparent url(images/facebook_icon.gif) top center no-repeat;
cursor:hand;cursor:pointer;
padding-top:67px;
color:#52BD88;
width:64px;
height:80px;
}

.facebook:hover {
color:#c1d744;
}

.share a {
text-decoration:none;
}

#copy {
margin-top:15px;
padding-top:30px;
clear:both;
font-family:Arial, sans-serif;
font-size:10px;
}

#footer {
width:728px;
margin:0 auto;
}

a:hover {
color:#c1d744;
}

h1 a.button,a.button,a.smallbutton,.next li a:hover,.item a:hover,.game a:hover,.badge a:hover {
text-decoration:none;
}

h1 a.button:hover, a.button:hover, a.smallbutton:hover {
color:#fff;
}

.smallbutton {
font-size:11px;
padding:3px;
}

.homepageleft {
width:450px;
float:left;
margin-right:10px;
margin-top:-25px;
}

.homepageleft .item {
margin:0 3px 25px 3px;
}

.homepageright {
width:330px;
float:right;
margin-top:-25px;
}

.homepageleft h2, .homepageright h2 {
font-size:22px;
}

.date {
font-size:11px;
font-weight:900;
text-transform:uppercase;
font-family:Arial, sans-serif;
}

.homepageright .game {
margin:0 6px 15px 7px;
}

.gamequotes {
color:#888;
float:left;
width:400px;
margin-right:25px;
}