/* @override http://localhost:8080/static.directory/stylesheets/leaderboard.css */

/* @group Content */

a
    {
    text-decoration: none;
    }
a:hover
    {
    text-decoration: underline;
    }
td, th
    {
    padding: 0;
    margin: 0;
    }

.clearer
    {
    clear: both;
    }

.left_clearer
    {
    clear: left;
    }

.favorites
    {
	background: #eee;
	padding: 9px;
	vertical-align: top;
	width: 230px;
    }

/* @end */

body
    {
    font-size: 62.5%;
    margin: 0px;
    background: #989898;
    }

/* Heading panel. */
#header
    {
    background: #f1f1f1 url('../../images/iran.21peeps.com/595959.gif') repeat-x;
    min-height: 50px;
    }
    #header .content
        {
        width: 840px;
        margin: auto auto;
        }
        #header .title a
            {
            float: left;
            font: bold 2.2em Tahoma;
            color: white;
            margin: 16px 0 0 0;
            }
        #header .photos
            {
            float: right;
            }
        #header .credits
            {
            color: #aaaaaa;
            float: right;
            font: 0.8em Tahoma, Helvetica, sans-serif;
            margin: 22px 0px 0px 0px;
            }

/* @group Leaderboard */

#board .vertical_runner
    {
    clear: left;
    background: #f4ac44 url('../../images/iran.21peeps.com/board_vertical_runner.gif')  center repeat-y;
    }
    #board .top_runner
        {
        background: url('../../images/iran.21peeps.com/board_top_runner.gif') repeat-x;
        }
        #board .bottom_runner
            {
            background: url('../../images/iran.21peeps.com/board_bottom_runner.gif') bottom repeat-x;
            }
            #board .top
                {
                background: url('../../images/iran.21peeps.com/board_header.gif') top center no-repeat;
                }
                #board .bottom
                    {
                    background: url('../../images/iran.21peeps.com/board_footer.gif') bottom center no-repeat;
                    }
        #board .content
            {
            clear: left;
            margin: auto auto;
            width: 816px;
            }
            #board .content .header
                {
                }
                #board .content .header .alternate
                    {
                    background: url('../../images/iran.21peeps.com/arrow.gif') 4px 3px no-repeat;
                    color:  white;
                    float: right;
                    font: 1.2em Arial, Helvetica, sans-serif;
                    height: 31px;
                    margin: 38px 24px 0 0;
                    width: 188px;
                    padding: 4px 4px 4px 28px;
                    border: 1px solid white;
                    }
                    #board .content .header .created .text
                        {
                        }
                #board .content .header .created
                    {
                    background: url('../../images/iran.21peeps.com/create_button.gif');
                    color:  white;
                    float:right;
                    font: 1.4em Arial, Helvetica, sans-serif;
                    height: 31px;
                    margin: 38px 24px 0 0;
                    text-align: center;
                    width: 438px;
                    }
                    #board .content .header .created .text
                        {
                        margin: 7px auto;
                        }
                #board .content .header .avatar
                    {
                    border: none;
                    margin: 6px 0 0 24px;
                    float: left;
                    }
                #board .content .header .overview
                    {
                    color: white;
                    float: left;
                    margin: 38px 0 0 12px;
                    font-family: Georgia, "Times New Roman", serif;
                    font-style: italic;
                    }
                    #editor #board .content .header .overview .about
                        {
                        height: 26px;
                        }
                    #board .content .header .overview .about.wrapped
                        {
                        width: 485px;
                        }
                    #board .content .header .overview .about
                        {
                        font-size: 1.6em;
                        }
                    #board .content .header .overview .name,
                    #board .content .header .overview .name a
                        {
                        color: #595959;
                        font: 1.4em Arial, Verdana, Sans-Serif;
                        }
                    #board .content .header .updated
                        {
                        font-size: 1.2em;
                        }
    #board .content .body
        {
        padding: 0 0 40px 0;
        }
        #board .content .empty
            {
            display: inline-block;
            font: italic 2.2em Georgia, "Times New Roman", serif;
            background: #f1f1f1;
            margin: 20px 30px 0 30px;
            width: 695px;
            padding: 30px;
            }
        .board
            {
            border-collapse: collapse;
            clear: left;
            margin: 12px auto;
            }
            .board th
                {
                text-align: left;
                }
                .board .heading
                    {
                    background: url('../../images/iran.21peeps.com/column_title_bars.gif') black;
                    color: white;
                    font: 1.3em "Lucida Grande";
                    margin: 0px 5px 0px 5px;
                    padding: 5px;
                    }
            .board td
                {
                padding: 0px;
                vertical-align: top;
                }
                .board .column, .board .favorites
                    {
                    background:  #eee;
                    border: 1px solid #a9a9a9;
                    border-top: none;
                    padding: 5px;
                    vertical-align: top;
                    width: 238px;
                    margin: 0px 5px 0px 5px;
                    }
                    .board .tweet             /* The contents of the leaderboard cells. */
                        {
                        border-bottom: 1px solid #ccc;
                        background:  #eee;
                        clear:  both;
                        font: 1em 'Lucida Grande',sans-serif;
                        width:  238px;
                        overflow: hidden;
                        }
                        .board .tweet a
                            {
                            color: #01508c;
                            }
                        .board .message a
                            {
                            }
                        .board .handle        /* Handle only available for editing. */
                            {
                            background-color: #ccc;
                            border: 1px solid #ccc;
                            cursor: move;
                            margin: 5px 0;
                            padding: 4px;
                            text-align: right;
                            }
                        .board td .tweet
                            {
                            padding: 12px 0 0 0;
                            }
                        #editor .board td .tweet
                            {
                            padding: 0px;
                            }
                        .board td .avatar
                            {
                            float:  left;
                            margin: 0px 8px 6px 8px;
                            }
                            .board td .avatar img
                                {
                                border: none;
                                }
                        .board .message
                            {
                            margin: 0px 0px 6px 68px;
                            }
                        .board td .details
                            {
                            margin: 8px;
                            }
    #board .follow_up_region
        {
        background: #f1f1f1;
        }
        #board .follow_up_channel
            {
            background: white;
            width: 802px;
            margin: auto;
            }
        #board .vertical_next
            {
            background: white url('../../images/iran.21peeps.com/status_vertical_next_arrow.gif') 45px 10px no-repeat;
            height: 65px;
            margin: auto;
            width: 802px;
            }
        #board .description
            {
            width: 260px;
            margin: 0 30px;
            float: left;
            margin-bottom: 48px;
            }
            #board .description h3
                {
                font: 2.2em Georgia, "Times New Roman", serif;
                color: #83ca5d;
                }
            #board .description p
                {
                font: 1.4em Arial, Verdana, Helvetica, sans-serif;
                color: #595959; 
                }
            #board .description strong
                {
                color: #f4ac44; 
                }
        #board .recent
            {
            width: 448px;
            float: left;
            margin: 20px 0 48px 0;
            }
        #board .grid_runner
            {
            width: 448px;
            background: url('../../images/iran.21peeps.com/face_grid_runner.gif') repeat-y;
            }
            #board .grid_header
                {
                background: url('../../images/iran.21peeps.com/face_grid_top.gif') no-repeat;
                }
                #board .face_grid
                    {
                    background: url('../../images/iran.21peeps.com/face_grid_bottom.gif') bottom left no-repeat;
                    padding: 20px;
                    margin-bottom: 14px;
                    }
                    #board .face_grid .heading
                        {
                        color: #595959;
                        margin: 0 6px;
                        font: 2.2em Tahoma, Verdana, Helvetica, sans-serif;
                        }
                    #board .face_grid .sub_heading
                        {
                        color: #595959;
                        margin: 0 6px;
                        font: 1.6em Tahoma, Verdana, Helvetica, sans-serif;
                        }
                    #board .face_grid .avatars
                        {
                        width: 400px;
                        margin: 6px auto;
                        background: white;
                        }
                        #board .face_grid .avatar
                            {
                            border: none;
                            float: left;
                            margin: 6px;
                            }
            #board .buttons
                {
                margin: auto;
                width: 444px;
                margin-bottom: 8px;
                }
                #board .button
                    {
                    margin-bottom: 14px;
                    }
                #board .blue_button
                    {
                    color: white;
                    background: url('../../images/iran.21peeps.com/button_long_blue.gif') no-repeat;
                    display: block;
                    font: 1.3em Arial, Helvetica, sans-serif;
                    height: 37px;
                    overflow: hidden;
                    text-align: center;
                    width: 444px;
                    }
                #board .green_button
                    {
                    color: white;
                    background: url('../../images/iran.21peeps.com/button_long_green.gif') no-repeat;
                    display: block;
                    font: 1.3em Arial, Helvetica, sans-serif;
                    height: 37px;
                    overflow: hidden;
                    text-align: center;
                    width: 444px;
                    }
                    #board .button .text
                        {
                        margin: 10px auto;
                        }
