body {
margin: 0;
padding: 0;
font-family: verdana, arial, sans-serif;
font-size: 16px;
}

div {
padding:0;
margin:0;
}

ul {
margin-top: 10px;
margin-bottom: 10px;
}

h1 {
margin: 0;
font-size: 24px;
white-space: nowrap;
overflow: hidden;
}

h2 {
margin: 0 0 10px 0;
font-size: 22px;
font-weight: normal;
}

p {
margin: 10px 0;
}

table {
border-collapse: collapse;
}

p.help {
font-size: 12px;
font-style: italic;
margin: 3px 0 3px 0;
line-height: 16px;
}

p.error {
font-style: italic;
color: red;
text-align:center;
}

p.message {
font-style: italic;
text-align:center;
padding: 10px;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img {
border: 0;
}

li {
line-height: 18px;
margin-left: -5px;
margin-bottom: 3px;
}

input[type=button] {
font-size:20px;
}

/* =================================================
   Overlay page styles
   ================================================= */

#content {
position:relative;
margin: 0;
padding: 0;
height: 10000px;
}

#content iframe {
position: absolute;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
}

#drag-background {
position: absolute;
z-index: 998;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.3;
filter:alpha(opacity=30); /* for IE */
visibility: hidden;
}

#overlay-image {
background: no-repeat scroll top left;
position: absolute;
top:0;
width: 100px;
height: 100px;
z-index: 999;
visibility: hidden;
overflow: hidden;
}

#overlay-text {
position: relative;
top: 0;
left: 0;
z-index: 1000;
visibility: hidden;
}

.overlay-text {
background: transparent;
white-space: pre-wrap;
font-family: comic-sans, comic-sans-ms, zapf-chancery, arial, san-serif;
font-size: 24px;
text-align: center;
overflow: hidden;
border: none;
z-index: 1000;
}

#overlay-measure {
position: absolute;
top: 0;
left: -10000px;
}

#quip-bar {
position: absolute;
top: 3000px;
width: 100%;
height: 60px;
border-top: 1px solid black;
z-index: 1000;
background: #EEE;
overflow: hidden;
}

#quip-bar div.ad {
width:468px;
float:right;
}

div.close-box {
background: url(/images/close-box.png) scroll top;
float:right;
width: 11px;
height: 11px;
margin: 4px 4px 0 0;
cursor: pointer;
}

#quip-bar div.credits {
position: absolute;
top: 0;
left: 0;
padding: 4px;
font-style:italic;
white-space: nowrap;
overflow: hidden;
}

#quip-bar div.credits-block {
white-space: nowrap;
overflow: hidden;
}

/* =================================================
   Page-layout styles (based on pages.html master
   template)
   ================================================= */

div.page {
width: 980px;
margin: auto;
}

div.head {
position: relative;
margin-bottom: 10px;
text-align: center;
}

div.head p.subhead {
font-style: italic;
margin: 5px 0;
}

div.timer {
clear: both;
padding-top:15px;
text-align:center;
}

div.bottom {
clear:both;
text-align:center;
padding: 15px 0 5px 0;
}

div.callout {
margin-bottom: 7px;
}

div.callout h2 {
background: url(/images/header-background.png) repeat-x scroll top;
text-align:center;
padding: 5px 5px 7px 5px;
margin: 0;
color: white;
}

div.callout > div {
border: 2px solid #920909;
border-top: 0;
padding: 5px 7px 7px 7px;
margin-bottom: 20px;
}

/* =================================================
   Home Page
   ================================================= */
div.home p {
line-height: 22px;
}

div.home h2 {
text-align:center;
}

div.top {
margin-bottom: 40px;
}

div.left {
clear: left;
width: 570px;
float: left;
padding-right:15px;
border-right: 1px solid #a30a0a;
}

div.right {
float: right;
width: 370px;
padding-left: 23px;
x-border-left: 1px solid #a30a0a;
}

.extlogo {
border:1px solid #6b5251;
margin-bottom: 5px;
width: 220px;
display: block;
}

p.exttext {
margin:-20px 0 5px 0;
padding:0;
text-align:right;
}

img.logo-small {
width: 93px;
height: 34px;
margin-right: 10px;
padding-top: 2px;
}

div.bookmark_inst {
display:none;
font-style:italic;
}

table.pop-overlays {
margin: auto;
border-collapse: separate;
border-spacing: 20px;
}

table.pop-overlays td.image {
vertical-align:bottom;
text-align: center;
width: 250px;
}

table.pop-overlays td.text {
text-align: center;
vertical-align: top;
}

table.pop-overlays .stats {
margin: 0;
padding: 0 10px 0 10px;
font-style: italic;
font-size: 14px;
}

table.pop-overlays td.text h3 {
margin: 0;
}

/* =================================================
   Ranked Scores Table (home, user, and tag pages)
   ================================================= */

table.scores {
margin-top: 10px;
width: 100%
}

table.scores th {
text-align: left;
border-bottom: 1px solid;
padding-right: 10px;
}

table.scores td {
vertical-align: top;
padding-top: 5px;
}

table.scores img {
width: 200px;
}

table.scores td.title {
width: 400px;
overflow: hidden;
}

table.scores td.title div {
width: 400px;
overflow: hidden;
}

table.scores .num {
text-align: center;
}

table.scores td.age div {
white-space: nowrap;
overflow: hidden;
width: 200px;
}

table.scores td.bar-td {
padding-left: 5px;
}

div.bar {
background-color: #be0b0a;
border: 1px solid #7c0908;
width: 0;
margin: 0;
padding: 0;
cursor: default;
}

/* =================================================
   Overlay editing page
   ================================================= */

div.head img.overlay-med {
position: relative;
top: -20px;
float: left;
width: 75px;
padding: 5px;
}

.form img.overlay-med {
float:left;
padding:5px;
}

img.inline {
vertical-align:middle; 
}

table.form td
{
padding-bottom: 10px;
width: 400px;
}

table.form input[type=text] {
width: 150px;
}

table.form td p.static {
margin-top: 2px;
}

table.form input.full {
width: 380px
}

table.form textarea {
width: 380px;
height: 50px;
}

table.form input[type=submit] {
width: 70px;
}

table.form th {
text-align: right;
vertical-align: top;
padding-top: 3px;
padding-right: 5px;
}

div.about {
width: 400px;
padding: 10px;
margin: 0 auto 25px auto;
}

#overlay-preview-box {
position: relative;
background: url('/images/checker.png') repeat scroll top;
padding: 16px;
width: 350px;
}

#overlay-preview-image {
width: 100%;
}

#overlay-preview-text {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background-color: yellow;
opacity: 0.5;
filter:alpha(opacity=50); /* for IE */
visibility: hidden;
}

img.overlay-preview-large {
background: url('/images/checker.png') repeat scroll top;
padding: 50px;
width: 400px;
}