/* Theme Name: Trek Bikes 2010 Description: Trekbikes theme 2010. Made by Moquin. Author: Moquin Author URI: http://www.moquin.hu */ *{ margin: 0; padding: 0; border: 0; } body { font-family: Arial, Helvetica, Verdana, sans; font-size: 12px; color: #666666; } .inner { width: 920px; margin: auto; } .left { float: left; } .right { float: right; } .clear { clear: both; } .alignright { margin: 0 0 5px 20px; float: right; } .hidden { display: none; } .inside { background: #f2F3f4; border-left: 1px solid #dcdfe2; border-right: 1px solid #dcdfe2; } .inside_bottom { height: 10px; background: url(im/bgr_sidebar_inside.png) no-repeat left bottom; } blockquote { margin: 0 0 20px 50px; padding: 15px 0 1px 10px; font-style: italic; color: #cccccc; border-left: 5px solid #999999; } h1 { font-size: 25px; font-weight: normal; color: #000000; } a, a:hover { color: #ffffff; text-decoration: underline; } a.post-edit-link, a.comment-edit-link { font-weight: bold; color: #000000; } a.more-link, a.more-link:hover { font-family: Verdana; font-size: 9px; font-weight: bold; color: #333333; text-decoration: underline; } /* --------------- HEADER --------------- */ #header { height: 100px; } #header #logo { float: left; } #header #logo img { padding: 23px 0 0 40px; } #header #menu { padding-top: 3px; float: right; } #header #menu ul { float: right; } #header #menu ul li { margin-right: 15px; padding-top: 40px; float: left; border-bottom: 2px solid #0e1720; list-style-type: none; } #header #menu ul li a { font-size: 13px; color: #999999; text-decoration: none; } #header #menu ul li a:hover { color: #dddddd; text-decoration: none; } #header #menu ul li.current-cat { background: url(im/bgr_menu_li_active.png) no-repeat center top; } #header #menu ul li.current-cat a, #header #menu ul li.current-cat a:hover { color: #ffffff; text-decoration: none; } /* ------------------ CONTAINER ------------------ */ #container #home { height: 560px; position: relative; } #container #home #intro { width: 920px; height: 360px; left: 0; top: 0; background: #0d0d0d; position: absolute; } #horizontal_carousel { height: 245px; left: 0; top: 320px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; position: absolute; } #horizontal_carousel .container { width: 840px; height: 240px; background: #ffffff; position: relative; overflow: hidden; float: left; } #horizontal_carousel ul { width: 100000px; height: 240px; top: 0; left: 0; list-style: none; position: relative; } #horizontal_carousel ul li { width: 260px; height: 240px; padding: 10px; font-size: 11px; float: left; } #horizontal_carousel ul li .thumb { width: 260px; height: 120px; overflow: hidden; position: relative; } #horizontal_carousel ul li .thumb img { width: 260px; height: auto; } #horizontal_carousel ul li .thumb .comment-number { top: 5px; right: 5px; font-family: Verdana; font-size: 9px; position: absolute; } #horizontal_carousel ul li .thumb .comment-number .comment-number-date { padding: 3px 5px 3px 5px; background: #ffffff; float: left; } #horizontal_carousel ul li .thumb .comment-number .comment-number-comments { padding: 3px 5px 3px 5px; color: #ffffff; background: #000000; float: left; } #horizontal_carousel ul li .thumb .comment-number a, #horizontal_carousel ul li .thumb .comment-number a:hover { font-weight: bold; font-size: 10px; color: #000000; text-decoration: none; } #horizontal_carousel ul li .text { padding-top: 5px; color: #767676; line-height: 14px; } #horizontal_carousel ul li .text h4 { height: 30px; } #horizontal_carousel ul li .text h4 a { font-size: 12px; color: #0e171f; line-height: 13px; text-decoration: none; } #horizontal_carousel ul li .text h4 a:hover { color: #000000; text-decoration: underline; } #horizontal_carousel ul li img { width: 140px; height: 90px; } #horizontal_carousel .previous_button { width: 23px; height: 23px; margin: 60px 8px 0 9px; float: left; background: url(im/icon_carousel_arrows.png) no-repeat; background-position: 0 -23px; z-index: 100; cursor: pointer; } #horizontal_carousel .previous_button:hover { background-position: 0 -46px; } #horizontal_carousel .previous_button_disabled, #horizontal_carousel .previous_button_disabled:hover { background: url(im/icon_carousel_arrows.png) no-repeat; background-position: 0 0; cursor: default; } #horizontal_carousel .next_button { width: 23px; height: 23px; margin: 60px 9px 0 8px; background: url(im/icon_carousel_arrows.png) no-repeat; background-position: -23px -23px; z-index: 100; cursor: pointer; float: left; } #horizontal_carousel .next_button:hover { background-position: -23px -46px; } #horizontal_carousel .next_button_disabled, #horizontal_carousel .next_button_disabled:hover { background: url(im/icon_carousel_arrows.png) no-repeat; background-position: -23px 0; cursor: default; } #container #content { width: 590px; float: right; } #container #content .post { margin-bottom: 40px; } #container #content .post .entry h2 { margin-bottom: 20px; } #container #content .post .entry h2, #container #content .post .entry h2 a { font-size: 23px; font-weight: normal; color: #ffffff; text-decoration: none; line-height: 25px; } #container #content .post .entry h2.black, #container #content .post .entry h2.black a { color: #000000; } #container #content .post .entry .meta { padding: 5px 0 5px 0; font-size: 9px; color: #767676; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #container #content .post .entry { margin-bottom: 20px; line-height: 20px; } #container #content .post .entry p { margin-bottom: 20px; font-size: 13px; color: #666666; line-height: 20px; } #container #content .post .entry ul { margin: 0 0 20px 50px; } #container #content .post .entry a { color: #333333; text-decoration: underline; } #container #content .post .entry a:hover { color: #000000; text-decoration: underline; } #container #content .post .entry strong { color: #333333; } #container #content .post .entry .alignleft { margin: 0 20px 5px 0; float: left; } #container #content .post .video { margin-bottom: 20px; text-align: center; } #container #sidebar { width: 300px; padding-top: 70px; float: left; } #container #sidebar #sidebar-adv1 { } #container #sidebar a { color: #666666; text-decoration: none; } #container #sidebar a:hover { color: #333333; text-decoration: underline; } #container #sidebar p.title { margin-bottom: 10px; font-weight: bold; color: #535f6e; } #container #sidebar ul { margin-left: 20px; } #container #sidebar ul li { padding: 0 0 5px 0; font-size: 9px; color: #666666; list-style-type: square; } #container #sidebar ul li a { font-size: 12px; } #container #sidebar .label { margin-bottom: 20px; font-size: 20px; color: #0e171f; } #container #sidebar .elements { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cccccc; } /* ----------------- COMMENTS ----------------- */ .commentlist { border-top: 1px solid #cccccc; } .commentlist a { color: #333333; text-decoration: underline; } .commentlist a:hover { color: #000000; text-decoration: underline; } .commentlist li { padding: 20px; border-bottom: 1px solid #cccccc; list-style: none; } .commentlist li.alt { background: #f6f6f6; } .commentlist .avatar { border: 1px solid #333333; } .commentlist .commentlist_left { width: 70px; float: left; } .commentlist .commentlist_right { width: 470px; float: right; } .commentlist .commentlist_right_author { margin-bottom: 10px; color: #000000; float: left; } .commentlist .commentlist_right_author a { color: #000000; } .commentlist .commentlist_right_date { margin-bottom: 10px; font-size: 9px; color: #a7a8a7; float: right; } .commentlist .commentlist_right p { margin-bottom: 10px; line-height: 15px; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } #leave_comment { padding: 20px; background: #f0f0ef; } #leave_comment h3 { margin-bottom: 20px; font-size: 20px; font-weight: normal; color: #222222; } #leave_comment .box { margin-bottom: 10px; font-size: 11px; } #leave_comment .box .title { width: 170px; padding-top: 7px; color: #4c4c4c; float: left; } #leave_comment .box .title span { color: #999999; } #leave_comment .box .value { width: 380px; float: right; } #leave_comment .box .value .input { width: 368px; padding: 7px 5px 7px 5px; font-family: Arial, Helvetica, Verdana, sans; font-size: 12px; color: #000000; background: #ffffff; border-left: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6; } #leave_comment .box .value .textarea { width: 368px; height: 188px; padding: 7px 5px 7px 5px; font-family: Arial, Helvetica, Verdana, sans; font-size: 12px; color: #000000; background: #ffffff; border-left: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6; } #leave_comment .box .value #submit { width: 138px; height: 40px; background: url(im/bgr_submit.png) no-repeat left top; cursor: pointer; } #leave_comment .box .value #submit:hover { background-position: 0 -40px; } /* ---------------- GALLERY ---------------- */ .fl_thumb { margin: 0 20px 10px 0; border: 1px solid #ffffff; float: left; } .fl_thumb:hover { border: 1px solid #00a2c8; } .ngg-galleryoverview { margin-bottom: 20px; } .ngg-gallery-thumbnail a { margin: 0 1px 1px 0; float: left; } .ngg-gallery-thumbnail a:hover { } .ngg-gallery-thumbnail a img { border: none !important; } /* -------------------- NAVIGATION -------------------- */ .navigation { padding: 0 20px 0 20px; } .navigation a { color: #333333; text-decoration: none; } .navigation a:hover { color: #000000; text-decoration: none; } .navigation .alignleft { float: left; } .navigation .alignright { float: right; } /* --------------- FOOTER --------------- */ #footer { margin-top: 50px; color: #666666; } #footer h4 { margin-bottom: 10px; font-size: 14px; color: #565656; } #footer ul { padding-left: 15px; } #footer ul li { margin-bottom: 3px; list-style-type: square; } #footer #footer-top { padding: 20px 0 20px 0; background: #f0f0ef; } #footer #footer-top .column1, #footer-top .column2, #footer-top .column3 { width: 273px; margin-right: 50px; float: left; } #footer #footer-top .column3 { margin-right: 0; } #footer #footer-top .column1 ul { padding: 0; } #footer #footer-top .column1 ul li { margin-bottom: 5px; list-style-type: none; } #footer #footer-top .column2 .thumb { height: 120px; overflow: hidden; position: relative; } #footer #footer-top .column2 .thumb img { width: 273px; height: auto; } #footer #footer-top .column2 .thumb .comment-number { top: 5px; right: 5px; font-family: Verdana; font-size: 9px; position: absolute; } #footer #footer-top .column2 .thumb .comment-number .comment-number-date { padding: 3px 5px 3px 5px; background: #ffffff; float: left; } #footer #footer-top .column2 .thumb .comment-number .comment-number-comments { padding: 3px 5px 3px 5px; color: #ffffff; background: #000000; float: left; } #footer #footer-top a { color: #999999; text-decoration: underline; } #footer #footer-top a:hover { color: #666666; text-decoration: underline; } #footer #footer-bottom { padding: 20px 0 20px 0; color: #666666; background: #151515; } #footer #footer-bottom a { color: #666666 !important; } #footer #footer-bottom a:hover { color: #999999 !important; }