/* Pimp-Area "Classic" theme — faithful port of the legacy style1.css,
   cleaned (no IE filters / invalid props) and driven by theme variables.
   Visual result matches the original 3-column Verdana look. */

body {
    margin: 0;
    background-color: #ffffff;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #000000;
}

a { color: #000000; font: 11px verdana, sans-serif; text-decoration: none; }
a:hover { text-decoration: underline; }

hr { border: 1px dashed #000000; height: 1px; margin: 1px; padding: 0; }
h1 { font-family: verdana, sans-serif; font-size: 11px; font-weight: 800; }

/* ---- layout columns ---- */
/* fixed layout locks the 150px sidebars regardless of content width, so the
   text-only right menu can't be squeezed by the fluid middle column */
#layout { width: 100%; height: 100%; border-collapse: collapse; table-layout: fixed; }
#menu_left  { vertical-align: top; width: 150px; }
#menu_right { vertical-align: top; width: 150px; }
/* game header banner: 128px-tall strip carrying the configurable header image,
   tiled horizontally and left-anchored exactly like the legacy logo cell so the
   artwork (car + wordmark) stays at the left and fills any extra width. */
.brand-header { height: 128px; background-repeat: repeat-x; background-position: left center; }
#menu_left, #menu_right, #main { margin: 1px; padding: 1px; }
#main  { width: 100%; }
#logo  { width: 100%; height: 167px; }
#footer{ width: 100%; }

/* ---- panels (the green tables with pale-yellow headers) ---- */
.menu, .default {
    border-collapse: collapse;
    width: 100%;
    background: #899A8A;
    border: 1px solid #000000;
}

.tdmenu, .tddefault, .td {
    border: 1px solid #000000;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    padding: 2px;
}
.tdheader { border: 1px solid #000000; font-weight: 800; padding: 3px; }

.tdmenu_header, .tddefault_header {
    background: #FAFBCF;
    border: 1px solid #000000;
    font-family: verdana, sans-serif;
    font-size: 11px;
    font-weight: 800;
    padding: 2px;
}

.newsbar { border: 1px solid #000000; background: #899A8A; }

/* ---- text styles ---- */
.head_text   { font-weight: 800; color: #FAFBCF; }
.link_text   { font-weight: 800; color: #000000; }
.nav_text    { font-size: 13px; color: #000000; }
.normal_text { color: #000000; }
.error_text  { font-size: 13px; color: #ff0000; }
.footer_text { font-size: 9px; color: #000000; }
.small_text  { font-size: 8px; color: #000000; }
.big_text    { font-size: 20px; font-weight: 800; color: #000000; }
.news_text, a.news_text { font-weight: 800; color: #FAFBCF; }

/* game footer (legacy index.php): bold copyright in the secondary green,
   the staff-only page-load timer in light grey */
.footer_copy  { font-weight: 800; color: #899A8A; }
.footer_timer { font-weight: 800; color: #d2d2d2; }

/* ---- online user colour coding ---- */
a.online_user   { color: #ffffff; }
a.online_admin  { color: #000000; font-weight: 800; }
a.online_sadmin { color: #add8e6; font-weight: 800; }
a.online_gang_boss { color: #FAFBCF; font-weight: 800; }

/* ---- requirement (affordable/locked) cells ---- */
.requirement_1 { border: 1px solid #000000; background: green; }
.requirement_2 { border: 1px solid #000000; background: red; }
.requirement   { border: 1px solid #000000; background: #ffffff; font-size: 11px; }

/* ---- form fields ---- */
input, textarea, select {
    font-family: verdana, sans-serif;
    font-size: 10px;
    border: 1px solid #000000;
    background-color: #ffffff;
}
input { height: 20px; }
.verysmallinput { width: 20px; border: 0; background: transparent; }
.smallinput  { width: 50px; }
.mediuminput { width: 150px; }
.longinput   { width: 250px; }
.verylonginput { width: 400px; }
.bigtextinput  { width: 330px; height: 200px; }
.verybigtextinput { width: 100%; height: 200px; }
.profileinput  { width: 100%; height: 200px; }
.shoutboxinput { width: 145px; }

/* ---- misc ---- */
.flash    { border: 1px solid #000000; background: #FAFBCF; padding: 6px; margin: 4px 0; }
.flash.ok { background: #e6ffe6; }
.flash.err{ background: #ffe6e6; color: #a00; }
.roulette_win  { color: green; }
.roulette_lose { color: red; }