@charset "utf-8"; /*----------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE AND APPEARANCE -2.1 Containers -2.2 Header -2.3 Navigation --2.3.1 Drop-downs -2.4 Content -2.5 Sidebar -2.6 Footer -2.7 Credits 3. POSTS -3.1 Post Elements -3.2 Page Elements -3.3 Search Results List -3.4 Images -3.5 PageNavi 4. HPL ENGINE 5. SIDEBAR -5.1 Global Widget -5.2 Recent Posts -5.3 Recent Comments -5.4 Tag Cloud 6. COMMENTS 7. SHOWCASE 8. GENERAL STYLES -----------------------------------------------*/ /*---1. SETUP----------------------------------*/ /*------1.1 Defaults---------------------------*/ body { background: #F4F4F4; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .clearfix { clear: both; } h1 { font-size: 24px; font-weight: bold; margin-bottom: 25px; } h2 { font-size: 22px; font-weight: bold; margin-bottom: 25px; } h3 { font-size: 18px; font-weight: bold; margin-bottom: 25px; } h4 { font-size: 16px; font-weight: bold; margin-bottom: 25px; } h5 { font-size: 14px; font-weight: bold; margin-bottom: 25px; } h6 { font-size: 12px; font-weight: bold; margin-bottom: 25px; } .pagewidth { width: 960px; margin: 0 auto; } #left_divider { background: transparent url(../images/bg_left_divider.jpg) top left no-repeat; height: 9px; display: block; width: 863px; margin-top: 85px; } #right_divider { background: transparent url(../images/bg_right_divider.jpg) top left no-repeat; height: 9px; display: block; margin-top: 135px; width: 525px; } p { color: #6b6b6b; } /*------1.2 Hyperlinks-------------------------*/ a { color: #6D6E71; text-decoration: none; } .tel_number a { color: #1380ba !important; } a:hover { color: #6D6E71; text-decoration: underline; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: inherit; } /*---2. SITE STRUCTURE AND APPEARANCE----------*/ /*------2.1 Containers-------------------------*/ #page {} #site_body {} .content_drop { display: block; float: left; background: #f3f3f3 url(../images/bg_main_content.jpg) left top no-repeat; margin-top: 25px; width: 963px; margin-bottom: 30px; } .content_drop ul li { font-size: 12px; } /*------2.2 Header-----------------------------*/ #header {} .header_information { background: transparent url(../images/bg_header_information.jpg) no-repeat; display: block; float: left; width: 965px; height: 52px; } .header_information .need_solution { font-size: 16px; color: #79b9e6; margin-left: 30px; display: block; float: left; height: 20px; margin-top: 12px; } .header_information .tel_number { font-size: 16px; color: #1380ba; margin-left: 5px; display: block; float: left; height: 20px; margin-top: 12px; font-weight: bold; } #header h1 { width: 207px; height: 88px; float: left; clear: none; margin-top: 20px; margin-left: 15px; } #header h1 a { background: transparent url(../images/h1_logo.jpg) no-repeat; display: block; width: 207px; height: 88px; text-indent: -9999px; float: left; z-index: 9999; position: relative; } #header #image_holder_01 { float: left; } #header #image_holder_02 { float: right; z-index: 0; } #header .image_holder { overflow: hidden; width: 296px; height: 179px; } #header #cart_details { position: absolute; background: transparent url(../images/bg_cart_details.png) left top no-repeat; display: block; width: 228px; height: 66px; z-index: 9999; margin-left: 722px; margin-top: -66px; } #header #cart_details span{ padding-top: 12px; padding-left: 80px; display: block; background: transparent url(../images/bg_cart.jpg) 50px 12px no-repeat; font-weight: bold; font-size: 12px; color: #e0ffd1; height: 20px; width: 140px; } #header #cart_details span a { margin-top: -22px; margin-left: 55px; background: transparent url(../images/bg_checkout_left.jpg) top left no-repeat; display: block; height: 28px; color: #ffffff; font-size: 11px; font-weight: bold; } #header #cart_details span a:hover { text-decoration: none; } #header #cart_details span a span { font-weight: bold; color: #457926; font-size: 11px; background: transparent url(../images/bg_checkout_right.jpg) top right no-repeat; height: 28px; margin-left: -150px; text-indent: 76px; padding-top: 6px; } #header #cart_details ul { list-style: none; margin-top: 10px; margin-left: 20px; } #header #cart_details ul li { display: block; float: left; background: transparent url(../images/bg_header_li.jpg) 4px 4px no-repeat; } #header #cart_details ul li.first { background: none; } #header #cart_details ul li a { font-weight: bold; font-size: 12px; color: #ffffff; margin-left: 10px; } #header #cart_details ul li a:hover { text-decoration: none; } #buy { display: block; float: left; margin-left: 11px; } #buy a { margin: 0px; padding: 0px; padding-top: 4px; text-decoration: none; font-size: 10px; font-weight: bold; color: #ffffff; height: 25px; background: transparent url(../images/bg_buy_left.jpg) top left no-repeat; display: block; padding-left: 14px; margin-left: 16px; } #buy a:hover { background: transparent url(../images/bg_buy_left_hover.jpg) top left no-repeat; } #buy a span { margin: 0px; padding: 0px; background: transparent url(../images/bg_buy_right.jpg) top right no-repeat; display: block; height: 25px; margin-top: -4px; padding-top: 4px; padding-right: 12px; } #buy a:hover span { margin: 0px; padding: 0px; background: transparent url(../images/bg_buy_right_hover.jpg) top right no-repeat; display: block; height: 25px; margin-top: -4px; padding-top: 4px; padding-right: 12px; } /*------2.3 Navigation-------------------------*/ #nav {} #nav ul { list-style: none; margin: 0px; padding: 0px; padding-top: 102px; padding-left: 200px; width: 765px; } #nav ul li { height: 23px; font-size: 12px; text-transform: none; margin-bottom: 6px; float: left; display: block; margin-left: 0px; } #nav ul li a { color: #6b6b6b; display: block; height: 24px; padding-top: 0px; padding-left: 5px; font-size: 14px; } #nav ul li a span { padding: 6px; padding-right: 8px; } #nav ul li a:hover, #nav ul li.current_page_item a { color: #FFFFFF; text-decoration: none; background: transparent url(../images/li_hover_left.jpg) no-repeat left top; margin: 0px; padding: 0px; padding-left: 5px; padding-top: 0px; } #nav ul li a:hover span, #nav ul .current_page_item span { background: url(../images/li_hover_right.jpg) no-repeat right top; padding-top: 1px; display: block; } #nav ul li.first {} #nav ul li.first a {} #nav ul li.first a:hover {} /*ul.subnav { list-style: none; padding-top: 28px; border: 1px solid black; } ul.subnav li { float: left; margin-right: 20px; } ul.subnav li a{ font-size: 12px; font-weight: normal; color: #1380ba; }*/ /*---------2.3.1 Dropdowns---------------------*/ #nav li ul { clear: both; padding: 0px !important; margin: 0px !important; z-index: 9999; position: absolute; width: 195px; left: -999em; } #nav li ul li { width: 195px; background: url(../images/bg_product_hover.jpg) left top repeat-x; padding: 0px !important; margin: 0px !important; color: #a00000; height: 32px; } #nav li ul li a { display: block; background: none !important; font-size: 12px; color: #1380ba; font-family: Arial, Helvetica, sans-serif; padding: 0px !important; margin: 0px !important; } #nav li ul li a span { color: #1380ba; background: none !important; display: block; padding: 0px !important; margin: 0px !important; padding-left: 10px !important; padding-top: 7px !important; } #nav li ul li a:hover, #nav li ul li.current_page_item a { background: none; font-size: 12px; color: #1380ba !important; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } #nav li ul li a:hover span, #nav li ul li.current_page_item a span { background: none !important; padding: 0px; margin: 0px; color: #1380ba !important; } #nav li ul ul { margin: -26px 0 0 170px; } #nav li ul li ul li a { border-width:0 1px 1px 0px; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; } #nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */ /*------2.4 Content----------------------------*/ #content { /*float: left; width: 440px; margin-right: 20px;*/ float: left; color: #6d6e71; font-size: 14px; margin-left: 5px; margin-top: -20px} #content .page-head {} #content h2 { font-size: 30px; color: #1380ba; padding-left: 25px; padding-top: 35px; width: 500px; line-height: 30px; } #content h3 { font-size: 14px; font-weight: bold; color: #1380ba; margin-top: 20px; } #content .page-content {} #content span.small_description { font-size: 12px; font-weight: normal; color: #6d6e71; } #content .purity { display: block; float: left; background: transparent url(../images/bg_logo_purity.jpg) no-repeat; height: 117px; width: 100%; margin-bottom: 7px; margin-top: 20px; } #content a.button { float: left; background: transparent url(../images/bg_button_left.jpg) top left no-repeat; display: block; height: 23px; color: #ffffff; padding-top: 4px; font-size: 11px; font-weight: bold; margin-top: 10px; } #content a.button span { background: transparent url(../images/bg_button_right.jpg) top right no-repeat; padding-top: 5px; padding-left: 17px; height: 23px; padding-bottom: 10px; padding-right: 15px; } #content a.button:hover { background: transparent url(../images/bg_button_left_hover.jpg) top left no-repeat; display: block; height: 23px; text-decoration: none; } #content a.button:hover span { background: transparent url(../images/bg_button_right_hover.jpg) top right no-repeat; } #content .image_window { overflow: hidden; margin-top: 0px; display: block; float: left; width: 960px; height: 308px; } #content .image_window .image_01 { background: url(../images/bg_image_window_01.jpg) left top no-repeat; display: block; float: left; height: 308px; width: 960px;} #content .image_window_content h3 { color: #ffffff; font-size: 24px; margin-left: 485px; margin-top: 50px;} #content .image_window_content p { color: #ffffff; width: 465px; margin-left: 485px; font-size: 18px; margin-top: -20px; font-weight: normal;} #content .image_window_content a.window_button_small { float: left; background: transparent url(../images/btn_image_window_left_small.png) top left no-repeat; display: block; height: 27px; color: #78797c; padding-top: 6px; font-size: 11px; font-weight: bold; margin-top: -18px; margin-left: 485px; font-size: 10px; font-weight: bold; padding-left: 10px;} #content .image_window_content a.window_button_small:hover { text-decoration: none; } #content .image_window_content a.window_button_small span { background: transparent url(../images/btn_image_window_right_small.png) top right no-repeat; padding-top: 7px; padding-left: 0px; height: 27px; padding-bottom: 10px; padding-right: 10px; margin-top: 5px; display: block; margin-top: -6px; } #content .image_window_content a.window_button { float: left; background: transparent url(../images/btn_image_window_left.png) top left no-repeat; display: block; height: 27px; color: #78797c; padding-top: 6px; font-size: 11px; font-weight: bold; margin-top: -18px; margin-left: 485px; font-size: 10px; font-weight: bold; padding-left: 10px;} #content .image_window_content a.window_button:hover { text-decoration: none; } #content .image_window_content a.window_button span { background: transparent url(../images/btn_image_window_right.png) top right no-repeat; padding-top: 7px; padding-left: 0px; height: 27px; padding-bottom: 10px; padding-right: 10px; margin-top: 5px; display: block; margin-top: -6px; } #content #pagination { position: relative; left: 810px; top: -40px; z-index: 10000; width: 200px; } #content #pagination a { font-size: 14px; background: url(../images/bg_image_window_number.png) left top no-repeat; display: block; height: 26px; width: 26px; color: #ffffff; float: left; padding-left: 10px; padding-top: 2px; } #content #pagination a:hover { text-decoration: none; cursor: pointer; background: url(../images/bg_image_window_number_hover.png) left top no-repeat; } #content #pagination a.activeSlide { background: url(../images/bg_image_window_number_hover.png) left top no-repeat; } #content .image_window .image_02 { background: url(../images/bg_image_window_02.jpg) left top no-repeat; display: block; float: left; height: 308px; width: 960px;} #content .image_window .image_03 { background: url(../images/bg_image_window_03.jpg) left top no-repeat; display: block; float: left; height: 308px; width: 960px;} #content .image_window .image_04 { background: url(../images/bg_image_window_04.jpg) left top no-repeat; display: block; float: left; height: 308px; width: 960px;} #content #latest_news { margin-top: -10px; background: url(../images/bg_latestnews_div.jpg) left top no-repeat; display: block; float: left; width: 962px; height: 40px; } #content .latest_news_scroller { display: block; float: left; width: 750px; } #content .latest_news_scroller ul { list-style: none; overflow: hidden; margin-top: 9px; margin-left: 50px; width: 650px; height: 22px; } #content .latest_news_scroller li { width: 645px;} #content .latest_news_scroller li a{ font-size: 12px; color: #78797c; text-decoration: none; } #date_ul { list-style: none; overflow: hidden; margin-left: 0px; } #content #latest_news #latest_link { display: block; float: left; background: url(../images/bg_latest_news.jpg) 14px 12px no-repeat; padding-top: 12px; padding-left: 35px; color: #1380ba; font-weight: bold; font-size: 10px; } #content #latest_news a#date { display: block; float: left; background: url(../images/bg_date.jpg) 10px 10px no-repeat; width: 83px; height: 19px; color: #ffffff; font-size: 11px; padding-top: 12px; padding-left: 20px;} #content #latest_news a#date:hover { text-decoration: none; } #content #product_scroll { display: block; float: left; background: url(../images/bg_product_scroll.jpg) left top no-repeat; width: 965px; height: 254px; margin-top: 15px; margin-bottom: 40px; } #content #product_scroll a.prev{ margin-left: 25px; margin-top: 115px; display: block; float: left; background: url(../images/bg_product_scroll_left.jpg) left top no-repeat; width: 29px; height: 29px; text-indent: -9999px; } #content #product_scroll a.prev:hover { cursor: pointer; } #content #product_scroll a.next:hover { cursor: pointer; } #content #product_scroll a.next{ margin-left: 850px; margin-top: 115px; display: block; float: left; background: url(../images/bg_product_scroll_right.jpg) left top no-repeat; width: 29px; height: 29px; text-indent: -9999px; } #content #product_scroll #product_container { display: block; float: left; width: 845px; height: 235px; margin-top: -135px; margin-left: 55px; overflow: hidden; } #content #product_scroll #product_container ul { list-style: none; } #content #product_scroll #product_container ul li { width: 815px; background: url(../images/bg_product_container_li.jpg) left top repeat-x; display; block; } #content #product_scroll #product_container .product { display: block; float: left; width: 800px; height: 233px; } #content #product_scroll #product_container .product img{ display: block; float: left; margin-top: 20px; margin-left: 20px; } #content #product_scroll #product_container .product img.product_title { margin-left: 20px; display: block; float: left; } #content #product_scroll #product_container ul {} #content #product_scroll #product_container span { margin-left: 430px; padding-top: 60px; display: block; color: #1380ba; font-size: 18px; width: 385px; } #content #product_scroll #product_container p { margin-left: 430px; font-size: 12px; color: #81bee4; } #content #product_scroll #product_container a.viewmore { background: url(../images/bg_scroller_view_more.jpg) left top no-repeat; width: 185px; height: 26px; margin-top: 0px; display: block; margin-left: 430px; text-indent: -9999px; } #content #product_scroll #product_container a.viewmore:hover { background: url(../images/bg_scroller_view_more_hover.jpg) left top no-repeat; margin-top: -1px; } /*#content #product_scroll #product_container a.container_button { float: left; background: transparent url(../images/bg_footer_button_left.jpg) top left no-repeat; display: block; height: 23px; padding-top: 5px; font-size: 11px; font-weight: bold; margin-top: -3px; } #content #product_scroll #product_container a.container_button span { background: transparent url(../images/bg_footer_button_right.jpg) top right no-repeat; padding-top: 4px; margin-left: 9px; height: 23px; padding-right: 9px; display: block; margin-top: -5px; }*/ #content #section-links { width: 180px; float: left; display: block; } #content #section-links h4{ font-weight: bold; font-size: 14px; color: #1380ba; margin-top: 20px; margin-left: 25px; } #content #section-links ul { list-style: none; padding: 0px; margin: 0px; margin-top: -24px; } #content #section-links ul li { padding-left: 25px; line-height: 20px;} #content #section-links ul li a{ color: #6b6b6b; font-size: 12px; } #content #section-links ul li a:hover { text-decoration: none; } #content-container { width: 450px; display: block; float: left; padding-left: 25px; padding-right: 20px; background: url(../images/bg_content_divider_horizontal.jpg) right top repeat-y; margin-top: 20px; } p .newspost-date { border: 1px solid black; } #content #content-container h3 { color: #1380ba; font-size: 18px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; } #content #content-container.section { margin-top: 0px; } .content_divider_horizontal { margin-top: 10px; margin-bottom: 25px; width: 470px; height: 1px; background: url(../images/bg_content_divider_horizontal.jpg) right top repeat-x; display: block; display: block; float: left; } #content-container p { font-size: 12px; } #content-container p.description { font-size: 14px; color: #79b9e6; margin-top: 0px; } #content-container img.individual_product { margin-left: -30px; margin-top: 12px; } #content-container p.product_title{ margin: 0px; padding: 0px; margin-left: 0px; color: #1380ba; font-weight: bold; font-size: 18px; display: block; margin-top: 15px; } #content-container p.product_description { color: #81bee4; font-size: 12px; border-bottom: 1px solid #dddddd; padding-bottom: 20px; width: 470px; margin-bottom: 15px; } #content-container .product_details ul.product_ul { list-style: none; margin-left: 0px; width: 469px; } #content-container .product_details ul.product_ul li { float: left; display: block; width: 175px; } #content-container .product_details ul.product_ul li.product_first {} #content-container .product_details ul.product_ul li p.ip_gateway { color: #1380ba; font-size: 14px; font-weight: bold; margin-top: 10px; margin-left: 0px; } #content-container .product_details ul.product_ul li p.ip_gateway_description { margin-top: -20px; font-size: 12px; color: #6b6b6b; margin-left: 0px; } #content-container .product_details ul.product_ul li p.hybrid { margin-left: 65px; width: 175px; margin-left: 40px; } #content-container .product_details ul.product_ul li p.hybrid_description { margin-left: 65px; width: 175px; margin-left: 40px; } #content-container h3 { font-size: 10px; } .widget_right_sidebar { width: 250px; display: block; float: right; } #content .widget_right_sidebar h4{ font-weight: bold; font-size: 14px; color: #1380ba; margin-top: 20px; margin-left: 25px;} #content .widget_right_sidebar p { margin-left: 25px; font-size: 12px; margin-top: -25px; } #content .widget_right_sidebar ul { list-style: none; margin: 0px; padding: 0px; margin-left: 25px; } #content .widget_right_sidebar ul li {} #content .widget_right_sidebar ul li a{ color: #1380ba; font-size: 12px; background: url(../images/bg_li_resource.jpg) left 4px no-repeat; padding-left: 20px; } #content .widget_right_sidebar ul li a:hover { text-decoration: none; text-decoration: underline; } #content .widget_right_sidebar .center_border { margin-top: 20px; background: url(../images/bg_content_divider_horizontal.jpg) left top repeat-x; width: 250px; display: block; height: 1px; margin-left: -10px !important; } .content-bottom { /*background: url(../images/bg_content_bottom.jpg) left top repeat-x;*/ margin-left: 6px; width: 960px; height: 1px; display: block; float: left; margin-top: 0px; margin-bottom: 16px; } ul.products_ul { margin-top: -20px !important; } /* PRODUCTS PAGE */ #content .product_show { padding-top: 35px; } #content .product_show img { display: block; float: left; margin-right: 30px; margin-left: 50px; } #content .product_show .long_divider { background: url(../images/bg_content_divider_horizontal.jpg) left top repeat-x; display: block; height: 1px; width: 890px; float: left; margin-top: 15px; margin-left: 40px; } #content .product_show .product_details { padding-top: 25px; } #content .product_show .product_details a.button_product { background: url(../images/bg_view_more_products_left.jpg) left top no-repeat; height: 27px; display: block; margin-left:480px; padding-left: 12px; color: #ffffff; font-size: 10px; font-weight: bold; padding-top: 5px; } #content .product_show .product_details a:hover { text-decoration: none; background: url(../images/bg_view_more_products_left_hover.jpg) left top no-repeat; } #content .product_show .product_details a.button_product span { background: url(../images/bg_view_more_products_right.jpg) right top no-repeat; height: 27px; display: block; display: block; margin-right: 374px; margin-top: -5px; padding-top: 5px; } #content .product_show .product_details a.button_product:hover span { background: url(../images/bg_view_more_products_right_hover.jpg) right top no-repeat; } #content .product_show .product_details p.product_title{ margin: 0px; padding: 0px; margin-left: 482px; color: #1380ba; font-weight: bold; font-size: 18px; display: block; margin-top: 15px; } #content .product_show .product_details p.product_description { color: #81bee4; font-size: 12px; border-bottom: 1px solid #dddddd; margin-left: 483px; padding-bottom: 13px; width: 430px; } #content .product_show .product_details ul { list-style: none; } #content .product_show .product_details ul li { float: left; display: block; width: 175px; } #content .product_show .product_details ul li.product_first {} #content .product_show .product_details ul li p.ip_gateway { color: #1380ba; font-size: 14px; font-weight: bold; margin-top: -5px; margin-left: 25px; } #content .product_show .product_details ul li p.ip_gateway_description { margin-top: -20px; font-size: 12px; color: #6b6b6b; margin-left: 25px; } #content .product_show .product_details ul li p.hybrid { margin-left: 65px; width: 175px; } #content .product_show .product_details ul li p.hybrid_description { margin-left: 65px; width: 175px; } #content .product_show .small_divider{ background: url(../images/bg_content_divider_horizontal.jpg) left top no-repeat; display: block; float: left; height: 1px; width: 100px; border: 1px solid black; } #related_information { background: url(../images/bg_related_information.jpg) left top no-repeat; display: block; float: left; width: 940px; height: 106px; margin-top: 25px; margin-bottom: 35px; margin-left: 10px; } #related_information .related_info { background: url(../images/bg_questionmark.jpg) 25px 25px no-repeat; display: block; width: 940px; height: 106px; float: left; } #related_information .related_info span { color: #1380ba; font-size: 14px; font-weight: bold; padding-left: 58px; margin-top: 24px; display: block; } #related_information .related_info h3 { color: #1380ba; font-size: 18px; font-weight: bold; margin-left: 240px; margin-top: -23px; } #related_information .related_info p { color: #81bee4; font-size: 12px; margin-left: 240px; margin-top: -25px; width: 670px; } /*------2.5 Sidebar----------------------------*/ #sidebar { float: left; width: 220px; margin-top: 178px; } #slider { display: block; float: left; /*background: transparent url(../images/bg_slider.jpg) no-repeat;*/ height: 235px; width: 470px; margin-top: -170px; margin-left: 65px; padding-top: 80px; } #slider_01 { margin-left: 25px; margin-bottom: 25px; } #slider_02 { margin-left: 25px; margin-bottom: 25px; } #slider_03 { margin-left: 25px; margin-bottom: 25px; } #slider_04 { margin-left: 25px; margin-bottom: 25px; } #slider_05 { margin-left: 25px; margin-bottom: 25px; } #competition { display: block; float: left; background: transparent url(../images/bg_competition.jpg) no-repeat; margin-top: 15px; margin-left: 75px; width: 450px; height: 185px; } #sidebar h3 { font-size: 14px; font-weight: bold; color: #457926; margin-left: 325px; margin-top: 4px; } #sidebar p { font-size: 12px; font-weight: normal; color: #6d6e71; margin-left: 325px; margin-top: -15px; } #sidebar a { float: left; margin-left: 325px; background: transparent url(../images/bg_button_left.jpg) top left no-repeat; display: block; height: 23px; color: #ffffff; padding-top: 4px; font-size: 11px; font-weight: bold; margin-top: -2px; } #sidebar a span { background: transparent url(../images/bg_button_right.jpg) top right no-repeat; padding-top: 5px; padding-left: 17px; height: 23px; padding-bottom: 10px; padding-right: 15px; } #sidebar a:hover { background: transparent url(../images/bg_button_left_hover.jpg) top left no-repeat; display: block; height: 23px; text-decoration: none; } #sidebar a:hover span { background: transparent url(../images/bg_button_right_hover.jpg) top right no-repeat; } #sidebar a#left_arrow { padding: 0px; margin: 0px; margin-top: -5px; background: transparent url(../images/arrow_left.jpg) left top no-repeat; float: left; text-indent: -9999px; display: block; width: 19px; height: 19px; margin-left: 215px; } #sidebar a#left_arrow:hover { background: transparent url(../images/arrow_left_hover.jpg) left top no-repeat; } #sidebar a#right_arrow { padding: 0px; margin: 0px; margin-top: -5px; background: transparent url(../images/arrow_right.jpg) left top no-repeat; float: left; text-indent: -9999px; display: block; width: 19px; height: 19px; margin-left: 10px; } #sidebar a#right_arrow:hover { background: transparent url(../images/arrow_right_hover.jpg) left top no-repeat; } /*------2.6 Footer-----------------------------*/ #footer { padding-top: 10px; } #footer_logo { background: transparent url(../images/bg_footer_logo.jpg) left top no-repeat; width: 136px; height: 58px; } #footer_small_logo { background: transparent url(../images/logo_footer.jpg) left top no-repeat; width: 180px; height: 63px; float: left; margin-left: 40px; text-indent: -9999px; } #footer #footer_nav { float: left; } #footer #section_01 { margin-left: 7px; display: block; background: url(../images/bg_footer_section1.jpg) left top repeat-x; height: 239px; margin-top: -25px; } #footer #section_01 { font-size: 18px; color: #ffffff; font-weight: bold; padding-left: 25px; padding-top: 25px; } #footer #section_01 .footer-section-01 { display: block; float: left; width: 190px; margin-left: 40px; } #footer #section_01 .footer-section-01 h4{ color: #1380ba; font-size: 14px; font-weight: bold; margin-bottom: 3px; } #footer #section_01 .footer-section-01 p { font-size: 12px; color: #ffffff; line-height: 20px; font-weight: normal; } #footer #section_01 .footer-section-01 a { font-size: 10px; color: #ffffff; font-weight: bold; } #footer #section_01 .footer-section-01 a:hover { text-decoration: none; } #footer .footer-section-01 a.button { float: left; background: transparent url(../images/bg_footer_button_left.jpg) top left no-repeat; display: block; height: 23px; padding-top: 5px; font-size: 11px; font-weight: bold; margin-top: -3px; } #footer .footer-section-01 a.button:hover { float: left; background: transparent url(../images/bg_footer_button_left_hover.jpg) top left no-repeat; display: block; height: 23px; padding-top: 5px; font-size: 11px; font-weight: bold; margin-top: -3px; } #footer .footer-section-01 a.button span { background: transparent url(../images/bg_footer_button_right.jpg) top right no-repeat; padding-top: 4px; margin-left: 9px; height: 23px; padding-right: 9px; display: block; margin-top: -5px; } #footer .footer-section-01 a.button:hover span { background: transparent url(../images/bg_footer_button_right_hover.jpg) top right no-repeat; padding-top: 4px; margin-left: 9px; height: 23px; padding-right: 9px; display: block; margin-top: -5px; } #footer.footer-section-01 a.button:hover { text-decoration: none; } /*#footer.footer-section-01 a.button span:hover { background: transparent url(../images/bg_button_right_hover.jpg) top right no-repeat; }*/ #footer #section_02 { background: #fefefe; height: 130px; display: block; margin-top: -26px; margin-left: 7px; padding-top: 20px; border-top: 1px solid #e2e2e2; } #footer #section_02 .pagewidth { background: transparent url(../images/bg_footer_logo.jpg) 30px -6px no-repeat; height: 100px; } #footer #section_02 ul#footer_contact_details { list-style: none; display: block; float: left; margin-left: 550px; margin-top: -35px; } #footer #section_02 ul#footer_contact_details li { } #footer #section_02 ul#footer_contact_details li a { color: #1380ba; font-size: 12px; } #footer #section_02 ul#footer_contact_details li a.footer_tel { padding-top: 2px; padding-left: 20px; background: url(../images/bg_footer_tel.jpg) left top no-repeat; padding-right: 50px; } #footer #section_02 ul#footer_contact_details li a.footer_email { padding-left: 60px; background: url(../images/bg_footer_email.jpg) 30px 3px no-repeat; display: block; height: 25px; } #footer #section_02 ul#footer_contact_details li a.footer_email:hover { text-decoration: underline; } #footer #section_02 ul#footer_nav { list-style: none; margin-left: 520px; margin-top: -17px; } #footer #section_02 ul#footer_nav li { color: #89898c; font-size: 10px; padding: 0px; margin-right: 5px; } #footer #section_02 ul#footer_nav li a { color: #89898c; font-size: 10px; padding: 0px; margin: 0px; } #footer #section_02 ul#footer_nav li a:hover { text-decoration: underline; } #footer ul { list-style: none; margin-top: 17px; } #footer ul li { display: block; float: left; background: transparent url(../images/bg_li.jpg) 5px 6px no-repeat; } #footer ul li.first { background: none; } #footer ul li a { font-size: 10px; font-weight: bold; color: #95aa8a; margin-left: 12px; } #footer ul li a:hover { text-decoration: none; font-weight: bold; } #visa_logo { margin-left: 25px; display: block; float: left; background: transparent url(../images/bg_visa.jpg) 10px left no-repeat; height: 46px; width: 109px; text-indent: -9999px; } /*------2.7 Credits----------------------------*/ #credits { clear: both; color: #89898c; font-size: 10px; margin-left: 22px; font-weight: bold; width: 200px; margin-left: 190px; margin-top: 35px; } #credits a { color: #aeaeae; } #credits p span { display: block; } #refresh { clear: both; color: #89898c; font-size: 10px; margin-left: 22px; font-weight: bold; width: 300px; margin-left: 190px; margin-top: 0px; } #refresh a { color: #aeaeae; } /*---3. POSTS----------------------------------*/ /*------3.1 Post Elements----------------------*/ .post { border-bottom: 4px solid #000000; margin-bottom: 20px; } .entry-title-container { float: left; } h2.entry-title { font-size: 18px; margin-bottom: 0px; } .comments-link { font-weight: bold; float: right; width: 40px; height: 36px; display: block; } .comments-link a { text-decoration: none !important; background: transparent url(../images/comments_bubble.png) no-repeat left top; display: block; width: 40px; height: 36px; } .comments-link a span { display: block; padding-top: 3px; width: 30px; text-align: center; margin-left: 5px; margin-top: 2px; } .entry-meta {} .entry-meta .tag-links { display: block; clear: both; font-weight: bold; } .entry-meta .tag-links a { text-decoration: none !important; text-transform: lowercase; background: #000000; color: #FFFFFF; margin-right: 4px; display: block; float: left; padding: 3px 6px 3px 6px; } .entry-meta .tag-links a:hover { background: #cfe6de; color: #000000;} .entry-meta .author { background: transparent url(../images/icon_runner.jpg) no-repeat left top; padding-left: 16px; margin-bottom: 5px; } .entry-meta .author .fn {} .entry-date { float: left; background: transparent url(../images/bg_date.jpg) no-repeat left top; color: #FFFFFF; font-weight: bold; width: 45px; height: 50px; margin-right: 10px; margin-bottom: 5px; } .entry-date abbr { border-bottom: 0px; } .entry-date abbr span { display: block; } .entry-date abbr span.day { font-size: 22px; margin-left: 3px; width: 40px; text-align: center; margin-bottom: -5px; } .entry-date abbr span.month { font-size: 12px; display: block; margin-left: 3px; width: 40px; text-align: center; text-transform: uppercase; } .entry-content { clear: both; margin-top: 15px; line-height: 20px; letter-spacing: 0.05em; } .entry-content a.more-link { font-weight: bold; display: block; clear: both; } .entry-content p { font-size: 12px; margin-left: 25px; font-family: Arial, Helvetica, sans-serif; } .entry-content h4 { margin-left: 10px; } .entry-content img { border: 5px solid #FFFFFF; } .entry-content ul { margin-left: 0px; list-style: none; } .entry-content ul li { background: transparent url(../images/widget_li_bullet.jpg) no-repeat 2px 15px; padding: 9px 9px 8px 20px; /* top right bottom left */ } .entry-share { background: transparent url(../images/bg_post_bottom.jpg) no-repeat center top; margin-bottom: 20px; } .share_container { display: block; } .entry-share a.btn { display: block; padding-left: 20px; text-transform: uppercase; font-weight: bold; font-size: 11px; } .entry-share a.btn_share_general { background: transparent url(../images/btn_small_share.jpg) no-repeat left 2px; margin-bottom: 7px; margin-top: 12px; } .entry-share a.btn_share_general:hover { background: transparent url(../images/btn_small_share.jpg) no-repeat left -14px; } .entry-share a.btn_share_facebook { background: transparent url(../images/btn_small_facebook.jpg) no-repeat left 1px; color: #3558a8; } .entry-share a.btn_share_facebook:hover { background: transparent url(../images/btn_small_facebook.jpg) no-repeat left -15px; } .entry-share .share_general { background: #FFFFFF; display: none; margin-bottom: 10px; margin-left: 20px; padding: 5px; } .entry-share .share_general ul { list-style: none; margin: 0px; } .entry-share .share_general ul li { float: left; display: block; margin-right: 10px; height: 16px; width: 16px; } .entry-share .share_general ul li a { -moz-opacity: .80; filter:alpha(opacity=80); opacity: .80; } .entry-share .share_general ul li a:hover { -moz-opacity: 1.0; filter:alpha(opacity=100); opacity: 1.0; } .entry-share .btn_retweet { margin-top: 35px; } /*------3.2 Page Elements----------------------*/ .post_navigation { width: 160px; margin: 0 auto; text-transform: uppercase; margin-top: 70px; margin-bottom: 70px; font-weight: bold; } .post_navigation .nav-previous { margin: 0px;} .post_navigation .nav-previous a { text-decoration: none; background: transparent url(../images/btn_search_left.jpg) no-repeat left top; height: 22px; display: block; padding-left: 28px; padding-top: 2px; } .post_navigation .nav-previous a:hover { background: transparent url(../images/btn_search_left.jpg) no-repeat left -22px; } .post_navigation .nav-next { margin: 0px; } .post_navigation .nav-next a { text-decoration: none; background: transparent url(../images/btn_search.jpg) no-repeat right top; height: 22px; display: block; padding-right: 28px; padding-top: 2px; } .post_navigation .nav-next a:hover { background: transparent url(../images/btn_search.jpg) no-repeat right -22px; } /*------3.3 Search Results List----------------*/ .search-results {} .search-results ul.search-results-list { list-style: none; margin-left: 0px; } .search-results ul.search-results-list h4 {} /*------3.4 Images-----------------------------*/ .wp-caption { text-align: left; } .wp-caption img { border: 5px solid #FFFFFF; margin-bottom: 2px; } .wp-caption .wp-caption-text { background: #cfe6de; color: #666666; font-style: italic; font-size: 11px; float: left; padding-left: 13px; padding-right: 11px; padding-top: 11px; padding-bottom: 7px; } /*---4. HPL ENGINE-----------------------------*/ #viewport { overflow: hidden; margin-left: 200px; position: relative; } .hpl_section { width: 100%; position: relative; overflow: auto; } #notify_loading { display: none; background: #000000 url(../images/loader.gif) no-repeat 85px 8px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 100px; height: 16px; position: absolute; left: 50px; bottom: 50px; padding: 5px; z-index: 100; text-transform: uppercase; } #overlay { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; display: none; width: 100%; height: 100%; background: #000000; position: absolute; top: 0; left: 0; z-index: 50; } /*---5. SIDEBAR--------------------------------*/ .sidebar_mic { margin-top: 70px !important; } /*------5.1 Global Widget----------------------*/ .widget { margin-bottom: 30px; } .widget h3 { margin-bottom: 20px; } .widget ul { list-style: none; margin: 0px; } .widget ul li { background: transparent url(../images/widget_li_bullet.jpg) no-repeat 2px 15px; border-bottom: 1px solid #d2d2d2; padding: 9px 9px 8px 20px; /* top right bottom left */ } .widget ul li a { display: block; } /*------5.2 Recent Posts-----------------------*/ .widget_recent_entries {} .widget_recent_entries ul {} .widget_recent_entries ul li {} /*------5.3 Recent Comments--------------------*/ .widget_recent_comments {} .widget_recent_comments ul#recentcomments {} .widget_recent_comments ul#recentcomments li { font-size: 11px; } .widget_recent_comments ul#recentcomments li a { color: #b1b1b1; display: inline; } .widget_recent_comments ul#recentcomments li p.excerpt { font-size: 12px; margin-bottom: 0px; } /*------5.4 Tag Cloud--------------------------*/ .widget_tag_cloud {} .widget_tag_cloud h3 { margin-bottom: 10px; } .widget_tag_cloud div {} .widget_tag_cloud div a {} /*------5.5 Search Form------------------------*/ .widget_search { padding-left: 800px; height: 24px; margin-top: 13px; } .widget_search input { height: 24px; width: 118px; background: transparent url(../images/bg_search.jpg) no-repeat; border: 0px; display: block; color: #818285; font-size: 11px; font-weight: bold; float: left; padding-left: 8px; padding-top: 5px; } .widget_search button { display: block; width: 23px; height: 24px; border: 0px; background: transparent url(../images/bg_button_search.jpg) no-repeat; cursor: pointer; text-indent: -9999px; } /*.widget_search button:hover { background: transparent url(../images/btn_search.jpg) no-repeat left -22px; }*/ /*------5.6 Author Profile---------------------*/ .widget_author {} .widget_author .avatar { border: 1px solid #000000; margin: 0px; padding: 0px; height: 65px; width: 65px; } /*---6. COMMENTS-------------------------------*/ /*------6.1 Comment List-----------------------*/ ol.commentlist { list-style: none; margin-left: 0px; } ol.commentlist .comment { margin-bottom: 10px; } ol.commentlist .comment .comment-body {} ol.commentlist .comment .comment-body .comment-author {} ol.commentlist .comment .comment-body .comment-author .avatar { float: right; border: 2px solid #000000; } ol.commentlist .comment .comment-body .comment-author .fn { font-style: normal; font-weight: bold; font-size: 16px; } ol.commentlist .comment .comment-body .comment-author .fn .url {} ol.commentlist .comment .comment-body .comment-author .says { font-size: 11px; } ol.commentlist .comment .comment-body .comment-meta { font-size: 11px; } ol.commentlist .comment .comment-body .reply { margin-top: 20px; margin-bottom: 20px; } ol.commentlist .comment .comment-body .reply a.comment-reply-link { background: #000000; color: #FFFFFF; font-weight: bold; padding: 5px; text-decoration: none; } ol.commentlist .comment .comment-body .reply a.comment-reply-link:hover { background: #cfe6de; color: #000000; } /*------6.2 Comment Threading------------------*/ ol.commentlist ul.children { list-style: none; } /*------6.3 Respond Form-----------------------*/ div#respond { margin-bottom: 20px; } div#respond h2 { float: left; } div#respond .cancel-comment-reply { float: right; margin-top: 10px; margin-bottom: 25px; } div#respond .cancel-comment-reply small {} div#respond .cancel-comment-reply small a#cancel-comment-reply-link { background: #000000; color: #FFFFFF; font-weight: bold; padding: 5px; text-decoration: none; } div#respond .cancel-comment-reply small a#cancel-comment-reply-link:hover { background: #cfe6de; color: #000000; } div#respond #commentform { clear: both; } div#respond #commentform label { margin-left: 10px; } div#respond #commentform label small {} div#respond #commentform input { border: 1px solid #999999; background: #FFFFFF; padding: 5px; } div#respond #commentform input:focus { border: 1px solid #000000; background: #F2F2F2; } div#respond #commentform textarea { border: 1px solid #999999; background: #FFFFFF; padding: 5px; } div#respond #commentform textarea:focus { border: 1px solid #000000; background: #F2F2F2; } div#respond #commentform button { border: 0px; text-decoration: none; background: transparent url(../images/btn_search.jpg) no-repeat right top; display: block; padding-right: 28px; padding-top: 2px; padding-bottom: 4px; cursor: pointer; font-weight: bold; text-transform: uppercase; } div#respond #commentform button:hover { background: transparent url(../images/btn_search.jpg) no-repeat right -22px; } div#respond #commentform button span {} /*---7. SHOWCASE-------------------------------*/ .showcase_container { width: 690px !important; } .showcase_categories { margin-bottom: 20px; } .showcase_categories ul { list-style: none; margin: 0px; padding: 0px; } .showcase_categories ul li { margin: 0px; padding: 0px; float: left; display: block; font-size: 18px; font-weight: bold; margin-right: 5px; } .showcase_categories ul li a { padding-left: 15px; padding-right: 15px; padding-top: 9px; padding-bottom: 9px; } .showcase_categories ul li a:hover, .showcase_categories ul li.current_category a { background: #FFFFFF; text-decoration: none; } .showcase_item { margin-bottom: 2px; } .showcase_item h3 { padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; font-size: 14px; cursor: pointer; margin-bottom: 0px; } .showcase_item .media_player { display: block; width: 420px; height: 270px; } .closed { background: #fbfbfb url(../images/showcase_title_off_bg.jpg) no-repeat left top; } .closed h3 { background: #fbfbfb url(../images/showcase_arrow_up.jpg) no-repeat 650px 10px; color: #000000; margin-left: 10px; } .closed h3 .title { float: left; } .closed h3 .category { float: right; width: 240px; } .closed h3 .tvfilm { background: transparent url(../images/showcase_icon_tv_off.jpg) no-repeat left center; text-indent: 30px; } .closed h3 .radio { background: transparent url(../images/showcase_icon_radio_off.jpg) no-repeat left center; text-indent: 30px; } .closed .content { display: none; } .open {} .open h3 { background: #000000 url(../images/showcase_arrow_down.jpg) no-repeat 660px 10px; color: #FFFFFF; } .open h3 .title { float: left; margin-left: 10px; } .open h3 .category { float: right; width: 240px; } .open h3 .tvfilm { background: transparent url(../images/showcase_icon_tv_on.jpg) no-repeat left center; text-indent: 30px; } .open h3 .radio { background: transparent url(../images/showcase_icon_radio_on.jpg) no-repeat left center; text-indent: 30px; } .over {} .over h3 { background: #000000 url(../images/showcase_arrow_down.jpg) no-repeat 660px 10px; color: #FFFFFF; } .over h3 .title { float: left; margin-left: 10px; } .over h3 .category { float: right; width: 240px; } .over h3 .tvfilm { background: transparent url(../images/showcase_icon_tv_on.jpg) no-repeat left center; text-indent: 30px; } .over h3 .radio { background: transparent url(../images/showcase_icon_radio_on.jpg) no-repeat left center; text-indent: 30px; } .over .content { display: none; } .open .content { background: #000000; } .open .content .item { background: #FFFFFF; width: 420px; height: 270px; float: left; } .open .content .details { color: #FFFFFF; font-size: 12px; float: right; background: #000000; width: 255px; } .open .content .details .inner { padding: 25px; padding-left: 0px; padding-top: 5px; padding-bottom: 18px; } .open .content .details .inner h4 { color: #cfe6de; font-size: 14px; font-weight: bold; margin-bottom: 3px; } .open .content .details .inner p { margin-top: 0px; margin-bottom: 6px; } /*---8. GENERAL STYLES-------------------------*/ blockquote { background: transparent url(../images/bg_blockquote.jpg) no-repeat left 3px; margin-left: 0px; padding-left: 40px; } #blog_subscribe { width: 150px; margin-right: 40px; margin-top: 40px; } .subscribe_options {} .subscribe_options h4 { background: transparent url(../images/footer_subscribe.jpg) no-repeat left top; width: 78px; height: 15px; text-indent: -9999px; margin-bottom: 14px; } .subscribe_options .subscription { list-style: none; margin: 0px; margin-bottom: 20px; } .subscribe_options .subscription li { margin-bottom: 4px; color: #717171; text-transform: uppercase; font-size: 10px; display: block; float: left; } .subscribe_options .subscription li a { padding-left: 25px; color: #717171; text-decoration: none; } .subscribe_options .subscription .email { height: 18px; padding-top: 2px; } .subscribe_options .subscription .email a { display: block; background: transparent url(../images/footer_icon_email.jpg) no-repeat left top; height: 18px; padding-top: 2px; } .subscribe_options .subscription .email a:hover { background: transparent url(../images/footer_icon_email.jpg) no-repeat left -22px; } .subscribe_options .subscription .email a:active { background: transparent url(../images/footer_icon_email.jpg) no-repeat left -21px; } .subscribe_options .subscription .rss { height: 21px; margin-right: 16px; padding-top: 2px; } .subscribe_options .subscription .rss a { display: block; background: transparent url(../images/footer_icon_rss.jpg) no-repeat 2px top; height: 21px; padding-top: 2px; } .subscribe_options .subscription .rss a:hover { background: transparent url(../images/footer_icon_rss.jpg) no-repeat 2px -22px; } .subscribe_options .subscription .rss a:active { background: transparent url(../images/footer_icon_rss.jpg) no-repeat 2px -21px; } .notify_error ul li { color: #aa0000; } .page-title { font-size: 26px !important; } .newspost-date { margin-top: -5px; margin-left: 2px; margin-bottom: 0px; } .resource_subtext { margin-bottom: 0px; }