html {
    color: #333;
    font: normal 62.5%/1 helvetica, sans-serif;
    padding: 0px;
    text-align: center;
    background-color: #bfc6cb;
}

body {
    width: 960px;
    margin: 15px auto;
    padding: 10px;
    text-align: left;
    color: #464646;
}

#oneforty.i.1152 { display: none; }

a, a:visited { color: #3880b3; text-decoration: none; }
a:hover { text-decoration: underline; }

#header_container, #about, #terms_of_service, #questions { position: relative; }

.close_button {
    position: absolute;
    top: 10px;
    right: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #3880b3;
    color: #fff !important; /* late hour hackage, shush */
    padding: 4px 4px 2px 4px;
}

.close_button:hover { color: #fff; text-decoration: none; background-color: #2C64A2; }

h1, .content, #footer {
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0 0 10px 0;
    padding: 10px;
}

#navigation { list-style-type: none; padding: 0; margin: 0; position: absolute; top: 7px; right: 10px; }
#navigation li { float: left; margin-right: 20px; }
#navigation li a, #navigation li a:hover {
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    background-color: #5eccd9;
    color: #fff;
    padding: 7px 10px 5px;
    font-size: 14px;
}

#advertise_link { background-color: #ea5050 !important; }
#advertise_link:hover { background-color: #d94646 !important; }

#navigation li a:hover {
    text-decoration: none;
    background-color: #2C64A2;
}

.content { float: left; width: 940px; }
#advertisement { text-align: center; }

h1 a, h1 a:visited {
    display: block;
    background: #fff url('../images/twitstatus_logo.png') no-repeat top left;
    width: 280px;
    height: 100px;
    text-indent: -9000px;
}

h2 {
    font: normal 18px/14px helvetica, sans-serif;
    margin: 0 0 10px 0;
    padding: 0;
    color: #3880b3;
}

#step_1, #step_2, #step_3 {
    height: 16px;
    text-indent: -9000px;
}

#step_1 { background: #fff url('../images/step_one.png') no-repeat top left; }
#step_2 { background: #fff url('../images/step_two.png') no-repeat top left; }
#step_3 { background: #fff url('../images/step_three.png') no-repeat top left; }

h3 { margin: 0; font-size: 14px; line-height: 18px; }
p { font-size: 13px; line-height: 16px; padding: 0; margin: 0 0 20px 0; }

ol {
    font-size: 13px;
    line-height: 16px;
}

#footer { 
    clear: both; 
    padding: 5px 4px 4px;
    margin: 0;
    text-indent: 10px;
    background: #fff url('../images/twitstatus_footerbg.png') no-repeat 920px 2px;
    font-size: 12px;
}

.searchBadgeBuilder {
    width: 545px;
    float: left;
    clear: left;
    margin: 0 0 10px 0;
}

#location_params { display: none; margin-top: 25px; }

#setup .form_align {
    display: block;
    float: left;
    clear: left;
    width: 500px;
}

#setup input {
    width: 320px;
    padding: 4px;
    border: 1px solid #c9c9c9;
}

#setup select { width: 100px; }

#setup label {
    padding-top: 4px;
    width: 120px;
    margin-right: 10px;
}

#setup input, #setup label {
    float: left;
}

#generateButton { 
    border-top: 1px solid #c9c9c9;
    text-align: center;
    padding: 20px 0 0 0;
}

#generateBadgeButton {
    background-color: #3880b3;
    font-size: 14px;
    color: #fff;
    padding: 6px 8px 4px;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

#generateBadgeButton:hover { background-color: #2c64a2; }

#style_setup .form_align { width: 250px; float: left; }

#style_setup label { float: left; padding: 5px 0 0; width: 150px; }

.color_picker {
    border: 1px solid #333333;
    width: 20px;
    height: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    float: left;
}

#twitstat_badge_8072 {
    float: right;
    clear: right;
    margin: 0 0 10px 0;
}

#pasteCode, #terms_of_service, #questions, #about { display: none; }

#previewCode {
    border: 1px solid #e9e9e9;
    background-color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    width: 920px;
    height: 250px;
    padding: 10px;
    color: #333;
    font: normal 12px/15px monospace, fixed-width;
}

#cssTemplate {  
    display: none; /* It's late, don't ask ;P */ 
    border: 1px solid #e9e9e9;
    padding: 2px;
    width: 800px;
    height: 120px;
}

