/* info -------------------------------------------------------- Start: 01.09.2006. Author: BozooArt, www.bozooart.com ; EmuSoft, www.emusoft.org URL: www.ceeses.com */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; } ol, ul { list-style: none; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } caption, th { text-align: left; } q:before, q:after { content:''; } input, textarea { font-family: Arial, Helvetica, sans-serif; } html { height: 100%; } body { font: 62.5% Arial,Helvetica,sans-serif; background:url(../images/hdr_bg.jpg) repeat-x; } a { text-decoration: none; margin: 0px; padding: 0px; } a:hover{ text-decoration: underline; } a:focus { outline: none; } input { background: #fff url(../images/formabckg.jpg); border: 1px solid #979b97; color: #333; font: 120% Arial,Helvetica,sans-serif; } textarea { border: 1px solid #979B97; color: #333; padding-left: 2px; font: 120% Arial,Helvetica,sans-serif; background-image: url(../images/textarea_bg.gif); } legend { display: none; } fieldset { border: none; } input:hover { background: #fcffec; border: 1px solid #D6D3CE; } textarea:hover { border-bottom: 1px solid #d6d3ce; } input:focus { background: #fcffec; color: #333; border: 1px solid #b6ca69; } textarea:focus { color: #333; border: 1px solid #b6ca69; } hr, .hide { display: none; } .clr { clear: both; } .green {color: #879738; } #first_part { background: #e5e7d8 url(../images/hdr_bg.jpg) repeat-x; } #container { width: 750px; margin: 0 auto; padding-bottom: 10px; } h2 { background: #dfe1cd; margin: 20px 0; padding-left: 10px; font-size: 200%; color: #413d3d; border: 1px solid #D4D8BB; line-height: 40px; } /* ------------------------- header -------------------------*/ #header { float: left; padding-bottom: 10px; } #header h1 { float: left; background: url(../images/logo.jpg) no-repeat; } #header h1 a { width: 282px; height: 71px; display: block; } #header span { display: none; } #header ol { float: right; margin-right: 12px; } #header li { display: inline; } #header li#galerija a { background: url(../images/galerija.jpg) no-repeat; height: 55px; width: 115px; display: block; float: left; color: #99A946; } #header li#galerija a:hover { background-position: right; } #header li#prijava a { background: url(../images/prijava.jpg) no-repeat; height:55px; width:115px; display: block; float: left; color: #99A946; } #header li#prijava a:hover { background-position: right; } #nav { color: #666; font-weight: bold; float: left; width: 513px; padding-top: 10px; } #nav li { float: left; display: inline; font-size: 130%; font-weight: bold; } #nav li a:link, #nav li a:visited { color: #413d3d; margin-right: 39px; } #nav li a:hover { color: #a5b652; text-decoration: none; } #searchbox { float: left; width: 200px; padding-top: 7px; } #searchbox .input { width: 160px; padding: 2px; background: #f4f4f2; border: 1px solid #d0d0d0; } #searchbox .input:focus { background: #fcffec; border: 1px solid #b6ca69; } #searchbox label { text-indent: -9999em; display: block; position: absolute; } #searchbox .button { width: 48px; margin-left: 10px; border: none; position: absolute; } #inputlabel { font: 150% Geneva,Arial,Helvetica,sans-serif; color: #333; font-weight: bold; font-style: italic; } /* ------------------------- showcase -------------------------*/ .showcase { height: 196px; width: 166px; background: url(../images/showcase_bg.jpg) no-repeat; float: left; margin: 10px 11px 0 0; padding-left: 10px; } .showcase a { color: #248db9; } .showcase a:hover { text-decoration: underline; } .showcase dd { margin-right: 10px; } .showcase img, .showcase img a { padding: 1px; border: 1px solid #cfcfcd; background: #f5f5f5; } .showcase a:hover img { background: #3c3838; } .showcase dt.name, .showcase dt.name a { padding-top: 5px; color: #248db9; font-size: 105%; margin-bottom: 3px; } .showcase dt.name a:hover { color: #333; } .showcase .rate { font-weight: bold; color: #3c3838; } .showcase .nmb { font-size: 140%; font-weight: bold; color: #3c3838; padding-left: 132px; margin-top: -18px; } .showcase .nmb span { position: absolute; margin-left: -9999em; } .showcase .comment { margin-top: 8px; } .showcase .comment a { color: #ccc; background: url(../images/comment_icon_bw.gif) no-repeat; padding-left: 20px; font-size: 110%; font-weight: normal; } .showcase .comment a:hover { color: #369EC5; text-decoration: none; background: url(../images/comment_icon.gif) no-repeat; } .showcase dl.height { height: 142px; } .showcase dd.info span { color: #369EC5; } .showcase dd.info { color: #bebdbc; font-size: 110%; padding-left:5px; border-top:1px solid #e2e2e1; line-height: 29px; } .showcase dd.info a { color: #bebdbc; } .showcase dd.info a:hover { color: #333; text-decoration: none; } .showcase .brijem { font-size: 140%; font-weight: bold; color: #3c3838; line-height: 20px; } /* ------------------------- second part -------------------------*/ #sec_part { background: #bdd16f url(../images/whtsepar_bg.jpg) repeat-x; padding-bottom: 20px; } #sec_part img { padding: 1px; border: 1px solid #fff; } #sec_part img:hover { background: #333; } #sec_cont { width: 770px; margin: 0 auto; padding-top: 10px; } #nmb_nav { width: 610px; margin: 0 auto; text-align: center; font-size: 110%; } #nmb_nav .btn, #nmb_nav .btn a { background: url(../images/btn.jpg) no-repeat; color: #b2c46b; height: 19px; width: 48px; display:block; float:left; } #nmb_nav .btn a:hover { background-position: right; text-decoration: none; color: #708129; } #nmb_nav .nmb, #nmb_nav .nmb a { background: url(../images/nmb_bg.jpg) no-repeat; color: #b2c46b; height: 19px; width: 20px; display: block; float: left; } #nmb_nav .nmb a:hover { background-position: right; text-decoration: none; color: #708129; } #left_col{ float: left; width: 192px; padding: 10px 58px 0 0; color:#48560f; text-align: justify; font-size: 110%; } #left_col h3 { font-size: 130%; margin-bottom: 10px; font-weight: bold; color: #fff; padding-top: 10px; } #left_col p { margin-top: 10px; } #left_col #break { border-bottom: 1px dashed #333; margin-top: 15px; } #midd_col{ width: 240px; color: #fff; font-size: 110%; padding-top: 30px; float: left; margin-left: 20px; } #midd_col img { float: left; width: 85px; height: 68px; margin: 2px 10px 0 0; } #midd_col .box { border-bottom:1px dashed #333; padding: 10px 5px; } #midd_col .box a {color: #48560f; } #midd_col dl { float: left; margin-bottom: 9px; width: 130px; } #midd_col dt { font-weight: bold; color: #48560f; font-size: 120%; margin-bottom: 3px; } #midd_col h3, #midd_col h3 a { font-size: 130%; margin: 0 0 10px 0; font-weight: bold; color: #fff; padding-top:10px; } #midd_col h3.center { text-align:center; margin: 10px 0; padding: 10px 0; } #right_col { width: 200px; height: 430px; background: url(../images/ceeses.jpg) no-repeat center 30px; margin: 9px 0 0 50px; float: left; font-size: 110%; color: #48560f; } #right_col a { margin: 35px 0 0 38px; display: block; } #footer { background: url(../images/ftr_bg.jpg) repeat-x; height: 21px; padding-top: 20px; text-align: center; color: #b2c46b; font-size: 100%; } #footer a { color: #b2c46b; font-size: 100%; } #footer a:hover { color: #333; text-decoration: none; } #page { margin-left: 90px; width: 414px; padding-top: 10px; font-size: 120%; } #page a { color: #879738; text-decoration: underline; } #page a:hover { text-decoration: none; } #page p { margin: 10px 0; } #page li { border-bottom: 1px solid #dcdecb; padding: 10px 0; margin: 0 50px 0 30px; text-align: justify; list-style-type: square; } /*-------------------- comment ---------------------- */ #comment { margin-left: 90px; width: 414px; padding-top: 10px; } #comment a, page a { color: #413d3d; text-decoration: underline; } #comment a:hover { text-decoration: none; } #comment .img { padding: 1px; border: 2px solid #fff; } #comment .img:hover { background:#413d3d; } #comment h3 { line-height: 30px; font-size: 180%; color: #413d3d; margin-bottom: 30px; } #comment h3.border { background: #dfe1cd; margin-top: 30px; padding-left: 10px; border: 1px solid #D4D8BB;} #comment .box { color:#625f5c; font-size: 120%; margin: 15px 0; padding: 7px; border: 1px solid #dadccd; background: #dfe1cd; clear: both; } #comment .box h4 { color: #879738; font-weight: bold; padding-left: 10px; font-size: 140%; float: left; width: 310px; } #comment .box h4 a { color: #879738; text-decoration: none; } #comment .box h4 a:hover { color: #fff; text-decoration: underline; } #comment .box .name { background: #D4D8BB; line-height: 23px; margin-bottom: 7px; border: 1px solid #DFE1CD;} #comment .box .name span { font-size: 100%; width: 30%; color: #8f9e4d; } #comment .box:hover { background: #D4D8BB;} #comment #info li { font-size: 140%; color: #413D3D; border: 1px solid #dadccd; border-top: none; padding: 4px; } #comment #info li .desc { margin-top:-16px; padding-left: 105px; font-size: 90%; display: block; font-weight: normal; color: #413D3D; } #comment #info a { color: #413D3D; text-decoration: underline; } #comment #info a:hover { color: #248db9; text-decoration: none; } #comment #info span { font-weight: bold; color: #879738; } #comment form { background: url(../images/cmt_bg.gif); height: 447px; width: 364px; padding: 20px 0 0 50px; } #comment form label { font-size: 140%; cursor: pointer; color: #48560F; font-weight: bold; } #comment form dt { padding-bottom: 5px; } #comment form dd { padding-bottom: 15px;} #comment form .input { width: 190px; font-weight: normal; padding: 2px; } #comment form textarea { width: 280px; height: 85px; } #comment form .btn { border: solid 1px #d4d8bb; height: 19px; width: 49px; } /* ------------------------- submit -------------------------*/ #submit { width: 360px; float: left; padding: 10px 0 0 90px; } #submit dt { margin-bottom: 5px; font-weight: bold; color: #48560F; } #submit dd { margin-bottom: 10px; } #submit dd.error { color: #cc0000; padding-left: 20px; display: none; } #submit .btn { height: 19px; width: 47px; line-height: 20px; font-weight:bold; border:none; } #submit form input { width: 200px; } #submit form textarea { width: 280px; height: 89px; background: #f1f2ea; } #submit form { width: 364px; margin-top: 30px; font-size: 110%; } #submit form #author { background:#D5D8BE; margin: 15px 0; width:240px; padding:20px 5px 20px 40px; } #submit form .input_tag { margin-bottom: 5px; width: 360px; } #submit form .input { padding: 2px; } #submit form .tags ul { font-size: 140%; padding: 30px 0 10px 0; } #submit form .tags li { display: inline; line-height: 35px; margin: 4px 0; } #submit form .tags li a { color: #48560F; padding: 0 2px; } #submit form .tags li a:hover { color: #fff; background: #BDD16F; } #submit form .tags li.keyword1 { font-size: 0.7em; } #submit form .tags li.keyword2 { font-size: 1.0em; } #submit form .tags li.keyword3 { font-size: 1.5em; } #submit form .tags li.keyword4 { font-size: 2.0em; } #submit form .tags li.keyword5 { font-size: 2.5em; } #links { width: 400px; padding: 10px 0 0 90px; } #links ul { margin: 10px 0; } #links li { font-size: 120%; padding: 3px 0 3px 5px; border-bottom: 1px solid #DCDECB; } #links li a { color: #48560F; padding: 0 2px; } #links li a:hover { color: #fff; background: #BDD16F; text-decoration: none; } #links li a:visited { background: #D5D8BE; } /* ------------------------- archive -------------------------*/ #archive { width: 400px; padding: 10px 0 0 90px; } #archive ul { margin: 10px 0; } #archive li { font-size: 110%; padding: 5px 0 5px 20px; border-bottom: 1px solid #DCDECB; background: url(../images/page.gif) no-repeat left center; } #archive a { color: #48560F; padding: 0 2px; } #archive a:hover { color: #fff; background: #BDD16F; text-decoration: none; } #archive span a { color: #413D3D; } #archive span a:hover { background: #E5E7D8; color: #413D3D; text-decoration: underline; } #nema h2 { color: #413d3d; font-size: 200%; padding: 10px; } #admin { width: 360px; float: left; padding-left: 90px; } #admin h1 { color: #413d3d; font-size: 200%; font-weight:bold; padding: 15px 0 5px 0; border-bottom:1px dashed #48560F; } #admin li { border-bottom:1px solid #DCDECB; padding: 5px 0; margin-right: 10px; } #admin li a { color: #48560F; } #admin li a:hover { color: #fff; background: #BDD16F; } #order ul {padding: 10px 0 10px 20px; margin: 1px 0 10px 0; } #order li{ font-weight: bold; border-bottom: 1px solid #DCDECB; margin: 0 40px;padding-left: 10px; line-height: 25px; list-style-type: square; color: #48560F; }