body {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:13px;
        background: #dcdcc8 url(headerbg.png) repeat-x;
        color: #555;
        margin:0;
        padding:0;
}

a:link, a:visited {
        text-decoration: none;
        font-weight: bold;
        color: #3f68ff;
}

a:hover {
        color: #3252c9;
}

small {
        font-family: Verdana, sans-serif;
        font-size: 9px;
        font-weight: normal;
        color: #999;
}

#sidebar .boxcontent li a small {
        color: #aaa;
}

h1, h2, h3, h4, h5 {
        font-family: "Trebuchet MS", sans-serif;
        font-weight: bold;
}

h2 {
        color: #681e1e;
        font-size:22px;
        margin:0 0 10px 0;
        display: block;
        line-height: 25px;
}

h2 a:link, h2 a:visited {
        color: #681e1e;
}
h2 a:hover {
        color: #900;
}
#container {
        width: 962px;
        margin:0 auto;
        text-align: left;
}

#main {
        margin-top: 240px;
        background-color: #eee;
}

#sidebar {
        width: 240px;
        float: left;
}
#content {
        width: 720px;
        float: right;
}

.post {
        width: 720px;
        float: left;
        background: #f3f3ed url(content.png) repeat-x;
        border: 1px solid #fff;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        overflow: hidden;
        margin-bottom: 20px;
}

.datum-i-kategorija {
        color: #888;
}
.datum-i-kategorija a {
        font-weight: normal;
}

.datum {
        text-transform: lowercase;
}

.info {
        background-color: #ddd;
        clear: both;
        float: none;
        height:30px;
        line-height: 30px;
        width:720px;
        -moz-border-radius-bottomleft: 7px;
        -moz-border-radius-bottomright: 7px;
        -webkit-border-bottom-left-radius: 7px;
        -webkit-border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        yfont-family: Verdana, sans-serif;
        yfont-size: 11px;
        color: #777;
}

.info a {
        font-weight: normal;
}

.infolijevo {
        float: left;
        padding: 0px 20px;
}

.infodesno {
        float: right;
        width: 240px;
        padding: 3px 0px;
}

.infodesno a {
        float: left;
        display: block;
        width: 24px;
        height: 25px;
        margin-right: 5px;
        background-repeat: no-repeat;
        background-color: transparent;
}
.infodesno a:hover {
        background-position: 0px -24px;
}

.facebook {
        background-image: url(ikonice/facebook.png);
}

.myspace {
        background-image: url(ikonice/myspace.png);
}

.yahoo {
        background-image: url(ikonice/yahoo.png);
}

.google {
        background-image: url(ikonice/google.png);
}

.twitter {
        background-image: url(ikonice/twitter.png);
}

.zrikka {
        background-image: url(ikonice/zrikka.png);
}

.email {
        background-image: url(ikonice/email.png);
}


#footer {
        border-top: 5px solid #b2b2a2;
        padding:20px 0;
        margin-top: 20px;
        text-align: center;
        float: left;
        width:100%;
}

#header {
        background: transparent url(header.jpg) no-repeat top center;
        position: absolute;
        height: 219px;
        width:100%;
        top:0;
}

#headerlinkwrap {
        width:962px;
        margin: 0px auto;
        height: 80px;
}
#headerlink {
        display: block;
        width: 250px;
        height: 80px;
        float: left;
        text-indent: -9000px;
}

.box {
        float: left;
        width: 220px;
        border:1px solid #fff;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        background: #787878 url(boxbg.png) repeat-x;
        color: #ddd;
        margin-bottom: 10px;
        overflow: hidden;
}

.box.naslovnica {
        float: right;
        width: 720px;
}

.box h3 {
        height: 40px;
        margin:0 0 10px 0;
}


.boxcontent {
        padding: 0 10px 10px 10px;
        -moz-border-radius-bottomleft: 7px;
        -moz-border-radius-bottomright: 7px;
        -webkit-border-bottom-left-radius: 7px;
        -webkit-border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
}

.box a:link, .box a:visited {
        color: #fff;
        text-decoration: none;
        font-weight: bold;
}

.box a:hover {
        color: #aaa;
}
.box h3 {
        -moz-border-radius-topleft: 7px;
        -moz-border-radius-topright: 7px;
        -webkit-border-top-left-radius: 7px;
        -webkit-border-top-right-radius: 7px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        text-indent: -9000px;
}


.box .pollresults h3 {
        text-indent: 1px;
}

h3.stojenumi {
        background: transparent url(stojenumi.png) no-repeat;
        text-indent: -9000px;
        display: block;
        margin-bottom: 0;
}


h3.izbornik {
        background: transparent url(izbornik.png) no-repeat;
}

div.anketa {
        background: #257dbc url(boxbg-anketa.png) repeat-x;
        -moz-border-radius-bottomleft: 7px;
        -moz-border-radius-bottomright: 7px;
        -webkit-border-bottom-left-radius: 7px;
        -webkit-border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
}

h3.login {
        background: transparent url(login.png) no-repeat;
}

