/* 
    Document   : pretty.css
    Created on : Dec 2, 2011, 9:14:02 PM
    Author     : Cezary Kowalik
    Description:
        CSS for RandomVIN.com
*/
body
{
    background-color: #fff;
    font-family: Arial;
}

#container
{
    text-align: center;

    padding: 20px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8c6df+0,6d88b7+100;Grey+Blue+3D+%231 */
background: #b8c6df; /* Old browsers */
background: -moz-linear-gradient(top,  #b8c6df 0%, #6d88b7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8c6df), color-stop(100%,#6d88b7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b8c6df 0%,#6d88b7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b8c6df 0%,#6d88b7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b8c6df 0%,#6d88b7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b8c6df 0%,#6d88b7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8c6df', endColorstr='#6d88b7',GradientType=0 ); /* IE6-9 */


    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;

    -webkit-box-shadow: 3px 2px 5px 0px rgba(163,163,163,1);
    -moz-box-shadow: 3px 2px 5px 0px rgba(163,163,163,1);
    box-shadow: 3px 2px 5px 0px rgba(163,163,163,1);

    /*border: 1px #1a2638 solid;*/
    width:800px;
    margin:0 auto;
}

#about
{
    width:800px;
    margin:0 auto;
}

#footer
{
    width:800px;
    margin:0 auto;
    
    font-size: 16px;

    padding: 0;
    color: #215510;
}

h1
{
    font-size: 30px;

    margin: 0;
    padding: 0;
    color: #fff;
    font-family: Arial;
    font-style: italic;

}

h2
{
    font-size: 54px;
    vertical-align: top;

    margin-top: 35px;
    margin-bottom: 25px;
    padding: 0;
    color: #fff;
    font-family: Arial;

}

a
{
    /*font-size: 12px;*/

    margin: 0;
    padding: 0;
    color: #211510;
    font-family: Arial;

}

input
{
    font-size: 22px;

    width: 350px;
    padding: 20px;

    border: none;

    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    text-shadow: 1px 1px 0px #fff;

    -webkit-box-shadow: -1px -1px 0px #000;

    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
    background: -moz-linear-gradient(top,  #ffffff,  #efefef);
}

input#checkbox.post1999
{
    height: 20px;
    width: 20px;
}

input#button
{
    cursor: pointer;
    color: #fff;
    font-weight: bold;

    width: 140px;
    margin-left: 20px;

    text-shadow: 0px 1px 2px #000;

    -webkit-box-shadow: -1px -1px 0px #4bc824, 1px 1px 0px #000;

    background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));
    background: -moz-linear-gradient(top,  #369a18,  #205f0d);
}

input#button.random
{
    width: 300px;
}

input#vin
{
    text-transform: uppercase;
}

input#button:hover
{
    background: -webkit-gradient(linear, left top, left bottom, from(#46b725), to(#205f0d));
    background: -moz-linear-gradient(top,  #46b725,  #205f0d);
}

input#button:active
{
    -webkit-box-shadow: -1px -1px 0px #000;

    background: -webkit-gradient(linear, left top, left bottom, from(#46b725), to(#205f0d));
    background: -moz-linear-gradient(top,  #46b725,  #205f0d);
}