@import url(tinyMCE.css);
@import url(autosuggest.css);

/* global */
    * { margin: 0; padding: 0; }
    
    body { 
        cursor: default;
        background: #fff url(../img/bg_body.png) repeat-x;
        font: 12px Tahoma, Verdana, Sans-Serif;
        color: #444;
        }

    a {
        color: #a0202e;
        }
    
    a:hover {
        color: #000;
        }

    /* headings */
        h1 {
            cursor: pointer;
            width: 514px;
            height: 53px;
            background: url(../img/bg_h1.png);
            position: absolute;
            top: 40px;
            left: 0;
            }
        
        h2 {
            font: 26px "Trebuchet MS", Sans-Serif;
            color: #000;
            padding: 0 0 .3em 0;
            }
        
        h2 span {
            color: #b32c3a;
            }
        
        #sponsors h3 {
            position: relative;
            display: block;
            width: 90px;
            margin: 0 auto;
            background-color: #fff;
            top: -5px;
            font-size: 12px;
            text-transform: uppercase;
            text-align: center;
            color: #ccc;
            }
        
        #content h3 {
            font: 20px "Trebuchet MS", Sans-Serif;
            padding: .7em 0 .4em 0;
            }            
    /* // headings */

    /* image replacement */
        h1, #bigSearch fieldset.search button, #footer ul li.hexabomb a {
            margin: 0;
            padding: 0;
            display: block;
            overflow: hidden;
            text-indent: -1000px;
            }
    /* // image replacement */

    /* clearfix */
        #advHolder fieldset:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
            display: inline-block;
            }

        * html #advHolder fieldset {height: 1%;}
    /* // clearfix */
/* // global */

/* page setup */
    #container {
        width: 742px;
        background: url(../img/bg_container.png) no-repeat;
        margin: 0 auto;
        position: relative;
        }
    
    #header {
        height: 154px;
        }
    
    #content {
        padding: 15px;
        }
    
    #content p {
        padding: .5em 0;
        }
    
    #content.home {
        padding-right: 200px;
        background: url(../img/bg_home.gif) no-repeat 98% 60px;
        }
    
    #sponsors, #footer {
        margin: 1em 0 0 0;
        background: url(../img/bg_sep.gif) repeat-x;
        }
    
    #footer {
        padding: 10px 15px;
        font-size: 11px;
        color: #777;
        }
/* // page setup */

/* lists and navs */
    #content ul,
    #content ol {
        padding: 1em 2em;
        }
    /* quick nav */
        ul#qnav {
            display: block;
            text-align: right;
            height: 32px;
            line-height: 28px;
            text-align: right;
            padding-right: 15px;
            list-style: none;
            }
        
        ul#qnav li {
            display: inline;
            padding-left: 10px;
            }
            
        ul#qnav li a {
            text-decoration: none;
            font-size: 10px;
            text-transform: uppercase;
            color: #999;
            }
        
        ul#qnav li a:hover {
            color: #000;
            text-decoration: underline;
            }

        ul#qnav li.add {
            width: 130px;
            height: 24px;
            top: 27px;
            right: 36px;
            line-height: 22px;
            text-align: center;
            position: absolute;
            display: block;
            }
        
        ul#qnav li.add a {
            color: #fff !important;
            font-size: 11px;
            text-transform: none;
            opacity: .7;
            }
    /* // quick nav */

    /* list of sponsors */
        #sponsors ul {
            text-align: center;
            list-style: none;
            padding: .7em 0;
            }
        
        #sponsors ul li {
            display: inline;
            }
        
        #sponsors ul li a img {
            border: none;
            padding: 5px;
            }
        
        #sponsors ul li a:hover img {
            padding: 4px;
            border: 1px solid #aaa;
            background-color: #f5f5f5;
            }
    /* // list of sponsors */

    /* footer nav */
        #footer ul {
            list-style: none;
            }
        
        #footer ul li {
            display: inline;
            padding-right: 10px;
            }
        
        #footer ul li a {
            color: #a0202e;
            text-decoration: none;
            }
        
        #footer ul li a:hover {
            color: #000;
            text-decoration: underline;
            }
        #footer ul li.hexabomb {
            padding: 0;
            }

        #footer ul li.hexabomb a {
            display: block;
            float: right;
            width: 84px;
            height: 20px;
            background: url(../img/brand_hexabomb.gif);
            }
    /* // footer nav */
/* // lists and navs */

