body {font-size: 100.01%; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; background: #c0deed url(../images/back.gif) top center repeat-x; background-attachment: fixed; color: #333333; height: 100%;}
body, html {height:100%;}
img {border: 0;}
a, a:visited {color: #4e76d2; text-decoration: none;}
a:active, a:hover {color: #4e76d2; text-decoration: underline;}

.button {text-decoration: none; width: 117px; height: 33px; background: url(../images/buttons.gif); position: relative; display: inline-block; margin-bottom: 5px;}
.button:active {background-position: 0 -66px;}
.button:hover {background-position: 0 -33px;}
.tweet {background-position: -117px 0; width: 102px; margin-top: 20px;}
.tweet:active {background-position: -117px -66px;}
.tweet:hover {background-position: -117px -33px;}
.change {background-position: -219px 0; width: 142px; margin: 5px 0;}
.change:active {background-position: -219px -66px;}
.change:hover {background-position: -219px -33px;}
.btn-eng {background-image: url(../images/buttons-eng.gif);}

p {font-size: 0.9em;}

form {margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: 0;}
input.nick {color: #aaaaaa; font-size: 30px; text-align: center; border: 1px solid #aaaaaa;}
textarea {width: 100%; color: #333; border: 1px solid #aaa; overflow: auto; resize:none; font-size: 18px; width: 99%; font-family: Arial, Helvetica, sans-serif; text-align: center;}

h1, h2, h3 {padding: 0; margin: 0; font-weight: normal;}
h2 {color: #333333; font-size: 24px;}
h3 {color: #626262; font-size: 18px; padding-bottom: 10px;}

.body {width: 600px; margin: 0 auto; font-size: 0.85em;}
.header {padding: 10px 0;}
.arrow {height: 12px; background: url(../images/arrow.gif) bottom left no-repeat; background-position: 20px 0;}
.content {padding: 20px; text-align: center; background: #fff;}

.nick {}
.change-it {text-align: right;}
.loader {height: 32px; padding: 5px 0;}

.this {border: 1px dashed #aaaaaa; padding: 5px 0; border-left: 0; border-right: 0;}
.chars {text-align: right; color: #aaa; font-weight: bold; padding-bottom: 5px; font-size: 24px;}
.words {wheight: 80px; color: #333; padding: 5px; font-size: 36px; margin-bottom: 10px;}

.cont-block {height: auto; border: 1px dashed #666666; border-left: 0; border-right: 0; display: table; width: 100%; padding-bottom: 10px; margin-bottom: 20px;}

.footer {padding: 5px 0; text-align: center; background: #fff; margin-top: 20px;}
.alert_text {
    position:absolute;
    font-family: LucidaGrande,Helvetica,Arial;
    height:36px;
    width:100%;
    background-color:white;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    float:left;
    vertical-align: middle;
    padding-top: 16px;
    opacity: .9;
    z-index: 1000;
}

.c-blitter {position: fixed; right: 20px; bottom: 20px; width: 111px; height: 80px;}
.c-blitter img {width: 111px; height: 80px;}

.lang {margin: -15px 0 0 20px; position: relative; top: -15px;}