div.login {
        background: #9c1d1d url(boxbg-login.png) repeat-x;
        -moz-border-radius-bottomleft: 7px;
        -moz-border-radius-bottomright: 7px;
        -webkit-border-bottom-left-radius: 7px;
        -webkit-border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
}

h3.anketa {
        background: transparent url(anketa.png) no-repeat;
}

h3.arhiva {
        background: transparent url(arhiva.png) no-repeat;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
}

.info.clanak {
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
}

.tekst {
        border-right: 1px solid #fff;
        padding:15px 20px;
        float: left;
        width: 419px;
        line-height: 1.5em;
}
.tekst2 {
        padding:10px 20px;
line-height: 1.5em;
}

.desno {
        padding:20px;
        width: 220px;
        height: 220px;
        float: right;
        border-left: 1px solid #fff;
        margin-left: -1px;
        text-align: center;
}

.slika {
        width:220px;
        height: 220px;
        padding-bottom: 20px;
}


.slika a img {
        border: none;
}



.box.naslovnica {
        float: right;
        width: 720px;
        padding-bottom: 0px;
        margin-bottom: 20px;
        display: none;
}

a img {
        border: none;
}

.boxcontent.naslovnica {
        padding:0;
}

.boxcontent.naslovnica #lijevo {
        padding:10px;
        width: 430px;
        float: left;
        height:150px;
        overflow: hidden;
}

.boxcontent.naslovnica #desno {
        padding:20px;
        width: 220px;
        background-color: #5c5c5c;
        border-left: 1px solid #999;
        float: right;
        -moz-border-radius-topright: 7px;
        -webkit-top-bottom-right-radius: 7px;
        border-top-right-radius: 7px;
        -moz-border-radius-bottomright: 7px;
        -webkit-border-bottom-right-radius: 7px;
        border-bottom-right-radius: 7px;
}

#slike, #zvuk, #video, #komentari {
        background: #f3f3ed url(sekcijebg.png) repeat-x;
        clear: both;
        float: left;
        width: 680px;
        padding:0 20px 10px 20px;
}


#komentari {
        -moz-border-radius-bottomleft: 7px;
        -moz-border-radius-bottomright: 7px;
        -webkit-border-bottom-left-radius: 7px;
        -webkit-border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
}

#slike h3, #zvuk h3, #video h3, #komentari h3 {
        text-indent: -9000px;
        background-color: #eee;
        height: 40px;
        width: 720px;
        margin: 0 0 20px -20px;
}

#slike h3 {
        background: transparent url(slike.png) no-repeat;
}
#zvuk h3 {
        background: transparent url(zvuk.png) no-repeat;
}
#video h3 {
        background: transparent url(video.png) no-repeat;
}

#komentari h3 {
        background: transparent url(komentari.png) no-repeat;
}

#sidebar .boxcontent ul {
        list-style-type: none;
        margin:0;
        padding:0;
}

#sidebar .boxcontent li {
        list-style: none;
        margin:0;
        padding:0;
        text-indent: 10px;
}


#sidebar .boxcontent li a:link, #sidebar .boxcontent li a:visited {
        display: block;
        height:27px;
        line-height:25px;
        background: transparent url(menuitembg.png) repeat-x left 25px;
        font-family: Verdana, sans-serif;
        font-size: 13px;
        font-weight: normal;
}
#sidebar .boxcontent li a:hover {
        background-color: #888;
        color: #fff;
}


#sidebar .boxcontent li.active a {
        font-weight: bold;
}


#sidebar .boxcontent li ul li a {
        text-indent: 20px;
        font-weight: normal;
}

#sidebar .boxcontent li ul li.active a {
        font-weight: bold;
}

fieldset {
        border: 1px solid #bbb;
        margin-bottom: 10px;
        margin-top:10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 15px;
}

legend {
        background-color: #555;
        color: #ccc;
        font-size: 14px;
        padding: 3px 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}

#sidebar fieldset {
        border: none;
        margin:0;
        padding: 5px;
}
label {
        display: block;
        clear: both;
}

form#EmailForm input, form#EmailForm textarea {
        display: block;
        clear: both;
}


#content object {
        display: block;
        clear: both;
        width: 100%;
        margin: 0px auto;
        margin-bottom:20px;
        text-align: center;
}

#ditto_pages {
    padding-bottom: 5px;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #3f68ff;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #3f68ff; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #3f68ff; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #3f68ff;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}

a.slikaugaleriji {
        display: block;
        width: 101px;
        height: 101px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        float: left;
        margin: 0px 5px 10px 5px;
}
a.slikaugaleriji:link, a.slikaugaleriji:visited {
        border: 1px solid #fff;
}
a.slikaugaleriji:hover {
        border: 1px solid #999;
}

body.izdvojeno #container {
        yposition: absolute;
        margin-top: 445px;
        top:0;
        background-color: transparent;
}
#izdvojenowrap {
        display: none;
}

