/* GENERAL --------------------------------------------------------------------------------- */ * {margin:0; padding:0;} html {background:#7f2a00 url(bg-html.gif) top left repeat-x;} body {background:url(bg.jpg) top center no-repeat; font-size:12px; color:#343434; font-family:Arial, Helvetica, sans-serif;} textarea {width:200px; line-height:18px;} a {text-decoration:none; color:#c35c00; outline:none;} a:hover {text-decoration:underline; color:#959595;} img {border:0;} /* LAYOUT --------------------------------------------------------------------------------- */ #main {overflow:auto} #okvir {width:970px; margin:auto;} /* HEAD SEGMENT --------------------------------------------------------------------------------- */ #header {float:left; height:100px; width:970px; padding:0;} #header a.logo {float:left; color:#fff; background:url(bg-logo.png) top left no-repeat; display:block; text-indent:-99999px; width:408px; font-size:14px;} #header .ad{width:470px; height:60px; padding-top:20px; _padding-top:10px; float:right;} #site {float:left; height:63px; width:970px; background:url(bg-site1.png) top center no-repeat;} #site a {float:left; /*margin-left:334px;*/ margin-top:4px; } #site a:hover {background:url(website-button.gif) 0 -60px no-repeat;} #searchBox {float:right; width:211px; padding:20px 28px 0 0; } .innerSearch {float:left; width:211px; height:30px; background:url(search-bgr.gif) 0 0 no-repeat;} .innerSearch input.searchField {float:left; width:168px; height:22px; border:0; background:none; font-size:11px; color:#707070; padding:8px 0 0 10px;} .innerSearch input.searchField:focus {border:0; outline:none;} .innerSearch input.searchButton {float:left; width:30px; height:30px; border:0; background:none; text-indent:-9999px; cursor:pointer;} /* CONTENT --------------------------------------------------------------------------------- */ #content {float:left; width:970px; background:url(bg-content.png) top center repeat-y;} #content1 {float:left; width:970px; background:url(bg-content1.png) top center repeat-y;} #innerContentHoder {float:left; width:960px; padding:23px 5px; background:url(content-top-bgr.gif) center top no-repeat; overflow:auto;} #innerContentHoder1 {float:left; width:960px; padding:23px 5px; background:url(content-top-bgr1.gif) center top no-repeat; overflow:auto;} /* Posts holder ------------------------------------------- */ #posts {float:left; width:480px;} * html #posts {width:450px;} #posts h2 { display:block; padding-left:10px; width:437px; margin-bottom:15px;} /* Single post */ .post {float:left; position:relative; width:444px; background:url(bg-post.gif) bottom left no-repeat; padding-right:12px; padding-left:24px; margin-bottom:24px;} span.date {padding-left:16px; background:url(icon-date.gif) left center no-repeat;} span.author {padding-left:16px; margin-left:12px; background:url(icon-author.gif) left center no-repeat;} span.author span {color:#c35c00;} .entry {padding-top:14px;} .entry a.more-link {display:block;} .entry img {padding-bottom:4px; padding-top:0;} .entry p.wp-caption-text {font-size:11px; padding:0 0 14px 0; line-height:13px; font-style:italic;} .post p.dauthor, .post p.category {font-size:11px; padding-bottom:0px; line-height:15px;} .post p.category {background: url(icon-category.gif) left center no-repeat; padding-left:16px;} .post h3 {font-family:Arial, Helvetica, sans-serif; color:#959595; font-weight:bold; font-size:13px; line-height:16px; padding-bottom:4px;} .post h4 {font-family:Arial, Helvetica, sans-serif; color:#434343; font-weight:normal; font-size:16px; line-height:21px; padding-bottom:12px;} .post p {line-height:18px; padding-bottom:10px; font-size:12px; text-align:justify;} .post ul {padding:0 0 14px 20px; list-style-type:none;} .post ul li {background:url(bullet.gif) 0 7px no-repeat; padding:0 0 0 12px; line-height:18px; font-size:12px;} .post ol {padding:0 0 14px 37px;} .post ol li {padding:0; line-height:18px; font-size:12px;} .post blockquote {padding:10px 0 0 20px; width:300px; margin-bottom:14px; /*background:url(data/quotes-1.gif) left top no-repeat;*/ font-style:italic;} .post blockquote p {padding:0 10px 10px 0; /*background:url(data/quotes-2.gif) right bottom no-repeat;*/} .post pre {font: 0.9em "Courier New", monospace; background:#f6f5f5; padding:10px 0 10px 20px; line-height: 1.5em; margin-bottom:14px; overflow:auto;} .post code {white-space:pre; font: 0.9em "Courier New", monospace; background:#f6f5f5; padding:10px 0 10px 20px; line-height: 1.5em; margin-bottom:14px; overflow:auto;} .post div.p_info {float:left; width:444px; margin-bottom:24px;} .post div.p_info a.rfs {background:url(full-story-button.gif) 0 0 no-repeat; width:148px; height:25px; display:block; text-indent:-9999px; float:left;} .post div.p_info a.bck {background:url(back-button.gif) 0 0 no-repeat; width:131px; height:25px; display:block; text-indent:-9999px; float:left;} .post div.p_info a.rfs:hover {background:url(full-story-button.gif) 0 -25px no-repeat;} .post div.p_info a.bck:hover {background:url(back-button.gif) 0 -25px no-repeat;} span.com {float:right; background:url(bg-com.gif) top left no-repeat; height:25px; display:block; line-height:25px; padding-left:28px; font-size:11px; margin-left:41px; width:113px;} span.com b {font-weight:bold; color:#535353;} span.stf {float:right; background: url(bg-stf.gif) top left no-repeat; height:25px; display:block; line-height:25px; padding-left:28px; font-size:11px; width:86px;} .tellAfrindBox {position:absolute; right:25px; bottom:23px; font-size:11px;} /* Page pagination */ .paginacija {float:left; padding-bottom:24px; margin-right:12px; margin-left:24px; font-weight:bold; background:url(bg-paginacija.png) top left no-repeat; line-height:25px; height:25px; color:#c35c00; width:444px;} * html .paginacija {margin-left:12px; width:444px;} .paginacija a:hover {color:#535353;} .previousNav {float:right; width:92px; height:25px; display:block;} .previousNav a {background:url(next-button.gif) 0 0 no-repeat; display:block; float:right; height:25px; width:92px; text-indent:-9999px;} .previousNav a:hover {background:url(next-button.gif) 0 -25px no-repeat;} .nextNav {float:left; width:92px; height:25px; display:block;} .nextNav a{background:url(previous-button.gif) 0 0 no-repeat; display:block; text-indent:-9999px; float:left; width:92px; height:25px;} .nextNav a:hover {background:url(previous-button.gif) 0 -25px no-repeat;} .pages {float:left; width:260px; text-align:center;} .pages a {padding:3px 7px 3px 7px; margin-right:1px; margin-left:1px;} .pages a.current {background:url(bg-a-pages-1.gif) top left no-repeat;} #wp_page_numbers ul li.active_page a {background:url(bg-a-pages-1.gif) top left no-repeat;} /* Comments */ .comments {float:left; background:url(bg-post.gif) bottom left no-repeat; width:444px; padding:0 12px 14px 24px; margin-bottom:24px;} .comments h2 {float:left; width:444px; display:block;} .comment {float:left; width:444px; background:url(bg-c-comment.gif) bottom center no-repeat; margin-bottom:15px; padding-bottom:4px;} .ccom {float:left; width:444px; background:url(bg-comment.gif) top center repeat-y;} .ccom p {float:left; width:424px; overflow:auto; line-height:20px; padding:4px 10px 2px 10px;} .c_info {float:left; width:414px; background:url(bg-i-cooment-z.gif) top center no-repeat; height:35px; line-height:38px; padding-left:30px; padding-bottom:0px;} /* Admin Users Style */ .user-0 {background:url(bg-i-cooment.gif) top center no-repeat;} .c_info a {font-weight:bold;} b.c_author {float:left;} span.c_date {float:right; padding-right:10px; text-align:right; font-size:11px; width:130px; background:url(icon-date.gif) left center no-repeat;} /* Add comment form */ .comment_form {float:left; position:relative; width:444px; padding-right:12px; padding-left:24px; margin-bottom:12px;} .comment_form form {padding-bottom:0;} .comment_form form p {font-size:11px;} .box {float:left; width:222px; padding-bottom:11px;} .s {padding-left:11px; width:211px;} .comment_form form h2 {float:left; display:block; width:80px;} .comment_form label {width:100px; font-weight:bold; font-size:11px; padding-bottom:3px; display:block;} .comment_form form input.inputfc {float:left; font-size:12px; border:0; background:none; outline:none; height:15px; width:193px; padding:7px 9px 8px 9px; display:block; color:#434343;} .comment_form form p.inputfc {background:url(short-field-bgr.gif) 0 0 no-repeat; width:211px; height:30px;} .comment_form form input.big_inputfc {float:left; font-size:12px; border:0; background:none; outline:none; height:15px; width:426px; margin-bottom:11px; padding:7px 9px 8px 9px; display:block; color:#434343;} .comment_form form p.big_inputfc {background: url(wide-field-bgr.gif) 0 0 no-repeat; width:444px; height:30px;} #div_ctextarea {background:url(bg-c-form-textarea.gif) 0 0 no-repeat; width:444px; height:119px; float:left;} .comment_form form textarea {background: none; outline:none; font-family:Arial, Helvetica, sans-serif; width:426px; padding:9px; overflow:auto; height:101px; border:none; font-size:11px; float:left; margin-bottom:-2px; color:#434343; font-size:12px;} * html #contact form textarea {height:101px;} .comment_form form input.submitComment {background:url(bg-c-form-button.gif) 0 0 no-repeat; border:0; width:444px; height:31px; text-indent:-9999px; outline:0; cursor:pointer;} /* Ajax validation styles */ .ajax_comments_spinner {float:left; width:444px; padding:5px 0; font-size:11px; color:#8f8f8f;} .ajax_comments_spinner img {float:left; margin-right:5px;} .ajax_comments_error {float:left; width:444px; padding:5px 0; font-size:11px; color:#8f8f8f;} /* Sidebar 1 ------------------------------------------- */ #center {float:left; width:222px; padding-left:12px;} * html #center {padding-left:10px;} #centar h2 {width:200px; margin-left:-1px; display:block; margin-bottom:12px;} #center h2{ width:200px; margin-left:-1px; display:block; margin-bottom:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px;} .centar_content {padding-right:12px;} #center ul {list-style-type:none; color:#535353; margin-top:7px; margin-bottom:19px;} #center ul li {background:url(li-tag.gif) 0 3px no-repeat; padding-left:12px; margin-bottom:6px;} .centar_content p{text-align:justify; padding-bottom:12px; padding-left:12px; padding-right:10px;} /* Sidebar 2 ------------------------------------------- */ #right {float:left; width:222px; padding-left:12px;} * html #right {padding-left:10px;} #rssHolder {float:left; width:211px; padding-bottom:10px;} #rssHolder a {float:left; width:211px; height:45px; display:block; background:url(rss-icon1.gif) 0 0 no-repeat; text-indent:-9999px;} #rssHolder a:hover {background-position:0 -45px;} #right h2 {width:222px; display:block; margin:15px 0 12px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-left:10px; font-size:18px;} #right ul {list-style-type:none; color:#535353; margin-top:7px; margin-bottom:19px;} #right ul li {background:url(li-tag.gif) 0 3px no-repeat; padding-left:12px; margin-bottom:6px;} #right p {line-height:18px; width:211px; font-size:11px; padding-bottom:5px;} #right_content {float:left; width:222px;} #right_content a.sideImgHolder {position:relative; display:block; width:212px; height:105px; margin-bottom:9px;} /*#right_content a span {position:absolute; top:1px; left:1px; width:212px; height:105px; background:url(side-img-over.png) 0 -105px no-repeat; cursor:pointer;}*/ #right_content h3 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-bottom:9px;} #right_content h3.noTitle {display:none;} #right_content h3.vectorsTitle {padding-top:5px;} .storeImg {float:left; width:211px; margin:0 10px 0 0; height:201px; background:url(store-img.jpg) top left no-repeat;} .storeImg img {z-index:100; position:absolute;} #grabItOver {position:absolute; z-index:1; display:none;} .flickerizedImgs {float:left; width:222px;} .flickerizedImgs a {float:left; position:relative; display:block; width:100px; height:101px; overflow:hidden; margin-right:10px; margin-bottom:10px;} .flickerizedImgs a span {position:absolute; z-index:100; width:100px; height:101px; top:0; left:0; background:url(flickerized-frame.png) 0 0 no-repeat; cursor:pointer;} .flickerizedImgs a img {margin-left:-50px;} .flickerizedImgs p {padding-top:2px;} * html .flickerizedImgs p {margin-top:12px;} * html .flickerizedImgs a {margin-right:5px;} /* FOOTER --------------------------------------------------------------------------------- */ #footer {height:62px; float:left; width:970px; font-size:11px; text-align:center; line-height:62px; background:url(bg-footer.png) top center no-repeat; color:#8f8f8f; padding-bottom:54px;} #banner img{margin-bottom:4px; border:4px solid #C0BBB7; padding:0px;} #bonus{margin-bottom:10px; border-bottom:1px dotted #999; padding-bottom:10px;} #bonus h3{padding-left:12px;} #bonus h3 a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-bottom:9px; color:#343434; text-decoration:none;} #bonus h3 a:hover{color:#c35c00; text-decoration:none;} #bonus p{padding-left:12px; padding-bottom:3px;} .visit{margin-top:5px;} .visit a{background:url(visit.gif) 0 0 no-repeat; display:block; text-indent:-9999px; width:92px; height:25px;} .visit a:hover {background:url(visit.gif) 0 -25px no-repeat;} .down{margin-top:5px;} a.down{background:url(download.gif) 0 0 no-repeat; display:block; text-indent:-9999px; width:92px; height:25px;} a.down:hover {background:url(download.gif) 0 -25px no-repeat;} /* for articles */ .post p.more a{background:url(full-story-button.gif) 0 0 no-repeat; width:148px; height:25px; display:block; text-indent:-9999px;} .post p.more a:hover {background:url(full-story-button.gif) 0 -25px no-repeat;} .post h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:bold; font-size:22px; line-height:24px; padding-bottom:4px; margin-bottom:-10px;} img.post-thum{ padding:1px; background:#fff; border:1px solid #C0BBB7; float:right; margin: 15px 0 10px 15px; } .centar_content p.border{margin-bottom:10px; border-bottom:1px dotted #999; padding-bottom:10px;} #site ul{margin:0px; padding:0px;} #site ul li{list-style-type:none; display:inline; font-family:"Trebuchet MS", Arial; font-size:18px; text-transform:uppercase;} #site ul li a{padding:15px; padding-top:20px; padding-left:25px;} #fresh {float:left; width:970px; height:248px; color:#6c6c6c; text-align:center; background:url(top.jpg) center top no-repeat;} #fresh .banner { margin-top:42px; margin-left:48px;} #fresh .banner img{float:left; margin-right:4px; margin-top:10px; margin-left:20px; border:2px solid #887E3E; padding:2px;} #fresh .content{margin-left:356px; margin-top:42px; margin-right:32px; padding-left:30px;} #fresh .content p{text-align:justify; line-height:18px; color:#fff; padding-right:10px; padding-left:5px;} #fresh .content h2{color:#c35c00; text-align:left; padding-left:5px; font-family:"Trebuchet MS", Arial;} #fresh .content h3{color:#eee; text-align:left; padding-left:5px; font-family:"Trebuchet MS", Arial; padding:5px; font-size:14px;} #download{margin-top:80px; width:100px; height:101px; cursor:pointer; margin-bottom:32px; margin-right:3px; display:block; float:right; cursor:pointer;} #download a{cursor:pointer;}