*{ font-family: "Open Sans", "Lucida Sans", "Lucida Grande",  Arial, Helvetica, sans-serif; padding:0; margin:0; }
audio{width:90%; height:50px; margin-top:10px;}
body{background-color:#2f2f2f; text-align:center; width:100%;}
a{text-decoration:none}
a:hover{text-decoration:underline;}
a.resultblock{display:block}
div#container{background-color:white; margin:0 auto; border:0px solid black;border-top:0px; text-align:left;

   padding: 0px 50px;
   width: 800px;
    }

    .userinfo{font-size:14px;}
.elipsis{color:#949494;}    
div#header{height:180px; position:relative;}
div#header img{margin:15px; border:0;}
div#tilecontainer{ width:800px;/* background: #2b3867linear-gradient(to bottom, #373446 00%,#6D60A2 100%);*/;height:520px; position:relative;}
div#tilecontainer div.overlay{ width:650px; background:#1B1B20; color:white;  height:460px; position:absolute; left:3px;top:50px; z-index:10; font-size:15px}
div#tilecontainer div.overlay h2{ font-weight:bold; font-size:28px; margin-bottom:24px; margin-top:24px; text-align:center}
div#tilecontainer div.overlay ul{margin:60px;}
div#tilecontainer #rating{width:800px; text-align:center;}

div#tilecontainer #rating a {cursor:hand;}
div#tilecontainer div.overlay p{margin:60px;}
div#tilecontainer div.overlay ul li{margin-bottom:10px;}
div#tilecontainer div.overlay input{cursor:pointer; background:#817d9f; color:white; width:200px; height:70px; font-weight:bold; font-size:20px;}
div#tilecontainer div.tile{
width:148px; left:250px; top:240px;  text-align:center; line-height:30px;   background:#e9e8f2; font-weight:600;
height:98px; border:2px solid #74708f; border: 1px solid #938DBD;
 background-image: url('/gradtile.png');
    background-repeat: no-repeat; padding:2px; border-radius:4px;
 
    background-position: center; 
display:block; position:absolute; cursor:pointer; font-size:16px;}


@media (hover: hover) {
  div.unselectedtile:hover{
	background-color:#ffffff !important;
}
}

div#tilecontainer div.tile p{margin-top:25px;}
div#tilecontainer div.tile p{margin-top:25px;}
div#tilecontainer div#timer{position:absolute;left:540px; width:100px;text-align:right; top:15px;color:rgb(189, 185, 230);font-weight:bold;}
div#tilecontainer div#score{position:absolute;left:320px;top:15px;color:rgb(189, 185, 230);font-weight:bold; text-align:right; width:200px;}
div#tilecontainer div#giveup{position:absolute;left:220px;top:15px;color:rgb(189, 185, 230);font-weight:bold; text-align:right; width:200px; cursor:hand;}
div#tilecontainer div#giveup:hover{text-decoration:underline;}
div#tilecontainer div#comments{position:absolute;left:560px;top:480px;color:rgb(189, 185, 230);font-weight:bold; text-align:left; width:100px; }
div#tilecontainer div#comments a{color:white;font-weight:bold;}
div#tilecontainer div#title{position:absolute;left:10px;top:15px;color:rgb(189, 185, 230);font-weight:bold;}
div#tilecontainer div#lives{position:absolute; left:690px; height:200px; width:100px; top:250px; color:#ffffff; font-size:70px;}
div#menu{position:absolute; top:140px; left:200px; }
div#menu a{text-decoration:none; margin-right:30px; color:#2821b3; font-weight:600; font-size:18px; }
div#menu a:hover{text-decoration:underline; }
div#tilecontainer div#entry{z-index:15;width:148px; left:645px; top:50px;  text-align:center; font-weight:bold;  background:#007911; height:98px; border:1px solid #74708f; display:block; position:absolute; font-size:14px; color:white }
div#tilecontainer div#entry input{background:#282731; color:white; width:135px; height:30px; font-weight:bold; font-size:12px; margin-top:20px;}
div#tilecontainer div#entry a{color:white;}

/* Credit for tweaks below to https://github.com/nickcotton/refined-puzzgrid/blob/master/styles.css */

