/** WP STUFF **/ /* Theme Name: Glamorous Theme URI: the-theme's-homepage Description: This is the custom Glamorous theme. Author: Affinity Information Technology Author URI: http://www.ait.sk Version: 1.0 . . */ /** /WP STUFF **/ @import url("css/reset.css"); /*********************************************************************** * Base elements **********************************************************************/ body { background: #333333; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 12px; margin: 0px 0px 0px 0px; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h2 { color: #0066FF; font-size: 16px; margin: 0px 0px 10px 0px;} p { line-height: 18px; margin: 0px 0px 15px 0px; } a { color: #978d4b; text-decoration: none; } a:hover { text-decoration: underline; } a.more-link { margin-top: 15px; display: block; } img { border: 0px; } /*********************************************************************** * Base classes **********************************************************************/ .clear:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; } .fl { float: left; } .fr { float: right; } .center { text-align: center; } .hidden { display: none; } .bold { font-weight: bold; } .size11 { font-size: 11px; } .height14 { line-height: 14px; } /* Columns */ .col-widget { width: 220px; float: left; } .col3 { width: 100%; } .col3 .col2 { width: 590px; } .col3 .col1 { width: 320px; } .col4 { width: 100%; } .col4 .col1 { width: 25%; } /* Links*/ .links { list-style-type: none; padding: 0px; margin: 0px; } .links li { display: block; float: left; margin: 0px 10px 0px 0px;} .links a { display: block; } /* Buttons */ .button { color: #ffffff; cursor: pointer; display: block; font-size: 11px; font-weight: bold; height: 18px; line-height: 18px; text-decoration: none; width: auto; } .button span { display: block; height: 18px; } .button:hover { text-decoration: none !important; } .button_red { background: #836a79; } .button_red span { background: url('images/button2-red-left.gif') top left no-repeat; } .button_red span span { background: url('images/button2-red-right.gif') top right no-repeat; padding: 0px 15px;} .button_red:hover { background: #aa859b; } .button_red:hover span { background: url('images/button2-red-left-hover.gif') top left no-repeat; } .button_red:hover span span { background: url('images/button2-red-right-hover.gif') top right no-repeat; } #footer .button_red span { background: url('images/button-red-left.gif') top left no-repeat; } #footer .button_red span span { background: url('images/button-red-right.gif') top right no-repeat;} #footer .button_red:hover span { background: url('images/button-red-left-hover.gif') top left no-repeat; } #footer .button_red:hover span span { background: url('images/button-red-right-hover.gif') top right no-repeat; } .button_gray { background: #6a7983; } .button_gray span { background: url('images/button2-gray-left.gif') top left no-repeat; } .button_gray span span { background: url('images/button2-gray-right.gif') top right no-repeat; padding: 0px 15px;} .button_gray:hover { background: #859baa; } .button_gray:hover span { background: url('images/button2-gray-left-hover.gif') top left no-repeat; } .button_gray:hover span span { background: url('images/button2-gray-right-hover.gif') top right no-repeat; } #footer .button_gray span { background: url('images/button-gray-left.gif') top left no-repeat; } #footer .button_gray span span { background: url('images/button-gray-right.gif') top right no-repeat; } #footer .button_gray:hover span { background: url('images/button-gray-left-hover.gif') top left no-repeat; } #footer .button_gray:hover span span { background: url('images/button-gray-right-hover.gif') top right no-repeat; } .button_brown { background: #83806a; font-weight: normal; } .button_brown span { background: url('images/button2-brown-left.gif') top left no-repeat; } .button_brown span span { background: url('images/button2-brown-right.gif') top right no-repeat; padding: 0px 15px;} .button_brown:hover { background: #978d4b; } .button_brown:hover span { background: url('images/button2-brown-left-hover.gif') top left no-repeat; } .button_brown:hover span span { background: url('images/button2-brown-right-hover.gif') top right no-repeat; } #footer .button_brown span { background: url('images/button-brown-left.gif') top left no-repeat; } #footer .button_brown span span { background: url('images/button-brown-right.gif') top right no-repeat; } #footer .button_brown:hover span { background: url('images/button-brown-left-hover.gif') top left no-repeat; } #footer .button_brown:hover span span { background: url('images/button-brown-right-hover.gif') top right no-repeat; } /* Color picker */ #color_picker_div { margin: 0px 0px 25px 0px; } #color_picker { background: url('images/color_picker.png') top left no-repeat; float: left; height: 36px; padding: 7px; position: relative; width: 36px; z-index: 11; } #color_picker_div a { display: block; line-height: 35px; text-decoration: underline !important; width: 120px; } #color_picker_div a:hover { text-decoration: none !important; } #color_picker div { height: 22px; position: relative; width: 22px; z-index: -1; } #bg_top { height: 474px; text-align: center; width: 100%; } #bg_header { width: 1000px; height: 474px; margin: 0px auto; text-align: left; position: relative;} #bg_layout { width: 1000px; height: 474px; position: absolute; top: 0px; left: 0px; background: url('images/header_layout.png') top left no-repeat; } /*********************************************************************** * Page wrapper **********************************************************************/ #page { margin: -450px auto 0px auto; width: 994px; } #page_inner { background: #333333 url('images/page-bottom.gif') top left repeat-y; } #page_padding { background: url('images/footer.gif') bottom left no-repeat; padding: 20px 35px 60px 35px; position: relative; z-index: 4000;} /*********************************************************************** * Header - logo & menu & languages **********************************************************************/ #header { height: 70px; top: 25px; position: absolute; width: 924px; z-index: 2;} #header #logo { color: #fff; float: left; } #header #logo a { color: #fff; text-decoration: none; } #header #logo img { display: block; margin: 0px 10px 0px 0px; } #header #logo span { display: block; } #header #logo .title { font-size: 32px; font-weight: normal; padding: 3px 0px 0px 0px; } #header #logo .subtitle { font-size: 12px; top: -2px; padding: 0px 0px 0px 3px; position: relative; } #main_menu { float: right; width: 600px; } #main_menu li { display: block; float: left; width: auto; } #main_menu a { background: url('images/main-menu-normal.png') top left no-repeat; color: #fff; display: block; padding: 0px 20px 0px 25px; text-decoration: none; text-transform: uppercase; } #main_menu a:hover { background: url('images/main-menu-hover.png') top left no-repeat; } #main_menu .current_page_item, #main_menu a.active { background: url('images/main-menu-hover.png') top left no-repeat; } #main_menu .current_page_item a { background: none; } #main_menu .menu li li { background: none !important; } #main_menu .menu .current_page_parent { background: url('images/main-menu-hover.png') top left no-repeat !important; } #main_menu .menu .current_page_parent a { background: none; } #main_menu .menu ul .current_page_parent { background: none !important; } #main_menu .menu .current_page_ancestor { background: url('images/main-menu-hover.png') top left no-repeat; } #main_menu .menu .current_page_ancestor a { background: none; } #main_menu .menu ul .current_page_ancestor { background: none !important; } #main_menu .menu { background: url('images/page-border-horizontal.gif') bottom left repeat-x; clear: both; float: right; height: 25px; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; display: block; width: auto; } #main_menu .menu a { display: block; font-weight: bold; margin-bottom: 5px;} #main_menu .menu li { } #main_menu .menu ul { background: url('images/menu-center.png') 0 0 no-repeat; display: block; padding: 6px 0px !important; position: absolute; z-index: 9999;} #main_menu .menu li li { display: block; float: none; } #main_menu .menu li li a { background: none; color: #fff; display: block; font-size: 12px; font-weight: normal; margin: 0px 3px; padding: 8px 8px; text-transform: none; white-space: nowrap;} /**#main_menu .menu li li:hover a { background: #238ea8; }**/ #main_menu .menu li li:hover li a { background: none; } /**#main_menu .menu li li:hover li a:hover { background: #238ea8; }**/ /**#main_menu .menu li li a:hover { background: #238ea8; }**/ #main_menu .menu ul ul { margin: -100px 0px 0px -2px; position: relative; } /* SuckerFish dropdowns */ #main_menu .menu ul { line-height: 1; list-style: none; margin: 0px 0px 0px 11px; padding: 0; } #main_menu .menu li ul { left: -9999px; width: 160px;} #main_menu .menu li:hover ul, #main_menu .menu li.sfhover ul { left: auto; } #main_menu .menu li ul ul { margin: -33px 0 0 159px; position: absolute; z-index: 9999; } #main_menu .menu li:hover ul ul, #main_menu .menu li.sfhover ul ul { left: -9999px; } #main_menu .menu li:hover ul, #main_menu .menu li li:hover ul, #main_menu .menu li.sfhover ul, #main_menu .menu li li.sfhover ul { left: auto; } #main_menu .menu li:hover ul ul, #main_menu .menu li:hover ul ul ul, #main_menu .menu li.sfhover ul ul, #main_menu .menu li.sfhover ul ul ul { left: -9999px; } #main_menu .menu li:hover ul, #main_menu .menu li li:hover ul, #main_menu .menu li li li:hover ul, #main_menu .menu li.sfhover ul, #main_menu .menu li li.sfhover ul, #main_menu .menu li li li.sfhover ul { left: auto; } #main_menu .menu li:hover ul ul, #main_menu .menu li:hover ul ul ul, #main_menu .menu li:hover ul ul ul ul, #main_menu .menu li.sfhover ul ul, #main_menu .menu li.sfhover ul ul ul, #main_menu .menu li.sfhover ul ul ul ul { left: -9999px; } #main_menu .menu li:hover ul, #main_menu .menu li li:hover ul, #main_menu .menu li li li:hover ul, #main_menu .menu li li li li:hover ul, #main_menu .menu li.sfhover ul, #main_menu .menu li li.sfhover ul, #main_menu .menu li li li.sfhover ul, #main_menu .menu li li li li.sfhover ul { left: auto; } #header #lang { height: 15px; clear: both; display: block; float: right; } #header #lang a { background: none; display: inline; padding: 0px; width: auto; } #header #lang a:hover img { border: 1px solid #fff;} #header #lang li { float: right; padding: 0px 5px 0px 0px; width: auto; } #header #lang img { border: 1px solid #ccc; display: block; padding: 1px; } /*********************************************************************** * Slider **********************************************************************/ #slider { background: url('images/slider-bg.png') top left no-repeat; color: #fff; height: 430px; left: 3px; top: 105px; position: relative; width: 100%; z-index: -1; } #slider a { color: #fff; text-decoration: none; } #slider h2 { color: #fff; font-weight: bold; } #slider ul { } #slider ul li { background: url('images/page-border-horizontal.gif') bottom left repeat-x; height: 18px; display: block; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; } #slider .item { position: relative; } #slider .wrapContent { position: absolute; width: 918px; } #slider .image { height: 220px; left: 204px; position: absolute; top: 16px; width: 510px; } #slider .image a { display: block; } #slider .image img { } #slider .content_left { float: left; height: 170px; overflow: hidden; position: relative; text-align: right; width: 188px; z-index: 1; } #slider .content_left .wrap { height: 170px; margin: 15px 0px 0px 0px; float: left; position: relative; width: 160px; } #slider .content_right { float: right; height: 170px; overflow: hidden; position: relative; text-align: left; width: 188px; z-index: 1; } #slider .content_right .wrap { height: 170px; margin: 15px 0px 0px 25px; position: relative; width: 160px; } #slider_pager { height: 15px; top: 97px; position: absolute; text-align: center; width: 924px; z-index: -1; } #slider_pager a { cursor: pointer; display: inline; height: 13px; padding: 0px 5px; width: 13px; } #slider_pager a img { height: 13px; width: 13px; } #slider_pager a.activeSlide { } #slider_navigation { height: 40px; left: 0px; position: absolute; left: 0px; top: 300px; width: 30px; z-index: 99999; } #slider_navigation #prev { } #slider_navigation #prev a { background: url('images/slider-arrow-left.png'); cursor: pointer; display: block; height: 41px; left: 123px; position: absolute; width: 37px; } #slider_navigation #prev a:hover { background: url('images/slider-arrow-left-hover.png'); } #slider_navigation #next { } #slider_navigation #next a { background: url('images/slider-arrow-right.png'); cursor: pointer; display: block; height: 41px; position: absolute; left: 833px; width: 37px; } #slider_navigation #next a:hover { background: url('images/slider-arrow-right-hover.png'); } /*********************************************************************** * Content **********************************************************************/ #content { background: url('images/content-top.png') top left no-repeat; color: #666666; margin: 90px auto 0px auto; width: 918px;} #content_inner { background: url('images/content-bottom.png') bottom left no-repeat; padding: 0px 0px 33px 0px; } #content_padding { background: url('images/content-center.gif') top left repeat-y; min-height: 350px; } #content .rule { background: url('images/content-rule.gif') top center no-repeat; border: 0px; height: 10px; margin: 1px 0px 0px 0px; padding: 0px; width: 100%;} #content #mainbar .rule { background: none; border-top: 1px solid #DDDDDD; height: 10px; margin: 10px 0px 0px 0px; padding: 0px; width: 100%;} #content .button { line-height: 18px; } #content #breadcrumb { font-size: 11px; height: 34px; } #content #breadcrumb ul { padding: 13px 0px 0px 30px; } #content #breadcrumb a { color: #978d4b; font-weight: bold; text-decoration: none; } #content #breadcrumb a:hover { text-decoration: underline; } #content #breadcrumb li { float: left; } #content #breadcrumb .sep { padding: 0px 5px; } #content #header_sub { background: url('images/content-header-bg.gif') 0px 0px no-repeat; margin: 0px 20px 0px 20px; position: relative; z-index: 1; } #content #header_sub .shadow { background: url('images/content-header-top.png') top left no-repeat; height: 8px; left: 0px; position: absolute; top: 0px; width: 880px; z-index: 1; } #content #header_sub_img { float: left; position: relative; width: 329px; } #content #header_sub_img img { border-right: 1px solid #fff; display: block; } #content #header_sub_img .body { background: url('images/content-header-layer.png') top left no-repeat; height: 500px; left: 0px; position: absolute; top: 0px; width: 100px; z-index: 0; } #content #header_sub_img .img { background: url('images/content-header-layer-img.png') center left no-repeat; height: 100%; right: 0px; position: absolute; top: 0px; width: 8px; z-index: 9999; } #content #header_sub_img .top { background: url('images/content-header-layer-top.png') top left no-repeat; display: block; font-size: 0px; height: 4px; line-height: 4px; position: absolute; top: 0px; left: 0px; padding: 0px; width: 320px; z-index: 0; } #content #header_sub_img .bottom { background: url('images/content-header-layer-bottom.png') top left no-repeat; display: block; font-size: 0px; height: 4px; line-height: 4px; margin-top: -4px; position: relative; padding: 0px; width: 320px; z-index: 9998; } #content #header_sub_inner { float: left; padding: 17px 20px 15px 15px; width: 509px; font-size: 11px; } #content #header_sub_inner .intro { } #content #header_sub_inner h1 { font-family: 'Myriad Pro', 'Arial', sans-serif; font-size: 26px; margin: 0px 0px 5px 0px; padding: 0px; } #content #header_sub_inner p { line-height: 14px; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px;} #content #header_sub_inner ul { list-style-type: square; padding: 10px 0px 0px 16px; } #content #header_sub_inner ul.links { list-style-type: none; padding: 0px; } #content #header_sub_inner .rule { background: url('images/content-header-border.gif') top left repeat-x; border: 0px; margin: 10px 0px 0px 0px; padding: 13px 0px 0px 0px; width: 70%; height: auto; } #content .no_img { background: url('images/content-header-bg2.gif') 0px 0px no-repeat !important; } #content .no_img #header_sub_img { display: none !important; } #content .no_img #header_sub_inner { padding-left: 10px !important; width: 860px !important; } #content #main { background: #fff url('images/content-main-bg.gif') top right repeat-y; margin: 0px 30px;} #content .no_sidebar { background: none !important; } #content .no_sidebar #mainbar { width: 100% !important; } #content #mainbar { background: #fff; float: left; width: 545px; } #content #mainbar h1 { color: #0099FF; font-size: 18px; margin: 0px 0px 10px 0px; } #content #mainbar h2 { color: #0099FF; font-size: 16px; margin: 0px 0px 10px 0px; } #content #mainbar h3 { color: #978d4b; font-size: 18px; margin: 0px 0px 10px 0px; } #content #mainbar h4 { color: #978d4b; font-size: 16px; margin: 0px 0px 10px 0px; } #content #mainbar h5 { color: #978d4b; font-size: 14px; margin: 0px 0px 10px 0px; } #content #mainbar h6 { color: #978d4b; font-size: 12px; margin: 0px 0px 10px 0px; } #content #mainbar small { font-size: 11px; } #content #mainbar .post-text { margin-top: 5px; } #content #mainbar .post-info { margin-top: -10px; padding-bottom: 10px; } #content #mainbar ul { list-style-type:square; margin: 0 0 15px; padding: 0 0 0 16px; } #content #mainbar ul li { padding-bottom: 5px; } #content #mainbar ol { list-style-type: lower-alpha; margin: 0 0 15px; padding: 0 0 0 22px; } #content #mainbar ol li { padding-bottom: 5px; } #content #mainbar img { border: 3px solid #ddd; display: block; margin-top: 2px; margin-bottom: 10px; padding: 1px; } #content #mainbar .item { padding: 0px 0px 25px 0px; } #content #mainbar .alignleft { float: left; margin-right: 20px; } #content #mainbar .alignright { float: right; margin-left: 20px; } #content #mainbar .aligncenter { margin: 0px auto 15px auto; } #content #mainbar .downline { border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; padding-bottom: 3px; } #content #mainbar .button2_brown { font-weight: bold; } #content #mainbar p { margin: 0px 0px 25px 0px; text-align: justify; } #content #mainbar p .top_more_fix { display: block; padding-top: 1px; } #content #mainbar p section { margin: 0px 0px 25px 0px; text-align: justify; } /* fix for manual paragphs in blogs */ #content #mainbar p a { text-decoration: underline; } #content #mainbar p a:hover { text-decoration: none; } #content #mainbar table { border-collapse: collapse; margin: 0px 0px 25px 0px; padding: 0px; width: 100%; } #content #mainbar th { border-top: 2px solid #dddddd; border-bottom: 1px solid #dddddd; color: #978d4b; text-align: left; padding: 5px 0px; } #content #mainbar td { border-bottom: 1px solid #dddddd; padding: 5px 0px; } #content #mainbar .one { width: 200px; } #content #mainbar .two { width: 110px; } #content #mainbar .three { width: 110px; } #content #mainbar .four { } #content #mainbar .sign { color: #bfb991; font-size: 14px; font-style: italic;} div.post-text a.more-link { display: block; width: 80px; height: 18px; line-height: 18px; text-align: center; font-size: 11px; color: #FFFFFF; text-decoration: none !important; text-transform: lowercase; background: url('images/but_more_off.gif') top left no-repeat #B0B0B0; } div.post-text a.more-link:hover { color: #FFFFFF; text-decoration: none; background: url('images/but_more_ovr.gif') top left no-repeat #8B8B8B; } /*********************************************************************** * Sidebar - search & boxes **********************************************************************/ #content #sidebar { background: #fff; float: right; position: relative; width: 273px; padding-top: 26px;} #content #sidebar .dotsout { width: 3px; height: 26px; background: #FFFFFF; position: absolute; top: 0px; left: -21px;} #content #search { background: url('images/content-main-search-bg.gif') top left no-repeat; height: 54px; margin: 0px 0px 0px 0px; width: 273px; position: relative; z-index: 1; } #content #search .break { background: #FFFFFF; width: 100%; height: 10px; font-size: 0%; position: absolute; left: 0px; bottom: -1px;} #content #search a { display: block; color: #978d4c; font-size: 12px; line-height: 24px; text-decoration: underline; text-transform: lowercase;} #content #search a:hover { text-decoration: none; } #content #search .fl { margin: 10px 0px 0px 0px; } #content #search .input { background: url('images/content-main-search-input.gif') top left no-repeat; border: 0px; color: #333333; display: block; height: 19px; margin: 0px 0px 0px 10px; padding: 3px 10px 2px 10px; width: 137px; } #content #search .submit { background: url('images/content-main-search-submit.gif') top left no-repeat; border: 0px; display: block; font-size: 0%; height: 24px; line-height: 0px; margin: 0px 10px 0px 0px; text-indent: -9999px; width: 36px; cursor: pointer; } #mainbar #searchform { margin: 0px; padding: 15px 0px 0px 0px; background: url('images/contact-top.gif') top left no-repeat #F5F5F5;} #mainbar #searchform div { height: 37px; padding: 0px 20px 0px 20px; background: url('images/contact-bottom.gif') bottom left no-repeat;} #mainbar #searchform label { display: block; width: 80px; line-height: 23px; float: left;} #mainbar #searchform input#s { display: block; width: 300px; border: 1px solid #888888; padding: 3px 4px 2px 4px; margin: 0px; font-family: arial; font-size: 12px; float: left; color: #333333; } #mainbar #searchform input#searchsubmit { display: block; width: 90px; height: 22px; background: url('images/contact-button.gif') top left no-repeat; border: 0px; cursor: pointer; color: #fff; margin: 0px 0px 0px 5px; padding: 2px 0px 3px 0px; line-height: 16px; font-family: arial; font-size: 12px; font-weight: bold; float: left;} #content #sidebar .space { height: 20px; } #content #sidebar ul.list li.page_item { font-weight: normal; } #content #sidebar ul.list li.current_page_item { font-weight: bold; } #content #sidebar ul.list li.current_page_parent { display: none; } #content .box { background: #fff url('images/content-main-box-border.gif') top left repeat-x; font-size: 11px; margin: 0px 0px 0px 0px; padding: 15px 0px 15px 0px; position: relative; } #content .box h2 { color: #0099CC; margin: 0px 0px 10px 0px; } #content .box p { font-size: 11px; line-height: 14px; margin: 0px; padding: 0px 0px 8px 0px; } #content .box_list a, #content .box .list a { display: block; background: url('images/content-main-box-arrow.gif') 0px 9px no-repeat; border-top: 1px solid #dddddd; color: #666666; line-height: 15px; padding: 4px 0px 4px 15px; text-decoration: none; } #content .box_list li, #content .box .list li { display: block; } #content .box_list li.active a, #content .box .list li.active a { font-weight: bold; } #content .box_list li.active li a, #content .box .list li.active li a { font-weight: normal; } #content .box_list li a:hover, #content .box .list li a:hover { color: #238EA8; } #content .box_list li a, #content .box .list li a { font-size: 12px;} #content .box_list li li, #content .box .list li li { background-position: top left; line-height: 12px; margin: 0px 0px 0px 20px; } #content .box_list li li a, #content .box .list li li a { background-position: 0px 9px; border: 0px; line-height: 16px; } #content .box_list ul, #content .box .list ul { padding: 0px 0px 7px 0px; } #content .box .image { float: left; margin: 0px; } #content .box .image a { display: block; } #content .box .image img { border: 1px solid #d5d1b7; display: block; padding: 3px; } #content .box .text { padding-left: 118px; } #content .box .no_post_img .text { padding-left: 0px; } #content .box .text .button { float: left; margin: 0px 0px 0px 0px; } #content .box .links { margin: 15px 0px 0px 0px; } #content .box_post { padding-bottom: 0px; } #content .box_post p { float: left; } #content .box_page p { padding-bottom: 12px; } #content .box_page .rule { margin: 12px 0px 0px 0px; background: none; height: auto;} #content .box_page .links { margin: 0px; } #content .box_contact { background: none; padding-top: 0px; position: relative; } #content .box_last { margin: 0px; } #content .box_map { background: url('images/content-main-box-map.gif'); font-size: 11px; height: 128px; margin: 0px 0px 15px 0px; width: 273px; } #content .box_map a { color: #000000; display: block; text-decoration: none; height: 128px; position: relative; width: 273px; } #content .box_map a:hover { text-decoration: underline; } #content .box_map a span { position: absolute; bottom: 5px; right: 10px; } #content .box_contact .mail a { background: url('images/content-main-box-contact.gif') top right no-repeat; cursor: pointer; height: 65px; position: absolute; right: 0px; top: 0px; width: 43px; } #content .box_places {} #content .box_places ul {} #content .box_places li { display: block; border-bottom: 1px solid #dddddd; padding: 5px 0px; } #content .box_places a { text-decoration: none; } #content .box_places img { vertical-align: top; } /*********************************************************************** * Content bottom links **********************************************************************/ #footer #content_links { margin: 0px 0px 20px 0px; } #footer #content_links h2 { font-size: 12px; font-weight: bold; margin: 0px 0px 15px 0px; text-transform: uppercase; } #footer #content_links li { display: block; height: 24px; margin: 0px; padding: 0px; } #footer #content_links a { background: url('images/content-links-arrow.gif') 0px 2px no-repeat; color: #a0a0a0; display: block; padding: 0px 0px 10px 10px; text-decoration: none; } #footer #content_links a:hover { text-decoration: underline; } #footer #content_links .last { padding-bottom: 0px; } #footer #content_links .cols { padding: 5px 10px 5px 10px; } #footer #content_links .col1 { width: 250px; } #footer #content_links .col2 { width: 258px; } #footer #content_links .col2 .wrap { margin: 0px 0px 0px 20px; } #footer #content_links .col3 { width: 180px; } #footer #content_links .col3 .wrap { margin: 0px 0px 0px 20px; } #footer #content_links .col4 { width: 210px; } #footer #content_links .col4 .wrap { margin: 0px 0px 0px 20px; } #footer #content_links #recentcomments a { background: none; } #footer #content_links #recentcomments li { background: url('images/content-links-arrow.gif') 0px 2px no-repeat; padding-left: 10px; } /*********************************************************************** * Contact form **********************************************************************/ div.wpcf7 {background: url('images/contact-top.gif') top left no-repeat #F5F5F5;} form.wpcf7-form {background: url('images/contact-bottom.gif') bottom left no-repeat; margin: 0px; padding: 0px 0px 10px 0px; } div.form {padding: 0px 20px 0px 20px;} div.form .wrap {width: 100%; padding-top: 20px;} div.confirm {background: url('images/contact-border.gif') top left no-repeat; margin: 20px 0px 0px 0px; padding: 20px 20px 0px 20px;} form.wpcf7-form p {clear: both; margin-bottom: 10px !important;} form.wpcf7-form label {display: block; width: 110px; float: left; cursor: pointer;} form.wpcf7-form .label {display: block; width: 110px; height: 22px; float: left;} form.wpcf7-form .wpcf7-form-control-wrap {display: block; margin-left: 110px; position: relative;} form.wpcf7-form .wpcf7-checkbox {display: block;} form.wpcf7-form .wpcf7-list-item {display: block; margin: 0px;} form.wpcf7-form .wpcf7-list-item label {display: inline; float: none;} form.wpcf7-form .wpcf7-list-item input {display: block; float: left; position: relative; left: -4px;} form.wpcf7-form .wpcf7-list-item-label {position: relative; left: -4px; line-height: 20px;} form.wpcf7-form p.captcha-box img {display: block; float: left; background: #FFFFFF; border-width: 4px !important; margin-bottom: 0px; margin-right: 10px;} form.wpcf7-form p.captcha-box span.captcha {font-size: 10px; line-height: 14px; display: block; position: relative; top: -2px;} form.wpcf7-form .wpcf7-quiz-label {display: inline; float: left; line-height: 15px; padding: 3px 10px 3px 10px; border: 1px solid #6A7983; background: #E7E9EB; color: #6A7983; font-weight: bold;} form.wpcf7-form .required {background: url('images/contact-required.gif') 97px 5px no-repeat;} div.wpcf7 input.text {display: block; width: 200px; border: 1px solid #888888; padding: 3px 4px 3px 4px; margin: 0px; font-family: arial; font-size: 12px; color: #333333; } div.wpcf7 input.button {background: url('images/contact-button.gif') top left no-repeat; border: 0px; cursor: pointer; color: #fff; margin: 0px; padding: 2px 0px 3px 0px; width: 90px; height: 22px; line-height: 16px; font-family: arial; font-size: 12px; font-weight: bold; float: left;} div.wpcf7 span.captcha input.text {width: 150px; font-size: 11px; margin-top: 2px; #margin-top: 1px;} div.wpcf7 p.quiz-box input {display: inline; position: relative; #top: -1px;} div.wpcf7 textarea.text {display: block; width: 350px; border: 1px solid #888888; padding: 4px; margin: 0px; height: 100px; font-family: arial; font-size: 12px; color: #333333; } div.wpcf7 select.text {display: block; width: 150px; border: 1px solid #888888; padding: 2px 2px 2px 4px; margin: 0px; font-family: arial; font-size: 12px; color: #333333; } div.wpcf7 img.ajax-loader {margin: 0px; background: none; border-width: 0px; padding: 5px 5px 5px 10px;} div.wpcf7 span.wpcf7-not-valid-tip {position: absolute !important; top: 10px !important; left: 25px !important; display: block; line-height: 16px; background: url('images/required-err.gif') top left no-repeat #F7BDCA !important; border: 1px solid #FFFFFF !important; font-size: 11px !important; font-weight: bold; color: #000000; padding: 2px 10px 2px 10px !important;} div.wpcf7 p.captcha-box span.wpcf7-not-valid-tip {left: 110px !important;} div.wpcf7 p.quiz-box span.wpcf7-not-valid-tip {left: 75px !important;} div.wpcf7-validation-errors {border-width: 0px !important; background: #FFE139; font-size: 11px !important; font-weight: bold; color: #000000; padding: 4px 10px 4px 10px !important; margin-left: 0px !important; margin-right: 0px !important;} /*********************************************************************** * Footer - sign & cols **********************************************************************/ #footer { margin: 30px 3px 0px 3px; color: #a0a0a0; } #footer img { border: 1px solid #d2cda1; display: block; margin: 2px 0px 0px 0px; } #footer .item { width: 100%; } #footer .item p { margin: 0px; padding: 0px 0px 10px 0px; float: left; } #footer .item .button { display: block; float: left;} #footer .item .image { float: left; } #footer .item .text { padding-left: 134px; } #footer .item .no_post_img .text { padding-left: 0px; } #footer .col-widget { width: 200px; margin-right: 20px; float: left; } #footer .col3 { margin: 0px auto 30px auto; width: 900px; background: url('images/footer-col-border.gif') 574px 0px repeat-y; } #footer .col3 .col2 { width: 575px;} #footer .col3 .col1 { width: 315px; } #footer .col3 .col2 .wrap { padding: 10px 20px 15px 0px;} #footer .col3 .col1 .wrap { font-size: 11px; padding: 10px 0px 15px 10px;} #footer .col3 .col1 .clear { width: 100%; } #footer .col3 .col1 p { width: 100%; } #footer .col3 .col2 .intro { margin: 0px; line-height: 18px;} #footer .col3 .col2 .rule { width: 90%; margin-top: 15px;} #footer .col3 h2 a { color: #d2cda1; text-decoration: none; } #footer .col3 h2 a:hover { color: #FFFFFF; text-decoration: none; } #footer #sign { background: url('images/footer-sign-border.gif') top left repeat-x; font-size: 11px; margin: 0px 10px; padding: 15px 0px 0px 0px; } #footer #sign .fl { width: 440px;} #footer #sign .fr { width: 440px; text-align: right;} #footer #sign a { color: #d2cda1; text-decoration: none; } #footer #sign a:hover { text-decoration: underline;} #footer #sign li { color: #d2cda1; display: inline; } #footer #sign li span { padding: 0px 5px; } /*********************************************************************** * Widgets **********************************************************************/ /* calendar */ #calendar-wrap { width: 230px; } table#wp-calendar { width: 80%; } table#wp-calendar caption { font-weight: bold; } table#wp-calendar th { padding: 5px; } table#wp-calendar td { padding-right: 10px; } /* recent comments */ #recentcomments { margin-top: 0px; } #recentcomments li { height: 50px; margin-top: 10px; } #recentcomments li a { display: inline; margin-top: 20px; } #recentcomments li a:hover { margin-top: 20px; } /*********************************************************************** * Comments **********************************************************************/ h2#comments {margin-bottom: 20px !important; margin-top: 10px !important;} .navigation .alignleft { margin-right: 0px !important; } .navigation .alignright { margin-left: 0px !important; } ol.commentlist { padding: 0px !important; text-align: justify; } ol.commentlist ul { margin: 0px !important; } ol.commentlist li { margin: 0px !important; padding: 0px !important; list-style: none; } ol.commentlist li ul li { } ol.commentlist p { margin: 0px 0px 5px 50px !important; } ol.commentlist .comment-author img { margin: 0px 10px 10px 0px !important; } ol.commentlist p img { border: 0px !important; display: inline !important; margin: 0px !important; vertical-align: middle !important; } ol.commentlist #cancel-comment-reply-link { display: block !important; } .children { padding: 0px 0px 0px 50px !important; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .comment-body { padding-bottom: 15px; } .comment-meta { font-size: 11px; padding-bottom: 5px; padding-top: 3px;} .commentmetadata { margin: 0; display: block; } .avatar { height: 32px; float: left; padding-right: 5px; } cite.fn { font-size: 16px; font-weight: bold; font-style: normal;} a.comment-edit-link { color: #F93300; font-weight: bold; } a.post-edit-link { color: #F93300; font-weight: bold; } ol.commentlist div.reply { float: right !important; height: 20px;} a.comment-reply-link { display: block; width: 59px; height: 16px; color: #FFFFFF; background: url('images/but_reply_off.gif') top left no-repeat #B0B0B0; text-decoration: none; line-height: 16px ; font-family: tahoma, arial; font-size: 9px; font-weight: bold; text-transform: uppercase; text-align: center;} a.comment-reply-link:hover { color: #FFFFFF; background: url('images/but_reply_ovr.gif') top left no-repeat #8B8B8B; text-decoration: none; } ol.commentlist div#respond { padding-left: 50px; padding-bottom: 20px; } ol.commentlist div#respond h2 { width: 180px; float: left; } ol.commentlist div#respond .cancel-comment-reply { width: 180px; float: right; text-align: right; padding-top: 5px; } ol.commentlist div#respond form { clear: both; } div#respond p { margin-left: 0px !important; margin-bottom: 5px !important; clear: both; } div#respond input#author, div#respond input#email, div#respond input#url { display: block; width: 150px; border: 1px solid #888888; padding: 3px 4px 3px 4px; margin: 0px; font-family: arial; font-size: 12px; float: left; margin-right: 10px; color: #333333; } div#respond label { line-height: 23px; } div#respond textarea { display: block; width: 90%; border: 1px solid #888888; padding: 4px; margin: 0px; height: 100px; font-family: arial; font-size: 12px; color: #333333; } div#respond input#submit { background: url('images/contact-button.gif') top left no-repeat; border: 0px; cursor: pointer; color: #fff; margin: 0px; padding: 2px 0px 3px 0px; width: 90px; height: 22px; line-height: 16px; font-family: arial; font-size: 12px; font-weight: bold; float: none; } div.navigation { font-size: 0%;} div.navigation:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; } div.navigation a { display: block; width: 130px; height: 16px; line-height: 16px; text-align: center; font-family: tahoma, arial; font-size: 9px; font-weight: bold; color: #FFFFFF; text-decoration: none; text-transform: uppercase; background: url('images/but_nav_off.gif') top left no-repeat #B0B0B0; margin-bottom: 25px; } div.navigation a:hover { color: #FFFFFF; text-decoration: none; background: url('images/but_nav_ovr.gif') top left no-repeat #8B8B8B; } div.navigation .alignleft {} div.navigation .alignright {} /*********************************************************************** * Gallery **********************************************************************/ .gallery { margin-bottom: 25px !important; } .gallery br { display: block; font-size: 0%; } .gallery dl { text-align: left !important; } .gallery dt { text-align: left !important; } .gallery img { width: 90px !important; height: auto !important; margin-bottom: 5px !important; } .gallery a:hover img { border-color: #D5D1B7 !important; } .gallery dd { font-size: 11px; width: 98px; padding-bottom: 6px; text-align: center; } /*********************************************************************** * Portfolio **********************************************************************/ .portfolio-website { padding: 0px; margin: 0px; } .website-name { font-size: 18px; font-weight: normal; }v