body { background:#ccc; font-family:Helvetica, sans-serif; }

h1 { font-size:24px; margin:0; }
h2 { font-size:18px; margin:0; }


#frame { padding:20px; max-width:1130px; min-width:768px;  }

#header { margin-bottom:40px; float:left; }
#nav { float:right; }
#nav a.sprite { display:inline-block; margin:0 20px; }

.sprite { background:url(../images/sprite.png) 0 0 no-repeat; display:block; height:50px; }
.sprite.settings { background-position:0 -1px; width:47px; }
.sprite.about { background-position:-48px -3px; width:45px; }
.sprite.donate { background-position:-94px -3px; width:57px; }

.hidetxt { overflow:hidden; text-indent:-99999px; }
.clear { clear:both; }

#settings-form label { display:block; zoom:1; text-align:right; margin-right:10px; }
#settings-form td { padding:2.5px 0;}
#settings-form td.submit  { text-align:right; padding-top:10px; }

#donate-form p { width: 400px; }

#popup { display:none; position:absolute; z-index:999; box-shadow:0 0 20px #222; }
#popup-close { position:absolute; width:20px; height:17px; color:#fff; text-shadow:0 0 2px #000; top:-10px; right:-10px; font-weight:bold; background:#000; border:2px solid #fff; box-shadow:0 0 5px #000; border-radius:50%; line-height:18px; padding-top:3px; text-align:center; z-index:9999999; }
#popup-content { background:#fafafa; padding:20px; }
#popup-mask { position:absolute; top:0; left:0; display:none; }
#popup-mask { background:#000; opacity:.4; filter:alpha(opacity=40); z-index:998; }
.popup-close { cursor:pointer; }