/* Theme Name: Theron Lite Description: Theron Lite is a fully resonsive all in one WordPress theme with 3 awesome fonts, slider, background image and easy to use theme option panel. The Theme also includes 3 built-in widgets and 5 useful shortcodes. The theme is SEO Friendly and has plenty of user-friendly options. The theme also comes with a Blog page, Full-width page, Left Sidebar Page, Home Page Layout Template and a Contact page Template which doesn't require any setup. Theron Lite is suitable for any business or personal website. The theme is optimized for mobile browsing (iPhone, iPad and Android Devices). Version: 2.0 Theme URI: http://www.towfiqi.com/theron-lite-free-wordpress-theme.html Author: Towfiq I. Author URI: http://www.towfiqi.com/ License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html Tags: theme-options, one-column, dark, green, white, right-sidebar, left-sidebar, custom-background, custom-menu, featured-images, full-width-template, sticky-post, threaded-comments, theme-options, flexible-width */ /********************* Added on by directqapp for photo gallery ****************************************/ #dimg001{ position: absolute; top: 0px; left: 0px; background: url("http://www.directqapp.com/images/black.png"); text-align: center; display:none; padding:0; margin:0; } /******************************************************************/ .dqa-grad { background: #997300; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#997300, #664d00, #4d3900); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#997300, #664d00, #4d3900); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#997300, #664d00, #4d3900); /* For Firefox 3.6 to 15 */ background: linear-gradient(#997300, #664d00, #4d3900); /* Standard syntax */ } #dqa-pricechart td{border:1px solid #ccc;padding:10px;} #dqa-pricechart tr:nth-child(odd) td{background:#ddd;} #dqa-pricechart .header td{background:#222 !important;color:white;padding:10px;} #dqa-pricechart .title td{background:#666 !important;color:white;padding:10px;} .dqa-button{background-color:#002080 !important;color:white;padding:5px;margin-top:10px;cursor:pointer;border-radius:8px;text-align:center;width:60px;margin-left:5px;} .dqa-div{display:inline-block;} /*#dqa-dmenu-sel{visibility:hidden;font-size:140%;background:#302f2e;position:fixed;top:65px;color:#00b0cc;} #dqa-dmenu-sel li a{color:#00b0cc;} #dqa-dmenu-sel ul li{list-style-type:none;}*/ /*Used pos-pricing*/ table.dqa-pricing tr.grant td div{background: url(images/gov_grant.png) no-repeat center center;width:100%;height:200px;background-size:200px 200px;} /*.dqa-dmenu-parent{position:relative;display:flex;}*/ .dqa-dmenu-top{position:relative;background:#302f2e;padding:8px;width:auto;height:25px;color:#00b0cc;} #dqa-dmenu-sel{background-color:#555;width:100%;} #dqa-dmenu-sel li a{color:#fff;text-transform: uppercase;margin-left:10px;} #dqa-dmenu-sel ul li{display:block;padding-top:5px;padding-bottom:5px;} .dqa-hide{position:absolute;top:-999999px;} /*#dqa-empower{ width:100%;height:30px;border:1px solid red;text-align:center;padding-bottom:20px;font-weight: bold;font-size:24px;color: #997300;text-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 15px, rgb(176, 204, 1) 0px 0px 20px, rgb(176, 204, 1) 0px 0px 30px, rgb(176, 204, 1) 0px 0px 40px, rgb(176, 204, 1) 0px 0px 50px, rgb(176, 204, 1) 0px 0px 75px;} */ #dqa-empower{width:100%;height:35px;text-align:center;font-size:24px;color:#997300;padding-bottom:20px;font-weight: bold;white-space:nowrap;margin-top:-30px;} #dqa-dmenu-sel ul li:not(.menu-item-has-children):hover{background-color:#1c1c1c;cursor:pointer;} #dqa-dmenu-sel ul li:not(.menu-item-has-children):hover a{color:#00b0cc;} /*=========================== Mobile Support==========================*/ @media screen and (max-width: 500px){ .dqa-dmenu {background: url(images/dqa-Dmenu.png) no-repeat left top;min-height:59px;cursor:pointer;} #dqa-dmenu-left{top:-999999px;} .dqa-dmenu-top{height:55px;} .dqa-dmenu-parent{position:relative;display:flex;} /*#dqa-dmenu{height:50px !important;position:fixed;min-width:90%;opacity:0.8;filter:alpha(opacity=80); z-index:99999;} #dqa-dmenu-sel{width:96%; z-index:99999;visibility:visible;font-size:80%;cursor:pointer;} */ /*#dqa-logo{margin-top:90px !important;}*/ .dqa-dmenu-parent{width:100%;overflow:hidden;} #topmenu01{position:absolute;top:-999999px;} #dqa-empower{font-size:100%;height:50px;margin-top:0px;} .newstext FIELDSET{min-height:400px !important;width:90% !important;} .newstext FIELDSET div{font-size:80% !important;} .newstext{background:url('') !important;} .social_wrap{visibility:hidden;} .post_content{font-size:90% !important;} #dqa-map{min-width:100%;font-size:80%;} div#dqa-banner{background-size: 100% !important;height:40%;} } @media screen and (max-width: 580px){ #dqa-map{min-width:100%;font-size:80%;} #dqa-enquiry{float:left !important;margin-left:0px;} } } /********************************/ body{ padding:0px; margin:0px; margin-top:0px;font-family:calibri,arial; /*, Helvetica, sans-serifcolor:#888;*/color:#000; font-size:13px;} .center{ width:100%; margin: 0 auto;} a{ text-decoration:none; /*color:#888;*/color:#ddd;} p{ line-height:30px;margin-top:50px;font-family:calibri,arial} div {font-family:calibri,arial;} /*body{background:#fff url(images/bg01.png) no-repeat;}*/ /*Header*/ .logged-in #header{ margin-top:0px;} #header{ background:#fff repeat;/*background:#302f2f url(images/pattern.png) repeat;color:#ddd;*/color:#000;width:100%; float:left; position:relative; margin-top:0px;min-width:100%!important;} /* Background Gradient for Monochromatic Colors */ /*#header { background-color: #FFD696; background: #FFD696 -webkit-gradient(linear, left top, left bottom, from(#734600), to(#FFD696)) no-repeat; background: #FFD696 -moz-linear-gradient(top, #734600, #FFD696) no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#734600, endColorstr=#FFD696) no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#734600, endColorstr=#734600)" no-repeat; color:#fff;width:100%; float:left; position:relative; margin-top:10px; }*/ .headcenter{ width:1200px; margin:0 auto;} /*LOGO*/ .logo {float: left;padding-bottom: 30px; width:100%;} .logo h1{ margin-bottom:0px; } .logo h1 a{ display:block;text-align:center; color:#fff; text-decoration:none;outline: none;} .desc{ text-align:center; color:#fff; font-size:11px;} .outer-center {float: right;right: 50%;position: relative;} .inner-center {float: right;right: -50%;position: relative;} .logo img{ margin-top:15px; margin-bottom:15px; border:none;} /*MENU* red=#EC1D25 BF8A37*/ #menu_wrap{width:100%; float:left; /*url(images/menu_wrap.png) repeat;background:#302f2f url(images/menu_wrap.png) repeat; */opacity:0.8;filter:alpha(opacity=80); } .is-sticky{ margin-left:-320px; min-width:1200px!important;} /*#topmenu{text-align:center; } .menu-header{margin:auto; padding:0; display:block;} #topmenu ul{ margin:0; padding:0;} #topmenu ul li{list-style-type:none; display:inline-block; position:relative; margin-top:0px;padding:25px 15px;} #topmenu li a{ font-size:8px; color:#fff;} #topmenu ul > li:hover{ background:url(images/transblack.png) repeat;}*/ #menu-icon{display:none;} /*SUBMENU*/ /*#topmenu ul li ul{ position:absolute;width:150px; z-index:999999; padding-left:0; margin-left:-10px; margin-top:24px; display:none;} #topmenu ul li ul li{ float:none; margin:0; padding:10px 0px; text-align:center; display:block; border-bottom: 1px solid #333; height:auto;} #topmenu ul > li ul li:hover{ background:#DF3A01 url(images/pattern.png) repeat;} #topmenu ul li ul li a{ font-size:14px; font-weight:normal; padding:4px;} #topmenu ul li ul li ul{left: 100%; margin-top:-27px; float:none; margin-left:0px;}*/ .tinynav, .tinynav1{ display:none;} /*SLIDER*/ #slider{width:100%;float:left; margin:0;} .slide_shadow{ width:100%; height:10px; background:url(images/slider_shadow.png) no-repeat bottom; float:left;} #slider img{ height:auto;} #slider li img{border:none!important;} /* The Nivo Slider styles */ .slider-wrapper{ width:100%; height:400px; background:#fff; float:left;overflow:hidden; position:relative;margin:0;} #zn_nivo {position:relative; height:400px; width:100%; overflow:hidden;margin:0;} .nivoSlider img {position:absolute;top:0px;left:0px;} .nivo-main-image {display: block !important;position: relative !important; width: 100% !important;border:none; height:auto!important;} .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;} /* The slices and boxes in the Slider */ .nivo-slice {display:block;position:absolute;z-index:5;height:100%; top:0;} .nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;} .nivo-box img { display:block; } /* Caption styles */ .nivo-caption {position:absolute;left:30px;bottom:30px;background:url(images/nivo_caption.png) ;color:#fff;opacity:1; /* Overridden by captionOpacity setting */width:350px;z-index:8; padding:15px; border-bottom:5px solid #2bb975;} .nivo-caption h2{ margin:0px; padding-left:5px; margin-bottom:15px;} body .nivo-caption h2 a{ color:#fff!important;} .nivo-caption p {margin:0; width:350px;} .nivo-caption a {display:inline !important;} .nivo-html-caption {display:none;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {position:absolute;bottom:20px;z-index:9;cursor:pointer;} .nivo-prevNav {right:60px;width:27px; height:53px; display:block; text-indent:-999999px; background:url(images/nivo_nav.png) left no-repeat;} .nivo-nextNav {right:20px;width:27px; height:53px; display:block; text-indent:-999999px; background:url(images/nivo_nav.png) right no-repeat;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav{ position:absolute; top:10px; right:30px;} .nivo-controlNav a {position:relative;z-index:9;cursor:pointer;} .nivo-controlNav a.active {font-weight:bold;} .nivo-controlNav img{ position:relative; width:60px; height:60px; margin-right:4px;background:url(images/transwhite.png) center; padding:4px; opacity:0.5;} .nivo-controlNav a.active img{ background:#fff; opacity:1;} /*Welcome Message*/ #thn_welcom{ width:90%; padding:5%; font-size:24px; color:#888; text-align:center; float:left; margin-top:30px; background:#fff; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);} #thn_welcom p{ line-height:34px;} /*Midrow Blocks*/ /*MIDROW*/ .midrow{width:100%; float:left; margin-bottom:30px; margin-top:40px;} .midrow_wrap{ } .midrow_blocks{ width:100%; padding: 0px; background:#fff; float:left; position:relative;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);} .midrow_block{ float:left; width:24%; padding:15px 0px; overflow:hidden; padding-bottom:15px; min-height:195px;} /*version 1.5*/ .midrow_wrap .fourblocks .midrow_block{width:25%; } .midrow_wrap .threeblocks .midrow_block{width:33.3%; } .midrow_wrap .twoblocks .midrow_block{width:50%; } .midrow_wrap .oneblock .midrow_block{width:100%; } .midrow_block h3{ text-align:center; font-size:20px; color:#333;} .midrow_block p{ text-align:center; font-size:13px;} .midrow_blocks_wrap{ width:100%; float:left;} .mid_block_content { margin-top: -35px;padding: 25px 10px 0;} .midrow_block:last-child .mid_block_content{ border:none;} .midrow_block:hover{ background:#2bb975; color:#fff;} .midrow_block:hover h3{ color:#fff;} .blocklink{ display:block; width:1px; height:32px; margin:0 auto; text-indent:-999999px;} .midrow_block:hover .blocklink{ display:block; width:32px; height:32px; background:url(images/blocklink.png) no-repeat;} /*LAYOUT 1*/ .lay1{ width:100%; float:left; margin-top:30px;} .lay1 .hentry{ width:22%; background:#fff;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10); height:350px; margin-right:4%; float:left; margin-bottom:40px;} .lay1 .hentry .imgwrap{ width:100%; height:auto; max-height:180px; overflow:hidden; position:relative;} .lay1 .hentry img{ width:100%; height:auto; border:none;} .lay1 .date_meta{position:absolute; top:10px; background:url(images/transwhite.png); padding:3px; font-size:11px; color:#333;} .lay1 .hentry:nth-child(4), .lay1 .hentry:nth-child(8), .lay1 .hentry:nth-child(12), .lay1 .hentry:nth-child(16), .lay1 .hentry:nth-child(20), .lay1 .hentry:nth-child(24){ margin-right:0;} .lay1 .post_content{ float:left; padding:10%; padding-top:5%; line-height:19px; width:80%; height:140px; overflow:hidden;} .lay1 .post_content h2{ margin:10px 0;} .lay1 .postitle a{ color:#333;} .lay1 .postitle a:hover{color:#2BB975;} .lay1 .catmeta, .lay4 .catmeta{ position:absolute; bottom:0; right:0; background:#2BB975; padding:3px 5px; font-size:12px; } .lay1 .catmeta a, .lay4 .catmeta a{color:#fff;} /*LAYOUT 5(BLOG Page Template)*/ .lay5{width:68%; float:left;} .lay5 .single_wrap{ width:100%!important;} .lay5 .postitle a{color:#333; font-size:24px;} .lay5 .postitle a:hover{color:#2BB975;} /*FOOTER*/ #footer{ width:100%; float:left; margin-top:30px; background:#fff;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);} #footer .widgets{ padding:20px;} #footer .widgets .widget a{} #footer .widgets ul{ margin:0; padding:0;} #footer .widgets .widget{ width:217px; float:left; margin-right:25px; list-style-type:none; margin-bottom:25px;} #footer .widgets .widgettitle, #midrow .widgets .widgettitle a{ color:#2bb975; font-size:20px;margin-top:10px;} #footer .widgets .widget ul{ margin:0; padding:0;} #footer .widgets .widget ul li{ list-style-type:none; padding:6px 0;} #footer .widgets .widget ul li a{ text-decoration:none; color:#888;} #footer .widgets .widget ul li .thn_wgt_tt{ color:#888;} #footer .thn_wgt_thumb img{ width:50px; height:50px;} #footer .widgets .widget:nth-child(4), #footer .widgets .widget:nth-child(8), #footer .widgets .widget:nth-child(12){ margin-right:0;} #footer .thn_ad250x250_widget img{ width:217px; height:217px;} #footer .thn_ad125x125_widget img{ width:100px; height:100px;} .thn_feat ul p, .thn_pop ul p, .thn_rand ul p{ margin:5px 0;} #footer .widgets .widget .thn_feat ul li, #footer .widgets .widget .thn_pop ul li, #footer .widgets .widget .thn_rand ul li{ min-height:55px; padding:10px 0px;} #footer #searchform{ margin-top:20px;} #footer #searchform #s{ width:60%;} #footer #wp-calendar #today{ background:#EC1D25;} #footer #wp-calendar caption {border-bottom-style:dashed; border-bottom-color:#f5f5f5;border-width:1px;} /*#copyright{width:100%;float:left; background:#BF8A37 ; margin-bottom:0px;}*/ #copyright{width:100%;float:left;background:#FFF; margin-bottom:0px;color:#000;background:#fff url(images/bg01.png) no-repeat; background-position: right 10px top 100px;} #copyright { /* background-color: #FFD696; background: #FFD696 -webkit-gradient(linear, left top, left bottom, from(#FFD696), to(#734600)) no-repeat; background: #FFD696 -moz-linear-gradient(top, #734600, #FFD696) no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFD696, endColorstr=#734600) no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#734600, endColorstr=#734600)" no-repeat;*/ width:100%;float:left;margin-bottom:0px; } #copyright a{ color:#1b1b1b;} .copytext{ width:100%; text-align:center; padding-top:30px;padding-bottom:30px;background-color:#302f2e;} .copytext span{color:#ddd !important;} .copytext a{color:#00b0cc !important;} .copytext table {margin-bottom:80px;} .copytext table td{text-align:left;color:#ddd;padding-left:10px;padding-right:10px;white-space:nowrap;} .newstext ul li{color:#424242;} .newstext{background:url(images/dqaRobot.png) no-repeat;} .no_fmenu .copytext{ width:100%;} /*Footer Menu*/ #footmenu{ width:40%; float:right;} #footmenu ul{float:right; padding:5px 10px; margin:0;} #footmenu ul li{ list-style-type:none; display:inline-block; margin-left:15px;} #footmenu ul li a{ color:#999;} #footmenu ul li a:hover{ color:#fff;} /*PAGINATION*/ .thn_paginate, .navigation{ float:left; margin:15px 0; width:100%; margin-bottom:30px;} .thn_paginate .amp_title{ display:none;} .thn_paginate span, .thn_paginate a, .navigation a, .navigation span{ padding: 5px 10px; border:1px solid #ececec;} .amp_page, .amp_next, .amp_prev, .page-numbers{ text-align:center; text-decoration:none; font-size:13px; margin-right:10px; background:#fff; display:inline-block; color:#888;} .amp_current{text-decoration:none; font-size:13px;margin-right:10px;background:#fff ; color:#888;display:inline-block;} .amp_title{ display:none;} .amp_next{} .amp_page:hover, .amp_next:hover, .amp_prev:hover, .page-numbers:hover, .navigation .current {background:#fff; color:#888;} .hidden_nav{ display:none;} .lay1 .thn_paginate, .lay2 .thn_paginate, .lay3 .thn_paginate{ text-align:center;} /*WIDGETS ------------- */ .thn_wgt_thumb{} .thn_wgt_thumb img{ width:65px; float:left; height:65px; margin-right:10px;} #sidebar .widgets .widget ul li .thn_wgt_tt, #midrow .widgets .widget ul li .thn_wgt_tt{ color:#333;} body #sidebar .widgets .thn_feat_widget ul, body #sidebar .widgets .thn_rand_widget ul, body #sidebar .widgets .thn_pop_widget ul{ margin-left:0px;} #footer .widget_content p{ font-size:12px; } .thn_ad125x125_widget{ float:left; display:block; width:283px;} .ads-125x125 img{ width:120px; height:120px; float:left; margin-right:15px; margin-bottom:10px; margin-top:10px;} .ads-125x125 a:nth-child(2) img, .ads-125x125 a:nth-child(4) img{ margin-right:0;} .ads-160x600{ float:left; margin-left:50px; margin-top:30px; margin-bottom:30px;} .ads-250x250{ float:left;} .thn_twitter .tweet_text a, .widget_tag_cloud a:hover, .textwidget a{ color:#2BB975;} .thn_twitter .tweet_avatar{width:60px; float:left;} .thn_flckr_widget img{ padding:9px; display:inline; width:67px; height:auto;} .flickr_badge_image{ display:inline-block;} #sidebar .widgets .widget_nav_menu ul li ul li, #midrow .widgets .widget_nav_menu ul li ul li, #footer .widgets .widget_nav_menu ul li ul li{ background:none; padding-left:15px; border-bottom:none;} #sidebar .thn_feat ul, #sidebar .thn_pop ul, #sidebar .thn_rand ul{ margin-left:0;} .thn_feat ul li, .thn_pop ul li, .thn_rand ul li{ list-style-type:none; min-height:75px;} #searchform .screen-reader-text{ display:none;} #sidebar #searchform #s{ width:65%; padding:5px; border:1px solid #ececec; background:url(images/trans_black_2.png); color:#888;} #wp-calendar{ width:100%;} #wp-calendar caption{ padding-bottom:5px; border-bottom:1px solid #e5e5e5; margin-bottom:10px;} #wp-calendar tbody td{ text-align:center;} #wp-calendar #today{ background:#2BB975; color:#FFF;} #wp-calendar #today a{color:#FFF;} #wp-calendar #prev{ padding-top:10px;} /*SINGLE PAGE*/ #content{ width:100%; float:left; margin-bottom:30px;} /*#content .single_wrap{ float:left; width:68%; margin-top:30px;}*/ #content .single_wrap{ width:100%; margin-top:-30px;} .single_wrap .postitle{ font-size:30px; color:#333;} .single_post .post img, .type-page img, .type-attachment img{ max-width:100%; height:auto; border:none;} .single_wrap .single_post{ float:left;padding-right:5%; width:90%; padding-left:5%; border-bottom:5px solid #f5f5f5;background:#fff;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10); margin-bottom:30px;} .single_metainfo a{ padding-left:13px; margin-right:20px; color:#888;} .comm_date{ background:url(images/icons.png) no-repeat;background-position: 0px 2px;} .meta_auth{ background:url(images/icons.png) no-repeat;background-position: 0px -10px;} .thn_post_wrap{ margin-top:30px;} .post_foot{ width:111%; margin-left:-6%; border-bottom:1px solid #f5f5f5; float:left; padding-top:20px;} .post_cat{ float:right;} .post_tag{ float:left;} .catag_list, .tag_list{ background:url(images/trans_black_2.png); padding:5px 10px;} .catag_list a{ font-size:11px; color:#888; padding-left:12px; background:url(images/icons.png) no-repeat; background-position: 0px -37px; margin-right:5px;} .tag_list a{ font-size:11px; color:#888; padding-left:13px; background:url(images/icons.png) no-repeat; background-position: 0px -25px; margin-right:5px;} .post-edit-link{ font-size:11px; color:#888; padding-left:13px; background:url(images/icons.png) no-repeat; background-position: 0px -49px; margin-right:5px;} .single_wrap .thn_post_wrap a{ color:#2BB975;} /*POST Table*/ .post table, .org_comment table {margin: 0 -1px 24px 0;text-align: left;width: 100%;border-collapse: collapse;border-spacing: 0;background:url(images/trans_black_2.png) repeat;} .post table img, .org_comment img{ max-width:200px;} .post tr th, .post thead th, .org_comment tbody th {color: #333;font-size: 12px;font-weight: bold;line-height: 18px;padding: 9px 24px; background:url(images/trans_black_2.png) repeat;} .org_comment pre{ background:url(images/trans_black_2.png) repeat; color:#333; padding:0px 10px;} .post tr td, .org_comment tr td{padding: 6px 24px;} .post tr.odd td, .org_comment tr.odd td{background: #f2f7fc;} .org_comment table th{padding: 6px 24px;} /*WordPress Core*/ .alignnone {margin: 5px 20px 20px 0;} .aligncenter, div.aligncenter {display:block;margin: 5px auto 5px auto;} .alignright {float:right;margin: 5px 0 20px 20px;} .alignleft {float:left;margin: 5px 20px 20px 0;} .aligncenter {display: block;margin: 5px auto 5px auto;} a img.alignright {float:right; margin: 5px 0 20px 20px;} a img.alignnone {margin: 5px 20px 20px 0;} a img.alignleft {float:left;margin: 5px 20px 20px 0;} a img.aligncenter {display: block;margin-left: auto;margin-right: auto} .wp-caption {background:url(images/transblack.png) repeat;border: 1px solid #ececec;max-width: 96%; /* Image does not overflow the content area */padding: 10px 3px 10px;text-align: center;} .wp-caption img{max-width: 98%!important;} .wp-caption.alignnone {margin: 5px 20px 20px 0;} .wp-caption.alignleft { margin: 5px 20px 20px 0;} .wp-caption.alignright { margin: 5px 0 20px 20px;} .wp-caption img {border: 0 none !important;margin: 0 !important;max-width: 570px;padding: 0 !important;} .wp-caption p.wp-caption-text {font-size:11px;line-height:17px; margin:0;padding:0 4px 5px;} .sticky{} .gallery-caption{} /*SHARE THIS*/ .single_post .share_this{ width:100%; float:left; padding-bottom:12px; margin-top:12px; margin-left:10px;} .single_post .share_this a{ color:#888; display:block; float:left;} .share_this .social_buttons div{ margin-right:13px;padding-left:20px; height:16px; float:right; margin-bottom:15px;} .share_this .lgn_fb{ background:url(images/social_post.png) top left no-repeat; } .share_this .lgn_twt{background:url(images/social_post.png) left no-repeat;background-position: 0px -21px;} .share_this .lgn_del{background:url(images/social_post.png) left no-repeat;background-position: 0px -42px;} .share_this .lgn_digg{background:url(images/social_post.png) left no-repeat; background-position: 0px -63px;} .share_this .lgn_stmbl{background:url(images/social_post.png) left no-repeat;background-position: 0px -83px;} .share_this .lgn_gplus{background:url(images/social_post.png) left no-repeat;background-position: 0px -104px;} .share_this .lgn_pin{background:url(images/social_post.png) left no-repeat;background-position: 0px -125px;} .share_this .lgn_fb:hover{ background:url(images/social_post_hover.png) top left no-repeat; } .share_this .lgn_twt:hover{background:url(images/social_post_hover.png) left no-repeat;background-position: 0px -21px;} .share_this .lgn_del:hover{background:url(images/social_post_hover.png) left no-repeat;background-position: 0px -42px;} .share_this .lgn_digg:hover{background:url(images/social_post_hover.png) left no-repeat; background-position: 0px -63px;} .share_this .lgn_stmbl:hover{background:url(images/social_post_hover.png) left no-repeat;background-position: 0px -83px;} .share_this .lgn_gplus:hover{background:url(images/social_post_hover.png) left no-repeat;background-position: 0px -104px;} .share_this .lgn_pin:hover{background:url(images/social_post_hover.png) left no-repeat;background-position: 0px -124px;} /*SIDEBAR*/ #sidebar{ float:left; width:28%; margin-top:30px; margin-left:3.5%;} #sidebar .widgets{} #sidebar .widgets ul{ margin:0; padding:0;} #sidebar .widgets ul li{ list-style-type:none;} #sidebar .widgets .widget{ padding:0px; width:100%; float:left; background:#fff;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10); margin-bottom:30px;} #sidebar .widgets .widget_wrap{ padding:5%; float:left; width:90%;} #sidebar .widgettitle, #sidebar .widgettitle a{color:#333; margin:0; text-align:right; border-bottom:2px solid #2bb975; padding-bottom:-7px; padding-right:15px; padding-top:5px; font-size:20px; margin-left:-7px; width:100%; margin-bottom:15px;} #sidebar .widgets .widget ul{margin:0px; padding:0px; margin-left:15px;} #sidebar .widgets .widget li{ padding:7px 0; margin:7px 0; border-bottom:1px solid #f5f5f5; } #sidebar .widgets .widget li a{ color:#888;} #sidebar .widget_archive ul, #sidebar .widget_meta ul, #sidebar .widget_recent_entries ul, #sidebar .widget_nav_menu ul, #sidebar .widget_recent_comments ul, #sidebar .widget_pages ul, #sidebar .widget_links ul, #sidebar .widget_categories ul{margin:0px; padding:0px; padding-left:15px;} #sidebar .widget_archive li, #sidebar .widget_meta li, #sidebar .widget_recent_entries li, #sidebar .widget_nav_menu li, #sidebar .widget_recent_comments li, #sidebar .widget_pages li, #sidebar .widget_links li, #sidebar .widget_categories li{ list-style-image:url(images/list_type.png);} #sidebar .widgets .widget li:last-child{ border:none;} /*COMMENTS*/ body.page .nocomments{ display:none;} .nocomments{ padding-left:15px;} .comments_template{ float:left; width:100%;background:#fff;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);} .comments_template #comments, #comments_ping{ margin:0px; font-size:16px; text-align:center; border-bottom:1px solid #f5f5f5; padding:12px 0; color:#333;} .comments_template #comments a{color:#2bb975;} #comments_ping{ float:left; width:100%; border-top:1px solid #f5f5f5;} .commentlist{padding-left:0px; float:left; margin-top:0; width:100%;} .commentlist li.comment{ list-style-type:none;} .commentlist li{ list-style-type:none;width:100%; border-bottom:1px solid #f5f5f5;float:left;} .commentlist li ul li{ width:96%; border:none;} .commentlist .depth-1{ margin-top:10px; position:relative;} .commentlist .depth-3{width:100%} .commentlist .depth-4{width:99%} .commentlist.depth-5{} h3#comments{ color:#333333; font-size:20px;} h3#comments_ping{color:#333333; font-size:20px;} .commentmetadata, .commentmetadata a{ color:#2BB975;} .commentmetadata span{ color:#333;} .comment-body{padding:10px 15px; float:left; width:92%;position:relative; z-index:3;} .commentlist li ul li .comment-body{ background:url(images/trans_black_2.png) repeat; margin-bottom:15px;} .vcard{ float:left; width:11%; margin-right:7px;} .fn{ padding-top:5px; text-align:center;} .avatar img{ width:90%; height:auto; max-width:50px; max-height:50px;} .org_comment {float: left; width: 86%;} .org_comment a, .org_ping a{ color:#2BB975;} .org_comment ul li{ border:none; list-style-type:circle;} .org_comment ol li{ list-style-type:inherit; border:none;} .comm_meta_reply{ float:right; text-align:right; width:300px; font-size:11px; opacity:0.7; margin-right:-20px;} .org_ping .comm_meta_reply{ margin-right:0px;} .org_comment:hover .comm_meta_reply{ opacity:1;} .comm_meta_reply a{ padding-left:12px; margin-right:15px;} .comm_meta_reply a, .org_comment .comm_date{ color:#888; font-size:11px;} .comment-reply-link{ background:url(images/icons.png) no-repeat; background-position:0px -63px;} .comment-edit-link{background:url(images/icons.png) no-repeat; background-position:0px -49px; } /*Comment Form*/ h3#reply-title{ font-size:20px; color:#2bb975; position:relative; top:15px; padding-left:15px;} #respond_wrap{width:100%; float:left; position:relative;} #respond{ width:100%; float:left;} #commentform{ width:93%; float:left; padding:15px; background:#fff;position:relative; z-index:2;} .comment-notes{ display:none;} .comment-form-author label, .comment-form-email label, .comment-form-url label{ float:left; position:absolute; padding: 5px 5px 6px 5px; background:#fff; border:1px solid #ececec; width:50px;} #commentform .required{ float:left; position:absolute;} .field_wrap{ width:50%; float:left; overflow:hidden;} .comment-form-author, .comment-form-email, .comment-form-url{ width:100%; float:left; height:30px; position:relative;} .comment-form-author input, .comment-form-email input, .comment-form-url input{ padding: 7px 3px; background:url(images/transblack3.png); border:1px solid #ececec; color:#888; padding-left:70px; width:176px;} .comment-form-comment label{ display:none;} .form-allowed-tags{ display:none;} .comment-form-comment{ width:50%; float:right;} .comment-form-comment textarea{ background:url(images/transblack3.png); border:1px solid #ececec; padding:5%; width:90%; min-height:128px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#888;} .logged-in-as{ width:210px; float:left; padding-top:30px; padding-left:20px;} .logged-in-as a{ color:#2BB975;} #cancel-comment-reply-link{ font-size:12px; color:#888;} .form-submit{ clear:both;} .form-submit input, #searchsubmit{ float:right; margin-right:6px; border:none; background:#2BB975; padding:5px; color:#fff; cursor:pointer;} .depth-2 #commentform{ margin-left:-40px;width: 100%; border-left:none; border-right:none; margin-bottom:20px;} .depth-3 #commentform{ margin-left:-80px;width: 110%;} .depth-4 #commentform{ margin-left:-120px;width: 122%;} .depth-5 #commentform{ margin-left:-160px;width: 132%;} .depth-2 h3#reply-title{ margin-left:-40px;} .depth-3 h3#reply-title{ margin-left:-80px;} .depth-4 h3#reply-title{ margin-left:-120px;} .depth-5 h3#reply-title{ margin-left:-150px;} .bypostauthor{} .comments_template .navigation{ margin:0px; padding-left:20px;} .compagin{margin: 15px 0 30px;} /*SHORTCODES ------------- /*QUOTE*/ .lgn_quote{ width:92%; background: url(images/lgn_quote.png) no-repeat; background-position:5px 5px; clear:both; margin:15px 0;padding-left:37px; font-style:italic; min-height:30px;} /*Button*/ .single_post .scl_button a{ width:auto; float:left; padding:10px; background:#2BB975; clear:both; color:#fff!important; margin-bottom:15px;} .single_post .scl_button span{ display:inline-block;} .single_post .scl_button a:hover{ background:#ececec!important; color:#888!important;} /*Contact Page*/ .entry-content{ margin-top:15px; width:100%; float:left;} .entry-content p{ width:100%; float:left; margin:5px 0;} .entry-content input{ padding:10px; border:none; color:#888; font-family:Arial, Helvetica, sans-serif;width:50%;/*background:url(images/trans_black_2.png);*/ color:#888; border:1px solid #eee;} .entry-content textarea{ padding:10px; background:url(images/trans_black_2.png); border:none; color:#888; font-family:Arial, Helvetica, sans-serif; width:96%;height:200px; font-size:13px; color:#888; border:1px solid #eee;} .entry-content label{ width:100%; display:block; float:left;} .entry-content .contact_verify{ width:50%;} .entry-content .contact_submit{width:50%;} .contact_submit input{background:#2BB975; color:#fff; width:100px; margin-top:15px; float:right;} .entry-content #submit_msg{ width:auto; left:90%; padding:5px 10px; position:relative; } .entry-content .error{color:#e06671} .entry-content .success{ color:#77b33d;} /*FULL WIDTH PAGE*/ .page-template-page-full_width-php .single_post, .error404 .single_post{ width:90%;} .page-template-page-full_width-php #content .single_wrap{ width:100%;} .page-template-page-full_width-php .commentlist{width:100%;} .page-template-page-full_width-php #commentform{ width:93%;} .page-template-page-full_width-php .comment-form-comment textarea{width: 90%;} .page-template-page-full_width-php .comment-form-comment{width: 100%;} .page-template-page-full_width-php .field_wrap{width: 340px;} .page-template-page-full_width-php .comment-form-author input, .page-template-page-full_width-php .comment-form-email input, .page-template-page-full_width-php .comment-form-url input{width: 90%;} /*LEFT SIDEBAR PAGE TEMPLATE*/ .page-template-page-left_sidebar-php #sidebar{ float:left; margin-left:0px;} .page-template-page-left_sidebar-php .single_wrap{ float:right!important;} /*404 Page*/ .error404 .single_post{ padding:5%; margin-bottom:0px;width:90%;} .error404 .single_wrap{ width:100%!important;} .fourofour{ text-align:center;} .fourofour a{ font-size:320px; color:#333;} .error_page h2{ text-align:center;} .error_msg{ width:100%; margin:0 auto; padding-bottom:30px;} .error_msg #searchform #s{ width:86%;padding:5px; float:left;} .error_page #searchsubmit{height: 30px;margin-top: 2px;margin-left: 0; float:left;} /*SEARCH PAGE*/ .search_term{ width:90%; padding:5%; background:#fff;margin-bottom:25px;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);} .search_term #searchform{ margin-top:10px;} .search_term #searchsubmit{ float:none;} /*SOCIAL SHARE*/ /*.social_wrap{ width:auto; float:right; position:relative; margin:10px 0;}*/ .social_wrap{ width:auto; float:right; position:relative; margin:20px;} .social{float: right;} .social ul{ margin:0; padding:0; float:left;} .social ul li{ float:left; list-style-type:none; margin:3px 15px;} .social ul li a{ display:block; width:28px; height:28px; background:url(images/social.png) no-repeat; text-indent:-999999px;} .social ul .soc_blog a{ width:64px;height:32px; background:url(images/blog.png) no-repeat;} .social ul .soc_fb a{ background-position:0 0; } .social ul .soc_tw a{ background-position:-36px 0;} .social ul .soc_plus a{ background-position:-72px 0;} .social ul .soc_ytb a{ background-position:-108px 0;} .social ul .soc_lnkd a{ background-position:-144px 0;} .social ul .soc_pin a{ background-position:-178px 0;} .social ul .soc_rss a{ background-position:-215px 0;} .social ul .soc_flkr a{ background-position:-251px 0;} .social ul .soc_tmblr a{ background-position:-286px 0;} .social ul .soc_insta a{ background-position:-320px 0;} .social ul .soc_vim a{ background-position:-357px 0;} .trusted{margin-top: 50px;} .trusted ul{ margin:0; padding:0; float:left;} .trusted ul li{ float:left; list-style-type:none; margin:3px 15px;} .trusted ul .partner a{ display:block; width:200px;height:55px; background:url(images/partner.png) no-repeat; text-indent:-999999px;} /*FULL WIDTH PAGE*/ .theron_fullwdth_body .single_post{ width:940px !important;} .theron_fullwdth_body #content .single_wrap{ width:1000px;} .theron_fullwdth_body .commentlist{width:100%;} .theron_fullwdth_body #commentform, .thn_fullwdth_body #newslider{ width:970px;} .theron_fullwdth_body .comment-form-comment textarea{width: 570px;} .theron_fullwdth_body .comment-form-comment{width: 600px;} .theron_fullwdth_body .field_wrap{width: 340px;} .theron_fullwdth_body .comment-form-author input, .thn_fullwdth_body .comment-form-email input, .thn_fullwdth_body .comment-form-url input{width: 263px;} .theron_fullwdth_body .org_comment{ width:97%;} .theron_fullwdth_body .single_post .post img, .thn_fullwdth_body .type-page img, .thn_fullwdth_body .type-attachment img{ max-width:940px; height:auto;} .theron_fullwdth_body .post_foot{width:1000px;} .theron_fullwdth_body .share_this{width:960px;} #dqa_menu01title{position:absolute;top:-999px;} #dqa_slidetext{font-size:50%;} @media screen and (min-width: 800px){ #dqa_menu01title{position:relative!important;top:0;} #dqa_slidetext{font-size:100%;} } @media screen and (max-width: 1100px){ .center, .headcenter{ width:90%!important; margin: 0 auto;} .is-sticky{ width:90%!important;} } @media screen and (max-width: 800px) and (min-width: 499px){ .comment-form-author input, .comment-form-email input, .comment-form-url input{width:50%} /*Layout1*/ body .lay1 .hentry{ width:30.5%} .lay1 .hentry:nth-child(3), .lay1 .hentry:nth-child(6), .lay1 .hentry:nth-child(9), .lay1 .hentry:nth-child(12), .lay1 .hentry:nth-child(15), .lay1 .hentry:nth-child(18), .lay1 .hentry:nth-child(21), .lay1 .hentry:nth-child(24){ margin-right:0;} .lay1 .hentry:nth-child(4), .lay1 .hentry:nth-child(8), .lay1 .hentry:nth-child(12), .lay1 .hentry:nth-child(16), .lay1 .hentry:nth-child(20), .lay1 .hentry:nth-child(24){ margin-right:4%!important;} } /*=========================== Mobile Support==========================*/ @media screen and (max-width: 500px){ #content .single_wrap, #sidebar{ width:100%!important;} body #sidebar{ margin-left:0;} .midrow_wrap .midrow_block{width:100%!important;} body .lay1 .hentry{ width:100%;} body .lay1 .hentry, body .lay1 .hentry .post_content{ height:auto;} body .nivo-controlNav{ display:none;} body .nivo-caption{width:100%; left:auto; right:auto; bottom:0px;} body .slider-wrapper{ height:auto;} body #zn_nivo{ height: auto;} body .midrow_block{ height:auto!important; min-height:0!important;} .lay5{width:100%!important; float:left;} .lay5 .single_wrap{ width:100%!important;} .fourofour a{ font-size:220px; color:#333;} body .field_wrap{width:100%} body .comment-form-comment{width:100%;} #footmenu{ display:none;} /* nav-wrap */ body #menu_wrap, body #topmenu{width:100%;} body #menu_wrap .center{width:100%!important;} #menu_wrap {position: relative;} /* menu icon */ #menu-icon {padding: 10px 0px;cursor: pointer;font-size:20px;display: block!important; /* show menu icon */} #menu-icon:hover {background-image:url(images/transblack.png);} /* main nav */ /*body #topmenu ul.menu, body #topmenu div.menu > ul{clear: both;position: absolute;top: 38px;width: 60%;z-index: 10000; background:#EC1D25 url(images/menu_wrap.png) repeat;display: none; margin-right:auto;margin-left:auto;margin-top:5px;left:0; right:0;} body #topmenu ul.menu li, body #topmenu div.menu > ul li{width:160px;clear: both;float: none;padding:6px 0px;text-align:left;padding-left:10px;padding-righ:10px;} body #topmenu ul > li:hover, body #topmenu div.menu ul li:hover{background:none!important;} body #topmenu ul.menu li ul li, body #topmenu div.menu ul li ul li{ background:none!important; width:140px;} body #topmenu ul.menu li ul li:hover, body #topmenu div.menu > ul li ul li:hover{background:none!important;} body #topmenu ul.menu a, body #topmenu ul.menu ul a, body #topmenu div.menu ul a, body #topmenu div.menu ul li ul a {background: none;display: inline;padding: 0;border: none;} body #topmenu ul.menu a:hover, body #topmenu ul.menu ul a:hover {background: none;}*/ /* dropdown */ /*body #topmenu ul.menu ul, body #topmenu div.menu > ul li ul{width: auto;position: static;display: block;border: none;background: inherit;margin-top:0px;} body #topmenu ul.menu ul li, body #topmenu div.menu > ul li ul li {margin: 3px 0 3px 15px;}*/ } /************************************************************************/ ::-webkit-scrollbar{ -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); } #dqawidget001_holder{margin-top:-4px;position:relative;float:left;width:100%;height:120px !important;overflow:hidden;background:#302f2e;/*background:#7b5e54;*/z-index:9999; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ } #dqa_slide01{position:absolute;padding:0px;top:15px;width:100%;height:100px;font-family:Century Gothic, Arial, Helvetica, sans-serif;color:#b4985b;font-size:30px;text-align:center;/*background: #EC1D25;*/display: flex;justify-content: center; display: -webkit-flex;-webkit-align-items: center;align-items: center;}/*safari 6.1+*/ #dqa_slide02{position:absolute;padding:0px;top:15px;width:100%;height:100px;font-family:Century Gothic, Arial, Helvetica, sans-serif;color:#b4985b;font-size:30px;text-align:center;/*border:1px solid #fff;*/display: flex;justify-content: center;display: -webkit-flex;-webkit-align-items: center;align-items: center;} #dqa_slidetext{max-width:80%;} .newstext {margin:10px;margin-bottom:10px;color:#000;} .newstext p {line-height:25px;font-size:18px;} #topmenu01 ul{ margin:0 0 0 0; padding:0;text-align:center;} #topmenu01 ul li{list-style-type:none; display:inline-block; position:relative; margin-top:0px;padding:15px 15px 0 0;} #topmenu01 li a{ font-size:16px; color:#292929;font-family:Arial;font-weight: bold;text-shadow: 0px 2px transparent;} #topmenu01 ul li:hover > a { color:#1b1b1b/*4d4026,00b0cc*/;/*text-shadow: 0px 1px #997300;*/ border-bottom:2px solid #997300;} #topmenu01 ul ul { position: absolute; z-index: 9999; left: 10px; bottom: 20px; width:250px; padding-left:0; margin-left:-10px; margin-top:0px; display:none; /*background:#997300; border:1px solid #333;*/ background:#333;opacity: 0.9; } #topmenu01 ul ul li a{margin-left:10px;color:#fff799;} #topmenu01 ul li ul li{ float:none; margin:0px; padding:10px 0px; text-align:left; display:block; /*border-bottom: 1px solid #333;*/ height:auto;} #topmenu01 ul > li ul li:hover{ background:#1c1c1c;cursor:pointer;} #topmenu01 ul > li ul li:hover a{border-bottom:0px solid #000;color:#fff799;} #topmenu01 ul li:hover>ul {display: block;} #zn_nivo:hover{cursor:url(images/cursornomove.png), auto;} /*--11Nov#topmenu01 ul > li:hover{ background:url(images/pattern02.png) repeat;}*/ /*#topmenu01 ul{ margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } #topmenu01 li{ }*/ #dqamenu_wrap{margin-top:0px;float:left; min-width:100%; background:#000; font-size:14px; background:#BF8A37;} /* remove all list stylings #EC1D25*/ .dqamenu002-footer { min-width:100%; text-align:center; } .dqamenu002-footer .menu, .dqamenu002-footer .menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; display: inline-block; } .dqamenu002-footer .menu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; } .dqamenu002-footer .menu li:hover { z-index: 10000; white-space: normal; } .dqamenu002-footer .menu li li { float: none;/* items of the nested menus are kept on separate lines */ } .dqamenu002-footer .menu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; bottom: 0; } .dqamenu002-footer .menu li:hover>ul { visibility: visible; /* display submenu them on hover */ bottom: 100%; /* 1st level go above their parent item */ } .dqamenu002-footer .menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */ bottom: 0; left: 100%; } /* -- float.clear -- force containment of floated LIs inside of UL */ .dqamenu002-footer .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .dqamenu002-footer .menu, .dqamenu002-footer .menu ul { /* IE7 float clear: */ min-height: 0; } /* -- float.clear.END -- */ /* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */ .dqamenu002-footer .menu ul { background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 30px 30px 10px 30px; margin: 0 0 -10px -30px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */ } .dqamenu002-footer .menu ul ul { padding: 30px 30px 30px 10px; margin: 0 0 -30px -10px; } /*.dqamenu002-footer .menu, .dqamenu002-footer .menu ul li { color: #eee; background: #234; }*/ .dqamenu002-footer .menu ul { width: 11em; text-align:left; } .dqamenu002-footer .menu a { text-decoration: none; color: #eee; padding: .4em 1em; display: block; position: relative; } .dqamenu002-footer .menu li a:hover, .dqamenu002-footer .menu li:hover>a { /*color: #fc3;*/ color:#000000; } .dqamenu002-footer .menu li li { /* create borders around each item */ border: 1px solid #ccc; width:220px; /*set sub-options width customized -dqa*/ } /*#menu-item-203{width:260px;} To be admend customized width -dqa*/ .dqamenu002-footer .menu ul>li + li { /* and remove the top border on all but first item in the list */ border-top: 0; } .dqamenu002-footer .menu li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */ bottom: 5px; left: 90%; } /* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu placed here to clarify the terminology I use when referencing submenus in posts */ .dqamenu002-footer .menu>li:first-child>a, .menu li + li + li li:first-child>a { color: #567; }