/* Theme Name: Hortobagyi Nonprofit Kft. Description: Hortobagyi Nonprofit Kft. theme. Made by Moquin. Author: Moquin */ @import url("style-pirobox.css"); *{ margin: 0; padding: 0; border: 0; } body { font-family: verdana; font-size: 13px; color: #333333; background: url(images/bgr-body.png) #e2dbcb repeat-x left top; } /* -- Base settings -- */ #website { width: 1000px; margin: auto; } .inner { width: 1000px; margin: auto; } .clear { clear: both; } .left { float: left; } .right { float: right; } img.alignleft { margin: 0 20px 5px 0; border: 3px solid #c6b59c; float: left; } img.alignright { margin: 0 0 5px 20px; border: 3px solid #c6b59c; float: right; } img.aligncenter { margin-bottom: 20px; margin-left: auto; margin-right: auto; border: 3px solid #c6b59c; display: block; clear: both; } .post-edit-link { font-size: 9px; font-weight: bold; text-decoration: none; } h1, h2, h3, h4, h5 { font-weight: normal; color: #303030; } blockquote { font-style: italic; } a { color: #333333; text-decoration: underline; } a:hover { color: #000000; text-decoration: underline; } /* -- Icon set -- */ ul.icons { margin: 0 !important; list-style-type: none; } .pdf-file { padding: 10px 0 20px 50px; background: url(images/icon-pdf.png) no-repeat left top; } .hlb { margin-bottom: 20px; padding: 10px; background: #eae5d8; border: 1px solid #d6cbb0; } /* ------------------------------ HEADER ------------------------------ */ #header { height: 80px; padding-top: 15px; } #header .left img { padding-top: 5px; } #header .right #searchform { width: 270px; height: 30px; margin-top: 25px; background: url(images/bgr-search.png) no-repeat left top; } #header .right #searchform .input { width: 215px; padding: 7px 10px 7px 10px; background: transparent; float: left; } #header .right #searchform .submit { width: 25px; height: 24px; margin: 3px 0 0 7px; background: url(images/btn-search.png) no-repeat left top; cursor: pointer; } #header .right #searchform .submit:hover { background-position: 0 -24px; } /* -------------------------- MENÜ -------------------------- */ #menu { height: 66px; } #menu ul { padding-top: 14px; list-style-type: none; } #menu ul li { margin-right: 5px; float: left; position: relative; } #menu ul li a { padding-left: 9px; font-size: 13px; font-weight: bold; color: #303030; text-decoration: none; display: inline-block; } #menu ul li a span { padding: 12px 9px 14px 0; display: block; } #menu ul li ul { left: -5px; top: 37px; padding: 0 15px 20px 15px; visibility: hidden; position: absolute; z-index: 1000; } #menu ul li ul.w500 { width: 480px; background: url(images/bgr-submenu-500.png) no-repeat left bottom; } #menu ul li ul.w250 { width: 230px; padding-top: 10px; background: url(images/bgr-submenu-250.png) no-repeat left bottom; } #menu ul li ul li { margin: 0; padding: 5px 10px 5px 10px; background: #ffffff; float: none; display: block; } #menu ul li ul li a { padding-left: 10px; font-size: 12px; font-weight: normal; color: #666666; background: url(images/bgr-menu-li-li.png) no-repeat left top !important; } #menu ul li ul li a:hover { color: #000000; } #menu ul li ul td { vertical-align: top; } #menu ul li ul td.leftcolumn { padding-left: 20px; border-left: 1px solid #ded7c3; } #menu ul li ul td h4 { padding-bottom: 5px; font-size: 12px; font-weight: bold; } * html #menu ul li ul { top: 37px; t\op: 37px; } #menu ul li:hover a { background: url(images/bgr-menu-li.png) no-repeat 0 0; } #menu ul li:hover a span { background: url(images/bgr-menu-li.png) no-repeat 100% 0; } #menu ul li:hover ul, #menu ul a:hover ul { visibility: visible; } /* ---------------------------- SLIDER ---------------------------- */ #main-photo-slider { width: 1000px; height: 420px; margin: 10px 0 10px 0; left: 0; background: url(images/bgr-slider.png) no-repeat center top; position: relative; } .stripViewer { width: 980px; height: 329px; left: 10px; top: 10px; overflow: hidden; position: absolute; } .stripViewer .panelContainer { left: 0; top: 0; position: relative; } .stripViewer .panelContainer .panel { width: 980px; height: 329px; float: left; position: relative; } .stripViewer .panelContainer .panel img { width: 980px; height: 329px; left: 0; top: 0; position: absolute; } .stripViewer .panelContainer .panel .wrapper { width: 392px; height: 200px; left: 50px; top: 100px; text-align: justify; line-height: 22px; position: absolute; overflow: hidden; } .stripViewer .panelContainer .panel .wrapper a { margin-top: 5px; font-size: 9px; font-weight: bold; display: block; } .stripViewer .panelContainer .panel .wrapper a:hover { color: #000000; } .stripNav { left: 0; top: 349px; position: absolute; } .stripNav ul { width: 980px; text-align: center; } .stripNav ul li { width: 60px; margin: 0 5px 0 5px; display: inline-block; list-style-type: none; } .stripNav ul li a { width: 60px; height: 44px; left: 0; top: 0; font-size: 9px; text-decoration: none; display: block; position: relative; } .stripNav ul li a.active-thumb .cover { width: 60px; height: 44px; left: 0; top: 0; background: url(images/bgr-slider-active.png) no-repeat center top; position: absolute; z-index: 2; } .stripNav ul li img { width: 60px; height: 40px; left: 0; top: 4px; position: absolute; z-index: 1; } .stripNavL, .stripNavR, .stripNan { display: none; } /* ------------------------------------ CONTAINER ------------------------------------ */ #container { background: url(images/bgr-container.gif) repeat-y center top; } /* ------------------------------------ BREADCRUM ------------------------------------ */ #breadcrumb { margin-bottom: 10px; padding-bottom: 15px; font-family: verdana; font-size: 11px; color: #000000; border-bottom: 1px solid #eeeeee; } #breadcrumb span { color: #999999 !important; } #breadcrumb a { color: #999999; } #breadcrumb a:hover { color: #333333; } /* --------------------------------- CONTENT --------------------------------- */ #content { width: 620px; margin: 0 0 30px 20px; float: left; } #content h2 { margin-bottom: 15px; font-size: 25px; } #content h2.arrow { padding-left: 40px !important; background: url(images/bgr-content-arrow.png) no-repeat 0 7px; } #content .post { padding-top: 30px; } #content .post .entry { line-height: 22px; } #content .post .entry p { margin-bottom: 20px; } #content .post .entry p.red { margin-bottom: 0 !important; font-weight: bold; color: #cc0000; } #content .post .entry ul { margin: 0 0 20px 20px; } #content .post .entry ul ul { margin-bottom: 0 !important; } #content .post .entry embed { width: 610px; height: 490px; margin-bottom: 20px; margin-left: auto; margin-right: auto; border: 3px solid #c6b59c; } #content .latest, #content .search-results { margin-bottom: 20px; padding: 10px 10px 0 10px; background: url(images/bgr-latest.png) no-repeat left top; } #content .latest h4, #content .search-results h4 { margin: 3px 0 5px 0; font-size: 15px; font-weight: bold; } #content .latest h4 a, #content .search-results h4 a { color: #303030; text-decoration: none; } #content .latest h4 a:hover, #content .search-results h4 a:hover { color: #000000; } #content .latest .post-thumb { margin-right: 20px; float: left; } #content .latest .post-thumb img { padding: 4px; background: #f1eee7; border: 1px solid #bdb08e; } /* ------------------------------------------- LEAVE COMMENTS ------------------------------------------- */ .commentlist li { margin-bottom: 20px; padding-bottom: 20px; font-size: 12px; border-bottom: 1px solid #C6b59c; list-style-type: none; } .commentlist li .comment-avatar { width: 60px; float: left; } .commentlist li .comment-avatar img { border: 3px solid #c6b59c; } .commentlist li .comment-author { width: 550px; float: right; } .commentlist li .comment-author .comment-text { margin-top: 10px; line-height: 15px; } .commentlist li .comment-author .comment-text p { margin-bottom: 15px; } h3#comments { margin-bottom: 20px; font-size: 17px; } #respond input[type=text], #respond textarea { margin-bottom: 10px; padding: 7px 5px 7px 5px; font-family: Verdana, Helvetica, Arial, sans; font-size: 12px; border-top: 1px solid #c9ba95; border-right: 1px solid #d6cbb0; border-bottom: 1px solid #d6cbb0; border-left: 1px solid #c9ba95; } #respond input[type=text] { width: 250px; } #respond input[type=submit] { width: 150px; height: 45px; padding-bottom: 3px; font-size: 17px; background: url(images/button.png) no-repeat left top; cursor: pointer; } #respond input[type=submit]:hover { background-position: 0 -45px; } #respond textarea { width: 605px; height: 150px; } /* --------------------------------------- TINY SLIDER --------------------------------------- */ #slider-programs { height: 300px; overflow:hidden; } #slider-programs .viewport { width: 600px; height: 280px; overflow: hidden; position: relative; } #slider-programs .overview { list-style: none; position: absolute; left: 0; top: 0; } #slider-programs .overview li { width: 175px; height: 270px; margin: 0 5px 0 0; padding: 10px 10px 0 10px; font-size: 11px; color: #666666; background: url(images/bgr-tinyslider-li.png) no-repeat left top; float: left; cursor: pointer; } #slider-programs .overview li:hover { background-position: 0 -280px; } #slider-programs .overview li h4 { margin: 10px 0 5px 0; font-size: 12px; font-weight: bold; } #slider-programs .pager { width: 600px; text-align: center; list-style: none; } #slider-programs .pager li { display: inline-block; } #slider-programs .pagenum { width: 17px; height: 17px; text-decoration: none; text-indent: -9999px; background: url(images/bgr-tinyslider-pager-li.png) no-repeat left top; display: block; } #slider-programs .active { background: url(images/bgr-tinyslider-pager-li.png) no-repeat 0 -17px; } /* ------------------------------- SIDEBAR ------------------------------- */ #sidebar { width: 320px; margin-right: 23px; padding-bottom: 50px; float: right; } #sidebar .hr { margin: 20px 0 20px 0; border-top: 1px solid #d5cbb3; } #sidebar h3 { font-size: 14px; font-weight: bold; } #sidebar h3.arrow { margin: 5px 0 0 7px !important; padding: 0 0 15px 35px !important; background: url(images/bgr-sidebar-hot-arrow.png) no-repeat left top; } #sidebar .hot { width: 300px; margin: 0 0 20px 10px; background: url(images/bgr-sidebar-hot-bottom.png) no-repeat left bottom; } #sidebar .hot .hot-top { width: 300px; height: 10px; background: url(images/bgr-sidebar-hot-top.png) no-repeat left top; display: block; } #sidebar .hot ul li { padding: 8px 15px 8px 15px; border-top: 1px solid #d7cfb8; list-style-type: none; } #sidebar .hot ul li a { font-size: 14px; color: #303030; text-decoration: underline; } #sidebar .icons { margin-bottom: 20px; padding: 0 10px 20px 10px; font-size: 9px; color: #93896c; border-bottom: 1px solid #d5cbb3; } #sidebar .icons h3 { margin-bottom: 5px; padding-top: 5px; } #sidebar .icons .icon { width: 54px; height: 62px; margin-right: 10px; background: url(images/icon-sidebar.png) no-repeat left top; float: left; } #sidebar .inside { margin-bottom: 20px; padding: 0 10px 20px 10px; font-size: 11px; border-bottom: 1px solid #d5cbb3; } #sidebar .inside h3 { margin: 5px 0 0 0 !important; } #sidebar .inside a.more { margin: 10px 0 20px 0; font-size: 9px; font-weight: bold; display: block; } /* ------------------------------ GALLERY ------------------------------ */ .ngg-title { padding-bottom: 10px; border-bottom: 3px solid #c6b59c; } .ngg-title h4 { margin-right: 5px; font-size: 15px; font-weight: bold; color: #303030; float: left; } .ngg-title span { font-size: 11px; font-style: italic; } .ngg-gallery-thumbnail-box { width: 120px; height: 130px; margin-right: 4px; background: url(images/bgr-thumbnail-box.png) no-repeat left top; float: left; } .ngg-gallery-thumbnail-box:hover { background-position: 0 -130px; } .ngg-gallery-thumbnail-box a { width: 100px; height: 100px; padding: 10px; display: block; } /* ----------------------------- FOOTER ----------------------------- */ #footer { height: 100px; font-size: 9px; color: #999999; line-height: 15px; background: url(images/bgr-footer.png) #303030 no-repeat center top; } #footer .left { width: 620px; padding: 20px 0 10px 30px; } #footer .right { width: 260px; padding: 20px 30px 10px 0; }