*  { margin: 0; padding: 0;}
a,a:visited{color:#af5114;}
body {
	font: normal 12px auto Arial, Helvetica, sans-serif;
	color: #af5114;
	background: #54504d;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #443e36;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #443e36;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #443e36;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #443e36;
}
#header {height:60px;background: #d2cdc8;}
#header p{float:left;padding-top:35px;margin-left:20px;color:#111;}
#logo {float:left;}
#login-box {background-color:#443e36;color:#bcb3a9;width:300px;height:50px;position:absolute;font: bold 12px auto Arial, Helvetica, sans-serif;padding:5px;right:0px;top:0px}
#login-box img {float:left;padding-right:5px;height:50px;}
#login-box #steamicon {float:left;padding-right:5px;height:50px;}
#login-box button {position:absolute;right:5px;bottom:5px;color: #453f37;border: 1px solid #453f37;font-weight: bold;padding:4px;border-radius: 4px}



.btn {
  background-color:#82776a
}
.btn:hover {
  cursor: pointer;
  background-color:#aaa7a2
}
#mast {position:relative;height:20px;background-color:#54504d;padding-top:20px;}
#mast #search {position:absolute;right:30px;border-radius: 20px;padding-left:10px;background-color: #d2cdc8;color:#443e36;box-shadow: none;border-color: #443e36;width:200px;}
#mast #search:focus { 
	outline:none;
}
#mast form {display:inline;}
#mast #radio {display:inline;position:relative;left:30px;height:20px;top:-3px}
#instructions {font: bold 18px auto Arial, Helvetica, sans-serif;padding-left:30px;}
#itemframe {}
#items {position:relative;background-color:#54504d;text-align:center;padding-top:20px;padding-bottom:40px;}
#items #item {cursor: pointer;border: 4px solid black;display: inline-block;border-radius: 10px;background-color: #3C352E;position:relative;margin:5px;width:100px;height:100px;}
#items #item:hover {
	background-color: #d2cdc8
}
#items #item h1 {font-size: 10px;position:absolute;left:5px;width:90px;z-index:2}
#items #item img {width:90px;height:90px;position:relative;top:5px;}
#items #item.q0 {border-color: #7D6D00;color:#7D6D00;}
#items #item.q1 {border-color: #4D7455;color:#4D7455;}
#items #item.q2 {border-color: #fff;color:#fff;}
#items #item.q3 {border-color: #476291;color:#476291;}
#items #item.q4 {border-color: #fff;color:#fff;}
#items #item.q5 {border-color: #8650AC;color:#8650AC;}
#items #item.q6 {border-color: #7D6D00;color:#7D6D00;}
#items #item.q7 {border-color: #fff;color:#fff;}
#items #item.q8 {border-color: #fff;color:#fff;}
#items #item.q9 {border-color: #fff;color:#fff;}
#items #item.q10 {border-color: #fff;color:#fff;}
#items #item.q11 {border-color: #CF6A32;color:#CF6A32;}
#items #item.q12 {border-color: #fff;color:#fff;}
#items #item.q13 {border-color: #38f3ab;color:#38f3ab;}

#cost {position:absolute;z-index:20;bottom:3px;text-align:center;width:100px;}
#items #item #cost img {height:25px;width:25px;top:9px;}

#tipcost {display:inline;}
#tipcost img {position:relative;height:25px;width:25px;top:9px;}

.q0 {border-color: #7D6D00;color:#7D6D00;}
.q1 {border-color: #4D7455;color:#4D7455;}
.q2 {border-color: #fff;color:#fff;}
.q3 {border-color: #476291;color:#476291;}
.q4 {border-color: #fff;color:#fff;}
.q5 {border-color: #8650AC;color:#8650AC;}
.q6 {border-color: #7D6D00;color:#7D6D00;}
.q7 {border-color: #fff;color:#fff;}
.q8 {border-color: #fff;color:#fff;}
.q9 {border-color: #fff;color:#fff;}
.q10 {border-color: #fff;color:#fff;}
.q11 {border-color: #CF6A32;color:#CF6A32;}
.q12 {border-color: #fff;color:#fff;}
.q13 {border-color: #38f3ab;color:#38f3ab;}