body.izdvojeno #izdvojenowrap {
        display: block;
        position: absolute;
        top: 209px;
        height: 220px;
        background: #003178 url(izdvojenobg.png) repeat-x 0px -5px;
        width:100%;
        overflow: hidden;
}

#izdvojeno {
        margin:0px auto;
        width:962px;
        height: 220px;
        color: #ddd;
        background: transparent url(izdvojeno-numi-rock-fest-bg2.jpg) no-repeat 0px 14px;
}

#izdvojeno-numi-rock-fest ul {
        margin:0;
        padding:0;
        list-style-type: none;
}

#izdvojeno-numi-rock-fest ul li {
        list-style: none;
        margin: 5px 0;
        padding: 0;
}
#izdvojeno-numi-rock-fest a:link, 
#izdvojeno-numi-rock-fest a:visited {
        color: #fff;
}
 
#izdvojeno-numi-rock-fest a:hover {
        color: #bbb;
}


#prvidan {
        margin-top: 70px;
        margin-left: 390px;
        width: 130px;
        height: 130px;
        float: left;
        text-align: center;
}



#drugidan {
        margin-top: 70px;
        margin-left: 50px;
        width: 130px;
        height: 130px;
        float: left;
        text-align: center;
}

#donatori {
        margin-top: 70px;
        margin-right: 20px;
        width: 170px;
        height: 80px;
        float: right;
        text-align: center;
}

#donatori p {
        margin:0;
        padding:0;
        color: #bbb;
}

a#program {
        margin-top: 10px;
        margin-right: 45px;
        width: 190px;
        height: 40px;
        float: right;
        display: block;
}

th {
        text-align: left;
        background-color: #eee;
}


.obavijest, .wlpeMessage  {
        background: #f0f0e0 url(obavijestbg.png) no-repeat 10px 10px;
        padding: 20px 15px 25px 70px;
        border: 1px solid #d2d2a1;
        width: 80%;
        margin:0px auto 20px auto;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}

label {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

table.registracija {
        width:100%;
}
table.registracija td, table#wlpeViewProfileTable td {
        vertical-align: top;
        padding:5px;
        yborder-bottom: 1px solid #fff;
        font-weight: bold;
}
table.registracija td.lijevo, table#wlpeViewProfileTable td.lijevo {
        text-align: right;
        white-space: nowrap;
        font-weight: normal;
        width:40%;
}
#wlpeTermsOfService {
        height: 200px;
        overflow: scroll;
        width:100%;
        padding:5px;
        text-align: justify;
        font-family: "Arial", sans-serif;
        font-weight: normal;
}
#wlpeTermsOfService h1, #wlpeTermsOfService h2, #wlpeTermsOfService h3, #wlpeTermsOfService h4 {
        font-family: "Arial", sans-serif;
        font-size:14px;
        margin-top:0;
}
#wlpeWelcome {
        text-align: center;
        color: white;
}
#wlpeWelcome img {
        border: 2px solid #d2d2a1;
        background-color:#fafaec;
        padding:10px;
}

.userimage {
        width: 100%;
        text-align: center;
}


.userimage img {
        border: 1px solid white;
}

#wlpeUser blockquote {
        padding: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        width: auto;
        margin: 5px auto;
        font-size: inherit;
        font-style: italic;
}

#sidebar #wlpeUser blockquote {
        background-color: #be2323;
        color: #fff;
}

.jot-status {
        border-top: 1px solid #ccc;
        padding:10px 0;
        margin-top: 10px;
        font-size: 11px;
        color: #999;
}

#wlpeLoginButtons, #wlpeResetButtonFieldset {
        border: none;
}






#easypoll {
        width: 200px;
}

#easypoll h3 {
        margin:0;
        font-size: inherit;
        text-indent: 0px;
        color: #fff;
}
#easypoll ul, .pollresults ul {
    list-style: none;
    margin:0;
    padding:0;
}
#pollbuttons {
        margin: 0px auto;
        text-align: center;
        margin-top: 20px;
}
.pollresults {
        padding-bottom: 20px;
}
.pollresults li {
    clear:both;
    width:100%;
    list-style-type: none;
    margin:0;
    padding:0;
}
.pollresults p {
        margin: 0 10px;
}
.pollvotes input {
        margin-left: 5px;
}
.pollvotes li {
    list-style-type: none;
    margin:0;
    padding:0;
}
.pollvotes ul {
    list-style: none;
    margin:0;
    padding:0;
}
.pollvotes ul input {
        background: transparent none;
        border: none;
}
.easypoll_bar {
    height:1.8em;
    line-height:1.8em;
    background-color:#eee;
    float:left;
    width:100%;
    margin-bottom:0.5em;
    padding:1px;
}
.easypoll_bar strong {
    float:left;
    display:block;
    padding:0px 5px;
    color: #555;
}
.easypoll_inner {
    height:100%;
    float:left;
    background-color:#000;
text-align:left;
}
.pollresults li {
        margin-bottom: 5px;
}

#easypollsubmit, #easypollresult {
        margin: 0 0 10px 0;
}

.box.banner {
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background: #eee none;
        border: none;
}
