/* -----[ header styles ]---------------------------------------------------- */ .wrapper { } .headerWrapper { display: block; width: 100%; background: #0e0a09 url('../img/header_wrapper_back.jpg') repeat-x top left; } #header { position: relative; display: block; width: 925px; height: 97px; background: url('../img/header_back.jpg') no-repeat top left; } #header #logo { position: absolute; top: 0; left: 32px; width: 251px; height: 170px; } #header #logo a { display: block; width: 251px; height: 170px; line-height: 170px; text-align: center; background: url('../img/logo.jpg') no-repeat top left; } #header #logo a span { display: none; } #header #mainMenu { position: absolute; top: 65px; right: 0; display: block; height: 32px; margin-right: 0px; } #header #mainMenu li { display: inline; height: 32px; } #header #mainMenu li a { float: left; display: block; height: 32px; line-height: 32px; font-size: 1.4em; font-weight: normal; color: #fff; text-align: center; text-transform: uppercase; background: url('../img/main_menu_back.jpg') no-repeat top left; } #header #mainMenu li a.news { width: 112px; background-position: 0 0; } #header #mainMenu li a.gallery { width: 86px; background-position: -112px 0; } #header #mainMenu li a.workshop { width: 98px; background-position: -198px 0; } #header #mainMenu li a.profile { width: 82px; background-position: -296px 0; } #header #mainMenu li a.contact { width: 92px; background-position: -378px 0; } #header #mainMenu li a span { display: none; } #header #guest { position: absolute; top: 35px; right: 30px; display: block; height: 32px; margin-right: 0px; } #header #guest a { font-size: 1.3em; color: #c33503; font-weight: bold; } #flashContainer { display: block; width: 925px; height: 385px; background: url('../img/flash_container_back.jpg') no-repeat 0 0px; } #flashContainer #news1 { position: relative; top: 86px; left: 623px; width: 270px; height: 133px; } #flashContainer #news2 { position: relative; top: 105px; left: 623px; width: 270px; height: 133px; } #flashContainer #news1 img { margin-right: 5px; float: left; } #flashContainer #news2 img { margin-right: 5px; float: left; } #flashContainer p { text-align: right; padding-top: 5px; font-size: 0.45em; color: #fff; line-height: 1.2em; } #flashContainer a { font-weight: bold; } /* -----[ content styles ]--------------------------------------------------- */ .contentWrapper { width: 960px; background: url('../img/content_wrapper_back.jpg') no-repeat bottom left; } #contentContainer { width: 907px; color: inherit; background: #fff url('../img/content_container_back.gif') repeat-y bottom left; margin-left: 7px; } #contentContainer .column_1 { float: left; display: inline; width: 276px; height: 420px; margin-left: 14px; } #contentContainer #mailingList { width: 276px; } #contentContainer #mailingList div { width: 276px; } #contentContainer #mailingList div.form { margin-bottom: 15px; } #contentContainer #mailingList h2 { display: block; width: 99px; height: 14px; background: url('../img/h2_maillist_back.gif') no-repeat top left; color: #c33503; font-size: 1.4em; margin: 15px 0; } #contentContainer #mailingList h2 span { display: none; } #contentContainer #mailingList input { float: right; width: 266px; height: 29px; color: #fff; font-size: 1.2em; background: #c4c4c4 url('../img/maillist_input_back.gif') no-repeat top left; margin-bottom: 20px; padding-left: 10px; line-height: 29px; } /* Opera hack */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #contentContainer #mailingList input { height: 29px; padding-top: 0px; } } #contentContainer #mailingList button { float: right; color: #d37453; font-size: 1.1em; font-weight: bold; } #contentContainer #mailingList input, #contentContainer #mailingList button { border: none; } #contentContainer #mailingList button:hover { text-decoration: underline; } #contentContainer #mailingList p { float: right; font-size: 1.1em; line-height: 1.5em; } #contentContainer #mailingList p.redalert { color: #ff0000; font-weight: bold; } #contentContainer #poll { width: 276px; background: url('../img/poll_break_line.gif') no-repeat top left; } #contentContainer #poll div { width: 276px; } #contentContainer #poll .header { margin-top: 15px; } #contentContainer #poll .description { margin-bottom: 15px; } #contentContainer #poll h2 { display: block; width: 76px; height: 14px; background: url('../img/h2_poll_back.gif') no-repeat top left; color: #c33503; font-size: 1.4em; margin: 15px 0; } #contentContainer #poll h2 span { display: none; } #contentContainer #poll label { float: left; display: block; width: 276px; height: 22px; margin: 0; padding: 0; } #contentContainer #poll input { float: left; display: inline; margin-right: 10px; } #contentContainer #poll button { float: right; border: none; color: #d37453; font-size: 1.1em; font-weight: bold; } #contentContainer #poll button:hover { text-decoration: underline; } #contentContainer #poll p { font-size: 1.1em; line-height: 1.5em; } #contentContainer #mainPageStartPoints { float: right; display: inline; width: 588px; height: 420px; background: url('../img/mainpagestartpoints_back.jpg') no-repeat top right; } #contentContainer #mainPageStartPoints ul { float: right; display: block; margin-top: 15px; } #contentContainer #mainPageStartPoints ul li { float: left; } #contentContainer #mainPageStartPoints ul li.bikesGallery { width: 196px; } #contentContainer #mainPageStartPoints ul li.bikesGallery .thumbnail { background: url('../img/bikes_gallery_link_back.jpg') no-repeat top left; } #contentContainer #mainPageStartPoints ul li.helmetGallery { width: 192px; } #contentContainer #mainPageStartPoints ul li.helmetGallery .thumbnail { background: url('../img/helmet_gallery_link_back.jpg') no-repeat top left; } #contentContainer #mainPageStartPoints ul li.otherGallery { width: 194px; } #contentContainer #mainPageStartPoints ul li.otherGallery .thumbnail { background: url('../img/other_gallery_link_back.jpg') no-repeat top left; } #contentContainer #mainPageStartPoints ul li .thumbnail { display: block; width: 160px; height: 130px; margin: 0 auto 10px; } #contentContainer #mainPageStartPoints ul li .thumbnail span { display: none; } #contentContainer #mainPageStartPoints ul li h3 { display: block; width: 160px; height: 24px; line-height: 24px; font-size: 1.1em; color: #fff; font-weight: bold; background: #a5a5a5; margin: 0 auto; } #contentContainer #mainPageStartPoints ul li h3 a { display: block;width: 160px; height: 24px; line-height: 24px; color: #fff; text-align: center; } #contentContainer #mainPageStartPoints ul li .description { display: block; width: 160px; font-size: 1.1em; line-height: 1.5em; margin: 18px auto 0; } #contentContainer #contact { display: block; width: 189px; height: 39px; background: url('../img/h2_contact.png') no-repeat top left; } #contentContainer #contact span { display: none; } #contentContainer #contact_l { width: 200px; float: left; } #contentContainer #contact_l span { display: block; font-size: 1.2em; line-height: 1.5em; margin-top: 10px; margin-left: 20px; width: 200px; } #contentContainer #contact_l span.cname { font-weight: bold; line-height: 1.9em; } #contentContainer #contact_r { width: 420px; float: right; } #contentContainer #contact_r p.alert { color: #ff0000; } #contentContainer #contact_r label.alert { color: #ff0000; } #GalleryTop { display: block; width: 907px; height: 34px; background: url('../img/gal_main_top.gif') no-repeat top left; margin-left: 7px; } #Gallery { display: block; width: 907px; overflow: hidden; background: url('../img/gal_main.gif') repeat-y top left; margin-left: 7px; } #Gallery #leftmenu { display: block; width: 325px; float: left; overflow: hidden; } #Gallery #leftmenu p { margin-top: 10px; margin-bottom: 10px; } #Gallery #leftmenu li { width: 307px; height: 28px; } #Gallery #leftmenu li a { display: block; color: #e2e2e2; width: 307; height: 28px; line-height: 28px; font-size: 1.3em; font-weight: bold; padding-left: 25px; background: url('../img/lmenu_back.gif') no-repeat top left; } #Gallery #leftmenu li a:hover { text-decoration: none; background-position: 0 -28px; } #Gallery #leftmenu li a.active { background-position: 0 -28px; } #Gallery #mainarea { display: block; width: 500px; float: right; margin-right: 40px; margin-bottom: 40px; } #Gallery #nomercy .secret { display: none; } #Gallery #mainarea p { margin-bottom: 10px; font-size: 1.3em; line-height: 1.5em; } #Gallery #mainarea p.cernter { margin-bottom: 10px; } #Gallery #mainarea li { margin-bottom: 10px; font-size: 1.3em; line-height: 1.5em; } #Gallery #mainarea h2 { margin-bottom: 10px; font-size: 1.5em; line-height: 1.5em; font-weight: bold; } #Gallery #mainarea .minif { margin-right: 20px; margin-bottom: 15px; } #Gallery #mainarea img { margin-bottom: 40px; } #Gallery #mainarea img.margines { margin-right: 40px; } #Gallery #mainarea img.imgleft { float: left; margin-right: 10px; margin-bottom: 0px; } #Gallery #mainarea img.png { margin: 1px; } #Gallery #mainarea li { list-style-type: disc; list-style-position: outside; margin-left: 15px; font-size: 1.3em; line-height: 1.5em; } #Gallery #nomercy { display: block; width: 540px; float: right; margin-right: 15px; margin-bottom: 40px; } #Gallery #nomercy .minif { margin-right: 20px; margin-bottom: 15px; } #Gallery #nomercy img { margin-bottom: 40px; } #Gallery #nomercy img.margines { margin-right: 40px; } #Gallery #nomercy img.imgleft { float: left; margin-right: 10px; margin-bottom: 0px; } #Workshop { display: block; width: 907px; overflow: hidden; background: url('../img/all_main.gif') repeat-y top left; margin-left: 7px; } #Workshop #WorkshopArea { display: block; margin: 50px; } #Workshop #WorkshopArea p { margin-bottom: 10px; font-size: 1.3em; line-height: 1.5em; } #Workshop #WorkshopArea img.imgleft { float: left; margin-right: 10px; } #Workshop #WorkshopArea img.imgright { float: right; margin-left: 10px; } #contactForm { float: right; width: 400px; margin: 15px 15px 15px 0; } #contactForm .form { float: left; display: block; width: 276px; height: 300px; } #contactForm label { display: block; width: 276px; color: #626262; } #contactForm input { display: block; width: 256px; height: 29px; color: #000; background: url('../img/maillist_input_back.gif') no-repeat top left; margin-bottom: 10px; padding: 0 10px; } #contactForm textarea { display: block; width: 256px; height: 130px; color: #000; background: url('../img/contact_textarea_back.gif') no-repeat top left; margin-bottom: 10px; overflow: hidden; padding: 10px; } #contactForm button { float: right; border: none; color: #d37453; font-size: 1.1em; font-weight: bold; margin-top: 10px; } #contactForm button:hover { text-decoration: underline; } #contactForm label, #contactForm input, #contactForm textarea { border: none; font-size: 1.2em; overflow:auto; } #mainarea .wik { height: 500px; } #mainarea p.alert { color: #ff0000; display: block; } #mainarea #contact_r label.alert { color: #ff0000; } #mainarea .wpis { display: block; position: relative; backgr0ound: #323230; margin-bottom: 10px; border-bottom: 1px dotted #333; } #mainarea .wpis H3 { color: #c33503; font-size: 1.2em; font-weight: bold; margin-bottom: 1px; } #mainarea .wpis p span { color: #959595; font-size: 0.8em; margin-bottom: 5px; } /* -----[ footer styles ]---------------------------------------------------- */ .footerWrapper { display: block; width: 100%; height: 130px; background: #0e0a09 url('../img/footer_wrapper_back.jpg') repeat-x top left; } #footer { width: 925px; background: url('../img/footer_back.jpg') no-repeat top left; color: #575757; padding-top: 40px; } #footer a { color: #575757; } #footer a:hover { color: #8c8c8c; } #footer .copyright { width: 400px; float: left; display: inline; line-height: 1.5em; font-size: 1.1em; margin-left: 20px; } #footer .description { width: 400px; float: right; display: inline; line-height: 1.5em; font-size: 1.1em; margin-right: 15px; } #footer .description p { text-align: right; }