/*******************************************

    Design, markup and CSS by
    (c) Creative Nights Studios 2010.
    http://www.creativenights.com/
    
*******************************************/    

* { margin: 0; padding: 0; outline: none; }

html    { font: 16px/24px Georgia, serif; color: #000; background: #b8e3f4; }

.skipper    { position: absolute; left: -9999px; top: -9999px; }
.grid           { width: 960px; margin: 0 auto; /* background: url(i/grid.png) repeat-y 0 0; */ }
.grid:after     { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }

a { color: #bd3216; }
#sizer  { background: url(i/header-leaves.jpg) no-repeat 50% 0; }

#header .grid { position: relative; height: 218px; }

#logo   { position: absolute; top: 130px; left: 25px; background: url(i/logo.png) no-repeat 5px 0; }
#logo a { display: block; width: 300px; height: 300px; text-indent: -9999px; overflow: hidden; z-index: 100; cursor: pointer; }  

#main-nav       { }
#main-nav ul    { float: right; padding-right: 12px; }
#main-nav li    { float: left; display: inline; font: bold 24px/36px Georgia, serif; }
#main-nav a  { display: block; height: 90px; color: #000; text-decoration: none; text-indent: -9999px; overflow: hidden; background: url(i/main-nav-matrix.png) no-repeat; }
#main-nav li a:hover,
#main-nav li.current a { color: #bd3216; }       

#info-link a    { width: 207px; background-position: 0 0; }
#gallery-link a { width: 169px; background-position: -207px 0; }
#forum-link a   { width: 116px; background-position: -376px 0; }
#contact-link a { width: 130px; background-position: -492px 0; }

#info-link.current a    { background-position: 0 -90px; }
#gallery-link.current a { background-position: -207px -90px; }
#forum-link.current a   { background-position: -376px -90px; }
#contact-link.current a { background-position: -492px -90px; }

#info-link a:hover    { background-position: 0 -180px; }
#gallery-link a:hover { background-position: -207px -180px; }
#forum-link a:hover   { background-position: -376px -180px; }
#contact-link a:hover { background-position: -492px -180px; }

.content        { clear: both; padding-bottom: 240px; background: url(i/footer-hills.jpg) no-repeat 50% 100%; text-shadow: 0 1px 1px #fff; }
.content .grid  { padding-top: 24px; }

.content p      { margin-bottom: 24px; }
.content img    { padding: 10px; margin: 0 0 24px -10px; background: #fff; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2); }

.main-content    { float: left; width: 620px; min-height: 400px; margin-left: 330px; }
.main-content h1 { margin: 0 0 12px; font: bold 28px/48px Georgia, serif; color: #bd3216; } 
.main-content h2 { margin: 0 0 12px; font: bold 24px/36px Georgia, serif; color: #bd3216; } 

fieldset                { border: 0; position: relative; left: -160px; }
fieldset .field         { float: left; width: 100%; padding-bottom: 24px; }
fieldset label          { float: left; width: 140px; padding-right: 20px; text-align: right; }
fieldset .input-text, 
fieldset textarea       { font: 16px/18px Georgia, 'Times New Roman', Times, serif; }
fieldset .input-text { width: 290px; }
fieldset textarea { width: 370px; }
fieldset .input-text,
fieldset textarea       { padding: 2px 5px; margin: 0; border: 0; background: rgb(255,255,255); background: rgba(255,255,255,.5); }
fieldset .input-text:focus,
fieldset textarea:focus { padding: 2px 5px; border: 0; background: rgb(255,255,255); box-shadow: 0 1px 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5); -khtml-box-shadow: 0 1px 3px rgba(0,0,0,.5);  }

fieldset .input-submit { font: bold 18px/32px Georgia, 'Times New Roman', Times, serif; letter-spacing: 1px; margin-left: 160px; padding: 6px 36px; color: #fff; background: #bd3216; box-shadow: 0 5px 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 5px rgba(0,0,0,.2); -khtml-box-shadow: 0 5px 5px rgba(0,0,0,.2);  border: 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; text-shadow: none !important; }
fieldset .input-submit:hover { background: #910; }
fieldset .input-submit:active { position: relative; top: 2px; background: #910; box-shadow: 0 2px 2px rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2); -khtml-box-shadow: 0 2px 2px rgba(0,0,0,.2); }

.confirmation { color: green; }
.error { color: red; }
.field .error { float: left; clear: both; margin: 0 0 0 160px; padding: 0 5px; background: yellow; background: rgba(255,255,0,.8);}




.supplementary-content      { float: left; width: 200px; margin-left: -890px; padding-top: 132px; text-align: center; }
.supplementary-content p    { font: italic 12px/24px Georgia, serif; }


.footer { clear: both; background: #603913; }
.footer h3  { height: 25px; width: 100%; margin-bottom: 18px; text-indent: -9999px; overflow: hidden; color: #efed4d; background: none no-repeat 0 0; }
.footer p, 
.footer li  { color: #fff; }
.footer li  { margin-left: 20px; }
.footer a   { color: #fff; text-decoration: none; }
.footer a:hover { color: #efed4d; text-decoration: underline; }

#footer-links .grid     { padding: 36px 0 24px; }
#footer-links li        { width: 200px; margin-right: 100px; }

#sponsors       { float: left; width: 220px; margin: 0 100px 0 10px; }
#sponsors h3    { background-image: url(i/h/sponzori.png); }
#links          { float: left; width: 620px; }
#links h3       { background-image: url(i/h/linkovi.png); }
#links ul       { 
    -moz-column-gap: 0;
    -moz-column-width: 300px;
    -webkit-column-gap: 0;
    -webkit-column-width: 300px;
}

#copyright      { clear: both; padding: 24px 0 48px; background: url(i/footer-divider.png) no-repeat 50% 0; }
#copyright .grid { width: 630px; padding-left: 330px; }
#copyright p,    
#copyright p a  { color: #91775e; }