/* ################################################################ File Name: style.css RT-THEME 17 Created By: Tolga Can http://themeforest.net/user/stmcan 1) GLOBAL STRUCTURE 2) NAVIGATION STYLE 3) SLIDER 4) PAGE ELEMENTS 5) SIDEBAR 6) SUB PAGE HEADER 7) BREADCRUMB MENU 8) LINKS 9) PRODUCTS 10) PAGING 11) CONTACT INFO BOXES 12) HOME CONTENTS 13) BANNER 14) FOOTER 15) RECENT POSTS 16) PORTFOLIO 17) HEADINGS 18) TWITTER 19) LISTS 20) IMAGES 21) FRAMES, BORDERS, CAPTIONS 22) TABLES 23) BLOG 24) PHOTO GALLERY 25) FLICKR THUMBS 26) TABS 27) SCROLLABLE IMAGE GALLERIES 28) TOOGLES 29) ACCORDION 30) BUTTONS 31) FORMS 32) TEXT ELEMENTS 33) COMMENTS 34) NATIVE WIDGETS 35) SORTABLE PORTFOLIO NAV 36) RT-jPlayer Skin 37) RESPONSIVE VALUES - MEDIA QUERIES 38) REV-SLIDER 39) ADDITIONAL STYLES ################################################################# */ /* ---------------------------------------------------- 1) GLOBAL STRUCTURE ------------------------------------------------------- */ /* body */ body { font-family:'Lucida Sans Unicode', 'Lucida Grande', 'Arial', sans-serif; font-size:12px; position:relative; color:#666666; line-height:20px; background-color:#fff; background-repeat:repeat; } /* header */ header,#header{ margin:0 auto; position:relative; z-index: 210; } /* full background image */ #background{ position: fixed; top: 0; left: 0; overflow: hidden; display:none; } /* Layout general*/ #container{ position:relative; z-index:99; padding:40px 0 0; } .extrapadding#container{ padding:80px 0 0; } .extrapadding2#container{ padding:50px 0 0; } /* logo position */ #logo{ position:relative; display:inline-block; float:left; top:-30px; left:-10px; z-index:2; } #logo.no-container { left: 10px; margin: 20px 0 10px 0; top: 0; } #logo.no-container.no-logo-img{ margin: 0; } /* Text Logo */ #logo h1,#logo h1 a{ font-size:56px; padding-top: 12px; color: #4b9ec9; text-decoration:none; } #logo h1 a:hover{ opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); } /* Logo shadows */ .shadow-left{ width:20px; background:url(../images/logo-shadow.png) 4px 0 no-repeat; height:100px; float:left; } .shadow-right{ width:20px; background:url(../images/logo-shadow.png) -25px 0 no-repeat; height:100px; float:left; } /* Logo holders */ .logo-holder{ border-bottom:5px solid #4b9ec9; float:left; } .logo-background{ background:#fff; min-height:90px; min-width:100px; padding:10px 30px; } /* flags */ #wpml_flags{ margin: 0 auto; position: relative; width: 980px; z-index: 100; } #wpml_flags .flags{ position:absolute; right:0; display:inline; padding:0 10px 2px 10px; margin:0; float:right; background:url(../images/transparent-white.png); } #wpml_flags .flags li{ list-style:none; list-style-position:outside; line-height:12px; float:left; padding:5px 4px; } #wpml_flags .flags li a{ display:block; outline:none; border:0; } #wpml_flags .flags li img{ display: block; padding:0; } /* social media icon positions for top */ .social_media_top{ margin: 0 auto; position: relative; width: 980px; z-index: 100; } .social_media_top.with_wpml ul{ position: absolute; right: 0; top: 37px; } .social_media_top ul{ position: absolute; right: 20px; top: 13px; } /* ---------------------------------------------------- 2) NAVIGATION STYLE ------------------------------------------------------- */ /* mobile navigation */ #MobileMainNavigation{display: none;} /* main navigation bar holder */ #navigation_bar{ float:right; display:inline-block; line-height:20px; position:relative; top:-10px; margin-right:10px; z-index:100; } /* main navigation*/ #navigation{ display:inline-block; padding:0; margin:0; position:relative; z-index:999; } #navigation li { float:left; font-size:14px; margin:0 0 0 10px; position:relative; } /* sub menu items */ #navigation ul { position:absolute; margin:0; z-index:50; background:#4B9EC9; width:150px; top:81px; padding:0; display:none; text-align: left; } #navigation ul li { float:none; display:block; font-size:12px; margin:0; border-bottom:1px solid #fff; } /* from third level menu items */ #navigation ul ul{ padding:0; left:151px; opacity:1; margin:0; top:0; } /* from fourth level menu items */ #navigation ul ul ul{ opacity:1; } /* fix for IE */ .on-top{ z-index: 10000; } /* * * menu links styling * */ /* first level menu links */ #navigation_bar > ul > li > a{ font-size:14px; color:#949494; text-decoration:none; line-height:16px; display:block; padding:54px 10px 10px; margin:0 0 8px 0; } /* current page item and hover status */ #navigation_bar > ul > li.current_page_item > a, #navigation_bar > ul > li.current_page_parent > a, #navigation_bar > ul > li.current-menu-ancestor > a , #navigation_bar > ul > li > a:hover, #navigation_bar > ul > li:hover > a{ background:#4B9EC9 url(../images/menu-top.png) center top no-repeat; color:#fff; } #navigation_bar li.hasSubMenu:hover > a{ color:#A9A9A9; } /* sub menu links */ #navigation ul li a{ text-decoration:none; display:block; position:relative; padding:10px; color:#fff; font-family: Arial, Helvetica, sans-serif; } /* sub menu links hover status */ #navigation ul li a:hover{ background:url(../images/dark-transparent.png); } /* third level links */ #navigation ul ul a{ position:relative; display:block !important; } /* line heights of sub menu items */ #navigation_bar ul ul a{ line-height:130%; } #navigation ul ul li:last-child > a{ border-bottom:0 !important; } #navigation ul ul li{ display:block !important; z-index:299; } /* ---------------------------------------------------- 3) SLIDER ------------------------------------------------------- */ .slider_area{ margin:0 auto -70px auto; width:940px; overflow: hidden; background:#fff; padding:20px; position: relative; top:-70px; } .slider_area.no-logo-container{ margin: 0 auto -20px; top: -20px; } .slider{ width:940px; overflow: hidden; } /* slider with sidebar */ .sidebarwidth .slider_area{ margin:0 auto 0 auto; width:606px; position: relative; top:0; } /* give 70px space for slider sub page in fullwidth */ .sub_page.fullwidth .slider_area{ margin:0 auto 0 auto; top:0; } .sidebarwidth .slider_area .slider{ width:606px; } /* Flex slider */ .flexslider { background: #fff; border: 0; position: relative; zoom: 1; } .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} /* Caption style */ .flex-caption h3,.flex-caption h4,.flex-caption h5{ color: #fff; font-size: 22px; line-height: 28px; font-weight:normal; } .flex-caption h4{ font-size: 18px; line-height: 24px; padding-bottom:0; } .flex-caption h5{ font-size: 14px; line-height: 18px; padding-bottom:0; } .flex-caption h3 a,.flex-caption h4 a,.flex-caption h5 a{ color: #fff !important; } .flex-caption h3 a:hover{ color: #fff; opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); } .flex-caption a{ color: #fff !important; } .flex-caption p{ font-size:13px; position:relative; color:#fff; line-height:20px; padding: 0; } .flex-caption { width: 50%; margin: 0; position: absolute; left: 0; bottom: 40px; color: #fff; font-size: 14px; line-height: 18px; background:url(../images/transparent-white-2.png); padding: 20px 20px 20px 0px; } .flex-caption .desc-background{ background: #4b9ec9; padding: 20px; } .flex-container.post_gallery .flex-caption .desc-background{ padding: 10px; } .flex-container.post_gallery .flex-caption p{ font-size:11px; line-height:15px; padding: 5px 0 0 0; } .flex-container.post_gallery .imagemask{ width:100%; } .sidebarwidth .flex-caption { width: 100%; bottom: 0; padding: 20px 0 0 0px; position: relative; } .flex-container.post_gallery .flex-caption { bottom: 0; padding: 10px 10px 0 0px; position: absolute; width: 50%; bottom: 0px; font-size: 11px; line-height: 15px; } .sidebarwidth .flex-control-nav { left: 0; top:25px; display: inline-table; margin: 0 auto; position: relative; text-align: center; width: auto; } .sidebarwidth .flex-nav-container{ position:relative; width:auto; display:block; text-align:center; } .sidebarwidth .flex-control-nav li { float: left; margin: 0 0 25px 10px; position: relative; } .sidebarwidth .flex-control-nav li a { height: 20px; width: 20px; } /* Title Nav */ .slider-carousel.title_navs{ margin-top:2px !important; } .slider-carousel .title_nav{ text-align:center; cursor:pointer; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(247,247,247,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(51%,rgba(247,247,247,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(247,247,247,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(247,247,247,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(247,247,247,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(247,247,247,1) 51%,rgba(246,246,246,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ border-left:1px solid #eee; border-top:1px solid #eee; border-bottom:1px solid #eee; } .slider-carousel .flex-active-slide.title_nav{ background-color:#fff; box-shadow: 0 3px 3px 0 #EEEEEE inset; } .slider-carousel .title_nav span{ width:100%; display:block; } .slider-carousel .title_nav h4{ color: #717171; font-size:13px; line-height:100%; text-shadow:1px 1px 0 #fff; padding:0; } .slider-carousel .flex-active-slide.title_nav h4{ color: #4B9EC9; } /* Direction Nav */ .slider-carousel .flex-direction-nav {*height: 0;} .slider-carousel .flex-direction-nav a { width: 36px; height: 39px; margin: -20px 0 0; display: block; background-image: url(../images/bg_direction_nav.png); background-repeat:no-repeat; background-position: 0 0; background-color: transparent !important; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .slider-carousel.title_navs .flex-direction-nav a { background-image: url(../images/bg_direction_nav_2.png); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); } .slider-carousel .flex-direction-nav .flex-next {background-position: 0 -39px; right: -40px; } .slider-carousel .flex-direction-nav .flex-prev {left: -40px;} .slider-carousel .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} .slider-carousel:hover .flex-next {opacity: 0.8; right: 0px;} .slider-carousel:hover .flex-prev {opacity: 0.8; left: 0px;} .slider-carousel:hover .flex-next, .slider-carousel .flex-prev {opacity: 1;} /* Direction Nav */ .flex-nav-container .flex-direction-nav{width:60px; position: absolute; bottom:0;right:0; z-index: 50;} .flex-nav-container .flex-direction-nav li, .flex-direction-nav li a{width:30px;background:#4b9ec9;color:#fff;text-decoration:none;float: left;text-align: center;} .flex-nav-container .flex-direction-nav li a:hover{opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50);} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; left: 965px; bottom: 15px; text-align: center;} .flex-control-nav li {margin: 0 0 5px 0; display: block; zoom: 1; *display: inline;} .flex-control-nav li a {width: 10px; height: 10px; display: block; background-color: #4b9ec9; cursor: pointer; text-indent: -999em;} .flex-control-nav li a:hover {background-image:url(../images/transparent-white.png);} .flex-control-nav li a.flex-active {background-image:url(../images/transparent-white.png); cursor: default;} .flexslider.slider-carousel{ position: relative; overflow: hidden; } .flexslider.slider-carousel li { float: left; margin: 0; } .flexslider.slider-carousel img { cursor: pointer; display: block; opacity: 0.7; width: 100%; } .flexslider.slider-carousel li img:hover{ opacity: 1; } .flexslider.slider-carousel .flex-active-slide img{ opacity: 1; cursor: default; } .flexslider.slider-carousel.title_navs li { margin-right: 1px; } .flexslider.slider-carousel li { margin-right: 20px; } .flexslider.slider-carousel .slides > li { display: none; } /* ---------------------------------------------------- 4) PAGE ELEMENTS ------------------------------------------------------- */ /* transparent line */ .transparent-line{ background:url(../images/transparent-white.png); height:10px; margin:0 auto; width:980px; } /* transparent line for logo */ body .transparent-line.logo{ width:auto; padding:0 20px; } /* transparent line for footer */ body .transparent-line.footer{ width:auto; height:20px; } /* content wapper */ .content-wrapper{ background:#fff; width:960px; padding:0 10px; margin:0 auto; } /* icons & numbers */ .icon-holder{ background:#4b9ec9; border-radius:20px; height:30px; width:30px; text-align:center; margin:0 10px 20px auto; float:left; } .icon-holder.number{ font-size:18px; line-height:32px; color:#fff; font-family:arial,sans-serif; } /* Head Text */ .head_text{ margin:0 0 30px 0; } .head_text .arrow{ float:left; width:15px; height:40px; background:#4b9ec9 url(../images/white-arrow-right.png) 6px 17px no-repeat; } .head_text h1,.head_text h2,.head_text h3,.head_text h4,.head_text h5,.head_text h6{ color:#4b9ec9; padding:7px 0 5px 10px; display:inline-block; line-height:100%; width: 90%; } .head_text h3{ padding:9px 0 5px 10px; } .head_text h4{ padding:12px 0 5px 10px; } .head_text.divider h4{} .image-border-bottom{ margin: 10px 0px 0px 0px; height: 5px; line-height:100%; background:#eee; } /* box hover border */ .box:hover > .image-border-bottom{ background:#4B9EC9; } /* box shadows */ .box-shadow{ -moz-box-shadow: 0 5px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.05); box-shadow: 0 5px 0 rgba(0,0,0,0.05); } .box-shadow .box-shadow{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .box-shadow-inset{ -moz-box-shadow: inset 0 5px 0 rgba(0,0,0,0.05); -webkit-box-shadow: inset 0 5px 0 rgba(0,0,0,0.05); box-shadow: inset 0 5px 0 rgba(0,0,0,0.05); } /* line */ .border-line{ clear:both; background:#F0F0F0; height:1px; width:100%; position:relative; display:block; } /*top link*/ span.top{ font-size:10px; float:right; position:relative; right:0; top:-10px; padding-left:10px; text-decoration:none; letter-spacing:1px; cursor:pointer; } span.top:hover{ text-decoration:none; } /* line */ .line{ border-bottom:1px solid #eee; margin:0 0 30px 0; clear:both; } /*top link*/ span.top{ background:#fff; color:#B0B0B0; } span.top:hover{ color:#000; } /* Tooltip */ .ttip{ padding:0 !important; } /* text shadow */ .text_shadow{ text-shadow:0 1px 0 #fff; } /* ---------------------------------------------------- 5) SIDEBAR ------------------------------------------------------- */ /* sidebar headings */ .sidebar .title h3{ font-size:16px !important; } /* ---------------------------------------------------- 6) SUB PAGE HEADER ------------------------------------------------------- */ #sub_page_header{ margin:0 auto -70px auto; width:940px; overflow: hidden; background:#fff; padding:20px; position: relative; top:-70px; } #sub_page_header.no-logo-container{ margin: 0 auto -20px; top: -20px; } /* the image holder */ #sub_page_header .image_holder{ margin:0 auto; width:940px; overflow: hidden; } #sub_page_header .image_holder img{ display:block; width:100%; } /* the info bar holder indicates search and breadcrumb menu */ #info_bar{ margin:0 auto; width:940px; overflow: hidden; background:url(../images/transparent-white.png); padding:10px 20px; position: relative; clear:both; } /* header image overlay text */ .header_overlay_text{ position:absolute; width: 940px; } .header_overlay_text.single{ position:relative; } /* search */ .search-bar{ float:right; } /* search form */ body .search-bar form input{ width:250px !important; height:30px !important; padding:0 0 0 10px !important; margin:0 !important; border:0 !important; outline:0 !important; float:left !important; display:inline !important; font-weight:normal !important; font-style:normal !important; font-size:11px !important; color:#929292 !important; background:url(../images/transparent-white.png); border-radius:0; text-align: left; } body .search-bar form input.searchsubmit{ width:30px !important; height:30px !important; padding:0 !important; float:right !important; display:inline !important; border-radius:0; background:#4b9ec9 url(../images/search.png) 9px 8px no-repeat; } .search-bar form input:focus,.search-bar form input{ border:0;-moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .search-bar form input:focus{ background:#fff; } /* ---------------------------------------------------- 7) BREADCRUMB MENU ------------------------------------------------------- */ /* Breadcrumb Menu */ .breadcrumb{ font-weight:normal; color:#999999; font-size:11px; clear:both; float:left; position:relative; display:block; z-index:9; margin:4px 0 0; line-height:100%; padding-top:6px; font-family:helvetica,arial,sans; } .breadcrumb a{ color:#595959; text-decoration:none; } .breadcrumb a:hover{ text-decoration:underline; } /* ---------------------------------------------------- 8) LINKS ------------------------------------------------------- */ /* general link style */ a{ color:#4b9ec9; text-decoration:underline; } a:hover{ text-decoration:none; } /* arrow links */ a.more_arrow{ color:#e77927; text-decoration:none; } a.more_arrow_2{ color:#ccc; text-decoration:none; } /* read more links */ a.read_more, a.more-link{ padding:10px 0 0 0; font-family: "Times New Roman", serif; font-style: italic; color:#a1a1a1; text-decoration:none; display:block; } a.read_more:hover, a.more-link:hover{ color:#4b9ec9; } /* sidebar content links */ .sidebar_content .box a{ color:#cecece; } .sidebar_content .box a:hover{ color:#fff; } /* sidebar contact details links */ .sidebar_content ul.contact_list a{ text-decoration:underline !important; } .sidebar_content .box a:hover{ text-decoration:none !important; } /* ---------------------------------------------------- 9) PRODUCTS ------------------------------------------------------- */ .poduct_slider{} .rt_loader{ background: url("../images/rt_loader.gif") no-repeat scroll 0 bottom transparent; height: 80px; margin-bottom: -80px; margin-left: auto; margin-right: auto; position: relative; width: 150px; } h2.product{ display:inline-block; } /* Product images*/ .box.product img{ width: 100%; } /* product info */ .product_info{ margin:10px 0 0 0; } span.price{ font-family: "Times New Roman", serif; font-style: italic; color:#a1a1a1; font-size:12px; line-height:100%; margin:10px 0 0 0; display:block; } .product .button.small.alignright.default{ margin:0 0 10px; } /* product thumbnails on single product page */ #product_thumbnails li { float:left; list-style:none; } #product_thumbnails li a { display:inline; } /* carousel */ .carousel.box-shadow{ height:inherit; } /* attached documents */ .doc_icons ul{ list-style:none; position: relative; } .doc_icons ul li{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EEEEEE; float: left; margin-bottom: 10px; margin-right: 10px; max-height: 100px; max-width: 200px; min-height: 100px; min-width: 100px; overflow: hidden; padding: 20px; text-align: center; } .doc_icons ul li:hover{ overflow: visible; position: relative; max-height: none; border: 1px solid #ddd; } .doc_icons strong { display: block; } /* ---------------------------------------------------- 10) PAGING ------------------------------------------------------- */ .paging_wrapper{ text-align:center; display:block; clear:both; } .paging { display:inline-table; margin:0 !important; position:relative; list-style-type:none; cursor: pointer; } .paging li{ display:inline; margin-right:6px; float:left; } /* paging links */ .paging li a{ border:0; overflow:hidden; width:26px; height:26px; display:block; text-align:center; text-decoration:none; line-height:26px; font-size:11px; background:#fff; color: #888; border:1px solid #F0F0F0; -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.05); box-shadow: 0 2px 0 rgba(0,0,0,0.05); } /* paging arrows */ .paging .arrowleft a,.paging .arrowright a{ font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:24px; } /* paging mouseover*/ .paging li.active a{ text-decoration:none; } .paging li a:hover,.paging li a:hover, .paging li.active a{ box-shadow:none; text-decoration:none; border: 1px solid #fff; color:#fff; background:#4b9ec9; } /* post navigations */ .post-navigations{ clear:both; } .post-navigations a span{ padding:5px; display:inline-block; } .post-navigations a{ width:50%; display:inline-block; background:#4b9ec9; color:#fff !important; text-decoration:none; text-align:center; } .post-navigations a:hover{ background-image:url(../images/dark-transparent.png); } .post-navigations.single a.p_next{ -moz-box-shadow: 0 5px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.05); box-shadow: 0 5px 0 rgba(0,0,0,0.05); } .post-navigations a.p_next{ -moz-box-shadow: 0 5px 0 rgba(0,0,0,0.05),1px 0 0 0 #fff inset; -webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.05),1px 0 0 0 #fff inset; box-shadow: 0 5px 0 rgba(0,0,0,0.05),1px 0 0 0 #fff inset; } .post-navigations a.p_prev{ -moz-box-shadow: 0 5px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.05); box-shadow: 0 5px 0 rgba(0,0,0,0.05); } /* ---------------------------------------------------- 11) CONTACT INFO BOXES ------------------------------------------------------- */ /* contact list for sidebar */ .widget .contact_list{ display:inline-block; list-style-type:none; margin:0; padding:0 !important; background:none !important; list-style:none; } .sidebar .contact_list li{ list-style-type:none; margin:0 0 7px 0 !important; padding:0 !important; line-height:20px !important; } .sidebar .contact_list li:last-child{ margin:0; } .sidebar .contact_list .phone{ background:url(../images/assets/contact_icons/phone_silver.png) left 3px no-repeat; padding-left:25px !important; } .sidebar .contact_list .home{ margin:0; background:url(../images/assets/contact_icons/home_silver.png) left 3px no-repeat; padding-left:25px !important; } .sidebar .contact_list .mail{ background:url(../images/assets/contact_icons/mail_silver.png) left 3px no-repeat; padding-left:25px !important; } .sidebar .contact_list .help{ background:url(../images/assets/contact_icons/help_silver.png) left 3px no-repeat; padding-left:25px !important; } .sidebar .contact_list .map{ background:url(../images/assets/contact_icons/map_silver.png) left 3px no-repeat; padding-left:25px !important; } .sidebar .contact_list .fax{ background:url(../images/assets/contact_icons/fax_silver.png) left 3px no-repeat; padding-left:25px !important; } .sidebar .contact_list .contact_form_icon{ background:url(../images/assets/contact_icons/comment_silver.png) left 3px no-repeat; padding-left:25px !important; } /* contact list for content area */ .content .contact_list{ display:inline-block; list-style-type:none; margin:0; padding:0 !important; background:none !important; } .content .contact_list li{ list-style-type:none; margin:7px 0 0 0 !important; padding:0 !important; line-height:20px !important; } .content .contact_list .phone{ background:url(../images/assets/contact_icons/phone_silver.png) left 3px no-repeat; padding-left:25px !important; } .content .contact_list .home{ margin:0; background:url(../images/assets/contact_icons/home_silver.png) left 3px no-repeat; padding-left:25px !important; } .content .contact_list .mail{ background:url(../images/assets/contact_icons/mail_silver.png) left 3px no-repeat; padding-left:25px !important; } .content .contact_list .help{ background:url(../images/assets/contact_icons/help_silver.png) left 3px no-repeat; padding-left:25px !important; } .content .contact_list .map{ background:url(../images/assets/contact_icons/map_silver.png) left 3px no-repeat; padding-left:25px !important; } .content .contact_list .fax{ background:url(../images/assets/contact_icons/fax_silver.png) left 3px no-repeat; padding-left:25px !important; } .content .contact_list .contact_form_icon{ background:url(../images/assets/contact_icons/comment_silver.png) left 3px no-repeat; padding-left:25px !important; } /* ---------------------------------------------------- 12) HOME CONTENTS ------------------------------------------------------- */ /* holder */ .home_contents{ width:940px; margin:0 auto; } /* wide */ .home_contents.wide{ width:960px; } /* wide content */ .home_contents.wide .box{ margin-bottom: 30px; } /* wide content */ .home_contents.wide .box{ margin-bottom: 30px; } /* full width */ .home_contents.wide .box.full,.home_contents.wide .box.one{ margin:0 10px 30px 10px; padding:20px 10px 0 10px; clear:both; float:none; display:block; } /* home page headings */ .template_builder h3,.widget .title h3{ padding: 0; font-size:16px; } /* featured images */ .main_featured_image{ margin:0 0 10px 0; display:inline-block; } /* portfolio images in columns */ .box .box.portfolio img, .home_contents .box.portfolio img{ width:100%; } .box.home-content-box p:last-child{ padding-bottom: 0; } /* Social media icons */ .widget ul.social_media_icons{ display: block; float: none; margin: 0; padding: 0; } .widget ul.social_media_icons li{ display: inline-block !important; float: none; list-style: none outside none; margin: 0 0 0 5px; } .widget .social_media_icons a{ float: left; } /* ---------------------------------------------------- 13) BANNER ------------------------------------------------------- */ /* banner holder */ .banner{ width:940px; margin:0 auto; padding:20px 0; } .sidebarwidth .banner,.sidebarwidth .banner_holder{ width:auto; padding: 10px; } /* banner text */ .banner .featured_text{ font-size:21px; line-height:34px; text-align:center; color:#747474; margin:0; } /* banner text */ .banner .featured_text.withbutton{ display:inline; text-align:left; } .banner p{ padding:0; } .banner .withbutton p{ padding:8px 0 0 0; } /* banner links */ .banner .featured_text a{ text-decoration:none; color:#4b9ec9; } .banner .featured_text a:hover{ text-decoration:underline; } a.banner_button{ font-size:16px; background:#4b9ec9; border:5px solid #F0F0F0; text-decoration:none; color:#fff !important; padding:10px 40px; margin: 0 0 0 20px; } a.banner_button:hover{ background:#4b9ec9 url(../images/dark-transparent.png); } /* ---------------------------------------------------- 14) FOOTER ------------------------------------------------------- */ #footer{ padding: 10px 0; border-top:5px solid rgba(0,0,0, 0.05); background: rgba(255, 255, 255, 0.3); color:#A9A9A9; } #footer .footer_info{ margin:0 auto; width:940px; position: relative; display:block; padding:10px 0 60px; } /* footer copyright text */ #footer .part1{ float:left; display:inline; margin:0; padding:0; } #footer .copyright{ display:block; font-size:11px; line-height:180%; } /* Social media icons */ #footer ul.social_media_icons{ float:right; margin:0; padding:0; } ul.social_media_icons li{ list-style:none; float:left; margin:0 0 0 5px; } .social_media_icons a{ float: left; } /* social media tips */ .social_tip{ float: left; background: #4b9ec9; margin: 0 4px 0 10px; padding: 6px 10px 4px 10px; color:#fff; display: none; border-radius:20px; height:16px; line-height:100%; } /* footer links */ ul.footer_links{ line-height:180%; font-size:11px; display:block; color:#919191; } ul.footer_links a{ text-decoration:none; color:#919191; } ul.footer_links a:hover{ text-decoration:underline; } ul.footer_links{ list-style:none; margin:0 !important; } ul.footer_links li{ list-style-position:outside; line-height:100%; display:inline; padding:0 6px; border-left:1px solid #CDCDCD; } ul.footer_links li.first{ border-left:0; padding-left:0; } /* ---------------------------------------------------- 15) RECENT POSTS ------------------------------------------------------- */ .recent_posts ul,.footer_widgets .recent_posts ul,.widget .recent_posts ul{ margin:0; padding:0; list-style:none; } .recent_posts ul li{ margin:0 0 10px 0; padding:0; clear:both; } .recent_posts ul li:last-child{ margin:0; } .recent_posts ul li.date{ margin:0; } /* date */ .recent_posts .date{ font-family: "Times New Roman", serif; font-style:italic; font-size:10px; letter-spacing:1px; color:#AAAAAA; line-height:22px; } /* title */ .recent_posts .title{ display:block; font-weight:bold; margin:0 0 5px 0; } /* title links */ .recent_posts .title a{ text-decoration:none; } .recent_posts .title a:hover{ text-decoration:underline; } /* thumbnails */ .recent-posts-thumb{ float:left; display:inline-block; position:relative; } img.recent-posts-thumb { float:left; padding:4px; margin:0 10px 0 0 ; display:inline-block; background:#fff; border:1px solid #F0F0F0; -moz-box-box-shadow:2px 2px 1px RGBa(0,0,0, 0.035); -webkit-box-shadow:2px 2px 1px RGBa(0,0,0, 0.035); box-shadow:2px 2px 1px RGBa(0,0,0, 0.035); } .recent_posts .comment_number a{ display:block; } /* ---------------------------------------------------- 16) PORTFOLIO ------------------------------------------------------- */ .box.portfolio{ overflow:hidden; } /* Portfolio images*/ .box.portfolio img.portfolio_image{ width: 100%; } .box.portfolio .slider{ margin:0; } .portfolio_info{ padding:10px 0 0 0; display:inline-block; } .portfolio_info p{ padding:0; } .project_notes{ width: 100%; } .project_notes hr { background-color: #EEEEEE; border: 0 none; height: 1px; } /* ---------------------------------------------------- 17) HEADINGS ------------------------------------------------------- */ h1,h2,h3,h4,h5,h6{ letter-spacing:0; font-weight:normal; position: relative; padding: 0 0 10px 0; font-weight:normal; line-height:140%; color:#444; margin:0; } h1{ font-size: 30px; } h2{ font-size: 26px; } h3{ font-size: 22px; } h4{ font-size: 18px; } h5{ font-size: 16px; } h6{ font-size: 14px; } /* heading colors and links */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#444; text-decoration:none !important; opacity:1; } h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{ color: #4b9ec9; } /* ---------------------------------------------------- 18) TWITTER ------------------------------------------------------- */ /* Twitter feeds*/ .tweet_list, .widget .tweet_list{ list-style: none; margin:0; padding:0; } .tweet_list li { padding: 0 0 10px 0 !important; margin: 0 0 10px 0 !important; list-style-position:outside; } .tweet_list li:last-child{ padding: 0 !important; margin: 0 !important; } /* tweet time */ .tweet_time a{ font-family: "Times New Roman", serif; font-style:italic; font-size:10px; letter-spacing:1px; color:#AAAAAA; line-height:22px; display:block; text-decoration:none; } .tweet_time a:hover{ text-decoration:none !important; } /* tweet text */ .tweet_text{ line-height:150% !important; } /* tweet links */ .box .tweet_text a{ color: #9C9C9C; display:inline-block; } .box .tweet_text a:hover{ color: #CECECE; text-decoration:underline; } /* ---------------------------------------------------- 19) LISTS ------------------------------------------------------- */ dd{ color:#8B8B8B; } /* content lists */ ul, ol{ list-style: disc; margin:0 0 20px 17px; } ul ul, ol ol{ list-style: circle; padding:0; margin:0; } ul ul ul, ol ol ol{ list-style: square; padding:0 10px; margin:0 0 10px 0; } ol{ list-style: decimal; } ol ol{ list-style: lower-latin; } ol ol ol{ list-style: lower-roman; } ul ul li, ol ol li{ margin:5px 0 5px 15px; } dl{ margin:0 0 20px 0; } dd{ margin:5px 0 5px 15px; font-family: "Times New Roman", serif; font-style:italic; } .lined li{ padding:5px 0; } /* list with stars */ .star{ margin:0 0 20px 22px; list-style-image:url(../images/star.png) !important; } /* list with check image */ .check{ margin:0 0 20px 22px; list-style-image:url(../images/check.gif) !important; } .check li, .star li{ display: list-item !important; border:none !important; } .product .check{ margin:0 0 20px 22px; list-style-image:url(../images/check.gif) !important; } /* ---------------------------------------------------- 20) IMAGES ------------------------------------------------------- */ /* image alignments */ a.imgeffect.aligncenter, img.aligncenter{ display:block !important; text-align:center; display: block; margin:0 auto; padding:0px; border:0px; background:none; } a.imgeffect.alignleft, img.alignleft{ float:left; margin: 6px 20px 6px 0; display: inline; border:0px; background:none; padding:0; display:block; } a.imgeffect.alignright, img.alignright{ padding:0; float:right; margin: 6px 0 6px 20px; border:0px; display:block; background:none; } .imagemask{ position:relative !important; display:inline-block !important; padding:0; margin:0; outline:0; overflow:hidden; width:100%; } /* Images with mouseover effect */ .icon-overlay{ cursor: pointer; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 20; -moz-box-shadow: inset 0 0 120px 0 rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.4); box-shadow: inset 0 0 120px 0 rgba(0,0,0,0.4); } .icon-overlay .icon{ display: block; height: 50px; left: 50%; margin-left: -25px; margin-top: -25px; opacity: 1; position: absolute; top: -60px; width: 50px; z-index: 10; background-color:#4b9ec9; -moz-box-shadow: 0 0 0 15px rgba(255,255,255,0.7), 30px 30px 10px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 0 15px rgba(255,255,255,0.7), 30px 30px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 15px rgba(255,255,255,0.7), 30px 30px 10px 10px rgba(0, 0, 0, 0.5); } /* magnifier icon */ .icon-overlay .icon.magnifier{ background-image: url("../images/magnifier.png"); background-repeat:no-repeat; background-position:16px 18px; } /* link icon */ .icon-overlay .icon.link{ background-image: url("../images/link.png"); background-repeat:no-repeat; background-position:16px 18px; } /* video icon */ .icon-overlay .icon.play{ background-image: url("../images/video.png"); background-repeat:no-repeat; background-position:16px 18px; } /* mouse over effect */ a.imgeffect,a.imgeffect:hover{ text-decoration:none; cursor:pointer; line-height:0 !important; position: relative; display: block; } /* ---------------------------------------------------- 21) FRAMES, BORDERS, CAPTIONS ------------------------------------------------------- */ /* frame and captions common */ .frame, .wp-caption{ padding:6px; display:inline-block; position:relative; font-family: "Times New Roman", serif; font-style:italic; text-align:center; overflow:hidden; border:1px solid #F0F0F0; -moz-box-box-shadow:2px 2px 1px RGBa(0,0,0, 0.035); -webkit-box-shadow:2px 2px 1px RGBa(0,0,0, 0.035); box-shadow:2px 2px 1px RGBa(0,0,0, 0.035); } .frame.block, .single-product-images .frame{ display:block !important; width: auto; } /* Image Caption Texts */ .wp-caption-text{ clear:both; display:block; padding:8px 0 0 0 !important; } /* aligns */ .frame.alignleft, .wp-caption.alignleft{ float:left !important; margin: 6px 20px 6px 2px; display: inline !important; position:relative; } .frame.alignright, .wp-caption.alignright{ float:right !important; margin: 6px 2px 6px 20px; display: inline !important; position:relative; } .frame img, .wp-caption img{ display:block; float:left; position:relative; border:1px solid #FBFBFB; } .aligncenter .frame{ margin:2px 0 0 0 !important; } .wp-caption.aligncenter{ display: block !important; } /* ---------------------------------------------------- 22) TABLES ------------------------------------------------------- */ table{ width:auto; border-collapse: separate; border-spacing: inherit; margin:0 0 20px 0; padding:0; border-right:1px solid #F5F5F5; border-top:1px solid #F5F5F5; } table caption strong{ text-align:left; font-size: 14px; font-weight: normal; line-height:20px; font-weight:bold; } table caption{ text-align:left; padding: 0 0 10px 3px; font-style: italic; } table th { padding: 13px; font-size: 12px; background:#F5F5F5; border-left:1px solid #F5F5F5; } table td { padding: 10px; text-align: left; margin:10px; border-bottom:1px solid #F5F5F5; border-left:1px solid #F5F5F5; } /* Sidebar Tables */ .sidebar_content table{ width:180px; padding:0; border-right:1px solid #808080; border-top:1px solid #808080; } .sidebar_content table th { padding: 5px; font-size: 12px; background:url(../images/transparent-pixel.png); border-left:1px solid #808080; border-bottom:1px solid #808080; } .sidebar_content table td { padding: 4px; text-align: left; margin:10px; border-bottom:1px solid #808080; border-left:1px solid #808080; } /* ---------------------------------------------------- 23) BLOG ------------------------------------------------------- */ /* blog headline */ .blog-head-line{ margin-bottom:20px; display: block; } /* date */ .blog_list .date { float:left; color:#fff; font-size:11px; font-weight:normal; line-height:100% !important; text-align:center; background-color:#4b9ec9; padding: 10px 0 0 0; width:60px; margin: 0 20px 0 0; } .mobile-date{ display:none; } /* date block day */ .blog_list .date .day{ font-size:42px; font-style:normal; display:block; line-height:120%; } /* date block year */ .blog_list .date .year{ font-size:12px; font-style:normal; display:block; height: 20px; line-height: 100% !important; padding-top: 9px; background:url(../images/dark-transparent.png); } /* blog titles */ .blog_list h2 { font-size:26px; padding:0 0 15px 0; margin: 19px 0 0; line-height:100%; display:inline-block; } .blog_list .featured_image{ width:100%; } .blog_list .post_type img{ text-align:center; margin:0 auto; } .blog_list .post_type img{ position:relative; left:7px; top:10px; opacity:0.8; } .box.blog.loop{ padding-bottom:0; } /* regular posts */ .blog_list .post_type.post img{ } /* comment posts */ .blog_list .post_type.comment img{ left:8px; } /* image gallery posts */ .blog_list .post_type.gallery img{ left:5px; } .blog_list .frame.slider{ margin:0; } /* image video posts */ .blog_list .post_type.video img{ left:9px !important; } /* link post types */ .blog_list span.post_url{ color:#C6C6C6; position:relative; } .blog_list span.post_url a{ text-decoration:none; color:#C6C6C6; } .blog_list span.post_url a:hover{ color:#A7A7A7; } /* comment post types */ .blog_list .comment_quote p{ font-family: "Times New Roman", serif; font-style:italic; } .blog_list .comment_quote p span{ color:#929292; display:block; margin:10px 0 0 0; } /* post title holder */ .post-title-holder{ width:526px; float: left; display: inline-block; } .fullwidth .post-title-holder{ width:860px; } /* post data */ .blog_list .post_data, .blog_list .post_data a { font-size:12px; color:#afafaf; text-decoration:none; } .blog_list .post_data a:hover{ color: #777; } .blog_list .post_data{ border-top: 1px solid #eee; padding: 4px 0px 0 0px; } /* user link */ .blog_list .post_data span.user a { display:inline-block !important; background:url(../images/assets/icons/user.png) 0px 2px no-repeat; padding-left:20px; margin-right:5px; } /* categories */ .blog_list .post_data span.categories { background:url(../images/assets/icons/categories.png) 0px 2px no-repeat; padding-left:23px; margin-right:5px; } /* categories */ .blog_list .post_data span.small_date { background:url(../images/assets/icons/date.png) 0px 2px no-repeat; padding-left:20px; margin-right:5px; } /* comments link */ .blog_list .post_data span.comment_link a{ display:inline-block !important; background:url(../images/assets/icons/comments.png) left 2px no-repeat; padding-left:25px; } /* blog paragraph left-right featured images */ .blog_list.featured_image_left p, .blog_list.featured_image_right p{ padding-top:6px; } /* blog image left-right */ .blog_image.alignright, .blog_image.alignleft, .blog_image.aligncenter, .blog_image .frame.alignright, .blog_image .frame.alignleft, .blog_image .frame.aligncenter{ margin-bottom:0; margin-top:0 !important; } /* Tags*/ .tags{ margin:0 0 20px 0; color:#A2A2A2; display:inline-block !important; background:url(../images/assets/icons/tags.png) 0px 5px no-repeat; padding-left:17px; font-family: "Times New Roman", serif; font-style:italic; font-size:11px; } .tags a{ color:#A2A2A2; font-family: "Times New Roman", serif; font-style:italic; display:inline-block; font-size:11px; text-decoration:none; } /* Author Info */ .author_info p{ margin:0; padding:10px 0 0 0; } .author_info strong a{ color:#A2A2A2; font-family: "Times New Roman", serif; font-style:italic; display:inline-block; font-size:13px; text-decoration:none; } .author_info .avatar{ background:#fff; } /* ---------------------------------------------------- 24) PHOTO GALLERY ------------------------------------------------------- */ .photo_gallery{ clear:both; display:block; margin: 0 5px 10px 0; } .photo_gallery ul{ list-style:none !important; margin:0 !important; padding:0; } .photo_gallery ul li{ list-style-position:outside !important; float:left; margin: 0 10px 6px 0; } .photo_gallery_cycle .border{ padding-bottom:40px !important; } .photo_gallery .p_caption{ font-style:italic; padding:0 5px; display:block; color: #999999; font-size: 11px; } /* ---------------------------------------------------- 25) FLICKR THUMBS ------------------------------------------------------- */ .flickr_thumbs { margin: 10px 0 10px 0 !important; padding: 0; overflow: hidden; border:0 !important; background:none !important; } .flickr_thumbs li { list-style: none; float: left; margin: 0 2% 2% 0 !important; padding: 0 !important; border:0 !important; background:none !important; width:31%; } .flickr_thumbs li a {} .flickr_thumbs li img { display: block; } .flickr_thumbs li a img { border: none; width:100%; } .flickr_thumbs li .frame { margin:0 !important; padding:5px !important; } .flickr_thumbs li.hide{ display:none; } /* ---------------------------------------------------- 26) TABS ------------------------------------------------------- */ .box.product_detail{ margin:0 0 10px 0; } /* sub page tabs */ div.taps_wrap { padding:0; clear:both; display:block; margin:0 0 30px 0; background: #fff; } .taps_wrap .pane { margin:0; display:none; padding:20px; overflow:hidden; _background-image:none; display:block; } /* root element for tabs */ ul.tabs { list-style:none; margin:0 !important; display:block; height:37px; padding:0 !important; border-bottom:1px solid #F0F0F0; background:#fff; } /* single tab */ ul.tabs li { float:left; text-indent:0; margin:0; height:36px; list-style-image:none !important; border-right:1px solid #F0F0F0; } /* link inside the tab. uses a background image */ ul.tabs a { background:#fff; font-size:12px; line-height:100%; display:block; text-align:center; text-decoration:none; margin:0px; position:relative; padding:12px 20px; color:#898989; } /* order enquiry tab */ ul.tabs a.order_enquiry { background:#fff url(../images/assets/icons/mail.png) 13px 12px no-repeat; padding-left:38px; } ul.tabs a:active { outline:none; } /* when mouse enters the tab move the background image */ ul.tabs a:hover { } /* active tab uses a class name "current". its highlight is also done by moving the background image. */ ul.tabs a.current, ul.tabs a.current:hover, ul.tabs a:hover, ul.tabs li.current a { color:#4B9EC9; border-bottom: 4px solid #4B9EC9; } ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { cursor:default !important; } /* initially all panes are hidden */ .panes .pane { display:none; } /* ---------------------------------------------------- 27) SCROLLABLE IMAGE GALLERIES ------------------------------------------------------- */ .scrollable { position:relative; overflow:hidden; width: 878px; height:90px; margin:0 !important; } .sidebarwidth .scrollable { width: 546px; } .scrollable img{ cursor:pointer; } .aligncenter.first{ margin:0 !important; } /* root element for scrollable items */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; } .items div { float:left; margin-right:10px; } /* styling for the image wrapper */ #image_wrap { text-align:center !important; margin:0 auto 20px auto !important; overflow:hidden; } #image_wrap img{ margin:0 auto !important; } /* scrollable border */ .scrollable_border{ border:1px solid #F0F0F0; display:inline-block; position:relative; width:100%; margin:0 0 30px 0; padding:20px 0 ; } /* this makes it possible to add next button beside scrollable */ .scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ a.browse { display:block; width:10px; height:21px; float:left; margin:35px 10px 0; cursor:pointer; font-size:1px; } /* right */ a._right { background: url(../images/arrow_right.png) no-repeat; } a._right:active{ background-position:-60px 0; } /* left */ a._left{ background: url(../images/arrow_left.png) no-repeat; } a._left:active { background-position:-60px 0; } /* disabled navigational button */ a.disabled{ visibility:hidden !important; } /* ---------------------------------------------------- 28) TOOGLES ------------------------------------------------------- */ .rt-toggle{ margin-bottom: 20px; } .rt-toggle ol{ list-style:none; list-style-position:outside; margin: 0; border-top:1px solid #eee; } .rt-toggle ol li { display: block; clear: both; border-bottom:1px solid #eee; padding:10px 0; position: relative; } .rt-toggle ol li.open .toggle-head{ background: url(../images/toggle-minus.png) right 5px no-repeat; cursor: default; color: #4b9ec9; } .rt-toggle ol li .toggle-head{ cursor: pointer; background: url(../images/toggle-plus.png) right 5px no-repeat; } .rt-toggle ol li .toggle-number{ width:17px; height:21px; font-size:18px; padding: 3px 0 0 6px; line-height:100%; border-radius:100px; background: #4b9ec9; color:#fff; display: inline-block; position: absolute; top: 8px; left:0; text-align: left; } .rt-toggle ol li .toggle-title{ display: inline-block; font-size:14px; margin: 0 30px; } .rt-toggle.no-numbers ol li .toggle-title { margin: 0 30px 0 0; } .rt-toggle ol li .toggle-content{ clear: both; display: none; border-top:1px solid #eee; margin: 10px 0 0; padding: 10px 0 0; } .rt-toggle ol li.open .toggle-content{} /* left aligned small accordion */ .rt-toggle.small._left{ width:220px !important; float:left !important; margin:0 20px 20px 0 !important; } /* right aligned small accordion */ .rt-toggle.small._right{ width:220px !important; float:right !important; margin:0 0 20px 20px !important; } /*tab paddings */ .pane .boxes .box{padding:0;} /* tabs used in a box */ .shortcode_tabs .taps_wrap .pane{padding:20px 0;} /* tabs created with shortcode */ /* ---------------------------------------------------- 29) ACCORDIONS ------------------------------------------------------- */ .accordion { border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; -background:#fff; float:none; clear:both; margin:0 0 20px 0; } /* left aligned small accordion */ .accordion.small._left{ width:220px !important; float:left !important; margin:0 20px 20px 0 !important; } /* right aligned small accordion */ .accordion.small._right{ width:220px !important; float:right !important; margin:0 0 20px 20px !important; } /* accordion header */ .accordion .title { background-color:#F7F7F7; text-shadow:1px 1px 0px #ffffff; color:#808080; margin:0; font-size:14px; font-weight:normal; border-top:1px solid #eee; cursor:pointer; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; text-shadow:1px 1px 0px #ffffff; } .accordion .title span { padding:5px 15px 5px 18px; display:block; background: url(../images/plusminus_dark.png) 5px 9px no-repeat; } .accordion .title.current span { background: url(../images/plusminus_dark.png) 5px -26px no-repeat; } /* currently active header */ .accordion .title.current { cursor:default; background:#fff; color: #989898 !important; border-bottom:1px solid #eee; padding:3px 0; } /* accordion pane */ .accordion div.pane { background:#fff; border-width:0 2px; display:none; height:auto; padding:15px; font-size:12px; } .toggle-content ul, .toggle-content ol{ list-style: disc; margin:0 0 0 17px; } .toggle-content ol{ list-style: decimal; border-bottom: none !important; padding:0 !important; } .toggle-content ul ul, .toggle-content ol ol{ list-style: circle; margin:0 0 5px 0; } .rt-toggle .toggle-content ol li, .rt-toggle .toggle-content ol{ border: none !important; padding:0; } .toggle-content li{ display:list-item !important; border-bottom: none !important; padding:0 !important; } /* ---------------------------------------------------- 30) BUTTONS ------------------------------------------------------- */ /* buttons common */ a.button{ display:inline-block !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 15px; text-decoration:none; font-size:12px; line-height:23px; cursor:pointer; } /* medium button */ .button.medium{ padding: 2px 15px; text-decoration:none; font-size:14px; line-height:27px; } /* big button */ .button.big{ padding: 10px 15px; text-decoration:none; font-size:16px; line-height:31px; } /* mail button */ .button .mail{ background:url(../images/assets/icons/mail.png) left 2px no-repeat; padding-left:25px; } /* mail button light icon */ .button .mail.light{ background:url(../images/assets/icons/mail_w.png) left 2px no-repeat; } /* default button colors */ .button.default{ border: solid 1px #ccc; background:#fff url(../images/button_shadow.png) bottom repeat-x; border-color: #F0F0F0 #EEEEEE #E3E3E3; color: #989898 !important; text-shadow: 0 1px 0 #fff; -moz-box-box-shadow:inset 0 0 0 1px #fff, 1px 2px 0px #F0F0F0; -webkit-box-shadow:inset 0 0 0 1px #fff, 1px 2px 0px #F0F0F0; box-shadow:inset 0 0 0 1px #fff, 1px 2px 0px #F0F0F0; } /* default button hover state */ .button.default:hover{ background:#fff url(../images/button_shadow_reverse.png) top repeat-x; } /* orange button colors */ .button.orange{ border: solid 1px #C1780F; background:#febb00 url(../images/orange_button_shadow.png) bottom repeat-x; border-color: #FEB304 #E47A13 #C1780F; color: #773101 !important; text-shadow: 0 1px 0 #ECCF94; -webkit-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #FEE09D; -moz-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #FEE09D; box-shadow: 0px 1px 2px #D1D1D1, inset 0 1px 0 #FEE09D; } /* orange button hover state */ .button.orange:hover{ background:#febb00 url(../images/orange_button_shadow_r.png) top repeat-x; border-color: #FEB304 #E47A13 #C1780F; } /* blue button colors */ .button.blue{ border: solid 1px #C1780F; background:#a3c5e1 url(../images/blue_button_shadow.png) bottom repeat-x; border-color: #86ADC6 #4D6F8C #082132; color: #F7FFF9 !important; text-shadow: 0 1px 0 #082131; -webkit-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #DCEAFB; -moz-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #DCEAFB; box-shadow: 0px 1px 2px #BABABA, inset 0 1px 0 #DCEAFB; } /* blue button hover state */ .button.blue:hover{ background:#a3c5e1 url(../images/blue_button_shadow_r.png) top repeat-x; -webkit-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #89A5AE; -moz-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #89A5AE; box-shadow: 0px 1px 2px #BABABA, inset 0 1px 0 #89A5AE; } /* dark button colors */ .button.dark{ border: solid 1px #C1780F; border-color: #767676 #3C3C3C #171717; color: #F7FFF9 !important; text-shadow: 0 1px 0 #000; -webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #A5A5A5; -moz-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #A5A5A5; box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #A5A5A5; background:#767676 url(../images/dark_button_shadow.png) bottom repeat-x; } /* dark button hover state */ .button.dark:hover{ background:#767676 url(../images/dark_button_shadow_r.png) top repeat-x; } /* green button colors */ .button.green{ border: solid 1px #2F321A; background:#9cad44 url(../images/green_button_shadow.png) bottom repeat-x; border-color: #96A451 #586030 #2F321A; color: #fff !important; text-shadow: 0 1px 0 #2F321A; -webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #A5A5A5; -moz-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #A5A5A5; box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #C1D26A; } /* green button hover state */ .button.green:hover{ background:#9cad44 url(../images/green_button_shadow_r.png) top repeat-x; } /* red button colors */ .button.red{ border: solid 1px #162D45; background:#c60c00 url(../images/red_button_shadow.png) bottom repeat-x; border-color: #AC0101 #860101 #5C0101; color: #fff !important; text-shadow: 0 1px 0 #2F321A; -webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #FC6F6A; -moz-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #FC6F6A; box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #FC6F6A; } /* red button hover state */ .button.red:hover{ background:#c60c00 url(../images/red_button_shadow_r.png) top repeat-x; } /* light button colors */ .button.light{ border: solid 1px #9D9D9D; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */ border-color: #E0E0E0 #D1D1D1 #B2B2B2; color: #646464 !important; text-shadow: 0 1px 0 #F4F4F4; -webkit-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff; -moz-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff; box-shadow: 0px 1px 2px #D1D1D1, inset 0 1px 0 #fff; } /* light button hover state */ .button.light:hover{ background: rgb(246,246,246); /* Old browsers */ background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(249,249,249,1) 49%, rgba(241,241,241,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(49%,rgba(249,249,249,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* W3C */ } /* ---------------------------------------------------- 31) FORMS ------------------------------------------------------- */ /* all form elements common */ input, select, textarea{ font-family: Arial, Helvetica, Verdana, san-serif; font-size:12px; position:relative; outline: none; padding:8px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color:#8C8C8C; border:1px solid #F0F0F0; background:#fff; -moz-box-box-shadow:inset 0 0 0 1px #fff, 1px 2px 0px #F0F0F0; -webkit-box-shadow:inset 0 0 0 1px #fff, 1px 2px 0px #F0F0F0; box-shadow:inset 0 0 0 1px #fff, 1px 2px 0px #F9F9F9; } /* image buttons, checkbox and radio */ input[type="image"],input[type="checkbox"],input[type="radio"]{ width:auto; border:0; padding:0; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } input[type="image"]{ float:left; } /* buttons */ form input[type="button"], form input[type="submit"]{ text-align:center; display:inline-block; font-size:12px; line-height:100%; position:relative; text-decoration:none; border:0; padding:4px 10px; cursor:pointer; color: #8D8D8D; border: solid 1px #ccc; background:#fff url(../images/button_shadow.png) bottom repeat-x; border-color: #F0F0F0 #EEEEEE #E3E3E3; background-color:#fff; -moz-box-box-shadow:inset 0 0 0 1px #fff, 1px 2px 0px #F0F0F0; -webkit-box-shadow:inset 0 0 0 1px #fff, 1px 2px 0px #F0F0F0; box-shadow:inset 0 0 0 1px #fff, 1px 2px 0px #F0F0F0; text-shadow: 0 1px 0 #fff; } form input:focus, form select:focus, form textarea:focus{ background:#FCFCFC; border:1px solid #eee; -moz-box-shadow: inset 0 0 0 1px #fff, 0px 2px 2px #eee; -webkit-box-shadow: inset 0 0 0 1px #fff, 0px 2px 2px #eee; box-shadow: inset 0 0 0 1px #fff, 0px 2px 2px #eee; } form input[type="button"]:hover, form input[type="submit"]:hover{ background:#fff url(../images/button_shadow_reverse.png) top repeat-x; } .sidebar_content form input:focus, .sidebar_content form select:focus, .sidebar_content form textarea:focus, .sidebar_content form input[type="button"], .sidebar_content form input[type="submit"]{ -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } /* labels */ form label{ float:none; line-height:100%; padding:0 0 7px 0; position:relative; color:#8B8B8B; } /* list in forms */ form ul, form li{ list-style-type:none; list-style-position:outside; border:0; margin:0 0 20px 0; padding:0; display:block; clear:both; background:0; } form ul li { margin:0px 0 15px 0px; border:0; } /* form field widths for content area */ .content input[type="text"]{ width:300px; } .content textarea{ width:500px; overflow:auto; } /* form field widths for content area */ .content input[type="text"]{ width:55%; } .content textarea{ width:75%; overflow:auto; } .content .box input[type="text"]{ width:82%; } .content .box textarea{ width:95%; overflow:auto; } /* form field widths for columns */ .box input[type="text"]{ width:94%; } .box textarea{ width:94%; overflow:auto; } /*contact form shortcode */ i.decs_text{ font-family: "Times New Roman", serif; font-style:italic; color:#AAAAAA; } /* form validation */ .validate_form label{ display: block;; } .validate_form label.error { display:none !important; color: red; border: 1px solid red; } .validate_form .error{ color: red; border: 1px solid red; } /* Form Messages*/ .ok_box{ padding:20px; width:auto; margin:0 0 30px 0; position:relative; display:inline-block; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow: 0 4px 4px #CBCBCB; -webkit-box-shadow: 0 4px 4px #CBCBCB; box-shadow: 0 4px 4px #CBCBCB; text-shadow: 1px 1px 0px #FBFFF8; background:#E5FFC6; border:1px solid #B8CD9F; color:#90A17D; } .ok_box h3{ font-size:18px; color:green; } .error_box, #loader{ padding:20px; width:auto; margin:0 0 30px 0; position:relative; display:inline-block; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow: 0 4px 4px #CBCBCB; -webkit-box-shadow: 0 4px 4px #CBCBCB; box-shadow: 0 4px 4px #CBCBCB; text-shadow: 1px 1px 0px #FFEBE5; background:#ffcccc; border:1px solid #ff9999; color:#c31b00; } span.loading{ display: inline; margin: 5px 0 0 5px; position: absolute; } /* ---------------------------------------------------- 32) TEXT ELEMENTS ------------------------------------------------------- */ /* text selection */ ::selection { background: #4b9ec9; /* Safari */ color:#fff; } ::-moz-selection { background: #4b9ec9; /* Firefox */ color:#fff; } /* Standart blockquote */ blockquote { font-size:16px; line-height: 22px; font-family: "Times New Roman", serif; font-weight:normal; font-style:italic; position:relative; width:auto; margin: 0 0 20px 0; } blockquote em, blockquote i, blockquote cite { font-style:normal; } blockquote p{ color:#9e9e9e; text-indent: 0; text-align:left; padding: 20px 0 20px 20px; border-left:5px solid #4b9ec9; } blockquote span{ margin:10px 0 0 0; display:block; color:#727272; font-style:normal; text-indent: 0 !important; } /* Sidebar blockquote */ .sidebar blockquote { font-size:12.5px; line-height: 18px; margin:0 0 30px 0; position:relative; } .sidebar blockquote p{ padding:10px 0 0 0; margin:0 0 10px 1px; } /* pull quote */ blockquote.pullquote { width:350px; margin: 0 0 20px 0; } blockquote.alignleft{ float:left; display: inline; } blockquote.alignright{ float:right; display: inline; } blockquote.alignleft p{ padding: 20px 0 20px 20px; margin-right: 20px; border-left:5px solid #4b9ec9; border-right:0; } blockquote.alignright p{ padding: 20px 0 20px 20px !important; border-right:5px solid #4b9ec9; border-left:0; } pre { line-height:18px; margin-bottom:18px; } code { display:block; margin:0 0 20px 0; padding:0 10px; font-weight:normal; font-size:12px; font-family:"Courier New", Courier, Consolas, Monospace; line-height:18px; overflow:auto; white-space:pre; background:#EDEDED url(../images/code.gif); border:1px solid #EDEDED; } ins { text-decoration:none; } sup { bottom: 1ex; } sub { top: .5ex; } /* paragraph */ p{ padding:0 0 20px 0; } /* testimonials */ blockquote.testimonial{ margin: 0; font-size:16px; line-height: 22px; font-family: "Times New Roman", serif; font-weight:normal; margin: 15px 0 0 0; } blockquote.testimonial.notitle{ margin: 15px 0 0 0; } blockquote.testimonial p{ border:0; font-size:14px; padding: 0; font-style:normal; text-indent: 30px; color: #747474; } blockquote.testimonial p .mark-first{ background:url(../images/blockquote.png) no-repeat; height: 30px; left: -1px; position: absolute; top: -17px; width: 30px; } blockquote.testimonial p .mark-last{ background:url(../images/blockquote_b.png) no-repeat; display: inline-block; height: 30px; margin-left: 5px; margin-top: 7px; position: absolute; width: 30px; } blockquote.testimonial p span.author{ font-size: 12px; font-style: italic; color: #9E9E9E; padding-left: 1px; padding-top: 5px; } /* dropcaps */ span.dropcap{ font-size:22px; height:39px; width:39px; display:block; float:left; line-height:34px; margin:0 8px -3px 0; text-align:center; background:url(../images/dropcap.png) left top no-repeat; color:#fff; } span.dropcap.style2{ font-size:42px; line-height:42px; background:none !important; width:auto !important; height:auto !important; color:#585858 !important; } /* Highlighted Texts */ /*blue*/ span.htext{ padding:3px 4px; color:#fff; background:#269bc6; } /*yellow*/ span.yellow{ padding:3px 4px; color:#000; background:#ffbf00; } /*black*/ span.black{ padding:3px 4px; color:#fff; background:#000; } span.black.ttip{ color:#666; background:none !important; } /*red*/ span.red{ padding:3px 4px; color:#fff; background:#C10101; } /*---------------------------------------------------- 33) COMMENTS ------------------------------------------------------- */ #comments{ margin:0; width:100%; overflow:hidden; } /* comment notes */ .comment-notes{ font-style: italic; color: #aaa; } /* commentart title */ #comments #comments-title, #reply-title{ margin:0; line-height:100% !important; padding:0 0 30px; font-size: 16px; } #comments ol.commentlist{ list-style:none; border:0; padding:0; margin:0; } #comments ol.commentlist li{ list-style-position:outside; float:none; clear:both; display:block; margin:0 0 20px 0; border:0; padding:0; } #comments ol ul{ list-style:none; padding:0; margin:20px 0 20px 0; border:0; } /* avatar */ #comments ol.commentlist li .comment-avatar{ float:left; padding:0 10px 0 0; } /* debth 2 */ #comments ol.commentlist li.depth-2 .comment-avatar{ margin:0 0 0 68px; } /* debth 3 */ #comments ol.commentlist li.depth-3 .comment-avatar{ margin:0 0 0 138px; } /* debth 4 */ #comments ol.commentlist li.depth-4 .comment-avatar{ margin:0 0 0 210px; } #comments ol.commentlist li .comment-avatar img{ display:block; } /* comment body */ #comments ol.commentlist li .comment-body{ width:86%; float:right; padding:10px 10px 20px 10px; } /* depth 2 */ #comments ol.commentlist li.depth-2 .comment-body{ width:75%; } /* debth 3 */ #comments ol.commentlist li.depth-3 .comment-body{ width:64%; } /* debth 4 */ #comments ol.commentlist li.depth-4 .comment-body{ width:52%; } /* comment body */ .fullwidth #comments ol.commentlist li .comment-body{ width:90%; } /* depth 2 */ .fullwidth #comments ol.commentlist li.depth-2 .comment-body{ width:83%; } /* debth 3 */ .fullwidth #comments ol.commentlist li.depth-3 .comment-body{ width:76%; } /* debth 4 */ .fullwidth #comments ol.commentlist li.depth-4 .comment-body{ width:69%; } .comment-author{ display:block; height:24px; } #comments ol.commentlist li .comment-body .comment-author, #cancel-comment-reply-link{ padding:5px 3px 3px 6px; margin:0 0 10px 0; font-size:11px; font-family: "Times New Roman", serif; font-style:italic; } /* author name */ #comments ol.commentlist li .comment-body .author-name{ font-size:13px; float:left; font-style:italic; } #comments ol.commentlist li a,#cancel-comment-reply-link{ text-decoration:none; } #comments ol.commentlist li a:hover{ text-decoration:none; } #comments ol.commentlist li .comment-body .comment-meta,#cancel-comment-reply-link{ font-size:11px; position:relative; float:right; } #comments ol.commentlist li .comment-body .comment-meta .comment-reply{ padding:4px 8px; margin:0 0 0 5px; } #comments ol.commentlist li .comment-body .comment-meta .comment-reply a:hover{ } #comments ol.commentlist li .comment-body .comment-meta .comment-reply:hover{ } #comments ol.commentlist li p{ clear:both; display:block; padding:0 5px!important; } .cancel-reply{ position:absolute; margin:2px 0 0 10px; } /* comments color values */ /* comment body */ #comments ol.commentlist li .comment-body{ border:1px solid #F0F0F0; -moz-box-box-shadow:2px 2px 1px RGBa(0,0,0, 0.035); -webkit-box-shadow:2px 2px 1px RGBa(0,0,0, 0.035); box-shadow:2px 2px 1px RGBa(0,0,0, 0.035); } /* author name */ #comments ol.commentlist li .comment-body .author-name{ color:#818181; } #comments ol.commentlist li a,.cancel-reply a{ color:#818181; } #comments ol.commentlist li a:hover{ color:#464646; } #comments ol.commentlist li .comment-body .comment-meta a{ color:#9F9F9F; } #comments ol.commentlist li .comment-body .comment-meta,.cancel-reply{ color:#818181; } #comments ol.commentlist li .comment-body .comment-meta .comment-reply{ background:#E4E4E4; text-decoration:none !important; } #comments ol.commentlist li .comment-body .comment-meta .comment-reply a:hover, #comments ol.commentlist li .comment-body .comment-meta .comment-reply:hover a{ color:#fff; } #comments ol.commentlist li .comment-body .comment-meta .comment-reply:hover{ background:#B7B7B7; } #comments ol.commentlist li p{ color:#818181; } #comments .comment_input{ text-shadow: 1px 1px 0px #fff; } #comments #commentform p{ padding:0 0 10px !important; } .respond-cont{} #comments .text-boxes{ margin:0; float:left; width: 48%; } #comments .message{ float:left; } #comments #commentform label{ display:inline-block; margin:0 0 0 10px; } #comments .comment_textarea{ height:110px; } #respond { clear: both; display: block; } li.comment #respond { padding: 20px 0 0 0; } .form-allowed-tags code{ overflow:hidden; } .form-allowed-tags code:hover{ overflow:auto; } /*---------------------------------------------------- 34) NATIVE WIDGETS ----------------------------------------------------*/ /* WP calendar*/ table#wp-calendar{ width:100%; } table#wp-calendar, table#wp-calendar td, table#wp-calendar th{ text-align: center; } table#wp-calendar th,table#wp-calendar td{ padding: 5px; } .tagcloud { margin:0 0 10px 0; } .rss-date{ font-family: "Times New Roman", serif; font-style:italic; font-size:10px; letter-spacing:1px; color:#AAAAAA; line-height:22px; display:block; } .widget_search ul{ margin: 0; } .widget_archive ul, .widget_links ul, .widget_nav_menu ul, .widget_categories ul, .widget_meta ul, .widget_recent_entries ul, .widget_pages ul, .widget_rss ul, .widget_recent_comments ul { list-style:none; margin:0; padding:0; color: #bbb; } .widget_archive ul li, .widget_links ul li, .widget_nav_menu ul li, .widget_categories ul li , .widget_meta ul li , .widget_recent_entries ul li , .widget_pages ul li , .widget_rss ul li , .widget_recent_comments ul li{ margin:0 0 10px 0; border-bottom:1px solid #F0F0F0; background:url(../images/arrow.gif) left 6px no-repeat; padding:0 0 0 0; } .widget_archive ul li:last-child, .widget_links ul li:last-child, .widget_nav_menu ul li:last-child, .widget_categories ul li:last-child , .widget_meta ul li:last-child, .widget_recent_entries ul li:last-child, .widget_pages ul li:last-child, .widget_rss ul li:last-child, .widget_recent_comments ul li:last-child{ border-bottom:0; margin:0; } .widget_archive ul li li:last-child, .widget_links ul li li:last-child, .widget_nav_menu ul li li:last-child, .widget_categories ul li li:last-child, .widget_meta ul li li:last-child, .widget_recent_entries ul li li:last-child, .widget_pages ul li li:last-child, .widget_rss ul li li:last-child, .widget_recent_comments ul li li:last-child{ margin:0 0 10px 0; } .widget_archive ul li li:last-child a, .widget_links ul li li:last-child a, .widget_nav_menu ul li li:last-child a, .widget_categories ul li li:last-child a, .widget_meta ul li li:last-child a, .widget_recent_entries ul li li:last-child a, .widget_pages ul li li:last-child a, .widget_rss ul li li:last-child a, .widget_recent_comments ul li li:last-child a{ padding:0 0 0px 18px; } .widget_archive ul li.current-menu-item >a, .widget_links ul li.current-menu-item >a, .widget_nav_menu ul li.current-menu-item > a, .widget_categories ul li.current-menu-item > a, .widget_meta ul li.current-menu-item > a, .widget_pages ul li.current-menu-item > a, .widget_rss ul li.current-menu-item > a, .widget_recent_comments ul li.current-menu-item > a, .widget_recent_entries ul li.current-menu-item > a{ font-style:italic; color:#C9C9C9; } .widget_archive ul li a, .widget_links ul li a, .widget_nav_menu ul li a, .widget_categories ul li a, .widget_meta ul li a, .widget_recent_entries ul li a, .widget_pages ul li a, .widget_rss ul li a, .widget_recent_comments ul li a{ position:relative; display:inline-block; text-decoration:none; color:#848484; padding:0 0 10px 12px; line-height:150%; font-style: normal; } .widget_archive ul li li a, .widget_links ul li li a, .widget_nav_menu ul li li a, .widget_categories ul li li a, .widget_meta ul li li a, .widget_recent_entries ul li li a, .widget_pages ul li li a, .widget_rss ul li li a, .widget_recent_comments ul li li a{ padding:0 0 0 18px; } .widget_archive ul li a:hover, .widget_links ul li a:hover, .widget_nav_menu ul li a:hover, .widget_categories ul li a:hover, .widget_meta ul li a:hover, .widget_recent_entries ul li a:hover, .widget_pages ul li a:hover, .widget_rss ul li a:hover, .widget_recent_comments ul li a:hover{ color:#4B9EC9; } /* Second level menu */ .widget_archive ul ul, .widget_links ul ul, .widget_nav_menu ul ul, .widget_categories ul ul, .widget_meta ul ul, .widget_recent_entries ul ul, .widget_pages ul ul, .widget_rss ul ul, .widget_recent_comments ul ul{ list-style:none; list-style-position:inside !important; margin:0; padding:10px 0 0 10px; border-top:1px solid #F0F0F0; } .widget_archive ul li ul li, .widget_links ul li ul li, .widget_nav_menu ul li ul li, .widget_categories ul li ul li , .widget_meta ul li ul li , .widget_recent_entries ul li ul li , .widget_pages ul li ul li , .widget_rss ul li ul li , .widget_recent_comments ul li ul li { background:none; position:relative; left:0; width:auto; border-bottom:0px; background:url(../images/arrow.gif) 8px 6px no-repeat; } .widget_archive ul li ul li a, .widget_links ul li ul li a, .widget_nav_menu ul li ul li a, .widget_categories ul li ul li a, .widget_meta ul li ul li a, .widget_recent_entries ul li ul li a, .widget_pages ul li ul li a, .widget_rss ul li ul li a, .widget_recent_comments ul li ul li a{ position:relative; display:block; text-decoration:none; color:#A6A6A6; } .widget_archive ul ul ul, .widget_links ul ul ul, .widget_nav_menu ul ul ul, .widget_categories ul ul ul, .widget_meta ul ul ul, .widget_recent_entries ul ul ul, .widget_pages ul ul ul, .widget_rss ul ul ul, .widget_recent_comments ul ul ul{ border-top:0; padding:10px 0 0 18px; } .sticky{} .gallery-caption{} .bypostauthor{} /*---------------------------------------------------- 35) SORTABLE PORTFOLIO NAV ----------------------------------------------------*/ .portfolio_sortables{ background-color: #fff; margin-bottom:30px; position: relative; padding: 0 20px; border-top:1px solid #eee; } .box .portfolio_sortables{ padding: 0; border-top:0; } .portfolio_sortables.relocate{ margin-bottom:0px; top: -30px; } .portfolio_sortables ul{ list-style: none; margin: 0; display: block; border-right:1px solid #eee; float: left; } .portfolio_sortables ul li{ display: inline-block; border-left:1px solid #eee; } .portfolio_sortables ul li.active{ margin-top: -1px; box-shadow: 0 3px 3px 0 #EEEEEE inset; } .portfolio_sortables ul li.sort_icon{ background:url(../images/assets/icons/sort.png) left 10px no-repeat; padding: 8px 0; width: 48px; border-left:0; } .portfolio_sortables ul li a{ margin-right:10px; text-decoration: none; color: #999; cursor: pointer; line-height: 36px; padding-left: 10px; } .portfolio_sortables ul li.active a{ color:#4B9EC9; } .portfolio_sortables ul li.filtered{ cursor: pointer; } /*---------------------------------------------------- 36) RT-Video Skin ----------------------------------------------------*/ /*player container*/ div.jp-holder{position: relative;display: block;} div.jp-container{position:relative;display: block;} .jp-jplayer-video img,.jp-jplayer-video{ height: auto !important; max-width: 100% !important; width: 100% !important; } div.jp-audio,div.jp-video {background-color:#fff;position:relative;} div.jp-audio-container{opacity:0;-moz-opacity: 0;filter:alpha(opacity=0);} /*full width*/ div.jp-video-full {width:480px;height:270px;position:static !important; position:relative} div.jp-video-full div.jp-jplayer {top: 0;left: 0;position: fixed !important; position: relative;overflow: hidden;z-index:1000;background-color:#000;} div.jp-video-full div.jp-gui {position: fixed !important; position: static;top: 0;left: 0;width:100%;height:100%;z-index:1000;} div.jp-video-full div.jp-interface {position: absolute !important; position: relative;bottom: 0;left: 0;z-index:1000;} /*interface*/ div.jp-interface {position:relative; height:30px; background-color:#343434; background-color:rgba(0,0,0,0.7); clear: both; width:100%;} div.jp-interface a{border-bottom: medium none;overflow: hidden;position: absolute;text-indent: -9999px;} /*controls*/ div.jp-gui,div.jp-audio-container{position:absolute;left:10px;bottom:20px;right:10px;opacity:0;-moz-opacity: 0;filter:alpha(opacity=0);} div.jp-gui.noposter,div.jp-audio-container.noposter{position:absolute;left:0px;bottom:10px;right:0px;opacity:1;-moz-opacity: 1;filter:alpha(opacity=100);} /*play pause*/ div.jp-controls {position:absolute; height:30px; width:30px; left:10px;} div.jp-controls .jp-play{top:8px;width:16px;height:16px;background:transparent url(../images/rt-jplayer-skin.png) no-repeat -12px -68px} div.jp-controls .jp-play:hover{background-position:-12px -92px} div.jp-controls .jp-pause{top:8px;width:16px;height:16px;background:transparent url(../images/rt-jplayer-skin.png) no-repeat -44px -68px} div.jp-controls .jp-pause:hover{background-position:-44px -92px} /*progress*/ div.jp-progress-container {top:10px;height:10px;position:absolute;left:40px;right:160px;} div.jp-progress-container div.jp-progress{cursor:pointer;position:relative;width:100%;background:transparent url(../images/rt-jplayer-skin.png) repeat-x 0px -27px;} div.jp-progress-container div.jp-progress div.jp-seek-bar{height:10px; background:transparent url(../images/rt-jplayer-skin.png) repeat-x 0px -11px;} div.jp-progress-container div.jp-progress div.jp-seek-bar div.jp-play-bar{height:10px; background:transparent url(../images/rt-jplayer-skin.png) repeat-x 0px -43px;} /*volume bar*/ div.jp-video div.jp-volume-bar-container{position:absolute; height:30px; width:70px; right:40px;} div.jp-audio div.jp-volume-bar-container{position:absolute; height:30px; width:70px; right:10px;} div.jp-volume-bar-container div.jp-valume-controllers{width:20px;height:20px;position:relative;} div.jp-volume-bar-container div.jp-valume-controllers a.jp-mute{top:8px;height:20px;width:20px;background:transparent url(../images/rt-jplayer-skin.png) no-repeat -126px -68px;} div.jp-volume-bar-container div.jp-valume-controllers a.jp-unmute{top:8px;height:20px;width:20px;background:transparent url(../images/rt-jplayer-skin.png) no-repeat -87px -68px;} div.jp-volume-bar-container div.jp-volume-bar{cursor:pointer;top:10px;width:40px;height:10px;position:absolute;left:30px;right:10px;background:transparent url(../images/rt-jplayer-skin.png) repeat-x 0px -11px;} div.jp-volume-bar-container div.jp-volume-bar div.jp-volume-bar-value{top:0px;height:10px;position:relative;background:transparent url(../images/rt-jplayer-skin.png) repeat-x 0px -43px;} /*duration*/ div.jp-current-time{display:none;} div.box.one div.jp-current-time, div.box.two div.jp-current-time, div.jp-video-full div.jp-current-time{display:block;width:30px;position:absolute;right:118px;font-size:11px;line-height:100%;height:15px;top:10px;color:#CBCBCB;} /*fullscreen controls*/ div.jp-toggles{position:absolute; height:30px; width:30px; right:8px;} div.jp-toggles a.jp-full-screen{width:30px; height:25px; background:transparent url(../images/rt-jplayer-skin.png) no-repeat -160px -67px; float:right;display:inline;margin:0;overflow:hidden;top:7px;} div.jp-toggles a.jp-full-screen:hover,div.jp-toggles a.jp-restore-screen{width:30px; height:25px; background:transparent url(../images/rt-jplayer-skin.png) no-repeat -160px -91px; float:right;display:inline;margin:0;overflow:hidden;top:7px;} /* ---------------------------------------------------- 37) RESPONSIVE VALUES - MEDIA QUERIES ------------------------------------------------------- */ /* Tablet (landscape) 1024px */ @media only screen and (max-width: 1024px) { .responsive .flex-control-nav{left:0;top:25px;display:inline-table;position:relative;text-align:center;width:auto;margin:0 auto;} .responsive .flex-nav-container{position:relative;display:block;text-align:center;} .responsive .flex-control-nav li{float:left;position:relative;margin:0 0 25px 10px;} .responsive .flex-control-nav li a{height:20px;width:20px;} } /* Tablet (Portrait) 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* content wapper */ .responsive .content-wrapper{width:748px;padding:0;} .responsive .sidebarwidth .content-wrapper{width:492px;padding:0;} .responsive header, .responsive #header {text-align: center; width: 748px;} .responsive #logo {float: none;left: 0;position: relative;top: -30px;} .responsive #logo.no-container { margin: 20px 0 10px 0;left: 10px;top: 0; } /* slider */ .responsive .slider_area{margin:0 auto;width:708px;padding:20px;top:0px; } .responsive .slider{width:708px;overflow: hidden;} .responsive .flex-caption {width: 100%;bottom: 0;padding: 20px 0 0 0px;position: relative;} .responsive .flex-control-nav {left: 0;top:25px;display: inline-table; margin: 0 auto;position: relative;text-align: center;width: auto;} .responsive .flex-nav-container{position:relative;width:708px;display:block;text-align:center;} .responsive .flex-control-nav li {float: left;margin: 0 0 25px 10px;position: relative;} .responsive .flex-control-nav li a {height: 20px;width: 20px;} /* slider with sidebar */ .responsive .sidebarwidth .slider_area,.responsive .sidebarwidth .slider_area .slider,.responsive .sidebarwidth .flex-nav-container{width:452px;} /* banner holder */ .responsive .banner{width:708px;} .responsive .sidebarwidth .banner{width:452px;} /* banner text */ .responsive .banner .featured_text{font-size:20px;line-height:30px; } /* main navigation bar holder */ .responsive #navigation_bar{float:none;display:inline-block;line-height:20px;position:relative;top:-10px;margin:0;} /* sub page header */ .responsive #sub_page_header, .responsive #sub_page_header .image_holder, .responsive #info_bar, .responsive .header_overlay_text{ width:708px; top:0; margin:0 auto;} /* search form */ .responsive .search-bar form input{width: 175px !important;} /* transparent line */ .responsive .transparent-line{width:748px;} /* footer */ .responsive #footer .footer_info{width:740px;} /* blog */ .responsive .post-title-holder,.responsive .fullwidth .post-title-holder { width: 372px; } /* scrollable galleries */ .responsive .scrollable {width: 648px;} .responsive .sidebarwidth .scrollable {width: 392px;} /* tabs */ .responsive .taps_wrap .pane {width: 92%;} .responsive ul.tabs li a{padding: 12px 5px;} /* comments */ .responsive #comments ol.commentlist li .comment-body{width:82%;} .responsive #comments ol.commentlist li.depth-2 .comment-body{width:67%;} .responsive #comments ol.commentlist li.depth-3 .comment-body{width:51%;} .responsive #comments ol.commentlist li.depth-4 .comment-body{width:35%;} .responsive .fullwidth #comments ol.commentlist li .comment-body{width:88%;} .responsive .fullwidth #comments ol.commentlist li.depth-2 .comment-body{width:79%;} .responsive .fullwidth #comments ol.commentlist li.depth-3 .comment-body{width:69%;} .responsive .fullwidth #comments ol.commentlist li.depth-4 .comment-body{width:59%;} /* flags */ .responsive #wpml_flags{width:750px;} .responsive #wpml_flags {margin: 0 auto;position: relative;text-align: center;width: 100%;z-index: 100;background: url("../images/transparent-white.png") repeat scroll 0 0 transparent;} .responsive #wpml_flags .flags {display: inline-table;float: none; position: relative;right: auto;} /* top social media icons */ .responsive .social_media_top {margin: 0 auto;position: relative;text-align: center;width: 100%;z-index: 100; background: url("../images/transparent-white.png") repeat scroll 0 0 transparent;} .responsive .social_media_top.with_wpml ul ,.responsive .social_media_top .social_media_icons {display: inline-table;float: none; position: relative;right: auto; top:11px;margin: 0 0 20px 0;} .responsive #container.extrapadding {padding: 40px 0 0;} .responsive .slider iframe{ height:400px; } /* images in responsive mode */ .responsive .box img{ height: auto; } } /* Mobile (portrait) 320px */ @media only screen and (max-width: 767px) { /* content wapper */ .responsive .content-wrapper{width:320px;padding:0;} .responsive header, .responsive #header {text-align: center;width: 320px;} .responsive #logo {float: none;left: 0;position: relative;top: -30px;} .responsive #logo img{max-width: 218px;} .responsive #logo.no-container { margin: 20px 0 10px 0;left: 10px;top: 0; } /* slider */ .responsive .slider_area{margin:0 auto;width:280px;padding:20px;top:0px; } .responsive .slider{width:280px;overflow: hidden;} .responsive .flex-caption {width: 100%;bottom: 0;padding: 20px 0 0 0px;position: relative;} .responsive .flex-control-nav {left: 0;top:25px;display: inline-table;margin: 0 auto;position: relative;text-align: center;width: auto;} .responsive .flex-nav-container{position:relative;width:auto;display:block;text-align:center;} .responsive .flex-control-nav li {float: left;margin: 0 0 25px 10px;position: relative;} .responsive .flex-control-nav li a {height: 20px;width: 20px;} /* slider with sidebar */ .responsive .sidebarwidth .slider_area,.responsive .sidebarwidth .slider_area .slider,.responsive .sidebarwidth .flex-nav-container{width:280px; } /* banner holder */ .responsive .banner{width:280px;text-align:center;} /* banner text */ .responsive .banner .featured_text{font-size:16px;line-height:22px;text-align:center;} /* banner text */ .responsive .banner .featured_text.withbutton{display:block;text-align:center;} /* banner text */ .responsive a.banner_button{display: inline-block;float: none !important;margin: 0 auto;position: relative;} /* sub page header */ .responsive #sub_page_header, .responsive #sub_page_header .image_holder, .responsive #info_bar,.responsive .header_overlay_text{ width:280px; top:0; margin:0 auto;} /* search */ .responsive .search-bar {display: inline-block;float: none;margin: 20px 0 0;position: relative;} .responsive .search-bar form input{width: 240px !important;} /* main navigation bar holder */ .responsive #navigation_bar{float:none;display:inline-block;line-height:20px;position:relative;top:-10px;} /* transparent line */ .responsive .transparent-line{width:320px;} /*navitgation*/ .responsive #navigation{display: none;} .responsive #navigation_bar{text-align:center;} /* select navigation */ .responsive #MobileMainNavigation{ width: 280px; display: inline-block; margin:0 auto; font-size:16px; border-radius: 0; padding:10px; -moz-appearance: listbox; -webkit-appearance: listbox; appearance: listbox; background-image: url("../images/form_select.png"); background-position: right center; background-repeat: no-repeat; } /* footer */ .responsive #footer .footer_info{width:320px;text-align:center;} .responsive #footer .part1 {display: block;float: none; } .responsive #footer ul.social_media_icons {float: none;margin-top:30px;display:inline-table;} .responsive #footer ul.social_media_icons li {margin: 0 5px 0 0 ;} /* date */ .responsive .blog_list .date { display: none;} .responsive .mobile-date{display:inline-block;color:#fff;font-size:12px;padding: 5px;margin: 0;} .responsive .blog_list h2 {margin: 10px 0 0;} .responsive .post-title-holder, .responsive .fullwidth .post-title-holder { width: 280px; } /* scrollable galleries */ .responsive .sidebarwidth .scrollable, .responsive .scrollable {width: 220px;} /* tabs */ .responsive ul.tabs{display: inline-block;height: auto;width: 100%;} .responsive ul.tabs li {float: none;height: 40px;width: 100%;} /* Commets */ .responsive #comments ol.commentlist li .comment-avatar {margin:0 !important;} .responsive #comments ol.commentlist li .comment-body{width: 92% !important;margin-top: 10px !important;} /* head text */ .responsive .head_text h2{width:250px;} /* flags */ .responsive #wpml_flags {margin: 0 auto;position: relative;text-align: center;width: 100%;z-index: 100;background: url("../images/transparent-white.png") repeat scroll 0 0 transparent;} .responsive #wpml_flags .flags {display: inline-table;float: none; position: relative;right: auto;} /* top social media icons */ .responsive .social_media_top {margin: 0 auto;position: relative;text-align: center;width: 100%;z-index: 100; background: url("../images/transparent-white.png") repeat scroll 0 0 transparent;} .responsive .social_media_top.with_wpml ul ,.responsive .social_media_top .social_media_icons {display: inline-table;float: none; position: relative;right: auto; top:11px;} .responsive #container.extrapadding {padding: 40px 0 0;} /* blockquote */ blockquote.pullquote{ width:auto;} /* images in responsive mode */ .responsive .box img{ height: auto; } } /* Mobile (Landscape) 480px */ @media only screen and (min-width: 480px) and (max-width: 767px){ /* content wapper */ .responsive .content-wrapper{width:460px;padding:0;} .responsive header, .responsive #header {text-align: center;width: 460px;} .responsive #logo {float: none;left: 0;position: relative; top: -30px;} /* slider */ .responsive .slider_area{margin:0 auto;width:420px;padding:20px;top:0px;} .responsive .slider{width:420px;overflow: hidden;} /* slider with sidebar */ .responsive .sidebarwidth .slider_area,.responsive .sidebarwidth .slider_area .slider,.responsive .sidebarwidth .flex-nav-container{width:420px; } .responsive .flex-caption {width: 100%;bottom: 0;padding: 20px 0 0 0px;position: relative;} .responsive .flex-control-nav {left: 0;top:25px;display: inline-table;margin: 0 auto;position: relative;text-align: center;width: auto;} .responsive .flex-nav-container{position:relative;width:auto;display:block;text-align:center;} .responsive .flex-control-nav li {float: left;margin: 0 0 25px 10px;position: relative;} .responsive .flex-control-nav li a {height: 20px;width: 20px;} /* banner holder */ .responsive .banner{width:420px;text-align:center;} /* banner text */ .responsive .banner .featured_text{font-size:16px;line-height:22px;} /* banner button */ .responsive a.banner_button{display: inline-block;float: none !important;margin: 0 auto;position: relative;} /* sub page header */ .responsive #sub_page_header,.responsive #sub_page_header .image_holder, .responsive #info_bar, .responsive .header_overlay_text{ width:420px; top:0; margin:0 auto;} /* search */ .responsive .search-bar {display: inline-block;float: none;margin: 20px 0 0;position: relative;} .responsive .search-bar form input{width: 380px !important;} /* navigation */ .responsive #navigation{display: none;} .responsive #navigation_bar{float:none;display:inline-block;line-height:20px;position:relative;top:-10px;text-align:center;} /* select navigation */ .responsive #MobileMainNavigation{width:420px;} /* transparent line */ .responsive .transparent-line{width:460px;} /* footer */ .responsive #footer .footer_info{width:460px; } /* blog */ .responsive .post-title-holder, .responsive .fullwidth .post-title-holder { width: 420px; } /* scrollable galleries */ .responsive .sidebarwidth .scrollable, .responsive .scrollable {width: 360px;} /* tabs */ .responsive ul.tabs{display: inline-block;height: auto;width: 100%;} .responsive ul.tabs li {float: none;height: 40px;width: 100%;} /* Commets */ .responsive #comments ol.commentlist li .comment-avatar {margin:0 !important;} /* head text */ .responsive .head_text h2{width:395px;} } /*---------------------------------------------------- 38) REV-SLIDER ----------------------------------------------------*/ body .tp-leftarrow.round, body .tp-rightarrow.round, body .tp-leftarrow.default, body .tp-rightarrow.default { background-color: #4B9EC9; height: 30px; width: 30px; top:auto !important; margin: -30px 0 0 0 ; position: absolute; } body .tp-leftarrow.round:hover, body .tp-rightarrow.round:hover, body .tp-leftarrow.default:hover, body .tp-rightarrow.default:hover { opacity: 0.7 !important; } body .tp-leftarrow.round, body .tp-leftarrow.default { background-image: url("../images/rev-arrows.png"); background-position: -22px 8px; background-repeat: no-repeat; right: 20px !important; left: auto !important; bottom: 62px !important; } body .tp-rightarrow.round, body .tp-rightarrow.default { background-image: url("../images/rev-arrows.png"); background-position: 9px 8px; background-repeat: no-repeat; left: auto !important; right: 20px !important; bottom: 30px !important; } body .tp-thumbs{ bottom: 20px !important; } /*---------------------------------------------------- 39) ADDITIONAL STYLES ----------------------------------------------------*/ /* clearfix */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* javascript disabled */ .no-js .slider_area, .no-js .slider, .no-js .home_slider_background{display:none;} .no-js #product_thumbnails li{ background:transparent; float:left; list-style:none; padding:10px; } .no-js .carousel{height:auto !important;} /* Responsive video conteiner for embedded videos */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }