
@import url('https://fonts.googleapis.com/css?family=Lobster');
* {outline:none;outline-width:0;outline:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
*, img {border:none;outline:0;} *, :focus {outline:none;} ::-moz-focus-inner {border:0;}
html, body {width:100%;height:100%;}
html, body, form, h1, h2, h3 {margin:0;padding:0;}
body {background:#eee url('../img/hammer.png') 95% 25% no-repeat fixed;}
body, div, .iInp, .bInp {font-family:Tahoma,Arial,sans-serif;font-size:16px;color:#333;cursor:default;}
a {text-decoration:none;}
a:link, a:visited {color:#06c;}
a:hover, a:focus {color:#096;}
a:hover, .bInp, .iHnd, #Head h1, #Title {cursor:pointer;}
.fSml, .cSml {font-size:14px;}
.fBig, .cBig {font-size:18px;}
.cOpt, .cSml, .cBig {color:#999;}
h1, h2, h3, legend, .Font {font-family:'Lobster', cursive;}
h1, h2, h3 {letter-spacing:3px;color:#666;text-shadow:1px 1px 0 #fff;}
hr {height:0px;border:none;border-top:1px solid #ccc;border-bottom:1px solid #fff;}

.nobr {display:inline-block;white-space:nowrap;}

#Screen, #Head, #Foot {display:block;width:100%;}
#Screen {min-height:90%;text-align:center;}
#Head {background:#ddd;height:90px;border-bottom:3px solid #06c;}
#Body, #Head h1 {width:800px;display:block;margin:0 auto;padding-top:29px;text-align:left;}
#Foot {background:#ccc;min-height:10%;padding:15px 9px;text-align:center;text-shadow:1px 1px 0 #fff;border-top:3px solid #aaa;color:#666;}
#Foot a:link, #Foot a:visited {color:#555;}
#Foot a:hover, #Foot a:focus {color:#000;}
#Head h1 {font-size:28px;font-weight:900;color:#06c;text-shadow:1px 1px 0 #fff;}
#Title {font-size:24px;font-weight:900;color:#999;text-shadow:1px 1px 0 #fff;}
#dTxt {border-radius:9px;background:#fafafa;box-shadow:2px 2px 7px rgba(0,0,0,.3) inset;padding:5px 25px;border:1px solid #888;margin:50px auto;font-size:14px;}
#domList {margin-bottom:55px;}  #bidErr {color:#c00;}

.Fo {margin:0 auto;text-align:left;}
.Fo fieldset {margin:15px 0 25px 0;padding:13px;border:2px solid #369;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;background:transparent;background:-webkit-linear-gradient(top, #eeeeee, #e0e3e6);background:-moz-linear-gradient(top, #eeeeee, #e0e3e6);background:-ms-linear-gradient(top, #eeeeee, #e0e3e6);background:-o-linear-gradient(top, #eeeeee, #e0e3e6);text-shadow:1px 1px 0 #fff;box-shadow:1px 1px 1px #fff;}
.Fo fieldset legend {font-size:24px;color:#369;text-shadow:1px 1px 0 #fff;padding:0 9px;background-color:#eee;}

.tRow, .bRow {display:block;width:100%;padding:7px 0;} .bRow {padding:0;}
.tCol, .bCol {display:inline-block;padding-right:9px;vertical-align:middle;}
.bCol {width:410px;padding:7px 0;}
.bCol:first-child {width:130px;text-align:center;}
.tCol:first-child {width:199px;text-align:right;}
.bRow .bCol:nth-child(3) {width:90px;text-align:center;}
.bCol:last-child {width:120px;text-align:right;}
.bRow:nth-child(even) {background:rgba(255,255,255,.4);border-bottom:1px dashed #fff;}
.bCol a {display:block;width:100%;}

#domList .bRow .bCol:nth-child(2) { width:530px; }
#domList .bRow .bCol:last-child { text-align:right; }

.gAd {text-align:center;padding:9px 0;}

#forSale {display:block;background:transparent url(../img/for-sale.png) 0 0 no-repeat;position:absolute;top:0;right:0;width:220px;height:165px;z-index:5;cursor:pointer;}
#toTop {display:none;position:fixed;width:40px;height:40px;right:9px;bottom:9px;background:transparent url('../img/up.png') 50% 50% no-repeat;cursor:pointer;opacity:.7;z-index:3;}
#toTop:hover, #toTop:focus {opacity:1;}

/* --- BUTTONS --- */

.butBlue {height:40px;padding:4px 15px 5px 15px;font-size:11pt;font-weight:bold;background-image:url('../img/b/a_bt.gif');background-position:0% 50%;color:#9cf;text-shadow:-1px -1px 0px #036;border:none;cursor:pointer;}
.butBlue:hover {color:#fff;text-shadow:1px 1px 1px #320;background-position:0% 95%;}
.butBlue:active {color:#fff;text-shadow:-1px -1px 0 #333;background-position:0% 5%;}

.iInp {cursor:text;color:#369;background-color:#efefef;padding:5px 3px 5px 7px;border:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:301px;}
.iInp:focus {color:#000;background-color:#fff;border-color:#369;}
::.iInp-placeholder {color:#999;font-style:italic;text-shadow:#fff 1px 1px 1px;}
.iInp::-moz-placeholder {color:#999;font-style:italic;text-shadow:#fff 1px 1px 1px;}  
.iInp:-ms-placeholder {color:#999;font-style:italic;text-shadow:#fff 1px 1px 1px;}
.iInp::-webkit-input-placeholder {color:#999;font-style:italic;text-shadow:#fff 1px 1px 1px;}
.bordR5 {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#ldC {min-height:15px;}

.HideMe {display:none;}

/* --- MOBILE --- */

@media screen and (max-width:799px) {
 .noM {display:none;}
 body {background:#eee;}
 .fBlk {display:block;width:100%;padding:9px 0;}
 #Head, #Head h1 {width:100%;white-space:normal;} #Head h1 {padding-left:15px;}
 #Body {width:100%;padding:29px 15px;white-space:normal;}
 .tCol {display:block;padding:0px;}
 .tCol:first-child {width:100%;text-align:left;}
 #buyForm fieldset {width:99%;}
 .iInp, .butBlue.bordR5 {width:100%;}
 .bCol a {font-weight:bold;}
}

@media screen and (max-width:529px) {
 #domList .bRow .bCol, #bidHis .bRow .bCol {display:block;width:100% !important;}
 #sCode {width:75%;height:auto;}
 #Foot {padding-bottom:55px;}
}