/* forms */
    /* content forms */
        #content form fieldset {
            border: 1px solid #ccc;
            border-right: 5px solid #ccc;
            margin: 0 0 1em 0;
            }
        
        #content form fieldset legend {
            font: 18px "Trebuchet MS", Sans-Serif;
            color: #000;
            padding: 0 10px;
            background: #fff;
            }
        
        #content form fieldset ol {
            list-style: none;
            padding: 1em;
            }
        
        #content form fieldset ol li {
            padding: .3em 0;
            border-bottom: 1px solid #eee;
            }
        
        #content form fieldset label {
            float: left;
            width: 140px;
            font: 14px "Trebuchet MS", Sans-Serif;
            text-align: right;
            padding-right: 5px;
            line-height: 1.5em;
            }
        
        #content form fieldset input,
        #content form fieldset select,
        #content form fieldset textarea {
            padding: 2px;
            font: 14px "Trebuchet MS", Sans-serif;
            color: #444;
            border: 1px solid #888;
            }
        
        #content form fieldset #recaptcha_widget_div {
            margin-left: 154px;
            }

        #content form fieldset #recaptcha_widget_div label {
            float: none;
            }
        
        #content form fieldset button {
            width: 146px;
            height: 50px;
            background: url(../img/button_submit.gif);
            font: bold 15px "Trebuchet MS", sans-serif;
            color: #fff;
            cursor: pointer;
            padding: 0;
            border: 0;
            text-align: center;
            margin: .2em 0 1em 150px;
            text-transform: uppercase;
            letter-spacing: -1px;
            }
        
        #content form p {
            padding: 1em 20px;
            color: #777;
            }

    /* // content forms */

    /* big search form */
        #bigSearch {
            display: block;
            position: absolute;
            top: 92px;
            padding-left: 26px;
            width: 716px;
            }
        
        #bigSearch fieldset {
            border: none;
            }
        
        #bigSearch fieldset legend,
        #bigSearch fieldset.search label {
            display: none;
            }
        
        #bigSearch fieldset.search input {
            width: 586px;
            height: 23px;
            padding: 7px 10px;
            border: none;
            background: url(../img/bg_bigInput.gif);
            font: 18px "Trebuchet MS", Sans-Serif;
            color: #333;
            float: left;
            margin-right: 12px;
            }

        #bigSearch fieldset.search button {
            width: 57px;
            height: 30px;
            border: none;
            background: url(../img/button_go.png);
            float: left;
            margin-top: 3px;
            opacity: .7;
            cursor: pointer;
            }
        
        #bigSearch fieldset.search button:hover {
            opacity: 1;
            }
        
        #advHolder {
            width: 377px;
            position: absolute;
            right: 15px;
            top: 52px;
            }
        
        #advHolder a {
            display: block;
            height: 29px;
            background: url(../img/bg_advancedTab.png);
            padding-right: 39px;
            text-align: right;
            color: #ccc;
            text-decoration: none;
            line-height: 25px;
            font-size: 11px;
            }
        
        #advHolder a:hover {
            text-decoration: underline;
            color: #fff;
            }
        
        #advHolder fieldset {
            background: url(../img/bg_advanced.png);
            }
        
        #advHolder fieldset label {
            padding: 12px 10px 8px 10px;
            text-align: right;
            width: 100px;
            color: #fff;
            display: block;
            float: left;
            }
        
        #advHolder fieldset input {
            margin-top: 7px;
            padding: 2px;
            width: 230px;
            }
    /* // big search form */
/* // forms */

/* results page */
    p.current,
    p.pagify {
        border: 1px solid #ccc;
        background: #f5f5f5;
        padding: .5em !important;
        color: #777;
        margin-top: 1em;
        color: #000;
        }
    
    p.current a,
    p.pagify a {
        font-size: 10px;
        text-transform: uppercase;
        position: relative;
        top: -1px;
        color: #555;
        padding-left: 10px;
        }
    
    p.current a:hover,
    p.pagify a:hover {
        color: #000;
        }
    
    p.current span {
        float: right;
        }
    
    p.pagify span {
        padding-left: 10px;
        font-size: 11px;
        }
    
    p.pagify span strong {
        color: #000;
        }
    
    p.pagify span a {
        padding: 0 2px;
        font-size: 12px;
        top: 0;
        }
     
    p.pagify span a.next,
    p.pagify span a.prev {
        font-size: 10px;
        top: -1px;
        }

    p.stats {
        padding-top: 2em;
        font-size: 11px;
        color: #777;
        padding-left: 6px !important;
        }
   
    /* table */
        table.results {
            width: 100%;
            margin: 1em 0;
            font: 16px "Trebuchet MS", Sans-Serif;
            border-collapse: collapse;
            }
        
        table.results td,
        table.results th {
            padding: 4px;
            }
        
        table.results thead th {
            font-size: 1.2em;
            color: #000;
            text-align: left;
            font-weight: normal;
            border-bottom: 2px solid #eee;
            }
        
        table.results tbody td {
            border-bottom: 1px solid #eee;
            padding: 6px;
            }

        table.results tbody td span {
            display: block;
            float: left;
            width: 2em;
            text-align: right;
            padding-right: 4px;
            font: bold 12px Tahoma, Verdana, Sans-serif;
            position: relative;
            top: 4px;
            color: #000;
            }
        
        table.results tbody td a {
            text-decoration: none;
            padding-right: 20px;
            }
        
        table.results tbody td a:hover {
            background: url(../img/ico_zoom.gif) no-repeat 100% 50%;
            }
    /* // table */
/* // results page */

/* details page */
    #mapHolder {
        padding: 5px;
        border: 1px solid #ccc;
        background: #f5f5f5;
        }
    
    #map {
        display: none;
        width: 100%;
        height: 400px;
        }
/* // details page */