﻿@media screen
{
    body 
    {
	    background: #000 url(images/justin.png) no-repeat;
	    color: #fff;
	    font-family: verdana, arial, sans-serif;
	    font-size: 11px;
	    margin:0;
	    text-align: justify;
    }

    #content { width: 620px; }

    #intro {
	    background: url(images/g.png) no-repeat;
	    margin-left: 0px;
    }

    #aboutme {
	    background: url(images/aboutme.png) no-repeat;
	    margin-left: 0px;
    }

    acronym { cursor: help; }

    h3 { font-size: 12px; }

    p {
	    margin-left: 10px;
	    margin-top: 10px;
	    margin-bottom: 0px;
    }

    p.top {
	    margin-top: 50px;
    }

    ul { 
	    margin-top: 10px; 
	    margin-bottom: 10px;
    }

    li { list-style-image: url(images/diamond.png); }

    .hideMe { visibility: hidden; }

    .ieTableFix {
	    font-family: verdana, arial, sans-serif;
	    font-size: 11px;
    }

    a { color: #fff; }

    a:hover 
    {
        color: #970000;
        text-decoration: none;
    }
    
    div.infoBox {
	    background-color: #000;
	    border: #fff solid 1px;
	    /*opacity:0.95;*/
	    position: absolute;
	    top: 200px;
	    left: 50px;
    	
	    /* Initially very small */
	    width: 1px;
	    height: 1px;
	    overflow:hidden;
	    display:none;
    }

    /* Email/Contact Me form */

    #contact-me h3
    {
        margin-top:15px;
        margin-bottom:15px;
    }

    #contact-me input
    {
        width:140px;
        border:1px solid #999;
    }

    /* Background color of input is greyed */
    #contact-me textarea,
    #contact-me input[type=text] {
	    border: 1px solid;
	    border-color: #959595 #cdcdcd #cdcdcd  #959595;
	    background-color: #ddd;
    }

    /* When input in selected turn white */
    #contact-me textarea:focus,
    #contact-me input[type=text]:focus {
	    background-color: #fff;
	    border-color: #454545 #898989 #898989  #454545;
    }
    
    #hotRodFAQ
    {
        overflow: auto;
        padding: 7px;
    }
    #hotRodFAQ dl
    {
        clear: right;
    }
    #hotRodFAQ dt
    {
        font-weight: bold;
        margin: 0 0 10px 0;
        padding: 0;
    }
    #hotRodFAQ dd
    {
        margin: 0 0 30px 0;
        padding: 0;
    }

    #nav 
    {
        list-style-type: none;
        display: block;
    }
    #nav li
    {
        display: block;
        float: left;
        width: 100px;
    }

    /* Sandbag DIVs start here */

    #w1, #w2, #w3, #w4, #w5, #w5b, #w6, #w7, #w8, #w9, #w10, #w11, #w12, #w13, #w14, #w15 {
	    float: right;
	    clear: right;
	    padding: 0;
    }

    #w1 {
	    height: 30px;
	    width: 218px;
    }
    #w2 {
	    height: 53px;
	    width: 241px;
    }
    #w3 {
	    height: 55px;
	    width: 255px;
    }
    #w4 {
	    height: 55px;
	    width: 284px;
    }
    #w5 {
	    height: 63px;
	    width: 292px;
    }
    #w5b {
	    height: 48px;
	    width: 318px;
    }
    #w6 {
	    height: 41px;
	    width: 316px;
    }
    #w7 {
	    height: 60px;
	    width: 301px;
    }
    #w8 {
	    height: 28px;
	    width: 270px;
    }
    #w9 {
	    height: 35px;
	    width: 269px;
    }
    #w10 {
	    height: 28px;
	    width: 260px;
    }
    #w11 {
	    height: 25px;
	    width: 255px;
    }
    #w12 {
	    height: 26px;
	    width: 268px;
    }
    #w13 {
	    height: 36px;
	    width: 324px;
    }
    #w14 
    {
        height: 36px;
        width: 370px;
    }
    #w15
    {
        height: 36px;
        width: 440px;
    }

    /* Form */
    .form-field
    {
        margin-bottom: 5px;
    }
    .form-field label
    {
        float: left;
        width: 120px;
    }
    .form-field input
    {
        width:140px;
    }
    .error
    {
        color: #5f0000 !important;
        font-weight:bold;
    }
}