/*------------------------------------------------------------------------------------------------ Author Name: Hrvoje Mesec Web Page: www.lordanzafranovic.com Date of Creation: 8.6.2010. Date of Last Update: ------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------ #1 General Styles, Whole Document ------------------------------------------------------------------------------------------------*/ * { padding: 0; margin: 0; border: 0; } html, body {height: 100%; width: 100%;} body {font-family: myriad pro, franklin gothic medium, verdana, arial, sans-serif; font-size:100%; font-weight:bold;} html {overflow: scroll; overflow-y: scroll; overflow-x: hidden; overflow:-moz-scrollbars-vertical; background:url(images/mozaik.jpg) repeat-y 50% 290px #fff;} /*------------------------------------------------------------------------------------------------ #2 Main Areas; Container= div#stranica, Header= div#gore, Body= div#sredina, Footer= div#dolje ------------------------------------------------------------------------------------------------*/ div#stranica {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; width: 100%; } div#gore {width:100%; height:300px; top:0px; position:absolute; background:#000000;} div#gore_bijela_crta {width:100%; height:20px; position:absolute; top:270px; background:#fff; z-index:100;} div#sredina {width:1000px; position:absolute; top:310px; left:50%; margin-left:-500px; z-index:100000; } div#dolje {height: 50px; width:100%; border-bottom:#000000 solid 10px; text-align:centre; position:relative;} div#dno {width:1000px; left:50%; margin-left:-500px; z-index:10; position:absolute;} /*------------------------------------------------------------------------------------------------ #3 Header Styles ------------------------------------------------------------------------------------------------*/ #menu {width:1020px; left:50%; margin-left:-510px; z-index:100; position:absolute;} #menu h2 {font-size:90%; font-weight:normal; padding-top:3px; z-index:100;} #menu h2 a {color: #000000; text-decoration: none; margin-right:20px; z-index:100;} #menu h2 a:hover {color: #ff5c5c; z-index:100;} #menu h2 a.current {color: #ff5c5c; z-index:100;} #gore_lijevo_kugle {width:1020px; left:50%; margin-left:-510px; z-index:10; position:absolute;} #gore_lijevo_kugle img {width:365px; height:auto; margin-top:90px; margin-left:-5px;} #gore_lordan_lijevo {width:1020px; left:50%; margin-left:-500px; margin-top:155px; position:absolute; z-index:1000;} #gore_lordan_lijevo h1 {font-size:150%; font-weight:normal; position:absolute; z-index:1000;} #gore_krugovi {width:1020px; left:50%; margin-left:-640px; z-index:11; position:absolute;} #gore_krugovi img {width:1300px; height:auto; margin-top:-40px;} #gore_jarac {width:1020px; left:50%; margin-left:385px; top:70px; z-index:13; position:absolute;} #gore_jarac img {width:120px; height:auto;} #gore_jarac_crta {width:300px; height:8px; background-color:#fff; left:50%; margin-left:90px; top:82px; z-index:12; position:absolute;} #gore_jarac_crta h1 {color:#b9b9b9; font-size:170%; font-weight:normal; margin-left:20px; z-index:13; margin-top:2px;} #gore_jarac_crta h1 a {color:#b9b9b9; text-decoration:none;} #gore_jarac_crta h1 a:hover {color:#ff5c5c;} div#gore_crna_crta {width:100%; height:12px; position:absolute; top:290px; background:#000; z-index:100000;} /*------------------------------------------------------------------------------------------------ #3.1 Menu Lavalamp Styles ------------------------------------------------------------------------------------------------*/ #sredina_jarac {width:1020px; left:50%; margin-left:500px; top:680px; z-index:1000; position:absolute;} #sredina_jarac img {width:170px; height:auto; } #sredina_specijal {width:1000px; left:50%; margin-left:470px; top:-10px; z-index:10000000; position:absolute;} #sredina_specijal p {font-weight:normal; font-size:80%;} #sredina_specijal p a {color:#ff5c5c;} #sredina_specijal p a:hover {color:#000;} #sredina_specijal p b {font-weight:normal; font-size:150%;} #sredina_specijal a img {border:1px solid #fff; padding-bottom:0px;} #sredina_specijal a:hover img {border:1px solid #ff5c5c;} /*------------------------------------------------------------------------------------------------ #4 Body Styles ------------------------------------------------------------------------------------------------*/ #biografija_1 {width:750px; height:auto; left:50%; margin-left:-335px; top:-10px; z-index:100000; position:absolute; background:#000; padding:10px 20px;} #biografija_1 p {font-weight:normal; padding-bottom:8px; color:#fff; font-size:80%;} #biografija_1 p a {text-decoration:none; color:#ff5c5c;} #biografija_1 p a:hover {color:#fff;} #biografija_1 h4 {color:#fff; font-size:90%; font-weight:bold;} #biografija_img {width:auto;} #biografija_img img { float:left; padding: 10px 20px 20px 0px; height:200px;} #filmografija_img {width:auto;} #filmografija_img img { float:left; padding: 10px 20px 20px 0px; height:200px; } #naslov_sekcije {margin-left: 200px; margin-top:-35px;} #naslov_sekcije p {font-weight:normal; color:#fff; font-size:80%;} .tablica {position:relative; width:700px; height:auto;} .naslov {position:relative; width:700px; height:auto; border-bottom:1px solid #fff; border-top:1px solid #fff; margin-bottom:5px;} .naslov p {padding-top:8px;} .lijevo_polje {position:relative; width:100px; height:auto; float:left;} .desno_polje {position:relative; width:600px; height:auto; float:left;} .naslov b {padding-right:20px;} .tablica_b {position:relative; width:700px; height:auto;} .naslov_b {position:relative; width:700px; height:auto; border-bottom:1px solid #fff; border-top:1px solid #fff; margin-bottom:5px;} .naslov_b p {padding-top:8px;} .lijevo_polje_b {position:relative; width:230px; height:auto; float:left;} .desno_polje_b {position:relative; width:470px; height:auto; float:left;} .naslov_b b {padding-right:20px;} .opis_b {} .lijevo_polje_c {position:relative; width:230px; height:auto; float:left; padding:0px; margin:0px;} .lijevo_polje_c p {font-style:italic; font-weight:900; padding-bottom:0px; margin-bottom:0px;} .desno_polje_c {position:relative; width:470px; height:auto; float:left; padding:0px; margin:0px;} .desno_polje_c p {font-style:italic; font-weight:900; padding-bottom:0px; margin-bottom:0px;} .galerija {float:left; margin-left:10px; margin-top:10px; width:140px;} .galerija img {border:1px #fff solid; width:140px; height:120px;} .galerija a img {border:1px #ff5c5c solid;} .galerija a:hover img {border:1px #fff solid;} /*------------------------------------------------------------------------------------------------ #4.1 Special each page different ------------------------------------------------------------------------------------------------*/ div#gore_jezici {position:absolute; z-index:10000; top:220px; left:50%; margin-left:390px;} div#gore_jezici p {float:right; padding-left:5px; padding-top:2px; font-size:70%;} div#gore_jezici a p {color:#ff5c5c;} div#gore_jezici a:hover p {color:#ffffff;} /*------------------------------------------------------------------------------------------------ #5 Footer Styles ------------------------------------------------------------------------------------------------*/ div#dno {text-align:center;} div#dno p { font-size:80%; } div#dno p a {color: #000000; text-decoration: none; margin-right:15px;} div#dno p a:hover {color: #ff5c5c; } div#dno h4 {margin-right:15px; font-size:80%; color: #b9b9b9; font-weight:normal; margin-top:5px;} div#dno h4 a {color: #000000; text-decoration: none;} div#dno h4 a:hover {color: #ff5c5c; } /* The End--------------------------------------------------------------------------------------*/