/*
    Title: Twitter Repair and Protect CSS
*/

/* Reset
---------------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
}

/* Global Styles
---------------------------------------------------------------------*/
BODY {
    font-size: 0.87em;
    font-family: arial, sans-serif;
    background-color: #7DCFDF;
}

/* Structure
---------------------------------------------------------------------*/
#wrapper {
    width: 40em;
    margin: 0 auto;
    color: #1F3A3F;
}

/* Header
---------------------------------------------------------------------*/
#header {
    text-align: center;
    margin: .5em 0;
    color: #FFF;
    font-size: 4em;
    letter-spacing: -.05em;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

#header A {
    text-decoration: none;
    color: #FFF;
}

#header SPAN {
    font-family: "New Times Roman", serif;
    font-weight: normal;
    font-size: 1.4em;
    margin-bottom: -.5em;
    color: #DFFAFF;
}

#intro {
    text-align: center;
    margin-bottom: 2em;
    color: #FFF;
}

#intro  P {
    margin: 1em 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}


/* Login 
---------------------------------------------------------------------*/
#choices {
    overflow: hidden; /* Float collapse fix */
}

#choices H2 {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    font-weight: normal;
    margin-bottom: 1em;
}

#choice_username,
#choice_oauth
{
    width: 50%;
    float: left;
    text-align: center;
    min-height: 7em;
}

#choice_username {
    border-right: 1px solid #DFFAFF;
    margin-left: -1px;
}
#choice_username INPUT {
    font-size: 1.2em;
}

#twitter_username {
    width: 9em;
}

#choice_oauth {

}

#choice_oauth IMG {
    border: none;
}


/* Errors
---------------------------------------------------------------------*/
#error {
    background-color: #3CA3B6;
    color: #CFF7FF;
    font-size: 1.2em;
    text-align: center;
    padding: .7em 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}

#error A {
    color: #FFF;
    font-weight: bold;
}

#error SPAN {
    font-weight: bold;
    color: #1F3A3F;
    background-color: #FFF;
    padding: .05em .3em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
}

/* Tweets
---------------------------------------------------------------------*/
#tweets_column {
}


#user_heading {
    color: #CFF7FF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    font-weight: normal;
    margin-bottom: 1em;
    text-align: center;
    margin-bottom: .5em;
    font-size: 2em;
}

#user_heading SPAN {
    font-weight: bold;
    color: #FFF;
}

#user_heading A {
    color: #FFF;
    text-decoration: none;
}

.tweet {
    color: #CFF7FF;
    font-size: 1.1em;
    line-height: 1.4em;
    background-color: #3CA3B6;
    margin-bottom: .3em;
    padding: .7em 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}

.tweet STRONG {
    font-weight: bold;
    color: #1F3A3F;
    background-color: #FFF;
    padding: .02em .3em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin: 0 .1em;
}

.tweet STRONG:hover {
    background-color: #FFC;
}

.tweet TEXTAREA {
    width: 100%;
    font-size: 1.1em;
    background-color: transparent;
    border: none;
    overflow: auto;
}

.textarea {
    background-color: #FFF;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    padding: .5em;
    margin-bottom: .5em;
    position: relative;
}

.char_count {
    position: absolute;
    bottom: .2em;
    right: .2em;
    font-size: 2em;
    opacity: .4;
    color: #3CA3B6;
    font-weight: bold;
    letter-spacing: -0.07em;
    font-family: "arial black", arial, sans-serif;
}

.overlimit {
    color: #F00;
}

.error {
    background-color: #EF6868;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    color: #FFF;
    font-size: 0.8em;
    text-align: center;
    padding: .3em;
    margin-bottom: .3em;
}


.meta {
    font-size: .7em;
    color: #FFF;
    font-style: italic;
    float: left;
}

.controls {
    float:right;
}

.tweet_info {
    overflow: hidden;
}

/* Tweet. Controls
---------------------------------------------------------------------*/
.controls DIV {
    float: left;
    border: 1px solid rgba(0, 0, 0, .3);
    background-color: #328DA0;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    padding: .1em .5em;
    font-size: .7em;
    cursor: pointer;
    line-height: 1.6em;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    margin-left: .3em;
}

DIV.save {
    background-color: #FFF;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    border: 1px solid rgba(0, 0, 0, .5);
}

DIV.cancel {
    background-color: #C00;
    color: #FFF;
}

/* Save Box
---------------------------------------------------------------------*/
.savebox {
    background-color: #FF6;
    padding: .05em .3em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    text-align: center;
    margin-bottom: .5em;
    color: #333;
    font-size: .873em;
}


/* Word list drop-down
---------------------------------------------------------------------*/
.dropdown {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFC;
    padding: .05em .3em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    overflow: hidden;
    z-index: 100;
    
}

.dropdown H2 {
    font-size: 0.8em;
    border-bottom: 1px solid #EEE;
    padding-bottom: .3em;
    margin-bottom: .2em;
}

.dropdown UL {
    list-style-type: none;
    font-size: .8em;
    
}

.dropdown DIV {
    float: left;
}

/* Footer
---------------------------------------------------------------------*/
#footer {
    padding-top: 1em;
    font-size: .87em;
    text-align: center;
    color: #CFF7FF;
    margin: 8em 0 1em 0;
}

#footer A {
    color: #CFF7FF;
}