* { margin: 0; padding: 0; }
html { font: 11px/16px Arial, Verdana, Helvetica, sans-serif; color: #eee; }

body { background: #0E1319 url(cssimg/body-x.jpg) repeat-x; text-align: center; }

a { text-decoration: none; color: #88ABCD; }
a:hover { color: #A9D5FF; }
a img, fieldset { border: 0; }

h4 { font-size: 14px; }

#container { margin: 0 auto; background: url(cssimg/content-y.jpg) repeat-y; width: 725px; margin: 10px auto; text-align: left; }
#content { background: url(cssimg/header.jpg) no-repeat; height: 300px; position: relative; }

    h1#top_heading { position: absolute; top: 50px; left: 410px; width: 183px; height: 90px; }
    h1#top_heading a { text-indent: -9999px; display: block; width: 183px; height: 90px; }

    #main_nav { float: left; list-style-type: none; padding-bottom: 20px; margin-bottom: 20px; background: url(cssimg/line.gif) no-repeat 100% 100%; }
    #main_nav li { display: inline; float: left; clear: left; margin-bottom: 5px; }
    #main_nav li a { text-indent: -9999px; display: block; text-decoration: none; background: url(cssimg/main_nav.gif) no-repeat; width: 170px; height: 25px; overflow-x: auto; }

    #main_nav li#vijesti a   { background-position: 0 0 }
    #main_nav li#kalendar a  { background-position: 0 -25px }
    #main_nav li#rezultati a { background-position: 0 -50px }
    #main_nav li#galerija a  { background-position: 0 -75px; }
    #main_nav li#linkovi a   { background-position: 0 -100px }
    #main_nav li#statut a    { background-position: 0 -125px }
    #main_nav li#kontakt a   { background-position: 0 -150px }
    #main_nav li#forum a     { background-position: 0 -175px }
    #main_nav li#fotogalerije a  { background-position: 0 -200px; height: 30px; }

    #main_nav li#vijesti a:hover   { background-position: -170px 0 }
    #main_nav li#kalendar a:hover  { background-position: -170px -25px }
    #main_nav li#rezultati a:hover { background-position: -170px -50px }
    #main_nav li#galerija a:hover  { background-position: -170px -75px }
    #main_nav li#linkovi a:hover   { background-position: -170px -100px }
    #main_nav li#statut a:hover    { background-position: -170px -125px }
    #main_nav li#kontakt a:hover   { background-position: -170px -150px }
    #main_nav li#forum a:hover     { background-position: -170px -175px }
    #main_nav li#fotogalerije a:hover  { background-position: -170px -200px }

    #right_col { float: left; width: 170px; margin-top: 180px; margin-left: 23px; display: inline; }

        #heading_sponzori { background: url(cssimg/heading_sponzori.gif) no-repeat 50% 50%; height: 36px; text-indent: -9999px; clear: left; }
        #sponzori { list-style-type: none; text-align: center; }
        #sponzori li { margin-bottom: 5px; }
        #sponzori a { color: #fff; }
        #sponzori a:hover { color: #88ABCD; }


    #main_content { margin: 210px 0 0 10px; float: left; width: 490px; display: inline; }
    #main_content h2#novosti { background: url(cssimg/heading_novosti.gif) no-repeat; height: 36px; }
    #main_content h2#kontakt { background: url(cssimg/heading_kontakt.gif) no-repeat; height: 36px; }
    #main_content h2#clanstvo { background: url(cssimg/heading_clanstvo.gif) no-repeat; height: 39px; }
    #main_content h2#fotogalerija { background: url(cssimg/heading_fotogalerija.gif) no-repeat; height: 45px; }
    #main_content h2.title { text-indent: -9999px; margin: 0 0 20px 20px; }
    .news_date { color: #999; font-size: 10px; }
    .news_image { float: left; margin-right: 8px; border: 1px solid #88abcd; }
    .news_image:hover { border: 1px solid #A9D5FF; }
    .news_image img { float: left; }
    .news_content { width: 490px; float: left; margin-bottom: 15px; }
    .pagination { border-top: 1px solid #88abcd; clear: both; }
    .pagination .float_left { float: left; }
    .pagination .float_right { float: right; }

    .gallery_image { width: 225px; float: left; margin-right: 15px; background: #0E1319; margin-bottom: 20px;  }
    .gallery_image a { float: left; border: 1px solid #88abcd; }
    .gallery_image img { float: left; }
    .gallery_image .caption { padding: 5px; display: block; clear: left;  }
    .gallery_image a:hover { border: 1px solid #A9D5FF; }
    .gallery_image.clear { clear: left; }

    #main_content p { margin-bottom: 10px; }
    #main_content ul { margin: 0 0 10px 25px; }

#footer { background: url(cssimg/footer.jpg) no-repeat; height: 47px; clear: both; padding: 0 25px; }
    #footer p { text-align: center; padding-top: 16px; }
#uplink { background: url(cssimg/logo_up.gif) no-repeat left center; padding-left: 30px; }

.input-button { border: 0; background: #88ABCD; color: #fff; font-size: 11px; font-family: Arial, sans-serif; padding: 3px 10px; float: right; margin-right: 10px; }
label { width: 60px; display: block; float: left; padding-top: 4px; clear: left; }
#form_clanstvo label { width: 170px; padding-top: 6px; }
#form_clanstvo label.radio_label { width: auto; display: inline; float: none; padding: 6px; }
#form_clanstvo div { clear: both; margin-bottom: 10px; }
.input-text, textarea { background: #333; border: 2px solid #88ABCD; padding: 4px; font-size: 11px; font-family: Arial, sans-serif; color: #ccc; }
.input-text:focus, #kontakt textarea:focus { border: 2px solid #88ABCD; }
.input-text { width: 170px; }
textarea { width: 220px; }

p strong em { font-size: 16px; font-style: normal; font-weight: normal; }

.error, .notice { background-color: #555; color: #ffc600; padding: 10px; border: 1px solid #FFC600; clear: both; }

.members_table thead td {
	background-color: #C7C3B8;
	border-top: 1px solid #b6b2a7;
	border-bottom: 1px solid #b6b2a7;
}
.members_table tfoot td {
	background-color: #C7C3B8;
}

.members_table tbody td {
	border-bottom: 1px solid #c7c3b8;
	font-size: 10px;
}