body
{
    background-color: #c0deed;
    background-attachment: fixed;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
}


#frame
{
    width: 763px;
    margin: 0 auto;
    color: #333;
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
    
}
#content
{
    padding: 1em;
    background-color: #fff;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    clear: both;

}
#navigation
{
   text-align: right;
   height: 2.5em;
   margin-bottom: 12px;
   margin-top: 8px;
   float: right;
}
    #navigation ul
    {
        background-color: #f0f0f0;
        border: 1px solid #e0e0e0;
        height: 2.5em;
        line-height: 2.5em;
        float: right;
        padding: 0 20px 0 20px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    #navigation ul li
    {
        display: inline;
        margin-right: 10px;
    }

#logo
{
    float: left;
}

#header
{
    height: 80px;
    padding: 0 10px;
    background-color: #fff;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    margin-bottom: 15px;
    position: relative;
}

#follow_us
{
    position: absolute;
    right: 0;
    margin-top: 50px;
    margin-right: 18px;
}
    #follow_us a
    {
        line-height: 24px;
        font-size: 0.8em;
        text-decoration: none;
    }
    #follow_us a:hover
    {
        color: #666;
    }

    #follow_us a img
    {
        vertical-align: top;
        margin-right: 4px;
    }

#flash_notice,#flash_error
{
    margin-bottom: 1em;
    padding: 1em;
    font-family: Georgia,serif;
    font-size: 2em;
    clear: both;
}
#flash_notice
{
    background-color: #FEFFDF;
    border: 1px solid #ffff00;
}
#flash_error
{
    background-color: #FFEEEE;
    border: 1px solid #cc0000;
}

#flash_notice .desc, #flash_error .desc
{
    font-size: 0.6em;
    font-family: "Lucida Grande", sans-serif;
    margin: 0.5em 0;
}

#footer
{
    background-color: #e0e0e0;
    padding: 1em;
    text-align: center;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
#footer a
{
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

a img { border-width: 0; }

.twitsume_section_navigation
{
    float: left;
    width: 100px;
    text-align: center;
}

    .twitsume_section_navigation a
    {
        display: block;
        padding: 5px 8px;
        text-decoration: none;
        font-size: 0.9em;
        color: #666;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .twitsume_section_navigation a:hover
    {
       color: #000;
    }
    .twitsume_section_navigation a.active
    {
        border: 1px solid #999;
        background-color: #f0f0f0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .twitsume_section
    {
        margin-left: 110px;
        padding: 10px 8px 8px;
        border: 1px solid #ddd;
        min-height: 760px;
    }
    .twitsume_section h4
    {
        margin: 14px 0;
        font-size: 12px;
        color: #666;
    }


div.clip
{
    height: 1px;
    line-height: 1px;
    font-size: 0;
    clear: both;
}

h1
{
    font-family: Georgia,serif;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 4px;
}
h2
{
    margin-top: 0;
    font-size: 1.2em;
    margin-bottom: 15px;
    color: #666;
}

h3
{
    margin: 0;
    padding: 6px 10px;
    font-size: 1.1em;
    background-color: #a0a0a0;
    color: #fff;
    position: relative;
    left: -1px;
    margin-right: -1px;
}

a
{
    color: #0084B4;
    
}

label
{
    color: #666;
    font-size: 1.2em;
}

    form table input.text
    {
        padding: 8px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        width: 300px;
        border: 1px solid #e0e0e0;
    }
    form table th
    {
        text-align: left;
        padding-right: 2em;
    }
    form table td, form table th { padding-bottom: 1em; vertical-align: top; }
    form table th { padding-top: 1em; }

    #errorExplanation
    {
        border: 1px solid #cc0000;
        background-color: #ffeeee;
        padding: 8px 12px;
        margin-bottom: 15px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    #errorExplanation h2 { color: #cc0000; }
    form div.fieldWithErrors input.text { background-color: #ffffee; border-color: #cc0000; }

ul.no_bullets
{
    margin: 0;
    padding: 0;
}
    ul.no_bullets li
    {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }

blockquote
{
    background: url(../images/open_quote.png) no-repeat right bottom;
    text-indent: -25px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    padding-right: 20px;
    font-size: 1.2em;
    text-align: center;
}
blockquote:first-letter
{
    background: url(../images/close_quote.png) no-repeat left top;
    padding-left: 25px;
}

table.profile
{
    border-collapse: collapse;
    border: 1px solid #a0a0a0;
    margin-bottom: 20px;
    font-size: 0.9em;
}
    table.expanding { width: 100%; }

    table.profile th
    {
        background-color: #e0e0e0;
        padding: 6px 5px;
        border-bottom: 1px solid #b0b0b0;
        text-align: left;
        padding-left: 12px;
    }
   /* table th.title
    {
        background-color: #a0a0a0;
        color: #fff;
        font-size: 1.2em;
    }*/

    table.profile td
    {
        border-bottom: 1px dashed #c0c0c0;
        padding: 5px 10px;
        white-space: pre-wrap;
    }
    table.profile td.normal_wrap { white-space: normal; }

#profile_image
{
    width: 48px;
    height: 48px;
    float: left;
    vertical-align: top;
    margin-right: 32px;
    position: relative;
    left: 9px;
    top: 6px;

}

ul.friends { margin: 8px 0; border-bottom: 1px solid #e0e0e0; max-height: 600px; overflow: auto; }
.friends li img
{
    width: 48px;
    height: 48px;
    margin: 4px 12px 0 4px;
    border: 1px solid #e0e0e0;
    float: left;
    
}
    .friends li
    {
        height: 58px;
        line-height: 58px;
        border-top: 1px solid #e0e0e0;
        font-size: 1.5em;

    }
    .friends li a
    {
        color: #0074A4;
    }
    
    .friends li.alt
    {
        background-color: #f0f0f0;
    }
        .friends li span.name
        {
            font-size: 0.7em;
            color: #888;
        }


ul.action_options
{
    text-align: center;
    display: block;
    margin-top: 30px;
    margin-bottom: 15px;
}
    ul.action_options li, input[type=submit]
    {
        display: inline;
        padding: 10px 20px;
        font-size: 1.5em;
        margin-right: 15px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    input[type=submit]
    {
        border-width: 0;
        cursor: pointer;
        padding: 8px 30px;
    }
    ul.action_options li a
    {
        text-decoration: none;
    }
    ul.action_options li.negatory { background-color: #ffdddd; }
    ul.action_options li.negatory a { color: #cc0000; }
    ul.action_options li.negatory:hover { background-color: #cc0000; }
    ul.action_options li.negatory:hover a { color: #ffdddd;  }

    ul.action_options li.affirmative, input[type=submit] { background-color: #bbffbb; }
    ul.action_options li.affirmative a, input[type=submit] { color: #008000; }
    ul.action_options li.affirmative:hover, input[type=submit]:hover { background-color: #008000; }
    ul.action_options li.affirmative:hover a, input[type=submit]:hover { color: #ddffdd; }


a.edit_mode_link
{
    float: right;
    background-color: #999;
    color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    text-decoration: none;
}
a.edit_mode_link:hover
{
    background-color: #e0e0e0;
    color: black;
}

    form table.labeltop th { vertical-align: top; padding-top: 4px;}


    ul.tweet_history li
    {
        border-bottom: 1px solid #e0e0e0;
        padding: 12px 4px;
        font-size: 1.1em;
    }

    ul.tweet_history li a.user
    {
        color: #0084B4;
        font-size: 1.4em;
        text-decoration: none;
    }

#blank_profile_notice
{
    font-size: 1.2em;
    padding: 15px;
    background-color: #ffffcc;
    border: 1px solid #999;
    margin-bottom: 10px;
}
    #blank_profile_notice h1
    {
        margin-top: 10px;
    }
    #blank_profile_notice h2
    {
        font-size: 1.0em;
        font-family: "Lucida Grande", sans-serif;
        font-weight: normal;
    }
    #blank_profile_notice textarea
    {
        width: 570px;
        font-size: 1.1em;
        font-family: Arial, "Lucida Grande", sans-serif;
    }
    #blank_profile_notice ul.action_options { text-align: left; }
    #blank_profile_notice ul.action_options li
    {
        font-size: 1em;
        margin: 0;
    }
    



table.personal_attribute_section td
{
    width: 45%;
    padding: 2%;
    vertical-align: top;
    border: 1px solid #e0e0e0;
}

    #tweet_length
    {
        position: absolute;
        margin-left: 550px;
        margin-top: -25px;
        font-size: 1.2em;
        font-weight: bold;
        color: #999;
    }
    #tweet_length .limited
    {
        color: #cc0000;
    }

    table.personal_attribute_section
    {
        width: 100%;
    }

    #pagination_links { text-align: right; padding: 10px 0 16px 0; }
    #pagination_links a
    {
        color: #666;
        font-size: 12px;
        background-color: #e0e0e0;
        padding: 8px 20px;
        text-decoration: none;
        margin-left: 8px;
    }
        #pagination_links a:hover
        {
            background-color: #666;
            color: #e0e0e0;
        }
#friend_links
{
    margin: 14px 0;
}
    #friend_links span, #friend_links a
    {
        padding: 6px 10px;
        background-color: #e0e0e0;
    }
    #friend_links a { background-color: #fff; }