/* Theme Name: Simplicius Theme URI: http://wordpress.org/ Description: Simplicius Simplicissmus Author: AIT s.r.o. Version: 1.0 Tags: two-columns, fixed-width, custom-header, threaded-comments */ html{ background: url('images/background.jpg') top center no-repeat #000; } body{ text-align: center; margin: 0px; font-family: arial; font-size: 12px; background: url('images/background.jpg') top center no-repeat #000; } div.back{ width: 100%; height: 100%; text-align: center; } div.base{ position: relative; width: 994px; height: 100%; text-align: left; margin: 0px auto; background: url('images/background_base.jpg') transparent no-repeat ; } div.footer_img{ position: relative; width: 994px; height: 58px; margin: 0px auto; background: url('images/footer.jpg') transparent no-repeat ; } label.error { clear: both; color: #ff0000; margin: 0px 0px 0px 154px; width: 250px !important; } code { padding: 5px; } .clear:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; } .navigation:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; padding-bottom: 30px;} .columns:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; } .clean-margin { margin: 0px !important; } .clean-padding { padding: 0px !important; } .fl { float: left; } .fr { float: right; } code { font-weight: bold; line-height: 18px; display: block; background: url('images/bck_95-25.png'); margin-bottom: 5px; } .light code { color: #FFF; } .dark code { color: #FFFFFF; } /*********************************************************/ /*** CONTENT COLORS - main colors of template elements ***/ /*********************************************************/ body.light { color: #FFF; background: url('images/background.jpg') top center no-repeat #000;} body.dark { color: #A0A0A0; } /*.white { color: #666666; }*/ .black { color: #A0A0A0; } /* --- global links colors ----------------------------------------------------------------------- */ .light a { color: #fff; text-decoration: underline;} .light a:hover { color: #ff0000; text-decoration: none;} .dark a { color: #FFFFFF; text-decoration: underline;} .dark a:hover { color: #FFFFFF; text-decoration: none;} .white a { color: #fff; text-decoration: underline;} .white a:hover { color: red; text-decoration: none;} .black a { color: #FFFFFF; text-decoration: underline;} .black a:hover { color: #FFFFFF; text-decoration: none;} /* --- links colors in #main ----------------------------------------------------------------------- */ .light #main a { color: #fff; text-decoration: underline;} .light #main a:hover { color: #ff0000; text-decoration: none;} .dark #main a { color: #FFFFFF; text-decoration: underline;} .dark #main a:hover { color: #FFFFFF; text-decoration: none;} /* --- strong links (like "read more" etc.) ----------------------------------------------------------------------- */ .light a.bold { color: #ff0000 !important; font-weight: bold !important; text-shadow:#000 1px 1px; text-decoration: none !important; font-size: 13px; } .light a.bold:hover { color: #FFF !important; font-weight: bold !important; text-decoration: underline !important;} .dark a.bold { color: #FFFFFF !important; font-weight: bold !important; text-decoration: none !important;} .dark a.bold:hover { color: #FFFFFF !important; font-weight: bold !important; text-decoration: underline !important;} .white a.bold { color: #FFF text-shadow:#000 1px 1px !important; font-weight: bold !important; text-decoration: none !important;} .white a.bold:hover { color: #333333 !important; font-weight: bold !important; text-decoration: underline !important;} .black a.bold { color: #FFFFFF !important; font-weight: bold !important; text-decoration: none !important;} .black a.bold:hover { color: #FFFFFF !important; font-weight: bold !important; text-decoration: underline !important;} .light a.more-link { color: #F00!important; float: none; font-weight: bold!important; text-decoration: none!important; font-size: 14px; text-align: center; display: block; margin-top: 5px;} .light a.more-link:hover { color: #D00 !important; font-weight: bold !important; text-decoration: underline !important;} .dark a.more-link { color: #FFFFFF !important; font-weight: bold !important; text-decoration: none !important;} .dark a.more-link:hover { color: #FFFFFF !important; font-weight: bold !important; text-decoration: underline !important;} .white a.more-link { color: #333333 !important; font-weight: bold !important; text-decoration: none !important;} .white a.more-link:hover { color: #333333 !important; font-weight: bold !important; text-decoration: underline !important;} .black a.more-link { color: #FFFFFF !important; font-weight: bold !important; text-decoration: none !important;} .black a.more-link:hover { color: #FFFFFF !important; font-weight: bold !important; text-decoration: underline !important;} /* --- H tags colors & links ----------------------------------------------------------------------- */ .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { color: #FFF !important; } .light h1 a, .light h2 a, .light h3 a, .light h4 a, .light h5 a, .light h6 a { color: #FFF !important; text-shadow:#000 1px 1px; !important; } .light h1 a:hover, .light h2 a:hover, .light h3 a:hover, .light h4 a:hover, .light h5 a:hover, .light h6 a:hover { color: #fff6e5 !important; text-decoration: none !important; } .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { color: #B9D2DD !important; } .dark h1 a, .dark h2 a, .dark h3 a, .dark h4 a, .dark h5 a, .dark h6 a { color: #B9D2DD !important; text-decoration: none !important; } .dark h1 a:hover, .dark h2 a:hover, .dark h3 a:hover, .dark h4 a:hover, .dark h5 a:hover, .dark h6 a:hover { color: #D4E9F2 !important; text-decoration: none !important; } .white h1, .white h2, .white h3, .white h4, .white h5, .white h6 { color: #FFF !important; } .white h1 a, .white h2 a, .white h3 a, .white h4 a, .white h5 a, .white h6 a { color: #fff6e5 !important; text-decoration: none !important; } .white h1 a:hover, .white h2 a:hover, .white h3 a:hover, .white h4 a:hover, .white h5 a:hover, .white h6 a:hover { color: #5A646A !important; text-decoration: none !important; } .black h1, .black h2, .black h3, .black h4, .black h5, .black h6 { color: #B9D2DD !important; } .black h1 a, .black h2 a, .black h3 a, .black h4 a, .black h5 a, .black h6 a { color: #B9D2DD !important; text-decoration: none !important; } .black h1 a:hover, .black h2 a:hover, .black h3 a:hover, .black h4 a:hover, .black h5 a:hover, .black h6 a:hover { color: #D4E9F2 !important; text-decoration: none !important; } /* --- subtext in h2 homepage boxes ----------------------------------------------------------------------- */ .light h2 span { color: #FFF; } .dark h2 span { color: #FFFFFF; } .white h2 span { color: #333333; } .black h2 span { color: #FFFFFF; } /* --- colors of STRONG tag ----------------------------------------------------------------------- */ /*.light strong { color: #333333; }*/ .light strong { color: #F4C849; } .dark strong { color: #FFFFFF; } .white strong { color: #F4C849; } .black strong { color: #FFFFFF; } /* --- table colors in #main ----------------------------------------------------------------------- */ .light #main table { background: url('images/light_boldline.png') top left repeat-x; } .light #main th { background: url('images/light_line.png') bottom left repeat-x; color: #333333;} .light #main td { background: url('images/light_line.png') bottom left repeat-x; } .dark #main table { background: url('images/dark_boldline.png') top left repeat-x; } .dark #main th { background: url('images/dark_line.png') bottom left repeat-x; color: #FFFFFF;} .dark #main td { background: url('images/dark_line.png') bottom left repeat-x; } /* --- global POST links colors ----------------------------------------------------------------------- */ .light .post_links a { color: #000; } .light .post_links a:hover { color: #5A646A; } .dark .post_links a { color: #B9D2DD; } .dark .post_links a:hover { color: #D4E9F2; } .white .post_links a { color: #76828A; } .white .post_links a:hover { color: #5A646A; } .black .post_links a { color: #B9D2DD; } .black .post_links a:hover { color: #D4E9F2; } /* --- CONTENT LINKS colors ----------------------------------------------------------------------- */ .black #content_links a { color: #FFFFFF; } .black #content_links a:hover { color: #FFFFFF; } .white #content_links a { color: #333333; } .white #content_links a:hover { color: #333333; } .black #content_links li a { color: #A0A0A0; } .black #content_links li a:hover { color: #FFFFFF; } .white #content_links li a { /*color: #666666; */ color:#F4C849; } .white #content_links li a:hover { color: #333333; } /********************************/ /* ---------- HEADER ---------- */ /********************************/ #header { height: 306px; width: 100%; position: relative; z-index: 1000;} #header #logo { color: #ffffff; position: absolute; left: 11px; top: 19px; } #header #logo .picture { float: left; } #header #logo .text { float: left; } #header #logo a { color: #ffffff; text-decoration: none; } #header #logo img { margin: 0px 10px 0px 0px; } #header #logo span { display: block; } #header #logo .title { font-size: 24px; font-weight: bold; padding: 8px 0px 0px 0px; } #header #logo .subtitle { color: #B9D2DD; font-size: 12px; font-weight: bold; position: relative; top: -2px; left: 1px; } /*** MAIN MENU ------------------------------------------------------------------ ***/ #main_menu{ position: absolute; top: 302px; width: 994px; z-index: 10; } #header #main_menu { position: absolute; right: 18px; top: 31px; z-index: 1; } #header #main_menu strong { display: none; } #header #main_menu a { color: #B9D2DD; display: block; font-size: 11px; line-height: 30px; font-weight: bold; margin: 0px; padding: 0px 15px 0px 15px; text-decoration: none; text-transform: uppercase; } #header #main_menu a:hover { color: #FFFFFF; } #header #main_menu li { display: block; float: left; white-space: nowrap; position: relative; } #header #main_menu ul { z-index: 99999;} #header #main_menu li ul { display: none; background: url('images/bck_light.png'); border: 0px solid #959595; padding: 2px 2px 2px 2px; position: absolute; left: 7px; width: 170px; } #header #main_menu li:hover ul { display: block; } #header #main_menu li:hover ul li ul { display: none; } #header #main_menu li:hover ul li:hover ul { display: block; } #header #main_menu li:hover a { color: #D4E9F2; } #header #main_menu li:hover li a { color: #FFFFFF; } #header #main_menu li:hover li:hover a { background: #333333; } #header #main_menu li:hover li:hover li a { background: none; } #header #main_menu li:hover li:hover li:hover a { background: #333333; } #header #main_menu ul ul a { display: block; float: none; font-weight: normal; line-height: 14px; padding: 6px 10px 6px 10px; text-transform: none; } #header #main_menu ul ul a.parent { color: #FFFFFF; background: #333333; } #header #main_menu ul ul a:hover { color: #FFFFFF; background: #333333;} #header #main_menu ul ul li { width: 100%; display: block; float: left; position: relative; background: url('images/bck_dark.png'); } #header #main_menu ul ul ul { position: absolute; left: 170px; top: -2px; } #header #main_menu .current_page_item a { color: #FFFFFF !important; } #header #main_menu .current_page_item li a { color: #FFFFFF !important; } #header #main_menu .current-menu-item a { color: #FFFFFF !important; } #header #main_menu .current-menu-item li a { color: #FFFFFF !important; } /*** SUBMENU ------------------------------------------------------------------ ***/ .submenu .sideinner { padding: 6px 0px 15px 0px !important; } .submenu .sideinner ul { padding-top: 2px; padding-bottom: 0px; } .submenu .sideinner ul li { line-height: 16px; padding-top: 5px; padding-bottom: 7px; width: 100%; } .submenu .sideinner ul li.current_page_item { font-weight: bold; } .submenu .sideinner ul li.current_page_item li { font-weight: normal; } .submenu .sideinner ul a { display: block; text-decoration: none; padding-left: 10px; width: 230px;} .submenu .sideinner ul ul { padding-top: 4px; padding-left: 10px; padding-bottom: 2px; background: none !important; } .submenu .sideinner ul ul li { line-height: 16px; padding-top: 2px; padding-bottom: 2px; background: none !important; } .light .submenu .sideinner ul { background: url('images/light_sideline.png') top left repeat-x; } .light .submenu .sideinner ul li { background: url('images/light_sideline.png') bottom left repeat-x; } .light .submenu .sideinner ul a { background: url('images/arrow_darkblue.gif') 0px 6px no-repeat; } .light .submenu .sideinner ul ul a { background: url('images/arrow_darkblue.gif') 0px 6px no-repeat;} .light .submenu .sideinner ul a:hover { color: #76828A; } .dark .submenu .sideinner ul { background: url('images/dark_sideline.png') top left repeat-x; } .dark .submenu .sideinner ul li { background: url('images/dark_sideline.png') bottom left repeat-x; } .dark .submenu .sideinner ul a { background: url('images/arrow_grey.gif') 0px 6px no-repeat; } .dark .submenu .sideinner ul ul a { background: url('images/arrow_grey.gif') 0px 6px no-repeat;} .dark .submenu .sideinner ul a:hover { color: #B9D2DD; } .white .submenu .sideinner ul { background: url('images/light_sideline.png') top left repeat-x; } .white .submenu .sideinner ul li { background: url('images/light_sideline.png') bottom left repeat-x; } .white .submenu .sideinner ul a { background: url('images/arrow_darkblue.gif') 0px 6px no-repeat; } .white .submenu .sideinner ul ul a { background: url('images/arrow_darkblue.gif') 0px 6px no-repeat;} .white .submenu .sideinner ul a:hover { color: #76828A; } .black .submenu .sideinner ul { background: url('images/dark_sideline.png') top left repeat-x; } .black .submenu .sideinner ul li { background: url('images/dark_sideline.png') bottom left repeat-x; } .black .submenu .sideinner ul a { background: url('images/arrow_grey.gif') 0px 6px no-repeat; } .black .submenu .sideinner ul ul a { background: url('images/arrow_grey.gif') 0px 6px no-repeat;} .black .submenu .sideinner ul a:hover { color: #B9D2DD; } /************************************************/ /* ---------- PAGE LAYOUT & ELEMENTS ---------- */ /************************************************/ .page_top { width: 100%; overflow: hidden; position: absolute; top: 350px; } .page_down { width: 100%; /*height: 100px; */} .page { padding-left: 36px; /*padding-right: 36px; top: -300px; */ z-index: 1; } .page_inside { width: 100%; } .subpage { width: 100%; padding-bottom: 50px; } #main.fullwidth { width: 100%; } .breadcrumb { } #breadcrumb { font-size: 11px; line-height: 14px; padding: 0px 36px 0px 36px; } #breadcrumb ul { height: 14px; } #breadcrumb li { float: left; } #breadcrumb a { text-decoration: none; } #breadcrumb a:hover { text-decoration: underline; } #breadcrumb .sep { padding: 0px 4px 0px 4px; } .light #breadcrumb strong { /*color: #666666; */ color:#F4C849; font-weight: normal; text-transform: capitalize; } .dark #breadcrumb strong { color: #A0A0A0; font-weight: normal; text-transform: capitalize; } .light #breadcrumb .sep { color: #A0A0A0; } .dark #breadcrumb .sep { /*color: #666666; */ color:#F4C849; } .light .page_down { background: url('images/light_page_down.png') bottom center no-repeat; } .light .page { /* background: url('images/light_page.png') repeat-y;*/ background: #630000; border-left: 3px solid #960000; border-right: 3px solid #960000; margin-top: 300px; /* position: absolute; top: 450px;*/ } .dark .page_top { background: url('images/dark_page_top.png') top center no-repeat; } .dark .page_down { background: url('images/dark_page_down.png') bottom center no-repeat; } .dark .page { background: url('images/dark_page.png') top center repeat-y; } small { display: block; font-size: 11px; line-height: 14px; } .bold { font-weight: bold; } .page h1, .page_top h1 { font-size: 25px; font-weight: normal; padding-top: 10px; padding-bottom: 0px; color:white !important;} .page h2, .page_top h2 { font-size: 18px; font-weight: normal; padding-top: 0px; padding-bottom: 0px; } .page h3, .page_top h3 { font-size: 16px; font-weight: normal; padding-top: 10px; padding-bottom: 0px; } .page h4, .page_top h4 { font-size: 14px; font-weight: bold; padding-top: 10px; padding-bottom: 0px; } .page h5, .page_top h5 { font-size: 12px; font-weight: bold; padding-top: 10px; padding-bottom: 0px; } .page h6, .page_top h6 { font-size: 12px; font-weight: normal; padding-top: 10px; padding-bottom: 0px; } .page p { } .page .aligncenter, .page_top .aligncenter { text-align: center; } #main h1 { padding-bottom: 25px; } #main h1 strong { text-transform: uppercase; } #main h2 { padding-bottom: 15px; } #main h3 { padding-bottom: 10px; } #main h4 { padding-bottom: 10px; } #main h5 { padding-bottom: 5px; } #main h6 { padding-bottom: 5px; } #main .boxes h1 { padding-bottom: 0px; } #main .boxes h2 { padding-bottom: 0px; } #main .boxes h3 { padding-bottom: 0px; } #main .boxes h4 { padding-bottom: 0px; } #main .boxes h5 { padding-bottom: 0px; } #main .boxes h6 { padding-bottom: 0px; } /*#main p { padding-bottom: 20px; line-height: 18px; }*/ #main p { margin-bottom: 15px;} #main p.downline { padding-bottom: 5px; margin-bottom: 10px; } .light #main p.downline { background: url('images/light_line.png') bottom left repeat-x; } .dark #main p.downline { background: url('images/dark_line.png') bottom left repeat-x; } #main table { width: 100%; margin-bottom: 20px; } #main .boxes table { margin-top: 9px; } #main th { padding: 7px 10px 5px 0px; vertical-align: top; text-align: left; font-weight: bold; } #main td { padding: 4px 10px 5px 0px; /* vertical-align: top;*/ text-align: left; } #main th.aligncenter { text-align: center; padding-left: 10px; } #main td.aligncenter { text-align: center; padding-left: 10px; } #main th.valigncenter { vertical-align: middle; } #main td.valigncenter { vertical-align: middle; } #main ul { padding-left: 16px; padding-bottom: 20px; } #main ul li { line-height: 18px; list-style-type: square; padding-bottom: 5px; } #main ol { padding-left: 22px; padding-bottom: 20px; } #main ol li { line-height: 18px; list-style-type: lower-alpha; padding-bottom: 5px; } #main .boxes ul { padding-top: 9px; } #main .boxes ol { padding-top: 9px; } #main .aligncenter { margin: 0px auto; text-align: center; } #main .alignleft { float: left; margin-right: 20px; } #main .alignright { float: right; margin-left: 20px; } /*#main img { display: block; padding: 3px 3px 4px 3px; background: url('images/light_picture.png') bottom left repeat-x; /*width: 100px; height: 37px;*/}*/ #main img.alignleft { margin-bottom: 10px; } #main img.alignright { margin-bottom: 10px; } .light #main .rule { width: 100%; height: 2px; background: url('images/light_line.png') top left repeat-x; padding-bottom: 20px; } .dark #main .rule { width: 100%; height: 2px; background: url('images/dark_line.png') top left repeat-x; padding-bottom: 20px; } .boxes .white .rule { width: 100%; height: 2px; background: url('images/light_line.png') top left repeat-x; } .boxes .black .rule { width: 100%; height: 2px; background: url('images/dark_line.png') top left repeat-x; } .iconbar { min-height: 60px; margin: 0px -20px 0px -20px; text-align: center;} .iconbar .icon_wrap { width: 100%; background: url(images/icon_bar.png) top left repeat-x; } .iconbar .icon48 { margin: 10px 5px 0px 5px;} .iconbar li { display: inline; } /*** COLUMNS in MAIN ------------------------------------------------------------- ***/ #main .columns { width: 100%; } #main .columns .lastcol { margin-right: 0px !important; } #main .columns .col1-2 { width: 302px; margin-right: 16px; float: left;} #main .columns .col1-3 { width: 196px; margin-right: 16px; float: left;} #main .columns .col2-3 { width: 408px; margin-right: 16px; float: left;} /*** BOXES LAYOUT *********************************************************************************/ .box_full { width: 100%; } .box_full .top { width: 100%; height: 9px; } .box_full .down { width: 100%; height: 9px; } .box_full .middle { width: 100%; } .white.box_full .down { background: url('images/white_box-full_down.png') bottom center no-repeat;} .black.box_full .top { background: url('images/black_box-full_top.png') top center no-repeat;} .black.box_full .down { background: url('images/black_box-full_down.png') bottom center no-repeat;} .black.box_full .middle { background: url('images/black_box-full_middle.png') top center repeat-y;} .boxes { margin-left: -20px; margin-right: -20px; } .boxes br { display: none; } .page_top .boxes { margin-left: 16px; margin-right: 16px; padding-bottom: 19px; } .boxes .container { width: 100%; padding-top: 9px; padding-bottom: 9px; position: relative; } .boxes .container .inner { float: left; overflow: hidden; } .boxes .icon { width: 100%; } .boxes .icon img { background-image: none !important; display: block; width: 64px; height: 64px; float: left; position: relative; left: -6px; top: 0px; margin-right: 4px; } .boxes .icon h2 { padding-top: 16px; padding-bottom: 8px;} .boxes .icon h2 a { display: block; text-decoration: none; cursor: pointer; } .boxes .icon h2 span { font-size: 12px; display: block; font-weight: bold; padding-top: 2px;} .boxes p { line-height: 18px; padding-top: 9px; padding-bottom: 9px;} #main .boxes p { padding-bottom: 9px; } /* --- LINES between boxes ----------------------------------------------------------- */ .light .lines_x1x .inner { background: url('images/light_ln-x0x1x0x.png') top left repeat-y; } .light .lines_x1x1x .inner { background: url('images/light_ln-x1x1x.png') top left repeat-y; } .light .lines_x1x0x .inner { background: url('images/light_ln-x1x0x.png') top left repeat-y; } .light .lines_x0x1x .inner { background: url('images/light_ln-x0x1x.png') top left repeat-y; } .light .lines_x1x1x1x .inner { background: url('images/light_ln-x1x1x1x.png') top left repeat-y; } .light .lines_x0x1x1x .inner { background: url('images/light_ln-x0x1x1x.png') top left repeat-y; } .light .lines_x1x0x1x .inner { background: url('images/light_ln-x1x0x1x.png') top left repeat-y; } .light .lines_x1x1x0x .inner { background: url('images/light_ln-x1x1x0x.png') top left repeat-y; } .light .lines_x0x1x0x .inner { background: url('images/light_ln-x0x1x0x.png') top left repeat-y; } .light .lines_x1x0x0x .inner { background: url('images/light_ln-x1x0x0x.png') top left repeat-y; } .light .lines_x0x0x1x .inner { background: url('images/light_ln-x0x0x1x.png') top left repeat-y; } .dark .lines_x1x .inner { background: url('images/dark_ln-x0x1x0x.png') top left repeat-y; } .dark .lines_x1x1x .inner { background: url('images/dark_ln-x1x1x.png') top left repeat-y; } .dark .lines_x1x0x .inner { background: url('images/dark_ln-x1x0x.png') top left repeat-y; } .dark .lines_x0x1x .inner { background: url('images/dark_ln-x0x1x.png') top left repeat-y; } .dark .lines_x1x1x1x .inner { background: url('images/dark_ln-x1x1x1x.png') top left repeat-y; } .dark .lines_x0x1x1x .inner { background: url('images/dark_ln-x0x1x1x.png') top left repeat-y; } .dark .lines_x1x0x1x .inner { background: url('images/dark_ln-x1x0x1x.png') top left repeat-y; } .dark .lines_x1x1x0x .inner { background: url('images/dark_ln-x1x1x0x.png') top left repeat-y; } .dark .lines_x0x1x0x .inner { background: url('images/dark_ln-x0x1x0x.png') top left repeat-y; } .dark .lines_x1x0x0x .inner { background: url('images/dark_ln-x1x0x0x.png') top left repeat-y; } .dark .lines_x0x0x1x .inner { background: url('images/dark_ln-x0x0x1x.png') top left repeat-y; } /* --- USER BOXES layout ----------------------------------------------------------- */ .box { float: left; padding: 0px 20px 1000px 20px; margin-bottom: -1000px; } .box.white, .box.black { padding-left: 30px; padding-right: 30px; } .box .box_top { height: 9px; position: absolute; top: 0px; left: auto; margin-left: -20px; } .box .box_down { height: 9px; position: absolute; bottom: 0px; left: auto; margin-left: -20px; } .box img.thumb { display: block; padding: 2px 2px 3px 2px; background: url('images/light_picture.png') bottom left repeat-x;} .box_1-1 { width: 920px; } .box_1-1.white, .box_1-1.black { width: 900px; } .box_4-4 { width: 920px; } .box_4-4.white, .box_4-4.black { width: 900px; } .box_1-1 .box_top, .box_1-1 .box_down { width: 940px; } .box_4-4 .box_top, .box_4-4 .box_down { width: 940px; } .box_2-1 { width: 440px; } .box_2-1.white, .box_2-1.black { width: 420px; } .box_2-1 .box_top, .box_2-1 .box_down { width: 460px; } .box_3-1 { width: 280px; } .box_3-1.white, .box_3-1.black { width: 260px; } .box_3-1 .box_top, .box_3-1 .box_down { width: 300px; } .box_3-2 { width: 600px; } .box_3-2.white, .box_3-2.black { width: 580px; } .box_3-2 .box_top, .box_3-2 .box_down { width: 620px; } .box_4-1 { width: 200px; } .box_4-1.white, .box_4-1.black { width: 180px; } .box_4-1 .box_top, .box_4-1 .box_down { width: 220px; } .box_4-2 { width: 440px; } .box_4-2.white, .box_4-2.black { width: 420px; } .box_4-2 .box_top, .box_4-2 .box_down { width: 460px; } .box_4-3 { width: 680px; } .box_4-3.white, .box_4-3.black { width: 660px; } .box_4-3 .box_top, .box_4-3 .box_down { width: 700px; } /* .box_1-1.white, .box_4-4.white { background: url('images/white_box-full_middle.png') top center repeat-y; } .box_1-1.white .box_top, .box_4-4.white .box_top { background: url('images/white_box-full_top.png') top center repeat-y; } .box_1-1.white .box_down, .box_4-4.white .box_down { background: url('images/white_box-full_down.png') top center repeat-y; } .box_2-1.white { background: url('images/box_4-2-mid_white.png') top center repeat-y; } .box_2-1.white .box_top { background: url('images/box_4-2-top_white.png') top center repeat-y; } .box_2-1.white .box_down { background: url('images/box_4-2-down_white.png') top center repeat-y; } .box_3-1.white { background: url('images/box_3-1-mid_white.png') top center repeat-y; } .box_3-1.white .box_top { background: url('images/box_3-1-top_white.png') top center repeat-y; } .box_3-1.white .box_down { background: url('images/box_3-1-down_white.png') top center repeat-y; } .box_3-2.white { background: url('images/box_3-2-mid_white.png') top center repeat-y; } .box_3-2.white .box_top { background: url('images/box_3-2-top_white.png') top center repeat-y; } .box_3-2.white .box_down { background: url('images/box_3-2-down_white.png') top center repeat-y; } .box_4-1.white { background: url('images/box_4-1-mid_white.png') top center repeat-y; } .box_4-1.white .box_top { background: url('images/box_4-1-top_white.png') top center repeat-y; } .box_4-1.white .box_down { background: url('images/box_4-1-down_white.png') top center repeat-y; } .box_4-2.white { background: url('images/box_4-2-mid_white.png') top center repeat-y; } .box_4-2.white .box_top { background: url('images/box_4-2-top_white.png') top center repeat-y; } .box_4-2.white .box_down { background: url('images/box_4-2-down_white.png') top center repeat-y; } .box_4-3.white { background: url('images/box_4-3-mid_white.png') top center repeat-y; } .box_4-3.white .box_top { background: url('images/box_4-3-top_white.png') top center repeat-y; } .box_4-3.white .box_down { background: url('images/box_4-3-down_white.png') top center repeat-y; } */ .box_1-1.black, .box_4-4.black { background: url('images/black_box-full_middle.png') top center repeat-y; } .box_1-1.black .box_top, .box_4-4.black .box_top { background: url('images/black_box-full_top.png') top center repeat-y; } .box_1-1.black .box_down, .box_4-4.black .box_down { background: url('images/black_box-full_down.png') top center repeat-y; } .box_2-1.black { background: url('images/box_4-2-mid_black.png') top center repeat-y; } .box_2-1.black .box_top { background: url('images/box_4-2-top_black.png') top center repeat-y; } .box_2-1.black .box_down { background: url('images/box_4-2-down_black.png') top center repeat-y; } .box_3-1.black { background: url('images/box_3-1-mid_black.png') top center repeat-y; } .box_3-1.black .box_top { background: url('images/box_3-1-top_black.png') top center repeat-y; } .box_3-1.black .box_down { background: url('images/box_3-1-down_black.png') top center repeat-y; } .box_3-2.black { background: url('images/box_3-2-mid_black.png') top center repeat-y; } .box_3-2.black .box_top { background: url('images/box_3-2-top_black.png') top center repeat-y; } .box_3-2.black .box_down { background: url('images/box_3-2-down_black.png') top center repeat-y; } .box_4-1.black { background: url('images/box_4-1-mid_black.png') top center repeat-y; } .box_4-1.black .box_top { background: url('images/box_4-1-top_black.png') top center repeat-y; } .box_4-1.black .box_down { background: url('images/box_4-1-down_black.png') top center repeat-y; } .box_4-2.black { background: url('images/box_4-2-mid_black.png') top center repeat-y; } .box_4-2.black .box_top { background: url('images/box_4-2-top_black.png') top center repeat-y; } .box_4-2.black .box_down { background: url('images/box_4-2-down_black.png') top center repeat-y; } .box_4-3.black { background: url('images/box_4-3-mid_black.png') top center repeat-y; } .box_4-3.black .box_top { background: url('images/box_4-3-top_black.png') top center repeat-y; } .box_4-3.black .box_down { background: url('images/box_4-3-down_black.png') top center repeat-y; } .divider {clear: both; width: 100%; height: 25px;} .box_custombck { } .box_custombck_inner { width: 100%; margin-left: -10px; margin-right: -10px; padding: 0px 10px 0px 10px; background: url('images/box_custombck.png') top left repeat-x; overflow: hidden; } .box_custombck_inner .full { display: block; margin: 0px -10px 0px -10px; } .box_custombck2_inner { width: 100%; margin-left: -10px; margin-right: -10px; padding: 0px 10px 0px 10px; background: url('images/bck_95-25.png'); } .box_customfull { } .box_customfull_inner { margin-left: -10px; margin-right: -10px; padding: 0px; } .box_customfull .full { display: block; } .box_customfull .full img { display: block; } .box_customfull .full iframe { display: block; } .box_custom_descr { padding: 4px 0px 5px 0px;} /*********************************/ /* ---------- SIDEBAR ---------- */ /*********************************/ #container { /* position: relative;*/ } #main { width: 640px; float: left; } #sidebar { width: 280px; float: right; margin-right: 20px: z-index: 2; padding-right: 18px;} .sidebox { width: 280px; /*padding: 0px 20px 0px 20px;*/ margin-bottom: 24px; /*position: relative; */} .sidebox .box_top { width: 280px; height: 9px; } .sidebox .box_down { width: 280px; height: 9px; } .sidebox img.thumb { display: block; padding: 2px 2px 3px 2px; background: url('images/light_picture.png') bottom left repeat-x;} .sideinner { padding: 6px 5px 20px 15px; margin-right: 15px;} /*.widget-area .sideinner{height:620px;}*/ .widget-area{margin-top:20px;} /*.widget_wpsc_categorisation li{height:35px;background-color:#740000;vertical-align:middle;} .widget_wpsc_categorisation li:hover{background-color:red !important;} .widget_wpsc_categorisation li a:hover{font-size:10pt;color:yellow;}*/ .sidebox.submenu strong { display: none; } .light .sidebox { background: url('images/light_sidebar_mid.png') repeat-y; } .light .sidebox .box_top { background: url('images/light_sidebar_top.png') no-repeat; } .light .sidebox .box_down { background: url('images/light_sidebar_down.png') no-repeat; } .dark .sidebox { background: url('images/dark_sidebar_mid.png') top center repeat-y; } .dark .sidebox .box_top { background: url('images/dark_sidebar_top.png') top center repeat-y; } .dark .sidebox .box_down { background: url('images/dark_sidebar_down.png') top center repeat-y; } /*.white .sidebox { background: url('images/white_sidebar_mid.png') repeat-y; }*/ .white .sidebox { background:#740000; border:3px solid #b00000; border-radius:4px; } .white .sidebox .box_top { background: url('images/white_sidebar_top.png') no-repeat; font-size: 0pt;} .white .sidebox .box_down { background: url('images/white_sidebar_down.png') no-repeat; font-size: 0pt;} .black .sidebox { background: url('images/black_sidebar_mid.png') top center repeat-y; } .black .sidebox .box_top { background: url('images/black_sidebar_top.png') top center repeat-y; } .black .sidebox .box_down { background: url('images/black_sidebar_down.png') top center repeat-y; } .sidebox h2 { padding-top: 0px; padding-bottom: 9px; } .sidebox p { padding-top: 0px; padding-bottom: 9px; } .widget_search { } .widget_search form { width: 100%; } .widget_search .text { width: 206px; height: 24px; float: left; background: url(images/search_input.png); } .widget_search .text input { background: none; border: none; width: 196px; line-height: 14px; font-family: arial; font-size: 12px; padding: 5px 0px 0px 0px; margin-left: 5px; } .widget_search .submit { width: 34px; height: 24px; float: left; background: url(images/search_button.png); } .widget_search .submit input { background: none; border: none; display: block; width: 34px; height: 24px; font-family: arial; font-size: 0%; line-height: 0%; cursor: pointer; text-indent: -9999px; } .widget_search .advanced { width: 67px; height: 24px; float: left; line-height: 12px; font-size: 11px; } .widget_search .advanced a { text-decoration: none; padding-left: 10px; display: block; } .widget_search .advanced a:hover { text-decoration: underline; } #main { } #main form { width: 100%; } #main .text { width: 205px; height: 24px; float: left; padding: 0 3px;} #main .text input { background: none; border: none; width: 129px; line-height: 14px; font-family: arial; font-size: 12px; padding: 5px 0px 0px 0px; margin-left: 5px; } /*#main .submit { width: 34px; height: 24px; float: left; background: url(images/search_button.png); }*/ #main .submit { } /*#main .submit input { background: none; border: none; display: block; width: 34px; height: 24px; font-family: arial; cursor: pointer;}*/ #main .submit input { } #main .advanced { width: 67px; height: 24px; float: left; line-height: 12px; font-size: 11px; } #main .advanced a { text-decoration: none; padding-left: 10px; display: block; } #main .advanced a:hover { text-decoration: underline; } #main .custom_gateway{padding:6px 0;} .sidebox .rule { width: 100%; height: 2px; font-size: 0%; line-height: 0px; } .light .sidebox .rule { background: url('images/light_sideline.png') top left repeat-x; } .dark .sidebox .rule { background: url('images/dark_sideline.png') top left repeat-x; } .white .sidebox .rule { background: url('images/light_sideline.png') top left repeat-x; } .black .sidebox .rule { background: url('images/dark_sideline.png') top left repeat-x; } ul.list { padding-top: 2px; padding-bottom: 0px; } ul.list li { line-height: 16px; padding-top: 5px; padding-bottom: 7px; width: 100%; } ul.list a { } ul.list ul { padding-top: 4px; padding-left: 10px; padding-bottom: 2px; background: none !important; } ul.list ul li { line-height: 16px; padding-top: 2px; padding-bottom: 2px; background: none !important; } .light ul.list { background: url('images/light_sideline.png') top left repeat-x; } .light ul.list li { background: url('images/light_sideline.png') bottom left repeat-x; } .light ul.list a:hover { color: #76828A; } .dark ul.list { background: url('images/dark_sideline.png') top left repeat-x; } .dark ul.list li { background: url('images/dark_sideline.png') bottom left repeat-x; } .dark ul.listl a:hover { color: #B9D2DD; } .white ul.list { background: url('images/light_sideline.png') top left repeat-x; } .white ul.list li { background: url('images/light_sideline.png') bottom left repeat-x; } .white ul.list a:hover { color: #76828A; } .black ul.list { background: url('images/dark_sideline.png') top left repeat-x; } .black ul.list li { background: url('images/dark_sideline.png') bottom left repeat-x; } .black ul.list a:hover { color: #B9D2DD; } /************************************/ /* ---------- WP WIDGETS ---------- */ /************************************/ #calendar_wrap { padding-bottom: 5px; padding-top: 5px; } #wp-calendar { width: 100%; border-collapse: separate; border-spacing: 1px; } #wp-calendar caption { font-weight: bold; background: url("images/bck_95-25.png"); padding: 4px 0px 4px 0px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #wp-calendar th { padding: 4px 0px 4px 0px; text-align: center; } #wp-calendar tbody td { background: url("images/bck_FF-50.png"); margin: 1px; padding: 4px 0px 4px 0px; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #wp-calendar tbody td:hover { background: url("images/bck_FF-80.png"); } #wp-calendar tbody td.pad { background: url("images/bck_FF-25.png"); } #wp-calendar tbody td.pad:hover { background: url("images/bck_FF-25.png"); } #wp-calendar tbody td a { color: #FF0000 !important; font-weight: bold; text-decoration: none; } #wp-calendar tfoot a { color: #333333 !important; text-decoration: none; } #wp-calendar tfoot a:hover { color: #76828A !important; text-decoration: none; } #wp-calendar tfoot #prev { text-align: left; padding-top: 5px; } #wp-calendar tfoot #next { text-align: right; padding-top: 5px; } .light #wp-calendar caption { color: #333333; } .dark #wp-calendar caption, .black #wp-calendar caption { color: #FFFFFF; background: url("images/bck_FF-25.png"); } .dark #wp-calendar tbody td, .black #wp-calendar tbody td { color: #FFFFFF; } .dark #wp-calendar tfoot a, .black #wp-calendar tfoot a { color: #A0A0A0 !important; text-decoration: none; } .dark #wp-calendar tfoot a:hover, .black #wp-calendar tfoot a:hover { color: #FFFFFF !important; text-decoration: none; } .white #wp-calendar tbody td { background: url("images/bck_95-10.png"); } .white #wp-calendar tbody td:hover { background: url("images/bck_95-25.png"); } .white #wp-calendar tbody td.pad { background: url("images/bck_95-5.png"); } .white #wp-calendar tbody td.pad:hover { background: url("images/bck_95-5.png"); } ul.blogroll { padding-bottom: 5px; } #sidebar ul.blogroll li { line-height: 16px; padding-bottom: 2px; padding-top: 2px; width: 100%; background:url("images/arrow_darkblue.gif") no-repeat 0 8px;} #sidebar ul.blogroll li a { padding-left: 10px; text-decoration: none; } #sidebar ul.blogroll li img { margin:0 5px -3px -10px; } .dark #sidebar ul.blogroll li, #sidebar .black ul.blogroll li { background:url("images/arrow_grey.gif") no-repeat 0 8px;} .light #sidebar .blogroll a, #sidebar .white .blogroll a { color: #333333; } .light #sidebar .blogroll a:hover, #sidebar .white .blogroll a:hover { color: #76828A; } .dark #sidebar .blogroll a, #sidebar .black .blogroll a { color: #FFFFFF; } .dark #sidebar .blogroll a:hover, #sidebar .black .blogroll a:hover { color: #B9D2DD; } /********************************/ /* ---------- SLIDER ---------- */ /********************************/ .slider { padding-bottom: 10px; } .slider .middle { min-height: 26px; text-align: center; } .slider .wrap { width: 922px; margin: 0px auto; text-align: left; position: relative; } .slider .slide { display: block; } .slider .picture { padding-bottom: 9px; } .slider .nav { background: url('images/slider_shadow2.png') bottom center no-repeat; padding-bottom: 9px; } .slider .description { display: none; position: absolute; top: 13px; right: 13px; z-index: 500; } .img-description .description { display: block; } .slider .description .topleft, .slider .description .topright, .slider .description .downleft, .slider .description .downright { width: 5px; height: 5px; } .slider .description .text { text-align: left; padding: 6px 20px 10px 10px; } .slider .description .text.right { text-align: right; padding: 6px 10px 10px 20px; } .slider .description .text .title { font-size: 24px; padding-bottom: 2px; } .slider .description .text p { } .slider .description.dark td { background: url('images/dark_desc.png') top left; } .slider .description.dark td.topleft { background: url('images/dark_desc-corner_tl.png') top left no-repeat; } .slider .description.dark td.topright { background: url('images/dark_desc-corner_tr.png') top left no-repeat; } .slider .description.dark td.downleft { background: url('images/dark_desc-corner_dl.png') top left no-repeat; } .slider .description.dark td.downright { background: url('images/dark_desc-corner_dr.png') top left no-repeat; } .slider .description.dark td.text .title { color: #B9D2DD; } .slider .description.dark td.text p { color: #FFFFFF; } .slider .description.light td { background: url('images/light_desc.png') top left; } .slider .description.light td.topleft { background: url('images/light_desc-corner_tl.png') top left no-repeat; } .slider .description.light td.topright { background: url('images/light_desc-corner_tr.png') top left no-repeat; } .slider .description.light td.downleft { background: url('images/light_desc-corner_dl.png') top left no-repeat; } .slider .description.light td.downright { background: url('images/light_desc-corner_dr.png') top left no-repeat; } .slider .description.light td.text .title { color: #76828A; } .slider .description.light td.text p { color: #333333; } .slider .nav p { float: left; line-height: 24px; } .slider .nav p strong { font-size: 16px; } .slider .nav.white p { /*color: #666666; */ color:#F4C849; } .slider .nav.white p a { /*color: #666666; */ color:#F4C849; text-decoration: none; } .slider .nav.white p strong { color: #333333; } .slider .nav.black p { color: #A0A0A0; } .slider .nav.black p a { color: #A0A0A0; text-decoration: none; } .slider .nav.black p strong { color: #FFFFFF; } .slider ul.nav_dotts { display: block; float: left; padding: 6px 20px 5px 15px; } .slider ul.nav_dotts li { display: inline; } .slider ul.nav_dotts li a { display: block; width: 13px; height: 13px; float: left; margin-right: 7px; } .slider ul.nav_dotts li a span { font-size: 0%; visibility: hidden; display: block; text-indent: -9999px; } .slider .white ul.nav_dotts li a { background: url('images/white_nav.png') top left no-repeat #D9D9D9; } .slider .white ul.nav_dotts li a:hover { background-color: #BBBBBB; } .slider .white ul.nav_dotts li a.active { background-color: #76828A; } .slider .black ul.nav_dotts li a { background: url('images/black_nav.png') top left no-repeat #5C5C5C; } .slider .black ul.nav_dotts li a:hover { background-color: #A0A0A0; } .slider .black ul.nav_dotts li a.active { background-color: #B9D2DD; } .slider ul.nav_arrows { display: block; float: right; padding: 4px 9px 3px 20px; } .slider ul.nav_arrows li { display: inline; } .slider ul.nav_arrows li a { display: block; width: 15px; height: 17px; float: left; margin-right: 8px; } .slider ul.nav_arrows li a span { font-size: 0%; visibility: hidden; display: block; text-indent: -9999px;} .slider .white ul.nav_arrows li.left a { background: url('images/white_nav_left.png') top left no-repeat #BAC0C4; } .slider .white ul.nav_arrows li.right a { background: url('images/white_nav_right.png') top left no-repeat #BAC0C4; } .slider .white ul.nav_arrows li a:hover { background-color: #76828A; } .slider .black ul.nav_arrows li.left a { background: url('images/black_nav_left.png') top left no-repeat #768388; } .slider .black ul.nav_arrows li.right a { background: url('images/black_nav_right.png') top left no-repeat #768388; } .slider .black ul.nav_arrows li a:hover { background-color: #B9D2DD; } .nivo-control-wrapper { position: absolute; bottom: -55px; height: 35px; z-index: 9999;} .slider .nivo-controlNav { display: block; float: left; padding: 6px 13px 5px 15px; position: relative; } .slider .nivo-controlNav a { display: block; width: 13px; height: 13px; float: left; margin-top: 8px; margin-right: 7px; visibility: visible; } .slider .nivo-controlNav a { font-size: 0%; display: block; text-indent: -9999px; } .slider .white .nivo-controlNav a { background: url('images/white_nav.png') top left no-repeat #D9D9D9; } .slider .white .nivo-controlNav a:hover { background-color: #BBBBBB; } .slider .white .nivo-controlNav a.active { background-color: #76828A; } .slider .black .nivo-controlNav a { background: url('images/black_nav.png') top left no-repeat #5C5C5C; } .slider .black .nivo-controlNav a:hover { background-color: #A0A0A0; } .slider .black .nivo-controlNav a.active { background-color: #B9D2DD; } .slider .nivo-caption { background: transparent; float: left; line-height: 24px; height: 35px; width: 650px; position: relative; top: 3px; } .slider .nivo-caption strong { font-size: 16px; } .slider .white .nivo-caption p { /*color: #666666; */ color:#F4C849; } .slider .white .nivo-caption p a { /*color: #666666; */ color:#F4C849; text-decoration: none; } .slider .white .nivo-caption p strong { background: #fff; color: #333333; } .slider .black .nivo-caption p { color: #A0A0A0; } .slider .black .nivo-caption p a { color: #A0A0A0; text-decoration: none; } .slider .black .nivo-caption p strong { color: #FFFFFF; } .slider .nivo-directionNav { bottom: -32px; display: block; position: absolute; right: 9px; width: 46px; z-index: 9999; } .slider .nivo-directionNav a { display: block; font-size: 0px; width: 15px; height: 17px; margin-right: 8px; position: absolute; text-indent: -9999px; } .slider .white .nivo-directionNav a:hover { background-color: #76828A; } .slider .white .nivo-directionNav .nivo-prevNav { background: url('images/white_nav_left.png') top left no-repeat #BAC0C4; left: 0px; } .slider .white .nivo-directionNav .nivo-nextNav { background: url('images/white_nav_right.png') top left no-repeat #BAC0C4; right: 0px; } .slider .black .nivo-directionNav a:hover { background-color: #B9D2DD; } .slider .black .nivo-directionNav .nivo-prevNav { background: url('images/black_nav_left.png') top left no-repeat #768388; } .slider .black .nivo-directionNav .nivo-nextNav { background: url('images/black_nav_right.png') top left no-repeat #768388; } .more-link-wrap { float:right; font-size:11px; margin-top:3px; padding:0 !important; } /*******************************/ /* ---------- POSTS ---------- */ /*******************************/ .home_post { padding-bottom: 14px; } .home_post p { padding-bottom: 0px !important; } .home_post .post_thumb { width: 150px; height: 104px; display: block; float: right; margin-left: 15px; margin-top: 8px; position: relative; padding: 3px 3px 4px 3px; background: url('images/light_picture.png') bottom left repeat-x; } .white .home_post .post_thumb, .black .home_post .post_thumb { padding: 0px; background: none; } .home_post .post_thumb img { background: none !important; padding: 0px !important; } .light .home_post .post_thumb a, .dark .home_post .post_thumb a { width: 150px; height: 104px; display: block; overflow: hidden; } .white .home_post .post_thumb a, .black .home_post .post_thumb a { background: none; padding: 0px; } .home_post .post_thumb .post_thumb_top { width: 150px; height: 4px; position: absolute; top: 0px; left: 0px; } .home_post .post_thumb .post_thumb_down { width: 150px; height: 4px; position: absolute; bottom: 0px; left: 0px; } .home_post .post_thumb img { width: 150px; height: 150px; display: block; padding: 0px; margin-top: -23px; } .white .post_thumb_top { background: url('images/white_thumb150_top.png') top left no-repeat;} .white .post_thumb_down { background: url('images/white_thumb150_down.png') top left no-repeat;} .black .post_thumb_top { background: url('images/black_thumb150_top.png') top left no-repeat;} .black .post_thumb_down { background: url('images/black_thumb150_down.png') top left no-repeat;} .post_links { width: 100%; font-size: 11px; background: url('images/h_dots_a0.gif') top left repeat-x; padding: 10px 0px 5px 0px; clear: both; } .post_links a { text-decoration: none;} .post_links a:hover { text-decoration: underline;} .post_links .more { display: block; float: right;} .navigation .nav-previous { float: left; } .navigation .nav-next { float: right;} .navigation a { display: block; padding: 4px 10px 4px 10px; background-color: rgba(244, 200, 73, 0.7); margin: 0px; text-decoration: none !important; font-weight: bold; font-size: 13px; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .navigation .nav-previous a { padding-left: 22px; } .navigation .nav-next a { padding-right: 22px; } .dark .navigation a { color: #FFFFFF !important; } .dark .navigation a:hover { color: #FFFFFF !important; background-color: rgba(244, 200, 73, 0.5);} .light .navigation a { color: #fff !important; } .light .navigation a:hover { color: #FFFFFF !important; background: #76828A !important;} .navigation .meta-nav { display: block; width: 14px; height: 14px; position: absolute; top: 4px; text-indent: -9999px; } .navigation .nav-previous .meta-nav { background: url('images/arrow_black_left.gif') center left no-repeat; left: 8px; } .navigation .nav-next .meta-nav { background: url('images/arrow_black_right.gif') center right no-repeat; right: 8px; } .navigation .nav-previous a:hover .meta-nav { background: url('images/arrow_white_left.gif') center left no-repeat;} .navigation .nav-next a:hover .meta-nav { background: url('images/arrow_white_right.gif') center right no-repeat; } .dark .navigation .nav-previous .meta-nav { background: url('images/arrow_white_left.gif') center left no-repeat; } .dark .navigation .nav-next .meta-nav { background: url('images/arrow_white_right.gif') center right no-repeat; } .sidepost { padding: 6px 0px 15px 0px; } .sidepost p { font-size: 11px; line-height: 14px; } .sidepost .post_thumb img { background: url('images/light_picture.png') bottom left repeat-x; display: block; padding: 2px 2px 3px 2px; margin-bottom: 10px; width: 236px; } .sidepost .post_links { padding: 4px 0px 3px 0px; background: none; } .post { margin-bottom: 35px; padding-top:8px; padding-bottom:8px; padding-left:8px; padding-right: 8px; background: #890000; line-height:1.8em;} .post .rule { padding-bottom: 0px !important; } .post-header { } .post-header h2 { width: 59%; float: left; padding-bottom: 10px !important; } .post-header small { width: 39%; float: right; text-align: right; padding-bottom: 10px; padding-top: 16px; } .post-image { clear: both; padding-bottom: 10px; } .post-image .wp-post-image { width: 614px; } .post-text { clear: both; } .post-text p { padding-bottom: 15px !important; } a.more-link { float: right; padding: 0px !important; font-size: 11px; margin-top: 20px; text-decoration: none; } .post-info { padding: 5px 0px 6px 0px; } .post-info a { text-decoration: none !important; } .post-info a:hover { text-decoration: underline !important; } .light .post-info a { color: #76828A !important;} .dark .post-info a { color: #B9D2DD !important;} .light .post-info .more a { color: #333333 !important; } .dark .post-info .more a { color: #A0A0A0 !important; } .post-info a.post-edit-link { color: #FF0000 !important; font-weight: bold; } /***************************************/ /* ---------- CONTENT LINKS ---------- */ /***************************************/ #content_links { width: 920px; margin-right: -20px;} #content_links .cols { width: 100%; padding: 9px 0px 15px 0px; } #content_links .col-widget { width: 210px; padding-right: 20px; float: left; } #content_links .widget_links { width: 190px; } #content_links .widget_categories { width: 115px; } #content_links .widget_archive { width: 115px; } #content_links .widget_links img { margin: 0px 5px -3px -10px; } .black #content_links .widget_links img { background: #333333; } .white #content_links .widget_links img { background: #ffffff; } #content_links .col-widget.widget_pages strong { display: none; } #content_links h2 { padding: 0px 0px 9px 0px; font-size: 12px; text-transform: uppercase; font-weight: bold;} #content_links li { line-height: 16px; padding: 4px 0px 4px 0px; } #content_links li a { text-decoration: none; display: block; background: url('images/arrow_darkgrey.gif') 0px 5px no-repeat; padding-left: 10px; } #content_links li a:hover { text-decoration: none; } #content_links p { padding-top: 0px; } #content_links ul ul { display: none; } /*********************************/ /* ---------- GALLERY ---------- */ /*********************************/ .sidebox .gallery { margin-right: -20px; } .sidebox .gallery_inner { width: 100%; } .sidebox .gallery a { } .sidebox .gallery img { display: block; float: left; width: 68px; height: 68px; margin-right: 12px; margin-bottom: 12px; padding: 2px 2px 3px 2px; background: url('images/light_picture.png') bottom left repeat-x; } #main .gallery { margin-right: -20px; padding-bottom: 20px; } #main .gallery_inner { width: 100%; } #main .gallery a { } #main .gallery img { display: block; float: left; width: 89px; height: 89px; margin-right: 10px; margin-bottom: 10px; padding: 3px 3px 4px 3px; background: url('images/light_picture.png') bottom left repeat-x; } .sidebox .ngg-widget { margin-right: -20px; } .sidebox .ngg-widget a { } .sidebox .ngg-widget img { border: 0px; display: block; float: left; width: 68px; height: 68px; margin-right: 12px; margin-bottom: 12px; padding: 2px 2px 3px 2px; background: url('images/light_picture.png') bottom left repeat-x; } .ngg-galleryoverview { margin: 0px auto; width: 605px; } .ngg-gallery-thumbnail { margin: 0px; padding-bottom: 10px; } .ngg-galleryoverview img { background: url("images/light_picture.png") repeat-x scroll left bottom transparent; border: 0; display: block; float:left; height: auto; margin-bottom:0px; margin-right:10px; padding:3px 3px 4px; width: auto; } .ngg-navigation { padding-bottom: 20px; } .ngg-navigation span { padding: 3px 8px 3px 8px !important; border: 0px solid #A0A0A0 !important; background: #FFFFFF; margin: 0px 2px 0px 2px !important; color: #333333; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .ngg-navigation a { padding: 3px 8px 3px 8px !important; border: 0px solid #A0A0A0 !important; background: url('images/bck_95-25.png'); margin: 0px 2px 0px 2px !important; text-decoration: none !important; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .dark .ngg-navigation a { color: #FFFFFF !important; } .dark .ngg-navigation a:hover { background: #666666 !important;} .light .ngg-navigation a { color: #76828A !important; } .light .ngg-navigation a:hover { background: #76828A !important;} /***********************************/ /* ---------- PORTFOLIO ---------- */ /***********************************/ .portfolio-website { margin: 0px; padding: 10px 0px 0px 0px; width: 100%; font-family: arial; } .website-thumbnail { width: 206px; float: left; margin-bottom: 0px; margin-right: 20px; } .website-thumbnail img { border-width: 0px; } .website-name { font-size: 18px; font-weight: normal; margin: 0px; padding-top: 0px; padding-bottom: 3px; } .light .website-name { color: #76828A !important;} .light .website-name a { color: #76828A !important; text-decoration: none !important; } .light .website-name a:hover { color: #5A646A !important; text-decoration: none !important; } .dark .website-name { color: #B9D2DD !important;} .dark .website-name a { color: #B9D2DD !important; text-decoration: none !important; } .dark .website-name a:hover { color: #D4E9F2 !important; text-decoration: none !important; } .website-url { font-weight: normal; padding-bottom: 10px; font-size: 11px; } .website-description { line-height: 18px; margin: 0px; text-align: justify; font-weight: normal; } .website-clear { clear: both; width: 100%; height: 20px; } .wpp-creditlink { display: none; } /**************************************/ /* ---------- CONTACT PAGE ---------- */ /**************************************/ #contact form { padding-bottom: 5px; } #contact form .rule { margin-top: 15px; padding: 0px !important; } #contact .clear { padding-bottom: 5px; } #contact label { display: block; width: 150px; line-height: 24px; float: left; cursor: pointer; } #contact label.right { width: auto; } #contact label.empty { cursor: auto; } #contact label.required { background: url('images/arrow_red.gif') 137px 7px no-repeat; } #contact input { color: #333333; } #contact .input { display: block; width: 250px; height: 18px; float: left; border: 1px solid #A0A0A0; font-family: arial; font-size: 12px; padding: 2px; } #contact .checkbox { display: block; float: left; position: relative; top: 2px; left: -4px; } #contact textarea { color: #333333; display: block; width: 350px; height: 100px; float: left; border: 1px solid #A0A0A0; font-family: arial; font-size: 12px; padding: 2px; margin: 0px;} #contact select { color: #333333; display: block; width: auto; height: auto; float: left; border: 1px solid #A0A0A0; font-family: arial; font-size: 12px; padding: 2px; } #contact .confirm { padding-top: 10px; padding-left: 150px; } #contact .submit { display: block; float: left; border: 1px solid #A0A0A0; font-family: arial; font-size: 11px; font-weight: bold; padding: 2px 10px 2px 10px; background: url('images/bck_95-25.png'); cursor: pointer; } .light #contact .submit { color: #333333; } .dark #contact .submit { color: #FFFFFF; } #contact .terms { float: right; padding-top: 2px; } .contactmap { width: 600px; height: 150px; border-width: 0px; margin: 0px; } .wpcf7 br { display: none; } .wpcf7 form { padding-bottom: 20px; } .wpcf7 form .rule { margin-top: 15px; margin-bottom: 15px; padding: 0px !important; } .wpcf7 .clear { padding-bottom: 5px; clear: both; } .wpcf7 label { display: block; width: 150px; line-height: 24px; float: left; cursor: pointer; } .wpcf7 label.right { width: auto; } .wpcf7 label.empty { cursor: auto; } .wpcf7 label.required { background: url('images/arrow_red.gif') 137px 7px no-repeat; } .wpcf7 input { color: #333333; } .wpcf7 .field-text input { display: block; width: 250px; height: 18px; float: left; border: 1px solid #A0A0A0; font-family: arial; font-size: 12px; padding: 2px; } .wpcf7 .wpcf7-checkbox input { display: block; float: left; left: -4px; position: relative; top: 2px; } .wpcf7 .checkbox { display: block; float: left; position: relative; top: 2px; left: -4px; } .wpcf7 textarea { color: #333333; display: block; width: 350px; height: 100px; float: left; border: 1px solid #A0A0A0; font-family: arial; font-size: 12px; padding: 2px; margin: 0px;} .wpcf7 select { color: #333333; display: block; width: auto; height: auto; float: left; border: 1px solid #A0A0A0; font-family: arial; font-size: 12px; padding: 2px; } .wpcf7 .confirm { padding-top: 0px; padding-left: 150px; padding-bottom: 0px; } .wpcf7 .confirm input { display: block; float: left; border: 1px solid #A0A0A0; font-family: arial; font-size: 11px; font-weight: bold; padding: 2px 10px 2px 10px; background: url('images/bck_95-25.png'); cursor: pointer; } .wpcf7 .wpcf7-captcha-captcha { border: 2px solid #cacaca; display: block; float: left; margin: 0px 10px 0px 0px; padding: 1px; background: #FFFFFF !important; padding: 0px !important;} .wpcf7 .captcha input { display: block; width: 100px; height: 18px; float: left; border: 1px solid #A0A0A0; font-family: arial; font-size: 12px; padding: 2px; } .light .wpcf7 .confirm input { color: #333333; } .dark .wpcf7 .confirm input { color: #FFFFFF; } .wpcf7 .terms { float: right; padding-top: 2px; } .wpcf7 .wpcf7-list-item-label { line-height: 24px; width: auto; } .wpcf7 .wpcf7-form-control-wrap label { width: auto !important; } img.mailicon { display: block; float: right; background: url('images/envelope.png') top right no-repeat; cursor: pointer; } .sidecontact ul { font-size: 11px; line-height: 14px; margin-bottom: 9px; } .sideservice ul { font-size: 11px; line-height: 14px; margin-bottom: 9px; } .sideservice .icon { display: block; } span.wpcf7-checkbox { float: left; } div.wpcf7-validation-errors { border-width: 0px; background: #F7E700; color:#333333; } div.wpcf7-response-output { padding: 5px 10px 5px 10px; margin-left: 0px; margin-right: 0px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } span.wpcf7-not-valid-tip { top: 4px; left: -20px; padding: 3px 8px 3px 8px; background: #F93300; color: #FFFFFF; border-width: 0px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } /********************************/ /* ---------- FOOTER ---------- */ /********************************/ /*#footer { color: #a0a0a0; font-size: 11px; padding: 10px 26px 40px 26px;}*/ #footer { color: #a0a0a0; font-size: 11px;}*/ #footer a { color: #FFFFFF; text-decoration: none; } #footer a:hover { color: #FFFFFF; text-decoration: underline; } #footer .copy { color: #B9D2DD; float: left; } #footer .copy a { font-weight: bold; } #footer .links { color: #A0A0A0; float: right; } #footer .links strong { display: none; } /*#footer .links li { display: block; float: left; }*/ #footer .links li { display: inline;} #footer .links .sep { padding: 0px 7px; } /**********************************/ /* ---------- COMMENTS ---------- */ /**********************************/ #respond { padding-bottom: 10px; padding-top: 0px; } #respond h3 { font-size: 18px; font-weight: normal; padding-top: 20px; padding-bottom: 0px; } #respond #cancel-comment-reply-link { display: block; text-align: right; font-size: 11px; text-decoration: none; padding: 5px 0px 0px 0px; } .light #respond #cancel-comment-reply-link { background: url('images/light_line.png') top left repeat-x; } .dark #respond #cancel-comment-reply-link { background: url('images/dark_line.png') top left repeat-x; } .light #respond { background: url('images/light_line.png') top left repeat-x; } .dark #respond { background: url('images/dark_line.png') top left repeat-x; } #respond h3 small { text-align: right; } #respond p { clear: both; line-height: 22px; padding-bottom: 5px; } #respond p.form-submit { padding-top: 10px; } #respond label { margin: 0px; padding: 0px 0px 0px 0px; width: 1%; } #respond form { padding-top: 10px; } #respond p.logged-in-as { padding-bottom: 10px; } #respond #author, #respond #email, #respond #url { border: 1px solid #A0A0A0; color: #333333; display: block; float: left !important; font-family: arial; font-size: 12px; margin: 0 10px 0 0; padding: 3px 4px; width: 150px; } #respond #comment { border: 1px solid #A0A0A0; color: #333333; display: block; font-family: 'Arial', sans-serif; font-size: 12px; height: 100px; margin: 0; padding: 4px; width: 90%; } #respond #submit { background: url('images/bck_95-25.png') repeat scroll 0 0 transparent; border:1px solid #A0A0A0; color:#fff; cursor:pointer; display:block; font-family:arial; font-size:11px; font-weight: bold; padding:2px 10px; } .dark #respond #submit {color: #FFFFFF;} #respond .required {font-weight: bold; color: #FF0000 !important; } #respond .comment-notes { display: none; } #respond .form-allowed-tags { display: none; } #respond .comment-form-comment label { display: none; } ol.commentlist { list-style: none outside none; padding-left: 0px !important; padding-bottom: 10px !important; } ol.commentlist ul { padding-left: 57px !important; padding-bottom: 0px !important; } ol.commentlist li { list-style-type: none !important; clear: both; padding-bottom: 0px !important; } ol.commentlist li div { /*position: relative; */} ol.commentlist li div:hover .reply { display: block; } ol.commentlist .comment-edit-link { color: #ff0000 !important; font-weight: bold; } ol.commentlist .comment-author { clear: both; } .dark ol.commentlist .comment-author { color: #B9D2DD; } ol.commentlist .comment-author img { display: block; float: left; margin: -3px 10px 0px 0px; padding: 3px 3px 4px; } ol.commentlist .comment-author .fn { font-size: 16px; font-style: normal; font-weight: bold; } ol.commentlist .comment-author .says { } ol.commentlist .comment-meta { display: block; } ol.commentlist .comment-meta a { text-decoration: none !important; } ol.commentlist .comment-body { clear: both; padding: 0px 0px 0px 57px; } ol.commentlist .reply { display: none; float: right; } ol.commentlist .reply a { text-decoration: none !important; background: url('images/bck_95-25.png'); border:1px solid #A0A0A0; color:#333333 !important; display:block; font-family:arial; font-size:11px; font-weight: bold; padding:0px 10px; } .dark ol.commentlist .reply a { color:#FFFFFF !important;} ol.commentlist #respond { padding-bottom: 20px; margin-left: 57px; background: none; } ol.commentlist #respond h3 { padding-top: 0px; } .light ol.commentlist #respond .form-submit {background: url('images/light_line.png') bottom left repeat-x; padding-bottom: 20px; } .dark ol.commentlist #respond .form-submit {background: url('images/dark_line.png') bottom left repeat-x; padding-bottom: 20px; } /**************************************/ /* ---------- POST INFOBOX ---------- */ /**************************************/ #post-infobox { font-size: 11px; } #post-infobox a { text-decoration: none !important; } #post-infobox .entry-meta { padding: 7px 0px 2px 0px; } #post-infobox .entry-utility { padding: 0px 0px 7px 0px; } /**************************************/ /* ---------- THEME BOX ------------- */ /**************************************/ #theme-box { background: url('images/bck_33-80.png'); left: 0px; position: absolute; top: 100px; width: 95px; border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; text-align: left; padding: 10px 10px 0px 10px; font-family: tahoma, verdana, arial; font-size: 12px; text-transform: uppercase; z-index: 9999;} #theme-box-closer { display: block; width: 16px; height: 16px; text-indent: -9999px; position: absolute; top: 50px; right: -8px; cursor: pointer; } #theme-box-closer.opened { background: url('images/closer_close_off.png') center center no-repeat; } #theme-box-closer.opened:hover { background: url('images/closer_close_ovr.png') center center no-repeat; } #theme-box-closer.closed { background: url('images/closer_open_off.png') center center no-repeat; } #theme-box-closer.closed:hover { background: url('images/closer_open_ovr.png') center center no-repeat; } #theme-box-reset { display: block; background: url('images/bck_FF-25.png') !important; line-height: 12px; padding: 2px 0px 2px 0px !important; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-bottom: 10px; text-align: center; }#theme-box-reset:hover { background: url('images/bck_FF-50.png') !important; } #theme-box h2 { color: #B9D2DD !important; padding-bottom: 5px; font-size: 9px; } #theme-box ul { padding: 0px 0px 10px 0px; list-style-type: none; } #theme-box a { color: #BBBBBB; text-decoration: none; font-size: 9px; padding-left: 10px; background: url('images/arrow_darkblue.gif') 0 2px no-repeat; } #theme-box a:hover { color: #FFFFFF; text-decoration: none; } .page.type-page { background: none !important; padding: 0px !important; } .entry-content ul ul { margin-bottom: 0px !important; padding-bottom: 0px !important; } .top, .down{display:none;} /*.boxes{margin-top:160px;}*/ /*#container{margin-top:15px;}*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .last-child { margin-top: 0px; } } .shoping_cart{ position: relative; float: right; font-weight: bold; text-align: right; margin-right: 30px; } .shoping_cart:Hover{ margin-top: -2px; } .entry-content table { border: 1px solid #B00000; border-collapse: collapse; } .entry-content table td { border: 1px solid #B00000; padding: 5px !important; } #post-104 .entry-content table { border: none; border-collapse: collapse; } #post-104 .entry-content table td { border: none; padding: 5px !important; } .menu_and{ left: 970px; position: absolute; cursor: pointer; top: 10px; z-index: 4; } .top_menu{ height:40px; background-color: rgba(255, 255, 255, 0.9); } .top_menu ul{ display: inline-block; margin-top: 10px; } .top_menu li{ color: #323232; display: inline-block; padding-right: 30px; } .top_menu a{ color: #323232; font-weight: 500; font-size: 14px; border-bottom: 1px dotted; text-decoration: none; } .otlozh_nozh{ background-color:#FFC746; border-radius:5px; color:#9B0000!important; font-weight:bold!important; border:1px solid #740000; cursor:pointer; font-family:Arial; font-weight:bold; padding:2px; text-decoration: none!important; } .site-up { position: fixed; top: 100%; right: 1px; z-index: 250; width: 40px; height: 25px; background:url(/images/return_button.png) 50% 1px no-repeat; margin-top: 2px; opacity: 0; -webkit-transition: opacity .4s, margin-top .4s; -moz-transition: opacity .4s, margin-top .4s; -ms-transition: opacity .4s, margin-top .4s; -o-transition: opacity .4s, margin-top .4s; transition: opacity .4s, margin-top .4s; cursor: pointer; } .site-up:hover { background-position: 50% -31px; } .site-up.show { margin-top: -25px; opacity: 1; } .site-up.onscroll.show { background-position: 50% -31px; margin-top: -40px; } ul.categor_nozh li { padding:7px 0px; } .price-block span{ vertical-align: bottom; display: table-cell; padding-bottom: 4px; } .price-block { background: url(/images/b_price.png) no-repeat 0 0; width: 95px; height: 30px; position: absolute; right: -11px; bottom: 10px; color: #fff; font-size: 18px; text-align: center; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); display: table; } .price-block { -webkit-animation: bgcolorchange 4s infinite; /* Chrome, Safari, Opera */ animation: 3s infinite bgcolorchange; } @keyframes bgcolorchange { 0% { background: url(/images/b_price.png) no-repeat 0 0; } 25% { background: url(/images/b_price.png) no-repeat 0 0; } 50% { background: url(/images/b_price1.png) no-repeat 0 0; } 75% { background: url(/images/b_price1.png) no-repeat 0 0; } 100% { background: url(/images/b_price.png) no-repeat 0 0; } } #product_info .price-block span{ padding-bottom: 2px; } #product_info .price-block { right: -21px; bottom: 9px; }