/*------------------------------------------------*/ /*------------------[BASE STYLES]-----------------*/ /*------------------------------------------------*/ body { margin: 0px 0px; padding: 0px 0px; color: #84878E; background-color:#000; background-image: url(images/bgtw.jpg); background-repeat: no-repeat; background-position: top; font-family: Trebuchet MS; font-size: 12px; line-height: 18px; } a:link, a:visited { text-decoration: none; color: #FFFFFF; } a:hover { color: #FFF; text-decoration: underline; } h1, h2, h3, h4 { margin: 0px 0px 10px 0px; font-weight: normal; } h3 { font-size: 20px; } ul { line-height: 22px; list-style-image: url(images/bullet.gif); } /*------------------------------------------------*/ /*------------------[MAIN LAYOUT]-----------------*/ /*------------------------------------------------*/ .headings { color: #000; margin-bottom: 10px; display: block; width: 100%; } #wrapper { width: 940px; margin: auto; padding: auto; margin-top: 50px; } #wrapper2 { width: 100%; margin: 0px 0px; background-position: top center; background-repeat: no-repeat; float: left; } .single-entry { float: left; width: 613px; margin-bottom: 10px; padding: 13px; background-color: #131313; background-image: url(images/bottom.png); background-position: bottom; background-repeat: no-repeat; } .post-wrapper { margin-top: 0px; padding: 0px 15px 15px 15px; background-image: url(images/maximamiddle.png); background-repeat: repeat-y; background-position: ; width: 609px; float: left; } .home-post-wrap { width: 313px; height: 300px; float: left; background-color: #131313; background-image: url(images/home-post-bottom.gif); background-repeat: no-repeat; background-position: bottom; margin: 0px 13px 10px 0px; padding: 0px; } .home-post-wrap-2 { width: 313px; float: left; background-color: #262D2B; background-image: url(images/home-post-bottom.gif); background-repeat: no-repeat; background-position: bottom; margin: 0px 13px 10px 0px; padding: 0px; } .post-inside { padding: 8px 13px 13px 13px; } .post-inside-small { padding: 4px 13px 4px 13px; margin-top: 4px; float: left; } .comments-bubble { background-image: url(images/comment-count-bg.gif); width: 18px; height: 15px; float: right; margin: 0px; padding: 0px 0px 0px 4px; color: #6D200C; display: block; } .comments-bubble a, .comments-bubble a:visited, .comments-bubble a:hover { font-size: 8px; color: #6D200C !important; margin: -5px 0px 0px 0px; float: left; padding: 0px; } blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; background: #1E2422; border: 1px solid #141918; } #container { float: left; width: 940px; color: #CFCFCF; background-color: transparent; } #left-div { width: 654px; float: right; padding-left: 13px; } .articleinfo { border-bottom: 1px solid #EEEEEE; padding-bottom: 7px; color: #545454; } .icons { margin-top: 0px; margin-bottom: -5px; margin-right: 10px; } .post-info { color: #d4d4d4; font-size: 10px; display: block; border-top: 1px solid #3B4341; border-bottom: 1px solid #3B4341; padding: 2px 0px 2px 0px; margin: 0px 0px 5px 0px; } .post-info-small { color: #5B6461; font-size: 10px; display: block; width: 228px; border-top: 1px solid #3B4341; border-bottom: 1px solid #3B4341; padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px; float: right; } .post-info a { color: #d4d4d4; } .logo { float: left; border: 0px; border-left: 1px solid #515E5B; } .current-category { color: #FFFFFF; padding: 5px; display: block; margin-bottom: 10px; width: 629px; } .thumbnail { border: 5px solid #1c1c1c !important; margin-right: 10px; float: left; display: inline; } .thumbnail-small { border: 3px solid #1c1c1c !important; margin-right: 10px; float: left; display: inline; } /*------------------------------------------------*/ /*---------------------[TITLES]-------------------*/ /*------------------------------------------------*/ .post-title { line-height: 30px; margin-top: 10px; } .post-title a { font-size: 25px; } .home-post-titles { width: 288px; height: 23px; background-image: url(images/post-title-bg.png); color: #FFF; display: block; padding: 7px 10px 0px 15px; font-weight: bold; } .home-post-titles h2 { font-size: 14px; margin: 0px; font-weight: bold; } .home-post-titles a { float: left; } .home-post-titles a:link, .home-post-titles a:visited { color: #FFF; } .titles { font-weight: normal; font-size: 24px; text-decoration: none; } .titles a:link, .titles a:visited, .titles a:active { text-decoration: none; font-size: 20px; font-family: Trebuchet MS; margin-bottom: 10px; margin-top: 10px; display: block; } .single-entry-titles { width: 614px; height: 23px; background-image: url(images/post-title-bg-2.png); color: #FFF; display: block; padding: 7px 10px 0px 15px; font-weight: bold; float: left; margin: 0px; font-size: 12px; } .single-entry-titles a { float: left; } /*------------------------------------------------*/ /*--------------------[COMMENTS]------------------*/ /*------------------------------------------------*/ .commentlist { padding: 0px; margin: 0px 0px 0px 27px; width: 560px; background-color: #242424; list-style-image: none; list-style-type: none; float: left; } .commentlist li { font-weight: bold; width: 560px; display: block; background-image: url(images/comment-bottom.png); background-repeat: no-repeat; background-position: bottom left; padding: 0px 0px 45px 0px; margin: 0px; list-style-image: none; list-style-type: none; float: left; } .commentlist li div { width: 540px; display: block; background-image: url(images/comment-top.gif); background-repeat: no-repeat; margin: 0px; padding: 10px; float: left; } .commentlist li .avatar { float: left; border: 1px solid #eee; padding: 2px; border: 5px solid #1c1c1c; background-color: #3E4C49; } .commentlist cite { font-size: 18px; float: left; font-style: normal; margin-left: 10px; margin-right: 6px; margin-top: 5px; font-weight: normal; } .says { display: none; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; display: block; float: left; width: 90%; margin-left: 3%; } #commentform p { clear: both; } .alt { margin: 0; padding: 10px; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentlist .children li { width: 90%; display: block; margin: 0px; background-color: #242424; border: 1px solid #262D2B; overflow: hidden; } .commentlist .children li div { width: 97%; padding: 3%; background-image: url(images/comment-children-top.gif); background-repeat: no-repeat; background-position: top left; } .commentlist .commentmetadata { font-weight: normal; float: left; margin: 5px 0px 0px 0px; display: block; clear: both; background-image: none; width: 90%; margin-left: 3%; } .commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta { background-image: none; width: 100%; padding: 0px !important; } .commentlist .reply, .commentlist .children .reply { float: right; background-image: none; width: 54px; height: 22px; margin-bottom: 0px; padding: 0px; margin-right: 10px; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover { background-image: url(images/reply.gif); width: 39px; height: 17px; display: block; color: #FFF; font-size: 8px; text-transform: lowercase; font-weight: normal; padding: 5px 0px 0px 15px; letter-spacing: 1px; } .commentlist .children li { padding-bottom: 10px; } .commentlist .children li ul li { padding-bottom: 10px; background-color: #2F3836; } #respond { margin-top: 20px; float: left; background-image: none; } .commentlist #respond h3, .commentlist #respond a { margin-left: 28px; } #comments { line-height: 30px; } .children { clear: both; } .children .commentmetadata, .children .vcard { background-image: none; } .children textarea { width: 90% !important; } .children input { width: 80% !important; } #cancel-comment-reply-link { display: block; background-image: url(images/comment-close.gif); width: 144px; height: 21px; padding: 5px 0px 0px 23px; font-weight: normal; color: #84878E; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } #respond div { background-image: none; } #submit { width: 120px !important; } /*------------------------------------------------*/ /*-----------------[COMMENT FORM]-----------------*/ /*------------------------------------------------*/ #commentform { margin: 10px 0px 0px 20px; } #commentform textarea { background: #1c1c1c; border: 1px solid #141918; width: 350px; color: #FFF; padding: 10px; } #commentform #email { font-size: 13px; background: #1c1c1c; border: 1px solid #141918; width: 220px; background-image: url(images/comment-email.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; color: #FFF; margin-bottom: 3px; } #commentform #author { font-size: 13px; background: #1c1c1c; border: 1px solid #141918; width: 220px; background-image: url(images/comment-author.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; color: #FFF; margin-bottom: 3px; } #commentform #url { font-size: 13px; background: #1c1c1c; border: 1px solid #141918; width: 220px; background-image: url(images/comment-website.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; color: #FFF; margin-bottom: 3px; } /*------------------------------------------------*/ /*---------------[PAGES NAVIGATION]---------------*/ /*------------------------------------------------*/ #pages { width: 940px; float: right; height: 41px; background-image: url(images/pages-bg.gif); } #pages ul { width: 650px; height: 41px; list-style-type: none; list-style-image: none; float: left; padding: 0px 0px 0px 6px; margin: 0px; background-image: url(images/pages-bg-left.png); background-repeat: no-repeat; background-position: left; } #pages ul li { float: left; display: block; height: 41px; padding: 0px; } #pages ul li a:link, #pages ul li a:visited, #pages ul li a:active { float: left;color: #c2c2c2;; display: block; height: 32px; font-size: 12px; padding: 9px 20px 0px 20px; margin: 0px; font-weight: bold; } #pages ul li a:hover { background-color: #101010; text-decoration: none; height: 31px; margin-top: 1px; padding-top: 8px; color: #FFF; } /*-------------[DROPDOWN NAVIGATION]------------*/ .nav, .nav * { margin:0; padding:0; list-style:none; } .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; background-image: url(images/dropdown-bottom.png); padding-bottom: 9px; } .nav li { float:left; position:relative; z-index:99; font-size:12px; height: 40px !important; border: none !important; } .nav a { display:block; } .nav ul li { width: 100%; } .nav li:hover ul, ul.nav li.sfHover ul { left: 0px; top:40px; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:15em; top:0px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 0px; height: 40px; } .nav li ul li ul li { left: 60px; } .nav li:hover { background-color: #262D2B; padding: 0px !important; margin: 0px; border: none; } .nav li li a:link, .nav li li a:visited { width: 180px; display: block; background-color: #262D2B; padding: 10px 30px 0px 30px !important; margin: 0px 0px 0px 0px !important; border: none; font-weight: normal; height: 30px; background-image: none !important; } .nav li li a:hover { background-color: #1F2624 !important; text-decoration: none; border: none; } /*------------------------------------------------*/ /*-------------[CATEGORIES NAVIGATION]------------*/ /*------------------------------------------------*/ #categories { width: 938px; height: 40px; background-image: url(images/categories-bg.gif); float: left; background-color: #2A3331; border-top: 1px solid #424D4B; border-bottom: 1px solid #1A201E; border-left: 1px solid #424D4B; border-right: 1px solid #1A201E; margin: 0px; } #categories ul { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; float: left; } #categories ul li { float: left; display: block; padding-left: 0px; margin: 0px; height: 40px; } #categories ul li a:link, #categories ul li a:visited, #categories ul li a:active { height: 31px; display: block; color: #FFFFFF; font-size: 11px; padding: 9px 10px 0px 10px; float: left; margin: 0px 1px; background-image: url(images/categories-line.gif); background-position: right; background-repeat: no-repeat; } #categories ul li a:hover { background-image: url(images/categories-bg-hover.gif); text-decoration: none; } /*-------------[DROPDOWN NAVIGATION]------------*/ #nav2 li li:hover ul, ul#nav2 li li.sfHover ul { left: 174px; } #nav2 li ul { background-image: none; } #nav2 li ul { width: 240px !important; } #nav2 li { z-index:1001; } #nav2 li:hover ul, ul#nav2 li.sfHover ul { left: -6px; } #nav2 li li a:link, #nav2 li li a:visited { background-color: #902d12 !important; padding: 10px 30px 0px 30px !important; font-weight: normal; } #nav2 li li a:hover { background-color: #7b1f05 !important; } #nav2 li:hover { background-color: #902D12; } /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /*------------------------------------------------*/ /*-------------------[SIDEBAR]--------------------*/ /*------------------------------------------------*/ #sidebar { float: left; padding-left: 0px; padding-right: 0px; width: 250px; margin-top:15px; } .sidebar-box { float: left; background-color: #262D2B; background-image: url(images/sidebar-bg.gif); background-repeat: repeat-x; padding-bottom: 15px; width: 273px; } .sidebar-box ul li { color: #373434; margin: 0px 0px; display: block; float: left; width: 273px; } .sidebar-box ul { list-style-type: none; margin: 0px 0px; padding: 0px 0px; width: 273px; } .sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { color: #FFF; border-top: 1px solid #36423F; border-bottom: 1px solid #192522; width: 228px; padding: 5px 10px 5px 35px; margin: 0px 0px; display: block; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 10px 10px; } .sidebar-box ul li a:hover { color: #FFF; background-color: #202624; border-bottom: 1px solid #141917; border-top: 1px solid #262D2B; background-image: url(images/bullet-hover.gif); text-decoration: none; } .sidebar-box h2 { font-size: 11px; color: #FFF; font-weight: normal; text-transform: lowercase; font-weight: bold; font-family: Trebuchet MS; background-image: url(images/h3-bg.gif); background-repeat: no-repeat; background-position: left; width: 256px; height: 25px; padding: 5px 0px 0px 17px; margin: 0px 0px; } /*-------------------[RECENT COMMENTS]--------------------*/ #recentcomments li a:link, #recentcomments li a:visited, #recentcomments li a:active { background-image: none; border: none; } #recentcomments { margin-top: 10px; } #recentcomments li { display: bock; border-top: 1px solid #36423F; border-bottom: 1px solid #192522; background-image: url(images/comment-author.gif); background-position: 10px 4px; background-repeat: no-repeat; padding-left: 35px; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; width: 228px; color: #FFF; } /*------------------------------------------------*/ /*---------------[FEATURED ARTICLES]--------------*/ /*------------------------------------------------*/ .titles-featured a, .titles-featured a:hover, .titles-featured { font-size: 30px; display: block; margin-bottom: 5px; margin-top: 5px; } .featured-inside { width: 593px; padding: 13px; margin-top: 109px; background-image: url(images/featured-bg.png); overflow: hidden; height: 105px; } .next-button { display: none; position: absolute; } .prev-button { display: none; position: absolute; } #sections { overflow:hidden; width: 619px; height: 260px; margin: 0px; margin-left: 10px;float: left; margin-bottom: 13px; } #sections ul { height: 240px; margin: 0px; list-style-image: none; list-style-type: none; padding: 0px; width: 4000px; } #sections ul li { height: 240px; width: 619px; margin: 0px; padding-left:0px; float: left; } .prev { display: block; width: 42px; height: 98px; cursor: pointer; background-image: url(images/slide-button-left.png); position: absolute; top: 16px; z-index: 1; left: 18px; } .next { display: block; background-image: url(images/slide-button-right.png); width: 42px; height: 98px; cursor: pointer; position: absolute; top: 16px; left: 581px; z-index: 2; } .titles-featured a, .titles-featured a:hover, .titles-featured { font-size: 28px; line-height: 30px; } #featured { background-color: #FFF; background-image: url(images/post-bg.gif); background-repeat: repeat-x; padding: 10px; width: 593px; border: 1px solid #EBEBEB; margin-bottom: 10px; } .featured-content { float: right; width: 353px; margin-right: 5px; } /*------------------------------------------------*/ /*--------------------[FOOTER]--------------------*/ /*------------------------------------------------*/ #footer { clear: both; width: 100%; height: 73px; width:915px; text-align: center; color: #393939; padding-top: 14px; margin: auto; font-size: 11px; border-top:1px solid #393939; padding:auto;} #footer a { color: #FFFFFF; font-size: 11px; } #footer a:visited { color: #FFFFFF; } #footer a:hover { color: #FFFFFF; text-decoration: underline; } /*------------------------------------------------*/ /*--------------------[SEARCH]--------------------*/ /*------------------------------------------------*/ .search_bg { height:35px; width:210px; float: right; margin-top: 6px; margin-left: 10px; } #search { color:#FFFFFF; padding:0; } #search input { background: #282a29; font-size:14px; font-weight:normal; color:#cccccc; font-family:Tahoma, arial, verdana, courier; width:110px; height:18px; vertical-align:middle; padding:6px 10px 0px 10px; border-top: 1px solid #131514; border-left: 2px solid #0d0c11; border-right: 1px solid #1d1c21; border-bottom: 1px solid #424443; } #search .input { width:28px; height:28px; background:none; border:none; vertical-align:middle; margin:0; padding:0; margin-left: 8px; margin-right: 2px; margin-top: 2px;} /*------------------------------------------------*/ /*----------------[VIDEO INTEGRATION]-------------*/ /*------------------------------------------------*/ .home-post-wrap object { width: 289px; height: 193px; } .home-post-wrap embed { width: 289px; height: 193px; } .post-wrapper object { width: 609px; height: 455px; } .post-wrapper embed { width: 609px; height: 455px; } /* Menu Body */ ul#menu { height:40px; background:url(lista.png) no-repeat; list-style:none; margin:0; padding:0; float:left; } /* Float LI Elements - horizontal display */ ul#menu li { float:left; } /* Link - common attributes */ ul#menu li a { background:url(sprite.png) no-repeat scroll top left; display:block; height:40px; position:relative; } /* Specify width and background position attributes specifically for the class: "home" */ ul#menu li a.zaklinac { width:118px; } /* Specify width and background position attributes specifically for the class: "portfolio" */ ul#menu li a.zaklinac2 { width:254px; background-position:-118px 0px; } /* Specify width and background position attributes specifically for the class: "portfolio" */ ul#menu li a.galeria { width:119px; background-position:-372px 0px; } /* Specify width and background position attributes specifically for the class: "portfolio" */ ul#menu li a.download { width:107px; background-position:-491px 0px; } /* Specify width and background position attributes specifically for the class: "portfolio" */ ul#menu li a.forum { width:99px; background-position:-598px 0px; } /* Specify width and background position attributes specifically for the class: "portfolio" */ ul#menu li a.kontakt { width:83px; background-position:-697px 0px; } /* Span (on hover) - common attributes */ ul#menu li a span { background:url(sprite.png) no-repeat scroll bottom left; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100; } /* Span (on hover) - display pointer */ ul#menu li a span:hover { cursor:pointer; } /* Shift background position on hover for the class: "home" */ ul#menu li a.zaklinac span { background-position:0px -40px; } /* Shift background position on hover for the class: "portfolio" */ ul#menu li a.zaklinac2 span { background-position:-118px -40px; } /* Shift background position on hover for the class: "portfolio" */ ul#menu li a.galeria span { background-position:-372px -40px; } /* Shift background position on hover for the class: "portfolio" */ ul#menu li a.download span { background-position:-491px -40px; } /* Shift background position on hover for the class: "portfolio" */ ul#menu li a.forum span { background-position:-598px -40px; } /* Shift background position on hover for the class: "portfolio" */ ul#menu li a.kontakt span { background-position:-697px -40px; } #lista{ background-repeat:no-repeat; width:1000px; height:40px; border-style: none; margin:auto; padding:auto; } #logo_place{ width:1000px; height:150px; border-style: none; margin:auto; padding:auto; } #ikonky{ width:1000px; height:150px; border-style: none; margin:auto; padding:auto; float:left; margin-top:30px; margin-left:20px; } .menu_list { width: 200px; margin-left:10px; } .menu_head { padding: 5px 0px 0px 5px; cursor: pointer; position: relative; margin-top:1px; margin-bottom:0px; font-weight:bold; font-size:14px; text-align:center; color:#fff; } .menu_body { display:none; } .menu_body a{ display:block; color:#6b6b6b; padding-left:10px; font-weight:bold; font-size:12px; text-decoration:none; text-align:center; } .menu_body a:hover{ color: #fff; } #menu_top{ background:url(images/menutop.png) no-repeat; height:7px; } #menu_middle{ background:url(images/menumiddle.png) repeat-y; } #menu_bottom{ background:url(images/menubottom.png) no-repeat; height:6px; } #maxima_top{ background:url(images/maximatop.png) no-repeat; height:10px; width:639px; } #maxima{ background:url(images/maximamiddle.png) repeat-y; height:244px; width:639px; } #maxima_bottom{ background:url(images/maximabottom.png) no-repeat; height:6px; width:639px; } #spodek{ background:url(images/bottom.png) no-repeat bottom; margin-left:-10px; height:10px; width:639px; }