/* Theme Name: KN Studio Description: KN Studio theme Author: Moquin Author URI: http://www.moquin.hu */ *{ margin: 0; padding: 0; border: 0; } html, body { width: 100%; height: 100%; } body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #A6AAAE; background: url(im/bgr_body.png) #1b1c1d repeat-x left top; position: relative; } .left { float: left; } .right { float: right; } .clear { clear: both; } .alignleft { margin: 0 20px 5px 0; float: left; } .alignright { margin: 0 0 5px 20px; float: right; } .inner { width: 900px; margin: auto; } td { vertical-align: top; } a.post-edit-link { margin-top: 20px; font-size: 9px; font-weight: bold; color: #ffffff; display: block; } /* -------------------------- LOGO -------------------------- */ #logo { width: 230px; padding-top: 19px; float: left; } /* --------------------------- MENU --------------------------- */ #menu { height: 70px; } #menu li { padding: 30px 0 30px 13px; background: url(im/bgr_menu_li.png) no-repeat left center; float: left; position: relative; list-style-type: none; } #menu li.first { padding-left: 0; background: none; } #menu li.current_page_item a, #menu li.current_page_item a:hover { color: #92979a; cursor: default; } #menu a, #menu a:link { padding: 0; font-size: 12px; color: #616567; text-decoration: none; float: left; display: block; } #menu a:hover { color: #ffffff; } #subm-bgr { width: 100%; height: 40px; background: #272829; position: absolute; top: 72px; left: 0; z-index: 100; } /* ------------------------------------- CONTAINER ------------------------------------- */ #page { position: relative; } #page #title { height: 40px; padding-left: 45px; color: #d0e1ea; } #page #title h2 { font-size: 20px; font-weight: normal; } #page .news-text { width: 95%; font-size: 11px; line-height: 18px; } #page .news-text img { display: none; } #page .news-text a { margin-top: 10px; font-size: 9px; font-weight: bold; color: #666666; text-decoration: none; display: block; } #page .news-text a:hover { color: #cccccc; text-decoration: none; } #page .news-photo { width: 269px; height: 179px; margin-bottom: 20px; position: relative; } #page .news-photo img { left: 0; top: 0; position: absolute; } #page .news-photo .news-title-date { width: 259x; left: 0; bottom: 0; padding: 5px; background: #1b1c1d; position: absolute; } #page .news-photo .news-title-date { width: 259px; left: 0; bottom: 0; padding: 5px; background: #1b1c1d; position: absolute; } #page .news-photo .news-title-date .title { font-size: 11px; color: #d0e1ea; } #page .news-photo .news-title-date .date { font-size: 9px; color: #555555; } .ngg-gallery-thumbnail-box { width: 182px; height: 121px; margin: 0 20px 10px 0; padding: 10px; text-align: center; background: url(im/bgr_thumb22.png) #000000 no-repeat left top; float: left; } .ngg-gallery-thumbnail-box img { margin: 0 !important; text-align: center; border: 0 !important; float: none !important; } #page .entry { width: 900px; padding-top: 20px; line-height: 20px; text-align: justify; } /*#page .entry img { margin: 0 20px 5px 0; border: 1px solid #000000; float: left; }*/ #page .entry p { margin-bottom: 20px; } /* Protect */ #page .entry-protect { width: 900px; margin-top: 20px; padding-bottom: 20px; line-height: 20px; } #page .entry-protect h4 { font-size: 17px; font-weight: normal; color: #ffffff; } #page .entry-protect .date { margin-bottom: 10px; font-size: 9px; color: 555555; } #page .entry-protect .pwd { margin-top: 5px; } #page .entry-protect .pwd .input { width: 200px; padding: 9px 6px 9px 6px; color: #949698; background: url(im/bgr_input.png) no-repeat left top; } #page .entry-protect .pwd .input:focus { color: #000000; background-position: 0 -37px; } #page .entry-protect .pwd #submit { width: 138px; height: 40px; margin-top: 3px; vertical-align: middle; background: url(im/btn_submit.png) no-repeat; background-position: 0 -40px; cursor: pointer; } #page .entry-protect .pwd #submit:hover { background: url(im/btn_submit.png) no-repeat left top; } #page .hr { width: 900px; margin-bottom: 20px; border-top: 1px solid #000000; border-bottom: 1px solid #252627; } .post { width: 900px; line-height: 18px; } /* ----------------------------------- CAROUSEL ----------------------------------- */ #horizontal_carousel { width: 900px; height: 400px; position: relative; } #horizontal_carousel .container { width: 810px; height: 400px; position: relative; overflow: hidden; float: left; } #horizontal_carousel ul { width: 100000px; height: 400px; top: 0; left: 0; list-style: none; position: relative; } #horizontal_carousel ul li { width: 270px; height: 400px; float: left; } #horizontal_carousel ul li img { width: 269px; height: 179px; } #horizontal_carousel .previous_button { width: 21px; height: 21px; margin-right: 23px; float: left; background: url(im/arrows.png) no-repeat; background-position: 0 0px; z-index: 100; cursor: pointer; } #horizontal_carousel .previous_button:hover { background-position: 0 -21px; } #horizontal_carousel .previous_button_disabled { background: none; cursor: default; } #horizontal_carousel .next_button { width: 21px; height: 21px; margin-left: 23px; background: url(im/arrows.png) no-repeat; background-position: -21px 0; z-index: 100; cursor: pointer; float: left; } #horizontal_carousel .next_button:hover { background-position: -21px -21px; } #horizontal_carousel .next_button_disabled { background: none; cursor: default; } /* ----------------- ABOUT US ----------------- */ ul#tabnav { height: 150px; display: block; } ul#tabnav li { width: 120px; height: 150px; margin-right: 1px; list-style-type: none; float: left; } ul#tabnav li a { width: 115px; height: 30px; padding: 120px 0 0 5px; font-size: 9px; color: #ffffff; text-decoration: none; display: block; } ul#tabnav li a span, ul#tabnav li a#tab_gabor.selected:hover span, ul#tabnav li a#tab_lorant.selected:hover span { padding: 5px; color: #ffffff; background: #313233; } ul#tabnav li a#tab_gabor { background: url(im/gabor.png) no-repeat left top; } ul#tabnav li a#tab_gabor:hover span { color: #000000; background: #d0e1ea; } ul#tabnav li a#tab_gabor.selected { background: url(im/gabor.png) no-repeat; background-position: -120px 0; } ul#tabnav li a#tab_lorant { background: url(im/lorant.png) no-repeat left top; } ul#tabnav li a#tab_lorant:hover span { color: #000000; background: #d0e1ea; } ul#tabnav li a#tab_lorant.selected { background: url(im/lorant.png) no-repeat; background-position: -120px 0; } .panel { width: 900px; padding-top: 20px; display: block; line-height: 18px; } .panel p { margin-bottom: 18px; } .panel .name { width: 120px; font-size: 15px; color: #d0e1ea; float: left; } .panel .desc { width: 780px; float: right; } /* ------------------ PORTFOLIO ------------------ */ /* ul#portfolio { width: 899px; height: 400px; background: url(im/bgr_portfolio.png) no-repeat left top; border-left: 1px solid #222324; } ul#portfolio li { width: 203px; height: 390px; padding: 10px 0 0 20px; font-size: 14px; color: #ffffff; border-right: 1px solid #222324; float: left; list-style-type: none; } ul#portfolio li p, ul#portfolio li span, ul#portfolio li .holder, ul#portfolio li a.more { visibility: hidden; } ul#portfolio li p { height: 60px; } ul#portfolio li span, ul#portfolio li a.more { height: 20px; font-size: 9px; color: #d0e1ea; text-decoration: underline; } ul#portfolio li a.more:hover { color: #ffffff; text-decoration: none; } ul#portfolio li span { height: 20px; text-decoration: none; } ul#portfolio li:hover { background: #1b1c1d; } ul#portfolio li .first { display: block; visibility: visible !important; } ul#portfolio li:hover p, ul#portfolio li:hover span, ul#portfolio li:hover .holder, ul#portfolio li:hover a.more { display: block; visibility: visible; } ul#portfolio li .holder { width: 182px; height: 240px; margin-bottom: 30px; background: #000000; position: relative; overflow: hidden; } ul#portfolio li .holder .holder_clip { top: 0; left: 0; width: 182px; height: 605px; position: absolute; } ul#portfolio li .holder .holder_clip img, ul#portfolio li .holder .holder_clip .ngg-gallery-thumbnail-box, ul#portfolio li .holder .holder_clip .ngg-gallery-thumbnail { width: 182px; height: 121px; margin: 0; padding: 0; border: 0; } */ ul#portfolio { width: 899px; height: 400px; border-left: 1px solid #222324; } ul#portfolio li { width: 203px; height: 390px; padding: 10px 0 0 20px; font-size: 14px; color: #ffffff; border-right: 1px solid #222324; float: left; list-style-type: none; } ul#portfolio li p, ul#portfolio li span, ul#portfolio li .holder, ul#portfolio li a.more { opacity: 0.1; -moz-opacity: 0.1; filter: alpha(opacity=10); } ul#portfolio li p { height: 60px; } ul#portfolio li span, ul#portfolio li a.more { height: 20px; font-size: 9px; color: #d0e1ea; text-decoration: underline; } ul#portfolio li a.more:hover { color: #ffffff; text-decoration: none; } ul#portfolio li span { height: 20px; text-decoration: none; } ul#portfolio li.over p, ul#portfolio li.over span, ul#portfolio li.over .holder, ul#portfolio li.over a.more { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } ul#portfolio li .holder { width: 182px; height: 240px; margin-bottom: 30px; background: #000000; position: relative; overflow: hidden; } ul#portfolio li .holder .holder_clip { top: 0; left: 0; width: 182px; height: 605px; position: absolute; } ul#portfolio li .holder .holder_clip img, ul#portfolio li .holder .holder_clip .ngg-gallery-thumbnail-box, ul#portfolio li .holder .holder_clip .ngg-gallery-thumbnail { width: 182px; height: 121px; margin: 0; padding: 0; text-align: center; border: 0; }