*				{ margin: 0; padding: 0; }

html        { height: 100%; margin-bottom: .01em; }

body	    { font: 62.5%/1.5 "Trebuchet MS", Trebuchet, sans-serif; background: #059821 url(cssimg/header_bkg.jpg) no-repeat 0 0; }

a			      { text-decoration: none; color: #ff9c00; }

a:hover,
a:active,
a:focus			{ text-decoration: underline;  }

fieldset,
a img     { border: 0; }

h1, h2, h3  { font-weight: normal; }

#sizer    { width: 1000px; }

h1          { }
#logo       { display: block; outline: none; color: #fff; padding: 23px 20px 145px 153px; width: 104px; height: 122px; }

#main_content                       { float: left; padding-top: 120px; clear: both; }
.skipper                            { position: absolute; top: -9999px; left: -9999px; }
#content                            { float: left; width: 522px; padding-bottom: 10px; }
#content:after                      { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#content p                          { font-size: 1.3em; line-height: 1.4; margin-top: 10px; padding: 0 8px; width: 459px; overflow: hidden; }
#content .entity_content p          { width: auto; }
#content p.lead                     { font-style: italic; }
#content ol,
#content ul                         { margin-left: 20px; }
#content li                         { margin-top: .5em; font-size: 1.3em; line-height: 1.4; }

#content h2,
.body_sponzorski-kutak #content h3              { color: #000; font-size: 2.1em; padding: 0 8px; color: #ff0000; margin-bottom: .5em; background: url(cssimg/horizontal_dots.gif) repeat-x 0 100%; }

#body_rezultati-s-natjecanja_view #content h2,
#body_fotogalerija_view #content h2,
#body_novosti_view #content .entity_content h2       { color: #000; font-size: 1.5em; line-height: 1.2; padding: 2px 15px 10px; font-weight: bold; background: url(cssimg/horizontal_dots.gif) repeat-x 0 100%; }

.entity_content h3                                   { font-size: 1.5em; line-height: 1.2; padding: 2px 15px 10px; font-weight: bold; background: url(cssimg/horizontal_dots.gif) repeat-x 0 100%; }
.entity_content h3 a                                 { color: #000; }

#sidebar h2,
h2.sponsors_related,
h2.navigation_related,
#body_novosti_homepage #content h2,
#body_rezultati-s-natjecanja_homepage #content h2,
#body_fotogalerija_homepage #content h2             { position: absolute; top: -9999px; left: -9999px; }

#main_navigation                    { float: left; display: inline; width: 170px; list-style: none; margin: 9px 0 0 5px; }
#main_navigation li                 { width: 170px; height: 70px; margin-top: -20px; position: relative; float: left; }
#main_navigation li.active          { background: url(cssimg/navigation_active.png) no-repeat 0 0; }
#main_navigation li img             { width: 150px; height: 45px; }
#main_navigation li a               { color: #fff; font-size: 1.5em; }
#main_navigation li.active a        { color: #fff000; }

.box                                { background: url(cssimg/frame_top.gif) no-repeat 0 0; padding-top: 14px; }
.box_outer                          { background: url(cssimg/frame_bottom.gif) no-repeat 0 100%; padding-bottom: 10px; }
.box_inner                          { background: #fff url(cssimg/frame_middle.gif) repeat-y 0 0; padding: 10px 23px; width: 476px; }
.box_inner:after                    { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*** CONTACT ***/
form                                { padding-top: 20px; }
form .field                         { clear: both; }
form .field:after                   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form .field div                     { padding-top: 10px; float: right; width: 316px; }
input,
textarea                            { float: right; width: 286px; font-family: Arial, sans-serif; font-size: 2em; padding: 4px 15px 14px; background: #fcfce5; border: 1px solid #a3d9ad; }
textarea                            { height: 105px; }
#captcha_container                  { background: none; margin-left: 190px; padding-top: 10px; }

form.fancy .field div               { background: url(cssimg/form_element_top.gif) no-repeat 0 0; }
form.fancy input,
form.fancy textarea                 { background: url(cssimg/form_element_bottom.gif) no-repeat 0 100%; border: 0; }
form.fancy #captcha_container       { margin-left: 170px; }

label                               { float: left; width: 123px; text-align: right; font-size: 2.1em; line-height: 1; color: #059821; background: url(cssimg/mandatory_field_indicator.gif) no-repeat 100% 5px; padding: 10px 5px 0 0; }
.submit_container                   { text-align: right; padding: 10px 0 0 0 !important;  background: none !important; }
.submit_container input             { width: auto; padding: 0; background: none; margin-right: 20px; font-size: 1.5em; }

.system_message         { padding: 10px; margin: 10px 0; background: #fff4a0; }
.system_message p       { margin: 0 !important; padding: 0 !important; }
.system_message ul      { padding: 0; margin: 0 0 0 20px !important; }
.system_message h2      { background: none !important; margin: 0 !important; line-height: 1.2; padding-left: 0 !important; }
.error                  { border: solid 1px red; }
.error h2               { color: #f00 !important; }
.error li               { color: #f00; }
.confirmation           { border: solid 1px #008000; }
.confirmation li,
.confirmation p         { color: #008000; }
.confirmation h2        { color: #008000 !important; }

/*** NEWS ***/
.entity_content              { background: url(cssimg/vertical_dots.gif) repeat-y 0 0; float: right; width: 415px; }
.entity_content .date        { float: left; width: 70px; line-height: .9; text-align: center; margin-left: -87px; margin-top: -0.5em; font-size: .66em; overflow: hidden; font-weight: normal; position: relative; }

.entity_content .date span   { display: block; }
.entity_content .day         { font-size: 4em; color: #fe0000; }
.entity_content .month       { font-size: 1.6em; color: #0fcff2; }
.entity_content .year        { font-size: 1.1em; color: #393939; letter-spacing: 1px; margin-top: 5px; }
.entity_content p            { padding: 0 15px !important; }
.entity_content a            { font-weight: bold; }
.entity_content a.readmore   { font-size: 1.3em; float: right; margin-right: 15px; display: inline; }

.entity_story                { font-size: 1.3em; line-height: 1.4; padding: 0 15px; }
.entity_story p              { font-size: 1em !important; padding: 0 !important; }

/* MISC */
#sidebar                            { float: left; display: inline; width: 180px; text-align: center; margin: -34px 0 0 10px; position: relative; }
#sidebar img                        { width: 99px; height: 62px; color: #fff; font-size: 1.5em; }

/*** GALLERYS ***/
#body_rezultati-s-natjecanja_homepage #content img,
#body_novosti_view #content img                     { border: 1px solid #ddd; padding: 4px; clear: both; float: left; margin: 5px 10px 5px 0; }

.entity_img_small img,
.entity_img_medium img,
.entity_img_large img                               { padding: 5px 15px 11px 5px; display: block; }

.entity_img_small                                   { background: url(cssimg/image_small_frame_bottom.gif) no-repeat 0 100%; width: 190px; margin-top: 10px; }
.entity_img_small img                               { background: url(cssimg/image_small_frame_top.gif) no-repeat 0 0; }

.entity_img_medium                                   { background: url(cssimg/image_medium_frame_bottom.gif) no-repeat 0 100%; width: 405px; margin: 10px auto 0 10px; }
.entity_img_medium img                               { background: url(cssimg/image_medium_frame_top.gif) no-repeat 0 0; width: 390px; height: 145px; }

.entity_img_large                                   { background: url(cssimg/image_large_frame_bottom.gif) no-repeat 0 100%; width: 455px; margin: 10px auto 0 auto; }
.entity_img_large img                               { background: url(cssimg/image_large_frame_top.gif) no-repeat 0 0; width: 440px; height: 165px; }

#image_gallery_holder                               { width: 390px; margin: 0 auto; }
#image_gallery_holder:after                         { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#image_gallery_holder .images_pseudo_row            { float: left; width: 100%; }
#image_gallery_holder .first                        { float:left; }
#image_gallery_holder .last                         { float: right; }
#image_gallery_holder .image_caption                { background: #ededed; clear: both; position: relative; top: -7px; padding: 5px 8px; width: 168px !important; font-size: 1.2em; line-height: 1; }


/***  DOWNLOADS  ***/
.entity_downloads                                   { }
.body_novosti .entity_downloads                     { margin-top: 20px; }
.body_rezultati-s-natjecanja .entity_downloads h3   { display: none; }
.entity_downloads h2                                { margin-top: 1.5em; }
.entity_downloads ul                                { list-style: none; margin-left: 15px !important; }
.entity_downloads li                                { background: url(cssimg/download_icon.gif) no-repeat 0 50%; padding: 5px 23px; }
.entity_downloads li a                              { font-weight: normal; }

/*** SPONSORS ***/
.body_sponzorski-kutak p,
.body_sponzorski-kutak ul                       { margin-bottom: 2em; }

.body_sponzorski-kutak #content p,
.body_sponzorski-kutak #content ul              { font-weight: bold; color: #4c4c4c; }
.body_sponzorski-kutak #content a               { text-decoration: underline; }
.body_sponzorski-kutak #content a:hover,
.body_sponzorski-kutak #content a:active,
.body_sponzorski-kutak #content a:focus			      { color: #ff0000; }

.body_sponzorski-kutak p.sponsors_related   { margin: 0; }

#footer                             { float: left; display: inline; clear: both; width: 500px; margin-left: 175px; padding: 20px 11px; }
#footer #copyright                  { float: left; font-size: 1em; color: #fff; padding-top: 7px; }
#footer #siteby                     { float: right; color: #fff; }
#footer #siteby img                 { width: 75px; height: 29px; }