/**
 * 'Veerly' theme for the Open Game Lister.
 * Created by Aypok (http://www.aypok.co.uk/) - 2006-12-26
 *
 * Based on design at http://veerle.duoh.com/index.php/blog/
 * Colour scheme and design used without permission.
 */

/**
 * Site-wide styling.
 */
*
{
    text-align: center;
    color: #ceebeb;
    font: 7pt Verdana, Arial, Helvetica, sans-serif;
}

#main
{
    background-color: #222d2d;
}

#main h1, h2, h3, h4
{
    color: #94b3c5;
    text-decoration: none;
}

#main h1
{
    font-size: 24pt;
}

#main h1.title
{
    margin-bottom: 0px;
}

#main h1.platform_title
{
    color: #e45a49;
    margin-bottom: 0px;
}

#main h2
{
    font-size: 18pt;
}

#main p
{
    
}

#main p.last_updated
{
    font-style: italic;
    margin-bottom: 32px;
}

#main p.count
{
    font-size: 6pt;
    color: #bcd304;
    font-style: italic;
}

#main a
{
    color: #e45a49;
    text-decoration: none;
}

#main a:link
{
    color: #e45a49;
    text-decoration: none;
}

#main a:visited
{
    color: #e45a49;
    text-decoration: none;
}

#main a:hover
{
    color: #e45a49;
    text-decoration: underline;
}

#main b.highlight
{
    color: #ffffff;
}

#main table
{
    border-right: 8px solid #1f2828;
    background-color: #2f3e3e;
    padding: 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 48px;
}

#main table.platform_table
{
    width: 780px;
}

#main table.magazine_table
{
    width: 500px;
}

#main tr
{
    border-top: 8px dotted #8a8a96;
}

#main tr:hover
{
    background-color: #384747;
}

#main tr.header
{
    background-color: #3e4f4f;
}

#main tr.grey
{
    
}

#main th
{
    font-weight: bold;
    padding: 4px;
}

#main th.region_column
{
    font-weight: bold;
    padding: 4px;
    width: 38px;
}

#main th.manual_column
{
    font-weight: bold;
    padding: 4px;
    width: 39px;
}

#main th.issue_column
{
    font-weight: bold;
    padding: 4px;
    width: 34px;
}

#main th.cover_media_column
{
    font-weight: bold;
    padding: 4px;
    width: 64px;
}

#main th.box_column
{
    font-weight: bold;
    padding: 4px;
    width: 23px;
}

#main th.edit_column
{
    font-weight: bold;
    padding: 4px;
    width: 37px;
}

#main td
{
    color: #bfdada;
}

#main td.game
{
    font-weight: bold;
}

#main td.accessory
{
    font-weight: bold;
    border-top: 1px solid #384949;
    border-left: 8px solid #384949;
    border-right: 8px solid #384949;
}

#main td.system
{
    font-weight: bold;
    border-top: 2px solid #384949;
    border-left: 16px solid #384949;
    border-right: 16px solid #384949;
}

#main td.region
{
    font-style: italic;
}

#main td.notes
{
    font-style: italic;
}

#main td.yes
{
    color: #88ee22;
    font-weight: bold;
}

#main td.no
{
    color: #dd1f1f;
    font-weight: bold;
}

#main td.na
{
    color: #cccc00;
    font-weight: bold;
}

#main td.left_arrow
{
    text-align: left;
    padding-left: 8px;
}

#main td.right_arrow
{
    text-align: right;
    padding-right: 8px;
}

#main input, select, option
{
    color: #aec2cd;
    background-color: #222d2d;
    border: 1px solid #1f2828;
    text-align: center;
}

#main div
{
    margin-left: auto;
    margin-right: auto;
}

#main div.delete
{
    background-image: url('delete.png');
    height: 16px;
    width: 16px;
}

#main div.add_error
{
    padding: 16px;
    margin-bottom: 32px;
    border: 2px dotted #ee6d17;
    background-color: #c9621f;
    width: 45%;
}

#main div.add_info
{
    padding: 16px;
    margin-bottom: 32px;
    background-color: #384949 !important;
    border: 1px dotted #8a8a96 !important;
    width: 45%;
}

#main img.game_edit, img.game_delete, img.accept_game_edit, img,cancel_game_edit, img.platform_delete, img.platform_move_top, img.platform_move_bottom, img.platform_move_up, img.platform_move_down
{
    cursor: pointer;
}



/**
 * the admin menu, for users who are logged in.
 */
#menu
{
    padding: 10px;
    border-bottom: 2px solid #3e4f4f;
    margin-bottom: 32px;
}

#menu ul
{
    list-style-type: none;
    text-align: center;
}

#menu li
{
    display: inline;
}

#menu li.highlight
{
    display: inline;
    font-weight: bold;
    font-size: 10pt;
    color: #8a8a96;
}



/**
 * Intro section at the top, where text is displayed before the lists.
 */
#intro
{
    width: 45%;
    background-color: #384949;
    border: 1px dotted #8a8a96;
    padding: 8px;
    padding-bottom: 16px;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 48px;
}



/**
 * Naughty, secret login link! You didn't see me, right?
 */
#secret
{
    text-align: right;
    margin: 1px;
}

#secret a
{
    text-decoration: none !important;
    color: #000000 !important;
}



/**
 * The copyright notice.
 */
#copyright
{
    border-top: 1px dotted #b4b2a8;
}

#copyright p
{
    font-weight: bold;
    color: #e45a49;
}