/**
 * author: Dariusz Pobożniak | pobozniak.pl
 */

body {
    background-color: #f2f2f2;
    font: 12px/15px Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0;
}

a { color: #f5aa01; text-decoration: none; }
strong { font-weight: bold; }
em { font-style: italic; }
h2, h3, h4 { font-weight: normal; line-height: 1; }
input, button { font: 13px Verdana, Arial, sans-serif; }

#header, #main, #alertbox {
    margin: 0 auto 10px;
    width: 960px;
}
#header {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#header, #contestbox .form { background: #004179 url(../gfx/gradient.gif) 0 0 repeat-x; }
#contestbox, #contestbox .form, .btn, #alertbox .positive, #alertbox .negative {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#header:after, #main:after, #footer:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#header h1 { background: url(../gfx/logo.gif) 23px 18px no-repeat; float: left; height: 83px; overflow: hidden; text-indent: -9999em; width: 210px; }
    #header h1 a { display: block; height: 100%; width: 100%; }

#contestbox { background: url(../gfx/bgContest.jpg) 0 0 no-repeat; height: 451px; padding: 7px; }
    #contestbox .form { color: #fff; float: right; height: 411px; overflow: hidden; padding: 20px; width: 265px; }
        #contestbox fieldset { border-bottom: 1px solid #648bae; margin-bottom: 25px; padding-bottom: 20px; }
        #contestbox .form h3 { font-size: 18px; }
        .form p { margin: 8px 0; }
        #contestbox h4 { color: #f4aa00; font-size: 30px; margin: 20px 0; }
        #contestbox .thanks { padding: 105px 0; text-align: center; } 
        #contestbox .form label { display: block; font-size: 14px; margin-bottom: 4px; }
        #contestbox .form input { border: 0 none; padding: 5px 4px; width: 255px; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,.5); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,.5); box-shadow: inset 0 0 7px rgba(0,0,0,.5); }
        #contestbox .form input:focus { -moz-box-shadow: inset 0 0 7px rgba(0,0,0,.8); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,.8); box-shadow: inset 0 0 7px rgba(0,0,0,.8); outline: none; }
        .form .submit { margin: 15px 0;  text-align: right; }
        .btn { background: #e1e1e1; background: -moz-linear-gradient(top, #fff, #cbcbcb, #fff); background: -webkit-gradient(linear,0 0,0 100%,from(#fff),color-stop(.5,#cbcbcb),color-stop(.9,#fff)); border: 0 none; color: #01427a; padding: 4px 15px; }
        .btn:active { outline: 0 none; background: #bcbcbc; background: -moz-linear-gradient(top, #fff, #bcbcbc, #fff); background: -webkit-gradient(linear,0 0,0 100%,from(#fff),color-stop(.5,#bcbcbc),color-stop(.9,#fff)); }
        
#alertbox { text-align: center; }
    #alertbox p { margin: 10px 0; }
    #alertbox .negative { background-color: #f0cbcb; border: 1px solid #c00; color: #c00; }
    #alertbox .positive { background-color: #D3F6AC; border: 1px solid #3A6C00; color: #3A6C00; }