#editor
    {
    background: #F4AC44;
    }
    #editor .top_runner
        {
        background: url('../../images/iran.21peeps.com/board_top_runner.gif') repeat-x;
        }
        #editor .bottom_runner
            {
            background: url('../../images/iran.21peeps.com/board_bottom_runner.gif') bottom repeat-x;
            }
            #editor #workspace
                {
                margin: auto auto;
                width: 1076px;
                }
                #editor #board
                    { 
                    width: 816px;
                    float: left;
                    }
                #editor #options
                    { 
                    width: 260px;
                    float: right;
                    background: #bbbbbb;
                    margin-top: 56px;
                    }
                    #editor #options .navigate
                        { 
                        text-align: right;
                        margin: 7px 7px -3px 7px;
                        font: 1.3em "Lucida Grande";
                        }
                        #editor #options .navigate a
                            {
                                color: #01508c;
                            }
#status
    {
    background: #f1f1f1;
    padding-top: 2.8em;
    }
    #status .vertical_runner
        {
        clear: left;
        background: #f4ac44 url('../../images/iran.21peeps.com/status_vertical_runner.gif')  center repeat-y;
        }
        #status .top_runner
            {
            background: url('../../images/iran.21peeps.com/status_top_runner.gif')  repeat-x;
            }
            #status .bottom_runner
                {
                background: url('../../images/iran.21peeps.com/status_bottom_runner.gif')  repeat-x;
                }
                #status .top
                    {
                    clear: left;
                    margin: auto auto;
                    width: 816px;
                    background: url('../../images/iran.21peeps.com/status_header.gif')  repeat-x;
                    }
                    #status .bottom
                        {
                        background: url('../../images/iran.21peeps.com/status_footer.gif') bottom repeat-x;
                        }
                        #status .status
                            {
                            padding: 50px 50px 45px 50px;
                            font-family: Tahoma;
                            color: #595959;
                            }
                            #status .avatar
                                {
                                border: none;
                                float: left;
                                margin-left: 6px;
                                }
                            #status .account
                                {
                                margin-left: 14px;
                                float: left;
                                }
                            #status .status .account .handle
                                {
                                padding-top: 3px;
                                font-size: 1.6em;
                                }
                            #status .status .account .name
                                {
                                margin: 3px 6px 3px 6px;
                                font-size: 1.2em;
                                }
                            #status .status .to_twitter
                                {
                                clear: left;
                                text-align: right;
                                font-size: 1.1em;
                                }
                            #status .status .to_twitter .item
                                {
                                float: right;
                                margin-left: 10px;
                                }
                            #status .status .to_twitter a
                                {
                                color: #9d9d9d;
                                text-decoration: underline;
                                }
                            #status .status a
                                {
                                color: #595959;
                                }
                            #status .status .text
                                {
                                font: 2.2em Georgia, "Times New Roman", serif;
                                color: #5ba136;
                                }
                                #status .status .text a
                                    {
                                    color: #004cb9;
                                    }
                            #status .when
                                {
                                color: #5ba136;
                                text-align: right;
                                padding: 5px 0;
                                margin-bottom: 14px;
                                border-bottom: 1px solid #595959;
                                }
                                #status .when a
                                    {
                                    color: #5ba136;
                                    }
    #status .referrant_channel
        {
        background: #f4ac44;
        }
        #status .vertical_next
            {
            background: white url('../../images/iran.21peeps.com/status_vertical_next_arrow.gif') center 28px no-repeat;
            height: 85px;
            margin: auto;
            width: 802px;
            }
        #status .referrant_channel_inner
            {
            width: 802px;
            margin: auto;
            background: white;
            }
            #status .grid_runner
                {
                margin: auto;
                width: 448px;
                background: url('../../images/iran.21peeps.com/face_grid_runner.gif') repeat-y;
                }
                #status .grid_header
                    {
                    background: url('../../images/iran.21peeps.com/face_grid_top.gif') no-repeat;
                    }
                    #status .face_grid
                        {
                        background: url('../../images/iran.21peeps.com/face_grid_bottom.gif') bottom left no-repeat;
                        padding: 20px;
                        }
                        #status .face_grid .heading
                            {
                            color: #595959;
                            margin: 0 6px;
                            font: 2.2em Tahoma, Verdana, Helvetica, sans-serif;
                            }
                        #status .face_grid .sub_heading
                            {
                            color: #595959;
                            margin: 0 6px;
                            font: 1.6em Tahoma, Verdana, Helvetica, sans-serif;
                            }
                        #status .face_grid .avatars
                            {
                            width: 400px;
                            margin: 6px auto;
                            background: white;
                            }
                            #status .face_grid .avatar
                                {
                                border: none;
                                float: left;
                                margin: 6px;
                                }
            #status .buttons
                {
                padding-bottom: 42px;
                width: 444px;
                margin: auto;
                }
                #status .button
                    {
                    margin: 18px 0;
                    }
                #status .blue_button
                    {
                    color: white;
                    background: url('../../images/iran.21peeps.com/button_long_blue.gif') no-repeat;
                    display: block;
                    font: 1.3em Arial, Helvetica, sans-serif;
                    height: 37px;
                    overflow: hidden;
                    text-align: center;
                    width: 444px;
                    }
                #status .green_button
                    {
                    color: white;
                    background: url('../../images/iran.21peeps.com/button_long_green.gif') no-repeat;
                    display: block;
                    font: 1.3em Arial, Helvetica, sans-serif;
                    height: 37px;
                    overflow: hidden;
                    text-align: center;
                    width: 444px;
                    }
                    #status .button_text
                        {
                        margin: 10px auto;
                        }
#editor #footer .region
    {
    width: 1076px;
    margin: auto;
    }
    #editor #footer .channel
        {
        width: 816px;
        }
#footer
    {
    background: #474747;
    }
        #footer .about
            {
            color: white;
            font: 1em Tahoma, Helvetica, sans-serif;
            margin: auto auto;
            text-align: right;
            width: 740px;
            padding: 42px 0 54px 0;
            }
            #footer .about a
                {
                color: white;
                }
/* @end */
/* vim: set nowrap tw=0: */