#entry {
  left: 650px !important;
  padding: 4px;
  padding-bottom: 0;
  border-radius: 4px;
  border: 1px solid #938DBD !important;
  font-weight: normal !important;
}

#entry a {
  padding: 4px 8px !important;
  border: 1px solid #1b1b20 !important;
  border-radius: 3px;
  background: linear-gradient(to bottom, #817d9f 0%, #67628D 50%, #817d9f 100%) !important;
  color: white !important;
}

#entry a:hover {
  background: linear-gradient(to bottom, #817d9f 0%, #5B5588 50%, #817d9f 100%) !important;
}

#entry input {
  margin-top: 8px !important;
}


div#tilecontainer div.result{width:148px; left:640px;   padding-top:40px; text-align:center;  font-size:15px;  height:98px; position:absolute; font-size:14px; color:white }
div#tilecontainer div.result a{color:white; }
div#tilecontainer div#result0{top:50px;}
div#tilecontainer div#result1{top:160px;}
div#tilecontainer div#result2{top:270px;}
div#tilecontainer div#result3{top:380px;}
div#tilecontainer div#moreinfo{opacity:0.9;}
iframe{z-index:100;}
div#nongamebody{border-top:2px solid #817d9f; background:white; padding:20px;}
form#submission p{margin-top:30px; font-weight:bold; font-size:15px; margin-bottom:0px;}
form#submission input{width:160px; height:40px; font-size:15px;}
form#submission input.tags{width:300px;}
textarea{width:500px; height:100px; font-size:15px;}
h3{font-size:20px;margin-top:20px;}
div.gridchoice{margin-top:15px; height:60px; position:relative; margin-left:20px; border-bottom: 1px solid #f1f1f1; width:420px;}
div.gridchoice a, div.gridchoiceb a{color:#2821b3; font-weight:bold;}
div.gridchoice a.commentslink{font-weight:normal; color:gray; position: absolute;
    left: 120px;}
    a{color:#2821b3}
    a:visited{color:#577fbc}
div.gridchoice a:visited, div.gridchoiceb a:visited{color:#577fbc; font-weight:bold;}

select{width:150px;}
img.flag{ position:absolute; left:0px; top:20px;}
.pagelink {color:#2821b3;}
.pagelink:visited{color:#2821b3;}
div.rating{color:gray; position:absolute; left:220px; top:0;     font-size: 14px;}

div#beta{position:absolute; top:20px;left:500px; font-size:32px; font-weight:bold;}
h2.abouth2{margin-top:30px; margin-bottom:16px;}
div.comment{margin-top:20px;}
label{ width:200px; display:block; float:left; clear:left;}

span.date{color:gray;}
select.short {width:80px; color:gray;}
form#selector{margin-top:5px;margin-bottom:20px; color:gray; padding-top:5px;padding-bottom:5px; text-align:center;}
p.toppage{border-bottom:1px solid #ddd; padding-bottom:5px;
    padding-bottom: 8px;
    margin-bottom: 20px;}
p.botpage{border-top:1px solid gray; padding-top:5px;}
a.pagelink{text-decoration:none}
a.pagelink:hover{text-decoration:underline}
div#user{float:right; border:2px solid gray; margin:10px; padding:15 px; border-radius: 10px;  width:140px; color:gray; text-align:center;}
div#user span{width:100px; float:none; }
div#user input.submit{width:60px;  background:white; color:gray; font-size:12px;}
div#user input{width:80px;margin-top:5px; font-size:10px;}
div#user label{width:40px; font-weight:normal; margin-top:4px; float:left; font-size:14px; }
div#user div{text-align:left; margin:0 auto; width:125px;}
form#register input{width:160px; height:40px; font-size:15px;}
form#register input.tick{width:40px; height:15px; font-size:15px;}
div#tilecontainer div.overlay input#start{background:linear-gradient(to bottom, #817d9f 0%, #67628D 50%, #817d9f 100%); color:white;}
div#tilecontainer div.overlay input#start:hover{background:linear-gradient(to bottom, #817d9f 0%, #5B5588 50%, #817d9f 100%); color:white;}
/*a:link{color:#2821b3}
a:visited{color:#4D4C6D}*/

div.comment{border-bottom:1px solid #DDD; padding-bottom:10px;}
div.author{font-weight:600;}
div.the_date{font-size:80%;}