/* Theme name: Kassyopea Theme URI: http://www.yourinspirationweb.com Description: E-commerce Wordpress Theme Version: 1.5.1 Author: YIW Author URI: http://www.yourinspirationweb.com/en/ License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: red */ /*********************************************************************** ******************* reset.css ****************************************** ************************************************************************/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;border-spacing:0;} blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } a img {border:none;} .clear {height:0px;overflow:hidden;margin:0px;clear:both;} .center {text-align:center;} .text-right {text-align:right;} .line { border-top:1px solid #cacaca; margin:50px 0 0 } .space { height:8px } .none {display:none;} .toplevel{position:relative;z-index:99} .no-bg {background:none !important} .bold {font-weight:bolder;} /* seld-clear floats */ .group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /***********************************************************************/ html, body, div, p{ margin: 0; padding: 0; border: 0; } img { border:0 } /* Main Layout */ html { min-height:100% } body { font-family:helvetica, arial, "nimbus sans l", sans-serif /*'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Arial, san-serif*/; min-width:990px; font-size:62.5%; background:#e1dede; } p, li, address, label, td, th, #product-specials div, #content { color:#535252; font-size:13px; line-height:2em } /*.sidebar ul { font-size:13px; line-height:1em; }*/ p { margin:6px 0 12px } a, #recentcomments a, .sidebar .tweets-widget a { text-decoration:none; color:#b91003 } a:hover, #recentcomments a:hover, .sidebar .tweets-widget a:hover { text-decoration:underline } /*h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#397493 } */ h1, h2, h3, h4 { font-weight:bold; color:#535252; padding:0; text-transform:uppercase; margin:0.8em 0 0.5em; line-height:1em; } h5, h6 {font-weight:normal; color:#535252; padding:0; text-transform:uppercase; line-height:1em; margin-bottom:3px; margin-top:3px; } .font_delicious h1, .font_delicious h2, .font_delicious h3, .font_quicksand h1, .font_quicksand h2, .font_quicksand h3 { letter-spacing:-2px; } .font_delicious h4, .font_delicious h5, .font_delicious h6, .font_quicksand h4, .font_quicksand h5, .font_quicksand h6 { letter-spacing:-1px; } .font_chunkfive h1, .font_chunkfive h2, .font_chunkfive h3 { letter-spacing:-1px; } h1.no-cufon, h2.no-cufon, h3.no-cufon, h4.no-cufon, h5.no-cufon, h6.no-cufon { letter-spacing:0; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, span.highlight-text { font-weight:bold; color:#b91003; } h1 { font-size:32px } h2 { font-size:28px } h3 { font-size:24px } h4 { font-size:20px } h5 { font-size:16px } h6 { font-size:12px } ul { margin-left:0 } i, em { font-style:italic } strong, th { font-weight:bold; } img.icon { float:left; margin:0 15px 10px 0 !important; border:0 !important; padding:0 !important } .border { height:1px; background-color:#cfcdcd; } .border-header { height:1px; background:#fff; border-bottom:1px solid #cfcdcd; } a:hover { text-decoration:underline; } h1.red-normal, h2.red-normal, h3.red-normal, h4.red-normal, h5.red-normal, h6.red-normal { color:#b91003; text-transform:none; } /************** MAIN WIDTH ******************/ .inner { width:960px; margin:0 auto } /* ====================== START HEADER ====================== */ #header { position:relative; background:url('images/bg/bg-header.png') repeat-x top; } .topbar-fixed { margin-top:31px; } .topbar-nofixed #topbar { margin-top:0; } /* ====================== END HEADER ====================== */ /* ====================== START TOPSPACE ====================== */ body.admin-bar #topbar { margin-top:28px; } .topbar-fixed #topbar { position:fixed; top:0; width:100%; z-index:90000; } .topbar-none #topbar { display:none; } #topbar { background:url('images/bg/bg-topheader.png') top center no-repeat; height:31px; } #topbar ul { list-style:none; } #topbar ul li { line-height:30px; height:30px; margin:0; padding:0 5px 0 0; background-position:5px center; background-repeat:no-repeat; float:left; } #topbar ul li.fast-info { position:relative; } #topbar ul li.right { float:right; } #topbar ul li.margin { margin:0 0 0 40px; } #topbar ul li.icon { padding-left:25px; } #topbar ul li.plus { background-image:url('images/icons/plus.png') } #topbar ul li.plus:hover { background-image:url('images/icons/less.png') } #topbar ul li, #topbar ul li a { font-size:14px; color:#6a6868; text-shadow:0 2px 2px #dcdbdb; font-weight:normal; text-transform:uppercase; line-height:26px; } #topbar ul li a:hover { color:#383838; } /* ====================== END TOPSPACE ====================== */ /* ====================== START FAST INFO BOX ====================== */ #topbar .fast-info .access-info-box { width:350px; position:absolute; right:0; top:30px; display:none; z-index:1000000; padding:10px 0 0; text-transform:none; text-shadow:0 1px 1px #dcdbdb; } #topbar .fast-info .access-info-box, #topbar ul li.fast-info:hover { background-color:#f1efef; } #topbar .fast-info .access-info-box hr { border-top:1px solid #8c8a8a; border-bottom:1px solid #c2c2c2; width:auto; margin:6px 0 10px; } #topbar .fast-info .access-info-box p, #topbar .fast-info .access-info-box td, #topbar .fast-info .access-info-box th, #topbar .fast-info .access-info-box label, #topbar .fast-info .access-info-box .message-cart, #topbar li.fast-info:hover { color:#3b3939; } #topbar .fast-info .access-info-box .small-cart-links { height:16px; padding:7px 10px; } #topbar .fast-info .small-cart-links, #topbar .fast-info .input-text { background-color:#dfdcdc; } /*shadows*/ #topbar .fast-info .access-info-box, #topbar ul li.fast-info:hover { -moz-box-shadow:1px 5px 7px rgba(0, 0, 0, 0.14); -webkit-box-shadow:1px 5px 7px rgba(0, 0, 0, 0.14); box-shadow:1px 5px 7px rgba(0, 0, 0, 0.14); } /* ====================== END FAST INFO BOX ====================== */ /* ====================== START FAST LOGIN BOX ====================== */ #fast-login { left:0; width:220px !important; } #fast-login .wrap, #fast-login .form { padding:0 10px; } #fast-login .form .input-text, #fast-login .form .input-submit { border:0; padding:5px; } #fast-login .form .input-text { width:190px; } #fast-login .form .input-submit { background:#c9c9c9 url('images/bg/gradient-login-submit.png') repeat-x top left; border:1px solid #aeaeae; color:#5f5b5b; text-transform:uppercase; font-size:90%; cursor:pointer; } #fast-login .form .input-submit:hover { background-position:0 -28px; } #fast-login .form p.align-right { text-align:right; } #fast-login .small-cart-links a.lostpassword, #fast-login .small-cart-links label.rememberme { font-size:11px; line-height:16px; } #fast-login .small-cart-links label.rememberme { float:left; color:#3b3939; display:block; } #fast-login .small-cart-links label.rememberme input { vertical-align:middle; margin:0 2px 0 0; } #fast-login .small-cart-links a.lostpassword { float:right; color:#7d0f06; text-transform:none; } /* ====================== END FAST LOGIN BOX ====================== */ /* ====================== START LOGO ====================== */ #logo, #logo a { width:260px; height:131px; display:block; float:left; margin-bottom:5px; } #logo a { margin-top:5px; } /* ====================== END LOGO ====================== */ /* ====================== START NAV ====================== */ #nav { padding-bottom:2px; position:relative; z-index:2001; /*slider*/ } #nav, #nav ul.level-1 { float:right; margin:auto; list-style:none; margin-top:56px/*76px*/; background-color:#d4d3d3; border:2px solid #595856; } #nav, #nav .border-left, #nav .border-right, #nav .nav { height:48px; } #nav ul.level-1 { display:block; list-style:none; margin:0; border:2px solid #f0efef; } #nav li { float:left; position:relative; height:100%; cursor:pointer; } #nav li:first-child a, #nav li.first a { border-left:none; } #nav li:last-child a, #nav li.last a { border-right:none; } #nav li a { display:block; line-height:26px; color:#595856; font-size:18px; text-transform:uppercase; margin:10px 0; padding:0 12px; border-right:1px solid #c5c3c4; border-left:1px solid #e7e5e5; } #nav li a:hover, #nav li.current-menu-item a, #nav li.current-menu-parent a { text-decoration:none; color:#4f4f4f; } #nav li.current-menu-item, #nav li.current-menu-parent { background:url('images/bg/gradient-nav.png') center bottom repeat-x; } #nav li:hover, #nav li ul.sub-menu { background:#b1b1b1; } #nav .border-left, #nav .border-right { width:14px; background-repeat:no-repeat; } #nav li.current-menu-item a, #nav li:hover a { border-left-color:#cbcbcb } #nav ul.sub-menu { display:none; position:absolute; left:0; list-style:none; margin:0; padding-top:6px; width:282px; } #nav ul.sub-menu li { width:270px; background-color:#efeeee; margin:0 6px 6px 5px; position:relative; border:1px solid transparent } #nav ul.sub-menu li:hover { background-color:#e0e0e1; border:1px solid #595856 } #nav ul.sub-menu li a { font-size:14px; color:#4d4d4d; text-transform:none; line-height:14px; border:0; margin-right:10px; } #nav ul.sub-menu li a span { font-style:italic; color:#515050; font-size:12px; } #nav ul.sub-menu li a span.notranslate { font-style:normal; font-size:14px; color:#4d4d4d; } #nav ul.sub-menu li ul.sub-menu { top:-7px; margin-left:1px } #nav ul.sub-menu li.sub a { background:url('images/icons/arrow-circle.png') right center no-repeat; } #nav ul.sub-menu li ul.sub-menu a { background:none; } /*differents*/ .font_chunkfive #nav li a { letter-spacing:-1px; } /*icons*/ #nav ul.sub-menu li.icon a { padding-left:50px; } #nav ul.sub-menu li.icon { background-position:10px center; background-repeat: no-repeat; } #nav ul.sub-menu li.user { background-image:url('images/icons/nav/user.png') } #nav ul.sub-menu li.bullet { background-image:url('images/icons/nav/bullet.png') } #nav ul.sub-menu li.faq { background-image:url('images/icons/nav/faq.png') } #nav ul.sub-menu li.arrow { background-image:url('images/icons/nav/arrow.png') } #nav ul.sub-menu li.bag { background-image:url('images/icons/nav/bag.png') } #nav ul.sub-menu li.graph { background-image:url('images/icons/nav/graph.png') } #nav ul.sub-menu li.block { background-image:url('images/icons/nav/block.png') } #nav ul.sub-menu li.box { background-image:url('images/icons/nav/box.png') } #nav ul.sub-menu li.download{ background-image:url('images/icons/nav/download.png') } #nav ul.sub-menu li.upload { background-image:url('images/icons/nav/upload.png') } #nav ul.sub-menu li.check { background-image:url('images/icons/nav/check.png') } #nav ul.sub-menu li.circle { background-image:url('images/icons/nav/circle.png') } #nav ul.sub-menu li.folder { background-image:url('images/icons/nav/folder.png') } #nav ul.sub-menu li.home { background-image:url('images/icons/nav/home.png') } #nav ul.sub-menu li.bulb { background-image:url('images/icons/nav/bulb.png') } #nav ul.sub-menu li.rss { background-image:url('images/icons/nav/rss.png') } #nav ul.sub-menu li.shield { background-image:url('images/icons/nav/shield.png') } #nav ul.sub-menu li.cart { background-image:url('images/icons/nav/cart.png') } #nav ul.sub-menu li.star { background-image:url('images/icons/nav/star.png') } #nav ul.sub-menu li.letter { background-image:url('images/icons/nav/letter.png') } #nav ul.sub-menu li.car { background-image:url('images/icons/nav/car.png') } #nav ul.sub-menu li.user-man { background-image:url('images/icons/nav/user-man.png') } #nav ul.sub-menu li.industry { background-image:url('images/icons/nav/industry.png') } #nav ul.sub-menu li.tools { background-image:url('images/icons/nav/tools.png') } #nav ul.sub-menu li.ant-shield { background-image:url('images/icons/nav/ant-shield.png') } #nav ul.sub-menu li.gear { background-image:url('images/icons/nav/gear.png') } #nav ul.sub-menu li.hammer { background-image:url('images/icons/nav/hammer.png') } #nav ul.sub-menu li.wheelingmachine { background-image:url('images/icons/nav/wheelingmachine.png') } #nav ul.sub-menu li.parts { background-image:url('images/icons/nav/parts.png') } /*border-radius*/ #nav, #nav ul.level-1 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #nav ul.sub-menu li { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #nav li:first-child, #nav li.first a { -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } #nav li:last-child, #nav li.last a { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } /* nojs */ body.no_js #nav ul li:hover > ul { display:block } body.no_js #nav ul li ul.submenu li:hover > ul { display:block } /* ====================== END NAV ====================== */ /* ====================== START SLIDER ====================== */ #slider { height:328px; padding:0 0 50px; position:relative; } #slider .panel { display:none; position:absolute; left:0; top:0; width:100%; height:300px; background:transparent !important } #slider .panel:first-child, #slider .first { display:block; } #slider .panel .featured-image, #slider .panel .video-container { width:530px; text-align:center; float:right; } #slider .panel img, #slider .panel iframe, #slider .panel object { max-width:530px; max-height:300px; } #slider .panel .hentry { width:390px; float:left; margin-top:45px; } #slider .panel .hentry h2 { color:#b91003; font-weight:bold; margin-bottom:0; } #slider .panel .hentry h4 { margin:10px 0 20px; font-weight:normal; text-transform:none; line-height:0; } #slider .panel .hentry h4, #slider .panel .hentry p { color:#434343; } #slider .panel .hentry p { line-height:30px; } /*pagination*/ #slider .pagination { height:12px; position:absolute; right:20px; bottom:29px; } #slider .pagination a { display:block; width:12px; height:12px; background:url('images/bg/pag-slider.png') no-repeat; margin-left:3px; float:left; text-indent:-9999px; outline:none; } #slider .pagination a.activeSlide { background-position:0 -12px; } /*controls*/ #slider .controls { position:absolute; right:0; bottom:26px; } #slider .controls a { display:none; } /*piecemaker*/ #piecemaker { } /* ====================== END SLIDER ====================== */ /* ====================== START HOME SECTION ====================== */ #home-section { height:410px; background:#fee9a6 url('images/bg/home-section-bg.png') repeat-x; position:relative; } #home-section .inner {height:100%; /*background:url('images/bg/gradient-home-section.png') center bottom no-repeat; height:100%;*/ } #home-section h2 { color:#ff0000; text-transform:uppercase; font-weight:bold; line-height:26px; margin-bottom:10px; } #home-section p { font-size:12px; } #home-section p.sig { text-align:left; font-family: 'Pacifico', cursive; font-size:16px; line-height:26px; } #home-section p.sig span { display:inline-block; margin-top:118px } #home-section p.sig img { float:right; } form.newsletter-form { margin:5px 0; } form.newsletter-form label { position:relative; cursor:text; } form.newsletter-form label span { display:block; position:absolute; left:12px; top:0; line-height:16px; color:#565655; font-size:12px; } input.email-newsletter { background:#afafae; border:0; padding:12px; font-size:11px; width:180px; } input.subscribe-newsletter { background:#525050; color:#fff; text-transform:uppercase; padding:10px 5px; border:0; font-family:'Lucida Sans'; cursor:pointer; } #content .shadow { background:url('images/bg/shadow-home.png') no-repeat center top; } ul#home-ul { list-style:none; } ul#home-ul li { margin-bottom:5px; -webkit-transition:border-color .218s; -moz-transition:border .218s; -o-transition:border-color .218s; transition:border-color .218s; background:#f3f3f3; background:-webkit-gradient(linear,0% 40%,0% 70%,from(#fcfcfc),to(#F2F1F2)); background:-moz-linear-gradient(linear,0% 40%,0% 70%,from(#fcfcfc),to(#F2F1F2)); border:solid 1px #dcdcdc; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } ul#home-ul li a div.box-ul { padding:5px; } ul#home-ul li a div.box-ul div.img-side { height:80px; width:100px; float:left; margin-right:5px; border-right:1px solid #dcdcdc; } ul#home-ul li a div.box-ul div.title-side { height:80px; } ul#home-ul li a div.box-ul div.title-side div p { color:#6E6E6E; text-decoration:none; text-shadow:0 1px 0 #fff; } ul#home-ul li a div.box-ul div.title-side div.title p { font-size:18px; line-height:12px; } ul#home-ul li a div.box-ul div.title-side div.items p.title-desc { font-size:12px; margin-bottom:5px; } ul#home-ul li a div.box-ul div.title-side div.items p { font-size:11px; line-height:12px; margin:0; } ul#home-ul li:hover { border-color:#999; -moz-box-shadow:0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); } ul#home-ul li:hover a { text-decoration:none; } ul#home-ul li:hover a div.box-ul div.title-side div.items p, ul#home-ul li:hover a div.box-ul div.title-side div.title p { -webkit-transition:color .218s; -moz-transition:color .218s; -o-transition:color .218s; transition:color .218s; color:#333333; } ul#home-ul li a div.box-ul div.coachbuilding-img { background:url('images/icons/wwd/coachbuilding-icon.png') no-repeat center; } ul#home-ul li:hover a div.box-ul div.coachbuilding-img { background:url('images/icons/wwd/coachbuilding-icon-hover.png') no-repeat center; -webkit-transition:background .218s; -moz-transition:background .218s; -o-transition:background .218s; transition:background .218s; } ul#home-ul li a div.box-ul div.parts-img { background:url('images/icons/wwd/rare-parts-icon.png') no-repeat center; } ul#home-ul li:hover a div.box-ul div.parts-img { background:url('images/icons/wwd/rare-parts-icon-hover.png') no-repeat center; -webkit-transition:background .218s; -moz-transition:background .218s; -o-transition:background .218s; transition:background .218s; } ul#home-ul li a div.box-ul div.panelling-img { background:url('images/icons/wwd/panelling-icon2.png') no-repeat center; } ul#home-ul li:hover a div.box-ul div.panelling-img { background:url('images/icons/wwd/panelling-icon2-hover.png') no-repeat center; -webkit-transition:background .218s; -moz-transition:background .218s; -o-transition:background .218s; transition:background .218s; } ul#home-ul li a div.box-ul div.antiques-img { background:url('images/icons/wwd/antique-icon.png') no-repeat center; } ul#home-ul li:hover a div.box-ul div.antiques-img { background:url('images/icons/wwd/antique-icon-hover.png') no-repeat center; -webkit-transition:background .218s; -moz-transition:background .218s; -o-transition:background .218s; transition:background .218s; } ul#home-ul li a div.box-ul div.custom-img { background:url('images/icons/wwd/custom-icon.png') no-repeat center; } ul#home-ul li:hover a div.box-ul div.custom-img { background:url('images/icons/wwd/custom-icon-hover.png') no-repeat center; -webkit-transition:background .218s; -moz-transition:background .218s; -o-transition:background .218s; transition:background .218s; } ul.li-hammer { list-style:none; } ul.li-hammer li {background:url('images/icons/bullet/hammer-16x16.png') no-repeat center left; padding-left:20px; line-height:18px; } /* ====================== END HOME SECTION ====================== */ /* ====================== START TESTIMONIAL SLIDER ====================== */ #testimonial-slider { background:#f0f0f0; } #testimonial-slider .inner { padding:30px 0 20px; } #testimonial-slider ul { list-style:none; margin:0 auto; } #testimonial-slider li { text-align:center; width:860px; } #testimonial-slider li, #testimonial-slider li a { color:#33F; } #testimonial-slider li h5, #testimonial-slider li h6 { text-align:center; line-height:18px; } #testimonial-slider li h5 { text-transform:uppercase; width:100%; } #testimonial-slider li h5 a { color:#ff0000 } #testimonial-slider li h6 { text-transform:none; font-weight:normal; letter-spacing:-1px; } #testimonial-slider li h6 strong { color:inherit; } #testimonial-slider .arrow-left, #testimonial-slider .arrow-right { display:block; width:28px; height:28px; background:no-repeat center; margin-top:18px; } #testimonial-slider .arrow-left { float:left; background-image:url('images/bg/arrow-left-testimonial.png'); } #testimonial-slider .arrow-right { float:right; background-image:url('images/bg/arrow-right-testimonial.png'); } /* ====================== END TESTIMONIAL SLIDER ====================== */ /* ====================== START MAIN LAYOUT ====================== */ #content { padding-top:10px; } #content div.hentry { width:640px; } .wpsc #content .layout-sidebar-left div.hentry, .wpsc #content .layout-sidebar-right div.hentry, body.page-template-home-store-php #content div.hentry { width:740px; } body.page-template-gallery-php #content .layout-sidebar-left div.hentry, body.page-template-gallery-php #content .layout-sidebar-right div.hentry { width:675px; } #content .layout-sidebar-no div.hentry { width:100%; } #content .extra-content { margin-top:30px; } /*sidebars*/ #content .sidebar { width:280px; } body.home #content .sidebar { width:305px; } body.wpsc #content .sidebar, body.page-template-home-store-php #content .sidebar { width:170px; } body.page-template-gallery-php #content .sidebar { width:235px; } #content div.hentry, #content .layout-sidebar-right div.hentry, #content .layout-sidebar-left .sidebar { float:left; } #content .sidebar, #content .layout-sidebar-left div.hentry, #content .layout-sidebar-right .sidebar { float:right; } /* ====================== END MAIN LAYOUT ====================== */ /* ====================== START CONTENT ====================== */ #content { background-color:#fff; padding-top:5px; } #content div.hentry { position:relative; } #content div.hentry img.margin { margin-top:60px; } #content .title-page { height:60px; line-height:60px; width:960px; padding:0; border-bottom: 1px solid #CFCDCD; /*background:url('images/bg/title-page.png') top center no-repeat;*/ text-align:center; float:left; } #content .title-page cufon { z-index:0; } #content .title-post-page { margin-top:0; } /* ====================== END CONTENT ====================== */ /* ====================== START SIDEBARS ====================== */ .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { margin-top:0;} .sidebar .widget { margin-bottom:20px; float:left; } .sidebar .menu { width:280px } .sidebar ul { list-style:none; margin:0; } .sidebar li a { list-style:none; margin:0; } .sidebar .widget-last { margin-bottom:20px; } .sidebar .testimonial-widget li, .sidebar .featured-projects-widget li { border:0; } .sidebar .featured-projects-widget .thumb-project img { padding:4px; border:1px solid #c3c2c2; } .sidebar .shadow-thumb-sidebar { height:19px; margin-top:-9px; background:url('images/bg/shadow-portfolio.png') center top no-repeat; } .sidebar .featured-projects-widget h5 { margin:0; } .sidebar .featured-projects-widget p.categories, .sidebar .featured-projects-widget p.categories a { margin:0; color:#4c4c4c; font-size:16px; } /* ====================== END SIDEBARS ====================== */ /* ====================== START QUICK CONTACT ====================== */ .quick-contact-box { position:relative; margin-top:30px; min-height:130px; } .quick-contact-box ul.nav-box { list-style:none; margin:0; width:55px; float:left; position:absolute; left:0; top:0; z-index:1; } .quick-contact-box ul.nav-box li.active, .quick-contact-box .box-info { background:#efeeee; border:1px solid #cecece; } .quick-contact-box ul.nav-box li { width:45px; height:39px; padding:5px; text-align:center; vertical-align:center; margin-bottom:10px; } .quick-contact-box ul.nav-box li a { outline:none; } .quick-contact-box ul.nav-box li.active { border-right:none; padding-left:4px; width:46px; height:38px; } .quick-contact-box .box-info { position:absolute; top:0; left:55px; width:223px; float:left; padding:15px; } .quick-contact-box .box-info h6 { text-transform:none; color:#1e1d1c; margin:0 0 28px; } .quick-contact-box .box-info strong { color:#272727; } .quick-contact-box .box-info > div.panel { display:none; } .quick-contact-box .box-info > div:first-child { display:block; } /* ====================== END QUICK CONTACT ====================== */ /* ====================== START HOME ====================== */ .box-sections { width:305px; } .box-sections-border { width:285px; padding-right:20px; border-right:1px solid #D4D4D4; } .box-sections, .box-sections-border { float:left; margin:30px 20px 0 0 } .box-sections h3, .box-sections h2, .box-sections-border h3, .box-sections-border h2 { margin-top:0 !important; line-height:0; } .box-sections h5, .box-sections-border h5 { margin:0 0 10px !important; font-size:1.7em } .box-sections p, .box-sections-border p { clear:both } .box-sections img.thumb, .box-sections-border img.thumb { width:262; height:139px; padding:3px; border:1px solid #ccc } /* ====================== END HOME ====================== */ /* ====================== START PAGINATION ====================== */ .general-pagination { /*height:18px;*/ margin:0 auto; text-align:center; } .general-pagination span { display:none; } .general-pagination a { display:inline-block; margin-right:4px; padding:0 5px; line-height:17px; text-align:center; background:url('images/bg/bg-pagination.png') top repeat-x; border:1px solid #aeaeae; color:#918e8e; font-size:12px; } .general-pagination a.selected { background-position:0 -18px; color:#3e3c3c; } .general-pagination a:hover { background-position:0 -36px; color:#3e3c3c; } /*border-radius*/ .general-pagination a, .general-pagination span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } /* ====================== END PAGINATION ====================== */ /* ====================== START ACCORDION SLIDER ====================== */ ul.accordion-slider { list-style:none; clear:both; margin:20px 0 30px; background:url('images/bg/bg-accordion-slider.png') repeat-x; border:1px solid #e0dcdc; height:285px; overflow:hidden; } .no_js ul.accordion-slider li { float:left; border-right:1px solid #fbfafa; border-left:1px solid #e4e4e4; margin:0; padding:0; display:inline; width:auto; } .yes_js ul.accordion-slider li { margin:0; padding:0; display:inline; } ul.accordion-slider li:first-child, ul.accordion-slider li.first { border-left:none; } ul.accordion-slider li:last-child, ul.accordion-slider li.last { border-right:none; } ul.accordion-slider li .photo-preview, ul.accordion-slider li .handle { padding:12px; width:128px; float:left; cursor:pointer; border-left:1px solid #e4e4e4; } ul.accordion-slider li:first-child .photo-preview, ul.accordion-slider li:first-child .handle, ul.accordion-slider li.first .photo-preview, ul.accordion-slider li.first .handle { border-left:0; } ul.accordion-slider li.accordion-closed .description { display:none; position:relative; } ul.accordion-slider li h5 { margin:0; line-height:16px; } ul.accordion-slider li p.profile { margin:5px 0 0; font-size:11px; line-height:14px; color:#4c4c4c; } /*for script*/ ul.accordion-slider li .contentContainer {padding-left:0px;float:left;width:0px;height:285px;overflow:hidden;} .contentWrapper{ } ul.accordion-slider li .contentInnerWrapper {margin:8px 8px 8px 0;} ul.accordion-slider li .contentInnerWrapper p {margin-top:0; font-size:12px; line-height:20px; } /*border-radius*/ ul.accordion-slider { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } /* ====================== END ACCORDION SLIDER ====================== */ /* ====================== START PORTFOLIO ====================== */ #portfolio { list-style:none; margin:0; } #portfolio li { width:90px; margin:10px 5px 5px 0; display:block; float:left; } #portfolio li.last { margin-right:0 } #portfolio li .thumb { display:block; padding:5px; height:80px; width:80px; border:1px solid #c5c1c1; overflow:hidden; position:relative; } #portfolio li .shadow-thumb { height:19px; background:url('images/bg/shadow-portfolio.png') no-repeat top center; margin:-1px 0 0; } #portfolio li img { width:80px; height:80px; border:0; padding:0 } #portfolio li h5, #portfolio-bigimage h5 { margin:8px 0; clear:both; text-transform:none; letter-spacing:0px; font-weight:normal; } #portfolio li h5 a, #portfolio-bigimage h5 a { color:#858484 } #portfolio li h5 a:hover, #portfolio li h5 strong, #portfolio-bigimage li h5 a:hover, #portfolio-bigimage li h5 strong { color:#5a5a5a; text-decoration:none } #portfolio li p { margin-bottom:15px; font-size:1em } #portfolio li p img { display:block } a.zoom { position:absolute; width:80px; height:80px; left:5px; top:5px; /*text-indent:-9999px;*/ background:#000 url('images/icons/zoom.png') center no-repeat } a.video a.zoom { background:#000 url('images/icons/play.png') center no-repeat } #portfolio-bigimage { margin-top:50px } #portfolio-bigimage img { float:left; width:617px; padding:5px; border:1px solid #cacaca; margin:0 40px 60px 0 } #portfolio-bigimage h3 { clear:none; margin-top:0 !important; font-size:2.3em } #portfolio-bigimage h3 a { text-decoration:none } .portfolio-slider { margin:30px 0 40px 0 } .portfolio-slider ul { list-style:none } .portfolio-slider li { height:118px; width:205px; border:1px solid #cacaca !important; padding:5px !important; display:block; float:left; margin-right:6px; position:relative } .portfolio-slider li a { display:block; width:205px; height:118px; overflow:hidden; } .portfolio-slider li a img { border:0 !important; padding:0 !important } .portfolio-slider li a.thumb { position:relative; } div.ppt { display:none !important } /* ====================== END PORTFOLIO ====================== */ /* ====================== START PORTFOLIO GALLERY ====================== */ .gallery-wrap { position:relative; } #portfolio-gallery { list-style:none; margin:0; width:106%; overflow:hidden; } #portfolio-gallery li { display:inline-block; float:left; margin:0 35px 0 0; width:201px; height:315px; position:relative; } .layout-sidebar-no #portfolio-gallery li { margin:0 50px 0 0; } #portfolio-gallery li .post-thumb a { display:block; width:179px; height:179px; padding:10px; border:1px solid #b2b0b0; } #portfolio-gallery li .post-thumb img { border:0; padding:0; } #portfolio-gallery li .post-thumb .shadow-thumb { width:199px; height:27px; background:url('images/bg/shadow-gallery.png') bottom center no-repeat; } #portfolio-gallery li h6 { font-style:italic; } #portfolio-gallery li p { color:#656262; font-size:90%; } #portfolio-gallery li h6, #portfolio-gallery li p { margin:0; } #content .gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;} /* ====================== END PORTFOLIO GALLERY ====================== */ /* ====================== START SIDEBAR ====================== */ .sidebar h3 { } .sidebar li { border-bottom:1px solid #bdbdbc; padding:6px 0; } .home .sidebar li { border:0; } .sidebar .recent-posts ul { list-style:none; margin:0; } .sidebar .recent-posts li { height:55px; padding-left:50px; background:url('images/icons/note.png') no-repeat left center; margin-bottom:25px; } .sidebar .tweets-widget li { border:0; margin-bottom:20px; } #gallery_categories_widget li { border:0; } /* ====================== END SIDEBAR ====================== */ /* ====================== START BLOG ====================== */ h3.title-blog { float:left; display:inline-block; width:480px; font-size:18px; margin:0 !important; text-transform:none; line-height:0.5em; padding-bottom:6px } h3.title-blog a { color:#555555; font-weight:bold; font-size:18px; vertical-align:text-bottom; } h3.title-blog a:hover { text-decoration:underline; } .day, .mon-year { float:right; display:inline-block; color:#979797; text-transform:uppercase } .day { width:45px; font-size:36px; font-family:Arial; padding:8px 10px 10px 0; font-weight:bold; border-right:1px solid #cacaca; text-align:right; } .mon-year { font-size:18px; text-align:justify; padding:0 0 0 10px; letter-spacing:2px; line-height:22px; } .mon-year span { letter-spacing:6px } p.meta { margin-bottom:0; line-height:16px } p.meta span { height:16px; margin:8px 5px 30px 0 } p.meta span.tags { padding-left:20px; background:url('images/icons/mark.png') no-repeat } p.meta span.comment { padding-left:20px; background:url('images/icons/comment-icon.png') no-repeat } p.tags { padding-left:30px; background:url('images/article.png') no-repeat left center } #content p.left { width:400px } .space-content { height:20px } div.hentry .line, div.sticky .line { margin:0 } div.hentry .hentry-post, div.sticky .hentry-post { margin-bottom:40px; border-bottom:1px solid #cacaca; } div.hentry .featured-image, div.sticky .featured-image { margin-bottom:0; } div.hentry .featured-image img, div.sticky .featured-image img { margin-bottom:0 !important; } div.hentry .wp-post-image, div.sticky .wp-post-image { margin-right:auto !important; padding:5px; border:1px solid #c5c4c4; } div.hentry .shadow-blog-img, div.sticky .shadow-blog-img { background:no-repeat center -1px; clear:both; } div.hentry .shadow60, div.sticky .shadow60 { height:8px; background-image:url('images/shadows-blog/60.png'); } div.hentry .shadow100, div.sticky .shadow100 { height:9px; background-image:url('images/shadows-blog/100.png'); } div.hentry .shadow150, div.sticky .shadow150 { height:18px; background-image:url('images/shadows-blog/150.png'); } div.hentry .shadow300, div.sticky .shadow300 { height:20px; background-image:url('images/shadows-blog/300.png'); } div.hentry .shadow600, div.sticky .shadow600 { height:26px; background-image:url('images/shadows-blog/600.png'); } div.hentry .shadow960, div.sticky .shadow960 { height:28px; background-image:url('images/shadows-blog/960.png'); } .recent-post { margin-top:20px } .recent-post div.link { display:block; height:77px; font-size:1.2em; margin-bottom:2em } .recent-post div.link:last-child { margin-bottom:0; } .recent-post .thumb-img { float:left; margin-right:10px; } #content .recent-post .thumb-img img { padding:3px !important; border:1px solid #d7d2d2; float:none; } .recent-post .thumb-img .thumb-shadow { width:100%; height:14px; background:url('images/bg/shadow-thumb-recentposts.png') no-repeat center top; margin:-8px 0 0; } .recent-post p, .recent-post small { color:#656262; } .recent-post p { margin:0; line-height:22px; } .recent-post p a { font-size:12px; line-height:22px; } h4.title-widget-blog { margin-bottom:0em !important } p.list-tags {line-height:40px;margin-top:20px;border-top:1px solid #dcdbdb;padding-left:30px;background:url('images/icons/article.png') left center no-repeat} /*more-link*/ .hentry a.more-link, .sticky a.more-link { padding:10px; margin-top:10px; text-align:center; border:1px solid #dbd8d8; background:#f3f3f3; color:#605f5f; display:inline-block; height:16px; line-height:16px } .hentry a.more-link:hover, .sticky a.more-link:hover { border:1px solid #dbd8d8; background:#eae7e7; text-decoration:none } /* =Asides */ .home #content .format-aside p, .home #content .category-asides p {font-size: 14px;line-height: 20px;margin-bottom: 10px;margin-top: 0;} .home .hentry.format-aside, .home .hentry.category-asides {padding: 0;} .home #content .format-aside .entry-content, .home #content .category-asides .entry-content {padding-top: 0;} /* =Gallery listing*/ .format-gallery .size-thumbnail img, .category-gallery .size-thumbnail img {border: 10px solid #f1f1f1;margin-bottom: 0;} .format-gallery .gallery-thumb, .category-gallery .gallery-thumb {float: left;margin-right: 20px;margin-top: -4px;} .home #content .format-gallery .entry-utility, .home #content .category-gallery .entry-utility {padding-top: 4px;} /*half page ul*/ ul.ul-half-blog { margin:0; } ul.ul-half-blog li { list-style-type:none; width:50%; float:left; text-align:center } ul.ul-half-blog li div { height:230px } ul.ul-half-blog li img { display:block; margin-left:auto; margin-right:auto } /*Author Bio Box*/ div#author-info { background:#eaeaec; padding:10px; margin:0 0 15px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; overflow:auto; } div#author-info div#author-image { float:left; margin:0 10px 5px 0; } div#author-info div#author-bio h4 { margin-top:0; display:inline; } div#author-info div#author-bio div#author-social { float:right; } div#author-info ul { list-style:none; } /* ====================== END BLOG ====================== */ /* ====================== START TESTIMONIALS WIDGET ====================== */ .testimonial-widget { position:relative; } .testimonial-widget div.testimonial-text p { color:#3d3838; } .testimonial-widget div.testimonial-text { background:#f8f7f7 url('images/bg/gradient-testimonial.png') repeat-x top; border:1px solid #cfcfcf; height:auto; padding:20px 20px; } .testimonial-widget .bullet { background:url('images/bg/bullet-testimonials.png') no-repeat center; width:52px; height:25px; margin:-1px 0 0 80px; position:relative; } .testimonial-widget .name-testimonial { margin:-20px 0 0 150px; } .name-testimonial span.title, .name-testimonial span.website a { font-size:16px; text-align:left; display:block; line-height:24px; } .name-testimonial span.title { color:#161616; } .name-testimonial span.website a { } #footer .testimonial-widget li { border:0; } #footer .testimonial-widget li strong { color:inherit; } /*border-radius*/ .testimonial-widget div.testimonial-text { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } /* ====================== END TESTIMONIALS WIDGET ====================== */ /* ====================== START COMMENTS ====================== */ #comments { } h3#comments-title {margin:10px 0; border-bottom:1px solid #d7d7d7; } h3#comments-title span {font-size:1em;} .comment-container {padding:10px;border:1px solid #d8d7d7;} .comment-author {float:left;margin:25px 10px 0 10px;} .comment-author img {border:1px solid #d7d7d7;margin:0 !important;padding:3px;} .comment-body p {margin-bottom:5px !important} .fn {font-style:normal;text-align:center;font-size:90%;display:block;} /*comments visitors*/ .comment-meta {margin:1px 0 1px 110px;padding:20px 20px 10px;border-left:1px solid #d8d7d7;min-height:115px;} .comment-metaTextarea {position:relative;margin:0 0 15px 120px;width:422px;padding:20px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;behavior:url(http://www.yourinspirationweb.com/tf/bolder/wp-content/themes/bolder/PIE.htc);} em.moderation {float:right;clear:right;font-size:85%;} /*.comment-meta p {font-size:0.83em;color:#363533;} */ .contentMetaData {width:100%;height:30px;} .intro {width:100%;height:25px;margin-bottom:5px} .commentNumber {float:right;font-size:150%;color:#bebcbd;} .commentDate {float:left;margin:0 0 0px 0;} ol.commentlist,li.comment {margin:0 0 0 /*60px*/ 0;padding:0;list-style-type:none!important;} li.comment ul.children {margin-left:6.5em;} li.comment ul.children li {margin:20px 0 0 0;} .shadow-avatar-comment {height:16px;background:url('images/bg/shadow-avatar.png') no-repeat center top;clear:both;} /*comments author*/ .bypostauthor .comment-container, .bypostauthor .comment-container .children,.bypostauthor .children .bypostauthor .comment-container, .bypostauthor .children .bypostauthor .children .comment-container,.bypostauthor .children .bypostauthor .children .bypostauthor .comment-container, .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .comment-container, .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .comment-container {background-color:#f4f4f4;} /*comments visitors*/ .comment-container .children, .bypostauthor .children .comment-container,.bypostauthor .children .bypostauthor .children .comment-container, .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-container, .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-container {background-color:#fff;} /*comments link*/ /*.comment-meta a:link, .comment-meta a:visited {color:#9a052a;text-decoration:none;} .comment-meta a:active, .comment-meta a:hover {color:#8c0106;} /*trackback*/ #trackbacks {} ol.trackbacklist {margin:10px 35px;} ol.trackbacklist li {padding:10px 0; width:100%; } /* ====================== END COMMENTS ====================== */ /* ====================== START RESPOND ====================== */ #respond {margin:60px 0 30px;} #respond textarea {border:1px solid #d8d7d7;background-color:#fff;height:135px;padding:10px;} #respond textarea {width:485px;margin:0 0 10px 10px;float:right;} #respond input {border:1px solid #d8d7d7;background-color:#fff;height:20px;padding:10px;width:485px;margin:0 0 10px 10px;float:right;} p.form-submit { padding:0!important; float:right; } #respond .containerPost {font-size:1.1em} img.comment-avatar {margin:20px 0 0 0;border:1px solid #ccc; padding:3px} div.shadow-comment-avatar {width:70px;height:14px;background:url('images/bg/shadow-avatar.png') no-repeat center top;} #commentform {width:640px;} #commentform label {width:101.5px;clear:left;display:block;float:left;font-size:1em;line-height:40px;margin:0;text-align:left;vertical-align:middle;} #commentform p {padding:10px 0 0px;margin-bottom:0;clear:both;} #commentform p.form-submit {border-bottom:none;} #commentform p.comment-form-author label,#commentform p.comment-form-email label,#commentform p.comment-form-url label {height:38px;} #commentform p.comment-form-comment label {height:155px;line-height:0;} /* ====================== END RESPOND ====================== */ /* ====================== START REPLY COMMENTS ====================== */ .reply {text-align:right;margin:25px 0 0 0;} /*.depth-3 {width:466px;} .depth-3 .comment-meta {width:305px;} .depth-4 {width:475px;} .depth-4 .comment-meta {width:310px;} .depth-5 {width:435px;} .depth-5 .comment-meta {width:270px;} */ .form-reply p {text-align:right;padding-bottom:5px;margin-right:24px;} .form-reply p small {text-align:left;} #reply-title small a {font-size:50%;} /* ====================== END REPLY COMMENTS ====================== */ /* ====================== START SEARCHBOX ====================== */ #searchform { margin:10px 0 30px 0 } #searchform .screen-reader-text { display:none } #searchform input {border:1px solid #ccc;color:#666;} input#searchsubmit {cursor:pointer;width:75px;padding:4px;border:0;} input#s { width:200px; padding:5px; } /* ====================== END SEARCHBOX ====================== */ /* ====================== START CONTACT FORM ====================== */ #content .contact-form { margin-top:20px; } #content .contact-form ul { margin:0; list-style:none; } #content .contact-form li { width:100%; margin-bottom:10px; } #content .contact-form li.half { width:280px; } #content .contact-form li.on-left { float:left; } #content .contact-form li.on-right { float:right; } #content .contact-form li.your-name .label { padding-right:10px; } #content .contact-form li.textarea-field { clear:both; } #content .contact-form label span.label { text-transform:uppercase; font-size:20px; font-weight:bold; letter-spacing:-2px; line-height:18px; } #content .contact-form label span.sublabel { text-transform:none; font-size:14px; font-weight:normal; letter-spacing:-1px; } #content .contact-form li.text-field input, #content .contact-form li.checkbox-field input, #content .contact-form li.file-field input, #content .contact-form li select, #content .contact-form li textarea { border:2px solid #cecbcb; margin-top:5px; padding:10px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #content .contact-form li.text-field input, #content .contact-form li select { width:258px; } #content .contact-form li select { padding:10px; } #content .contact-form li textarea { width:620px; height:150px; } #content .contact-form li .icon { padding-right:52px; background-repeat:no-repeat; } #content .contact-form li input.icon { background-position:240px center; } #content .contact-form li textarea.icon { background-position:602px 15px; } #content .contact-form li .icon { width:216px; } #content .contact-form li textarea.icon { width:578px; } #content .contact-form li input.error, #content .contact-form li textarea.error, #content .contact-form li select.error { background-image:url('images/icons/error.png'); border:2px solid #770808; } #content .contact-form li input.success, #content .contact-form li textarea.success, #content .contact-form li select.success { background-image:url('images/icons/success.png'); } #content .contact-form li div.msg-error { font-style:normal; font-size:11px; color:#770808; height:14px; } #content .contact-form li.submit-button input { display:block; border:1px solid #fff; outline:1px solid #707070; font-size:16px; height:40px; line-height:40px; padding:0 10px; background:url('images/bg/gradient-sendemail-submit.png') repeat-x top left; cursor:pointer; } #content .contact-form li.submit-button input:hover { background-position:0 -40px; } #content .contact-form li.submit-button input[disabled] { color:#ddd; } #content .contact-form label, #content .contact-form input, #content .contact-form textarea { color:#4c4c4c; } #content .contact-form p.success, #content .contact-form p.error { padding:10px 15px 10px 55px; border:1px solid; margin:0 auto 15px; background:no-repeat 15px center; width:400px; } #content .contact-form p.success { background-color:#effea9; border-color:#d7ee6e; color:#839607; background-image:url('images/icons/tick_contact.png'); } #content .contact-form p.error { background-color:#fedccd; border-color:#fa8c83; color:#c82c1f; background-image:url('images/icons/error.png'); } /* submit alignment */ .contact-form li.submit-button input.alignleft { float:left; } .contact-form li.submit-button input.alignright { float:right; } .contact-form li.submit-button input.aligncenter { margin:0 auto; } /*border-radius*/ #content .contact-form p.success, #content .contact-form p.error { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } /* ====================== END CONTACT FORM ====================== */ /* ====================== START CONTACT SIDEBAR ====================== */ #phone-icon, #fax-icon { font-size:1.8em !important; padding-left:42px !important } #phone-icon { background:url('images/icons/phone.png') no-repeat left center } #fax-icon { background:url('images/icons/fax.png') no-repeat left center } .sidebar address { background:url('images/icons/globe.png') no-repeat left center; padding-left:36px; font-size:1.2em; min-height:30px } a.socials, a.socials-small { display:inline-block; margin-right:0; text-indent:-9999px; text-align:left; } a.socials { width:32px; height:32px; background-position:0 -32px !important; } a.socials-small { width:18px; height:18px; background-position:0 -18px !important; } a.socials:hover, a.socials-small:hover { background-position:0 0 !important } a.facebook { background:url('images/icons/facebook.png') no-repeat } a.rss { background:url('images/icons/rss.png') no-repeat } a.blogger { background:url('images/icons/blogger.png') no-repeat } a.delicious { background:url('images/icons/delicious.png') no-repeat } a.flickr { background:url('images/icons/flickr.png') no-repeat } a.stumble { background:url('images/icons/stumble.png') no-repeat } a.vimeo { background:url('images/icons/vimeo.png') no-repeat } a.yahoo { background:url('images/icons/yahoo.png') no-repeat; } a.youtube { background:url('images/icons/youtube.png') no-repeat; position:relative; } a.twitter { background:url('images/icons/twitter.png') no-repeat } a.linkedin { background:url('images/icons/linkedin.png') no-repeat } a.facebook-small { background:url('images/icons/small-socials/facebook.png') no-repeat } a.rss-small { background:url('images/icons/small-socials/rss.png') no-repeat } a.blogger-small { background:url('images/icons/small-socials/blogger.png') no-repeat } a.delicious-small { background:url('images/icons/small-socials/delicious.png') no-repeat } a.flickr-small { background:url('images/icons/small-socials/flickr.png') no-repeat } a.stumble-small { background:url('images/icons/small-socials/stumble.png') no-repeat } a.vimeo-small { background:url('images/icons/small-socials/vimeo.png') no-repeat } a.yahoo-small { background:url('images/icons/small-socials/yahoo.png') no-repeat } a.youtube-small { background:url('images/icons/small-socials/youtube.png') no-repeat } a.twitter-small { background:url('images/icons/small-socials/twitter.png') no-repeat } a.linkedin-small { background:url('images/icons/small-socials/linkedin.png') no-repeat } /* ====================== END CONTACT SIDEBAR ====================== */ /* ====================== START FOOTER ====================== */ #footer { /*background:#cecece url('images/bg/bg-footer.png') top repeat-x;*/ } #footer .inner { /*background:url('images/bg/gradient-footer.png') top center no-repeat;*/} #footer h2 { color:#141414; margin-top:26px; font-weight:normal; } #footer p { color:#272727 } #footer ul { list-style:none; margin:0; } #footer ul li { padding:10px 0; border-bottom:1px solid #aba9a9; border-top:1px solid #e8e7e7; } #footer ul li.first, #footer ul li:first-child {border-top:none;padding-top:0;} #footer ul li.last, #footer ul li:last-child {border-bottom:none;} #footer ul.menu li { padding-left:15px; background:url('images/icons/arrow-right-grey.png') no-repeat center left; } #footer ul.menu a { color:#2c2d2d; } #footer ul.menu a:hover { text-decoration:none; } #footer strong { color:#fff; } /* centered footer */ #footer-centered { background:#fff; text-align:center; } #footer-centered .inner { border-top:1px solid #dfdfdf; padding:30px 0; } #footer-centered ul { margin:0; list-style:none; } #footer-centered li { padding:0 10px; border-right:1px solid #acabab; line-height:12px; display:inline; } #footer-centered ul, #footer-centered p { margin-bottom:15px; } #footer-centered ul, #footer-centered p, #footer-centered a { font-size:12px; } #footer-centered li:last-child { border-right:0; } /* quick contact */ #footer .quick-contact-widget .widget { width:100%; } #footer .quick-contact-widget form { width:105%; } #footer .quick-contact-widget ul { list-style:none; margin:0; } #footer .quick-contact-widget li { border:0; position:relative; float:left; padding:0; margin:0 20px 20px 0; } #footer .quick-contact-widget input, #footer .quick-contact-widget textarea { background-color:#aeadad; padding:10px 1px 10px 42px; width:262px; } #footer .quick-contact-widget input, #footer .quick-contact-widget textarea, #footer .quick-contact-widget .last { border:1px solid #e1e1e1 !important; } #footer .quick-contact-widget textarea { width:589px; height:132px; } #footer .quick-contact-widget label { position:absolute; left:42px; top:0; line-height:38px; color:#565656; cursor:text; } #footer .quick-contact-widget input, #footer .quick-contact-widget textarea { background-repeat:no-repeat; } #footer .quick-contact-widget textarea { background-image:url('images/icons/pencil-grey-contact.png'); background-position:10px 10px; } #footer .quick-contact-widget .card input { background-image:url('images/icons/name-icon.png'); background-position:10px 6px; } #footer .quick-contact-widget .letter input { background-image:url('images/icons/mail-grey-contact.png'); background-position:10px 10px; } #footer .quick-contact-widget .last { margin-right:0; } #footer .quick-contact-widget li.submit-button { margin-bottom:0; width:634px; } #footer .quick-contact-widget li.submit-button input { display:block; background-color:#9d9999; text-shadow:1px 1px 1px rgba(255,255,255,0.34); margin-right:0; margin-bottom:0; width:auto; padding:10px; text-transform:uppercase; font-family:'Lucida Sans'; border:0px; cursor:pointer; } #footer .quick-contact-widget li.submit-button input:hover { background-color:#b4b4b4; } #footer .quick-contact-widget li.submit-button input[disabled] { color:#ddd; } #footer .quick-contact-widget input.error, #footer .quick-contact-widget textarea.error { border:1px solid #BF0E0E !important; } .quick-contact-widget .usermessagea p.error { background:#FFD0D0; border:1px solid #990000; color:#990000 !important; } .quick-contact-widget .usermessagea p.success { background:#D0FFD3; border:1px solid #00990E; color:#00990E !important; } .quick-contact-widget .usermessagea p.error, .quick-contact-widget .usermessagea p.success { padding:5px 15px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } /*flickr*/ .flickr img { width:56px; height:56px; padding:3px; background-color:#bcbbbb; border:1px solid #ececec; float:left; margin:0 12px 12px 0; } /* ====================== END FOOTER ====================== */ /* ====================== START COPYRIGHT ====================== */ #copyright { background-color:#848383; margin-top:0; } #copyright p { line-height:18px; color:#fff; padding:20px 0; margin:0; } #copyright p.right { text-align:right; } #copyright p.right img { padding:5px 0 5px 0; float:right; } #copyright p.right span.footer-links { float:right; } #copyright p.right span.footer-built-by { padding:5px; background-color:#FDD42F; float:right; color:#535252; clear:both; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } #copyright p.right span.dmark-copyright { float:right; padding-right:5px; margin-top:-9px } #copyright a { color:#eee; } #copyright a:hover { text-decoration:underline; } /* ====================== END COPYRIGHT ====================== */ /* === TICKER === */ #news-ticker { width:960px; margin:0 auto; z-index:0; border-bottom:1px solid #fff; padding-bottom:3px; padding-top:3px; } #news-ticker li { background-color:#EFEEEE; border:1px solid #D2D0D0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:3px 0 3px 157px; padding:3px 3px 0 3px; width:794px; list-style:none; line-height:1.6em; } #news-ticker .tickerDate { color:#464444; letter-spacing:-1px; font-weight:bold; } #news-ticker .tickerLink a { color:#3333ff; } #news-ticker .tickerLink a:hover, .tickerText a:hover { color:#0000ff; } #news-ticker .tickerText { font-style:italic; } #news-ticker .tickerText a { color:#3333ff; } #news-ticker .tickerImg { float:right; margin-top:2px; margin-left:10px; } #news-ticker .tickerImg img { height:93px; width:150px; } /* ====================== START 404 ====================== */ .p404 { padding-bottom:10px; } .p404 p { text-align:center; color:#535252; } .p404 p a { color:#33F } .p404 p a:hover { text-decoration:underline } .p404 h1 { font-size:4.6em; line-height:110px; border-bottom:1px solid #cacaca; text-align:center; margin-top:0 !important } .p404 strong { font-size:2.5em; } .p404 h3 { margin:10px auto 10px !important; font-size:1.8em; text-align:center; color:#ff0000 } .p404 img { border:0 !important; vertical-align:middle } .p404 input { text-align:left !important } /* ====================== END 404 ====================== */ /*Styling Images*/ div.alignright, img.alignright {float:right!important; margin:0 0 0.5em 1.5em;display:inline;} div.alignleft, img.alignleft {float:left!important;margin:0 1.5em 0.5em 0;display:inline;} div.aligncenter, img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right!important; margin:0 0 0.5em 1.5em} a img.alignleft {float:left!important; margin:0 1.5em 0.5em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} p.wp-caption-text {font-style:italic;} img.wp-smiley {border:0 !important;padding:0 !important} /* Extras */ .left{float:left!important;margin-right:50px;} .right{float:right!important;margin-right:50px;} .nomargin{margin:0} .nopadding{padding:0} .last, .widget-last {margin-right:0!important;border-right:0!important;} /* icons */ h2.icon { padding-left:46px; background:no-repeat left center } h2.cart-grey { background-image:url('images/icons/cart-grey.png') } /* ====================== START SHORTCODE ====================== */ hr {margin:40px auto;width:600px;border:1px dotted #ccc;clear:both} code, pre {background-color:#e8ebec;text-align:left;border:1px dotted #bbb;color:#333;font:13px/18px Consolas,"Courier New",Courier,monospace;min-height:30px;margin-bottom:15px;padding:18px 5px;} /*column*/ .one-fourth {float:left;width:225px;margin-right:19px;} .one-third {float:left;width:305px;margin-right:19px;} .two-third {float:left;width:635px;margin-right:19px;} .two-fourth {float:left;width:465px;margin-right:19px;} /*bullet*/ ul.short {margin:20px 0;padding:0;list-style-type:none;} ul.short li {padding:0 0 0 25px;margin:0 0 0 5px;} ul.star li {background:url('images/icons/bullet/star.png') no-repeat center left;} ul.arrow li {background:url('images/icons/bullet/arrow.png') no-repeat center left;} ul.check li {background:url('images/icons/bullet/check.png') no-repeat center left;} ul.add li {background:url('images/icons/bullet/add.png') no-repeat center left;} ul.info li {background:url('images/icons/bullet/info.png') no-repeat center left;} /*alert message*/ div.box {font-size:108.3%;margin:2px 0 15px;padding:20px 15px 20px 65px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;/*behavior:url(http://www.yourinspirationweb.com/tf/bolder/wp-content/themes/bolder/PIE.htc);*/} div.success-box {background:url("images/icons/message/check.png") no-repeat 15px center #ebfab6;border:1px solid #bbcc5b;color:#599847;} div.arrow-box {background:url("images/icons/message/arrow.png") no-repeat 15px center #ebfab6;border:1px solid #bbcc5b;color:#599847;} div.alert-box {background:url("images/icons/message/alert.png") no-repeat 15px center #fbdd96;border:1px solid #e5af51;color:#ca6b1c;} div.error-box {background:url("images/icons/message/error.png") no-repeat 15px center #fdd2d1;border:1px solid #f6988f;color:#883333;} div.notice-box {background:url("images/icons/message/note.png") no-repeat 15px center #f9ebca;border:1px solid #e5b2ac;color:#9f6722;} div.info-box {background:url("images/icons/message/info.png") no-repeat 15px center #e6ebf0;border:1px solid #89becd;color:#277dce;} /*buttons*/ .wall-of-buttons {margin:0 auto;width:100%;text-align:left;} a.button {display:inline-block;margin:0 5px 19px 0;} .button {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;behavior:url(http://www.yourinspirationweb.com/tf/bolder/wp-content/themes/bolder/PIE.htc);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);background:url('images/overlay-button.png') repeat-x 0 0 #222; border-bottom:1px solid rgba(0,0,0,0.25);color:#fff!important;cursor:pointer;display:inline-block;font-size:13px;font-weight:bold; line-height:1;overflow:visible;padding:5px 15px 6px;position:relative;text-decoration:none;text-shadow:0 -1px 1px rgba(0,0,0,0.25);width:auto;} .orange.button {background-color:#ff5c00;} .orange.button:hover {background-color:#d45500;} .blue.button {background-color:#2daebf;} .blue.button:hover {background-color:#007d9a;} .green.button {background-color:#91bd09;} .green.button:hover {background-color:#749a02;} .red.button {background-color:#e33100;} .red.button:hover {background-color:#872300;} .yellow.button {background-color: #ffb515;} .yellow.button:hover {background-color:#fc9200;} .magenta.button {background-color:#a9014b;} .magenta.button:hover {background-color:#630030;} .button:hover {background-color:#111;} .large.button {font-size:18px;padding:8px 19px 9px;} .small.button {font-size:11px;} .button:hover,.button:active {text-decoration:none;} /*toggle*/ .toggle { margin:30px 0 24px; } .toggle p.tab-index { padding-bottom:16px; margin-bottom:10px; border-bottom:1px solid #d7d7d7; } .toggle p.tab-index a { display:block; height:16px; line-height:16px; font-weight:bold; font-size:14px; background:url('images/icons/arrow.png') left center no-repeat; padding:0 0 0 25px; cursor:pointer; color:#3e3e3e; } .toggle p.tab-index a.tab-opened { background:url('images/icons/arrow-bottom.png') left center no-repeat; } .toggle p.tab-index a:hover { text-decoration:none; } .toggle .content-tab p { padding:18px 10px; background:#f3f2f2; border:1px solid #d7d7d7; margin-top:0; } .toggle .content-tab .arrow { height:12px; width:24px; background:url('images/icons/arrow-up.png') no-repeat; margin:0 0 -1px 20px; position:relative; } /*tabs*/ ul.tabs {list-style-type:none;margin:0;padding:0;height:58px;} ul.tabs li {background-color:#d8d8d5;width:20%;height:58px;line-height:58px;display:block;float:left;text-align:center;border:solid #b6b6b6;border-width:1px 1px 1px 0px;} ul.tabs li {display:block;float:left;height:58px;} ul.tabs li.ui-state-hover {background-color:#eee} ul.tabs li.ui-state-active {background:url('images/bg/tab/open-tab.png') repeat-x top center #fff;border-bottom:1px solid #fff;position:relative;z-index:100;top:0;left:0;} ul.tabs li:first-child {border-left:1px solid #b6b6b6 !important;} ul.tabs li:last-child {border-right:1px solid #b6b6b6 !important;} .tabs-container div.panel {padding:20px 20px 10px;} #content ul.tabs li h4 {margin:0;padding:0;text-align:center;line-height:58px;} #content .tabs-container div.panel h5 {margin-top:0.8em;} .tabs-container div.panel p {margin:0;} .tabs-container div.border-box {position:relative;top:1px;left:0;border:1px solid #b6b6b6 !important;z-index:0;background:#FFF;} .ui-tabs-hide {display:none} #content ul.tabs h4 a:link,#content ul.tabs h4 a:visited {color:#535252;} #content ul.tabs h4 a:hover,#content ul.tabs h4 a:active {text-decoration:none;} /*prices table*/ .price-table {background:#fff url('images/bg/tab-price-gradient.png') repeat-x; width:310px; border:1px solid #d2d0d0; margin:0 0 20px; moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;} .price-table .head {height:60px;text-align:center;border-bottom:1px solid #d2d0d0; moz-border-top-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius:6px; moz-border-top-right-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius:6px;} .price-table .head p {text-transform:uppercase;margin:0 !important;padding:0 !important;line-height:4em;font-size:16px;} .price-table .head p.price {font-size:4em;margin:0 !important;line-height:0.4em;text-align:center;padding:0;} .price-table .body {padding:5px 5px 20px 5px;} .price-table .body p { padding:5px; text-align:center; line-height:16px } .price-table .body p img { margin-bottom:10px; } /*.price-table .body ul {list-style:none;margin:0 0 20px;} .price-table .body li {padding:10px 0 10px 35px;background:url('images/icons/tick20.png') left center no-repeat;line-height:20px;}*/ .price-table .body .more {text-align:center;padding:0!important;margin:0!important;} .price-table .body .more a {padding:5px 10px;text-align:center;border:1px solid #dbd8d8;background:#f3f3f3;color:#999;display:inline-block;width:auto;height:16px;line-height:16px;text-transform:uppercase;font-size:110%;} .price-table .body .more a:hover {background:#eee;color:#605f5f;text-decoration:none;border:1px solid #595856;} .price-table .blue *, .price-table .red *, /*.price-table .grey *,*/ .price-table .green *, .price-table .yellow * {color:#fff} .price-table .grey {background:#efeeee/*#4b4a4a*/} .price-table .blue {background:#07558c} .price-table .red {background:#c21200} .price-table .green {background:#1d7406} .price-table .yellow {background:#7b8904} /*twitter*/ .twitter-container {margin-top:-20px;} ul.tweets-widget {list-style-type:none;margin:0;padding:0;} #footer ul.tweets-widget li {background:url('images/icons/bird-twitter.png') no-repeat 0 30px;margin:0;line-height:20px;min-height:28px;border-bottom:1px solid #aba9a9;border-top:1px solid #e8e7e7;padding:20px 0 20px 40px!important;color:inherit;} ul.tweets-widget li.first {border-top:none;} ul.tweets-widget li.last {border-bottom:none;} ul.tweets-widget li p.meta {font-size:inherit;} /*twitter shortcode*/ .last-tweets-widget ul {list-style-type:none;margin:0;padding:0;} .last-tweets-widget ul li {background:url('images/bg/twitter-bg.png') no-repeat 0 center;margin:0;line-height:20px;min-height:20px;border-bottom:1px dotted #ccc;padding:15px 0 15px 40px;} /*dropcap*/ p.dropcap:first-letter {font-size:220%;display:block;float:left;font-size:40px;line-height:40px;margin:10px 8px 5px 0;} /*quote*/ blockquote p, .cite li {background:url('images/icons/quote.png') no-repeat top left;padding:0 0 0 60px; margin-left:15px; border-left:3px solid #d4d3d3; font-style:italic; color:#424242; line-height:22px; font-size:13px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', helvetica, arial, san-serif; min-height:36px; } .cite {margin:0} /*highlight*/ span.highlight {background-color:#d9d7d6;} /*slider*/ .nivo-slider {position:relative;margin-bottom:35px} .nivo-slider .nivo-slice {position:absolute;} .nivo-slider .nivo-caption { display:none !important; } .nivo-slider img {position:absolute;top:0;left:0;border:0 !important;padding:0 !important;width:100%} .nivo-controlNav {position:absolute;top:102%} .nivo-controlNav a {background:url('images/icons/pagination-slider.png') no-repeat;cursor:pointer;display:block;float:left;height:12px;margin:0 5px 0 0;position:relative;text-indent:-9999px;width:12px;z-index:99;} .nivo-controlNav a:hover, .nivo-controlNav a.active {background-position:0 -12px} /*section caption*/ div.section-caption { width:100%; margin:10px 0 40px; } div.section-caption h4 { color:#636161; text-transform:none; width:170px; padding-right:30px; float:left; font-weight:normal; margin-top:0 } div.section-caption .captions { float:left; width:760px; } div.section-caption .caption { border-left:1px solid #cfcfcf; padding-left:30px; margin-bottom:10px; } div.section-caption .caption h5 { font-style:italic; margin-top:0; line-height:18px; } div.section-caption .captions br { display:none; } /*call to action*/ #cta-banner { background:url('images/bg/cta-line-bk.jpg') repeat-x top left; } .call-to-action { width:960px; height:113px; background:#fff url('images/bg/gradient-call-to-action.png') repeat-x top left; border:1px solid #cbc9c9; position:relative; margin:0 auto; } .call-to-action .incipit, .call-to-action .separate-phone, .call-to-action .number-phone, .cta-contact-us { float:left; padding-left:20px; position:relative; z-index:1 } .call-to-action .incipit h2 { margin:0; font-size:24px; line-height:30px; } .call-to-action .incipit p { color:#464444; font-size:16px; line-height:20px; margin:0; } .call-to-action .separate-phone { margin-left:40px; width:47px; height:96px; background:url('images/icons/phone-call-to-action.png') no-repeat 0 10px; } .call-to-action .number-phone { margin:5px 20px 0 -35px; line-height:32px; font-size:28px; color:#838383; font-weight:bold; font-family:"Arial"; text-shadow:1px -1px 2px rgba(255,255,255,0.83); letter-spacing:-2px; } .call-to-action .decoration-image { position:absolute; right:0; bottom:0; width:100%; height:140%; background:url('https://images.dmark.co.uk/cta-icons/austin-healey-3000-gearbox-cover.png') no-repeat right bottom; } .call-to-action .image { position:absolute; left:0; bottom:-20px; z-index:1; } .call-to-action .cta-latest-news { position:absolute; font-family:'Pacifico', cursive; font-size:26px; left:300px; bottom:0; color:#ff0000; } .call-to-action .cta-latest-news img { position:absolute; bottom:-8px; left:-36px; z-index:8; } /*testimonials*/ .testimonials-list { margin-bottom:45px; } .testimonials-list .thumb-testimonial { float:left; width:240px; text-align:right; } /*.testimonials-list .thumb-testimonial .shadow-thumb { float:right; width:72px; height:16px; background:url('images/bg/shadow-avatar.png') no-repeat top center; }*/ .testimonials-list .thumb-testimonial img { float:right !important; } .testimonials-list .thumb-testimonial p { clear:both; float:left; } .testimonials-list .thumb-testimonial p .title, .testimonials-list .thumb-testimonial p .website { } .testimonials-list .the-post { padding:10px 0 0 45px; background:url('images/bg/sep-testimonials.png') no-repeat left top; margin-left:260px; } /*google maps*/ .google-map-frame iframe { padding:3px; border:1px solid #acabab; } /*styled button icon*/ #content .more-button, #commentform .form-submit { position:relative; margin:10px 0 0; width:201px; height:39px; clear:right; display:inline-block; } #content .bg-button, #content a.more-button, #content .more-button a, #commentform .form-submit { background:transparent url('images/bg/button-more.png') top left no-repeat; } #content a.more-button, #content .more-button a, #content .more-button input, #content .more-button button, #commentform .form-submit input { display:inline-block; width:151px; height:39px; line-height:39px; color:#696969; padding:0 40px 0 8px; text-shadow:1px 1px 0px #fff; border:0; cursor:pointer; font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Arial, san-serif; font-size:12px; text-align: center; } #content a.more-button:hover, #content .more-button a:hover, #content .bg-button:hover, #commentform .form-submit:hover { background-position:0 -39px; color:#383838; } #content .more-button input, #content .more-button button, #commentform .form-submit input { width:201px; background-color:transparent; } #content .more-button .icon { display:block; position:absolute; top:0; right:0; width:34px; height:39px; background:center no-repeat; } #content .more-button .icon-img, #commentform .form-submit input { background-position:125px center; background-repeat:no-repeat; } /*button rtl*/ #content a.more-button-rtl, #content .more-button-rtl a, #content .more-button-rtl input, #content .more-button-rtl button { padding:0 10px 0 40px; background-image:url('images/bg/button-more-rtl-200px.png'); text-decoration:none } #content .more-button-rtl .icon { left:0; right:auto; } /*button icons*/ #commentform .form-submit input, #content .more-button .arrow { background-image:url('images/icons/for_button/arrow.png') } #content .more-button .arrow-left { background-image:url('images/icons/for_button/arrow-left.png') } #content .more-button .remove { background-image:url('images/icons/for_button/remove.png') } #content .more-button .calc { background-image:url('images/icons/for_button/calc.png') } #content .more-button .offer { background-image:url('images/icons/for_button/offer.png') } #content .more-button .gift { background-image:url('images/icons/for_button/gift.png') } #content .more-button .cart { background-image:url('images/icons/for_button/cart.png') } #content .more-button .download { background-image:url('images/icons/for_button/download.png') } #content .more-button .tick { background-image:url('images/icons/for_button/tick.png') } #content .more-button .gallery { background-image:url('images/icons/for_button/gallery.png') } #content .more-button .asd { background-image:url('images/icons/for_button/aston-service-dorset-logo-25x8.png') } #content .more-button .career { background-image:url('images/icons/for_button/career.png') } #content .more-button .portfolio { background-image:url('images/icons/for_button/portfolio.png') } #content .more-button .warning { background-image:url('images/icons/for_button/warning.png') } #content .more-button .dm { background-image:url('images/icons/for_button/dmark.png') } /* ====================== END SHORTCODE ====================== */ .inline-content { display:inline; } /*==== ALBUMS ==== */ .album { list-style:none; margin:0; } .album li { width:90px; margin:0 5px 5px 0; display:block; float:left; } .album li.last { margin-right:0 } .album li .thumb { display:block; padding:5px; height:80px; width:80px; border:1px solid #c5c1c1; overflow:hidden; position:relative; } .album li .thumb .zoom { text-align:center; color:#fff } .album li img { width:80px; height:80px; border:0; padding:0 } .album li p { margin-bottom:15px; font-size:1em } .album li p img { display:block } a.zoom { position:absolute; width:80px; height:80px; left:5px; top:5px; background:#000 url('images/icons/zoom.png') center no-repeat } /*==== BACK TO TOP ==== */ .back-to-top { text-align:right; } /*==== FILTER BY ==== */ .filter-by { font-family:'Pacifico', cursive; font-size: 22px; display:block; float:left; margin-right: 10px; margin-top:-9px } /*==== WHAT WE DO ==== */ .what-we-do { list-style:none; margin:0; } .what-we-do li { display:block; float:left; margin:1px } .what-we-do li p { font-family:'Pacifico', cursive; font-size: 26px; display:block; float:left; } .what-we-do li p img { display: block; } .what-we-do li a p { border:2px solid transparent; padding:6px 3px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:#231a1a; } .what-we-do li a:hover p { border:2px solid #ff0000; padding:6px 3px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:#ff0000; text-decoration:underline; cursor:pointer; } .wwd-slider-img { margin-bottom:10px; margin-right:10px; float:left } /*==== QUOTE NAME ==== */ .qname { color:#231a1a; font-family:'Pacifico', cursive; display:block; float:right; font-size:16px; margin:6px 0px 20px 0px; } /*==== BREADCRUMBS ==== */ p#breadcrumbs { font-size:11px; padding:0 5px 5px 0; display:inline; float:left; height:14px; } /*==== SOCIAL div ==== */ #social { padding:0; margin:0; display:inline; float:right; } #social ul { margin:0px; float:right; padding-top:6px; } #social ul li { list-style-type:none; display:inline-block; float:left; margin:0; padding-top:0; } #social ul li.facebook-like-button { width:138px !important; } #social ul li.google-plus-button div { width:70px !important; } #social ul li.twitter-button iframe { width:90px !important; } #social ul li .fb { bottom:8px; } #social ul li.yt-button { height:32px; margin-top:-5px; padding-left:5px; border-left:1px solid #CFCDCD; } #social ul li.pinterest-follow-button { height:32px; margin-top:-5px; padding-left:5px; } #social ul li.g-page-button { height:32px; margin-top:-5px; padding-left:5px; } /*==== BREADCRUMBS ==== */ #breadcrumb-social { border-bottom:1px solid #CFCDCD; } /*==== ABOUT US ==== */ #about-us { margin:0; } #about-us h2 { float:left; display:inline; margin-top:-5px } #about-us span#name-don { font-family:'Pacifico', cursive; font-size: 20px; color: #F00; display:block; float:right; padding-top:4px; padding-left:15px } .h-red {color: #F00;} .about-us-image { position:absolute; } /*==== PROJECT SLIDER ==== */ .prj-slider { display:inline; float:right; margin:0 0 0.5em 1.5em; } /*==== PROJECT SIG ==== */ .prj-sig { font-family:'Pacifico', cursive; text-align:right; padding:5px 0; border-top:1px solid #CFCDCD; } .prj-sig .more-button-rtl { float:left } .pin-it { margin-top:3px; } .pin-it-slidedeck { margin-top:3px; line-height:20px; } .pin-it-about-us { display:inline; float:right; } .prj-slidedeck-p-img { margin-bottom:0; padding-bottom:0; line-height:0; } /*==== PROJECT SUB HEADERS ==== */ .prj-sub-hdr { border-top:1px solid #CFCDCD; padding-top:5px; margin-top:20px } .prj-sub-hdr h3 { display:inline } .prj-sub-hdr p { font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Arial, san-serif; font-size:11px!important; line-height:14px; color:#9a9a9a } .prj-sub-hdr .more-button-rtl { display:inline; float:right } /*==== PROJECT TOP HEADER ==== */ .prj-top-hdr { padding-top:5px; } .prj-top-hdr h3 { display:inline } .prj-top-hdr p { font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Arial, san-serif; font-size:11px!important; line-height:14px; color:#9a9a9a } .prj-top-hdr .more-button-rtl { display:inline; float:right; } /*==== GOOGLE BOXES ==== */ #google-search-box { position:relative; float:right; margin-top:-112px; margin-right:190px; padding-right:6px; padding-top:2px; padding-bottom:0; z-index:10 } #google-translation-box { width:542px; position:relative; float:right; margin-top:-112px; padding-right:2px; padding-top:2px; padding-bottom:2px; z-index:9; background-color:#f8f8f8/*#fee9a6*/; border-right:2px solid #fff/*#CFCDCD*/; border-left:2px solid #fff; border-bottom:2px solid #fff; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; } #google-translation-box #google_translate_element { float:right; padding: 6px 4px 3px 6px; } #google-translation-box #google_translate_element a { text-decoration:none; } /*==== HOME SLIDER ==== */ .peKenBurns.neutral_light .peKb_slides .peKb_caption { margin:0px 5px 50px 5px; } .peKenBurns.neutral_light .peKb_slides .peKb_caption .peKb_real { padding:15px 400px; } .peKenBurns.neutral_light .peKb_slides .peKb_caption h3 { font-weight:normal !important; margin-left:-140px !important; } .peKenBurns.neutral_light .peKb_slides { background-color:#595856 !important; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .peKenBurns .peKb_logoLabel { top:58% !important; left:-53px !important; } /*==== HOME POSTS ==== */ li.home-page-posts { width:268px; height:140px; line-height:16px; margin-top:4px; border-top:1px solid #595856; } li.home-page-posts img.wp-post-image { float:right; margin-left:6px; } li.home-page-posts p { line-height:16px; } li.home-page-posts p span.home-page-title { } li.home-page-posts p span.home-page-meta { font-size:11px; } li.home-page-posts p.home-page-excerpt { font-size:12px; line-height:18px; } /*==== GALLERIES NEW Hdr ==== */ .gallery-new-hdr { background:url('images/icons/corner-new.png') no-repeat top left; padding-left:25px; display:inline; } #gallery-prompt { margin:0; } #gallery-prompt p { text-align:center; font-style:italic; font-size:12px; } /*==== CATEGORY POSTS ==== */ .cat-post-item { list-style-type:none; background:#f3f2f2; border:2px solid #d7d7d7; padding:5px; margin-bottom:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .cat-post-item .post-p img { display:inline; float:right; padding-left:5px; padding-bottom:5px; } .cat-post-item .post-p .post-title { font-size:16px; line-height:20px } .cat-post-item .post-p span.post-date { font-weight:bold; } .cat-post-item p { margin-bottom:0; margin-top:0; line-height:22px; } /*==== TAGCLOUD ==== .tagcloud a { font-size:14px !important; }*/ /*==== HOME PAGE CONTENT TEXT SIDEBAR WIDGET ==== */ #icon-text-8, #icon-text-9 { background:#f3f2f2; border:1px solid #d7d7d7 !important; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:10px } /*==== IMAGES FOR PROJECTS ==== */ .prj-img-right { float:right; margin-left:15px; margin-bottom:15px; } .prj-img-left { float:left; margin-right:15px; margin-bottom:15px; } .prj-img-centre {display:block; margin-left:auto; margin-right:auto; } .prj-img-div { display:inline; } .prj-img-div img { display:block; padding:5px; border:1px solid #c5c4c4; margin-bottom:0 !important; } .prj-img-div div { background:no-repeat center -1px; clear:both; } /*==== ASD EMAIL HOOK ==== */ .asd-hook { cursor:pointer } /*==== GEARBOX PAGE ==== */ #gbox-hdrs h5 { display:inline; } #gbox-hdrs h5#gbox-hdr1 { float:left; } #gbox-hdrs h5#gbox-hdr2 { float:right; } #gbox { height:390px; } #gbox .gbox-img1 { position:absolute; left:135px; top:80px; } #gbox .gbox-img2 { position:absolute; right:110px; top:55px; } #gbox div { padding:3px; font-family: 'Handlee', cursive; line-height:1.4em; font-size:16px; color:#4269f9; } #gbox div#gbox1 {position:absolute; left:150px; top:50px;} #gbox div#gbox2 {position:absolute; left:380px; top:60px;} #gbox div#gbox3 {position:absolute; left:450px; top:160px;} #gbox div#gbox4 {position:absolute; left:390px; top:255px;} #gbox div#gbox5 {position:absolute; left:200px; top:265px;} #gbox div#gbox6 {position:absolute; left:20px; top:230px;} #gbox div#gbox7 {position:absolute; left:0; top:120px;} #gbox div#gbox8 {position:absolute; right:40px; top:60px;} #gbox div#gbox9 {position:absolute; right:50px; top:170px;} #gbox div#gbox10 {position:absolute; right:0; top:360px;} /*==== EMBLEM GALLERY PAGE TEXT ==== */ .emblem-text { border-bottom:1px solid #CFCDCD; } .emblem-text p .badge { display:inline; float:left; margin:0 10px 10px 0; } .emblem-text p .garage { display:inline; float:right; margin:10px 0 10px 10px; } /* Mosaic - Sliding Boxes and Captions jQuery Plugin Version 1.0.1 www.buildinternet.com/project/mosaic By Sam Dunn / One Mighty Roar (www.onemightyroar.com) Released under MIT License / GPL License */ /*General Mosaic Styles*/ .gallery-quote { float:right; max-width:300px; } .gallery-filter { padding:0; margin: 0; } ul.gallery-filter li { list-style-type:none; display:inline; margin-left:0; margin-right:3px; margin-bottom:8px; padding-bottom:15px; float:left; line-height:15px; } ul.gallery-filter li a { padding:5px 10px; font-size:14px; font-weight:normal; color:#595856; } ul.gallery-filter li a:hover { text-decoration:underline; color:#595856; -moz-border-radius:3px; -webkit-border-radius:3px; background:transparent url(./images/bg/gallery-filter-menu-hover.png) repeat-x bottom left; border-radius:3px; } ul.gallery-filter li.active { background: transparent url(./images/bg/gallery-filter-arrow.png) no-repeat bottom center; padding-bottom:15px; } ul.gallery-filter li.active a { -moz-border-radius:3px; -webkit-border-radius:3px; background:transparent url(./images/bg/gallery-filter-menu.png) repeat-x bottom left; border-radius:3px; color:#fff; font-style:normal; font-weight:normal; } ul.gallery-filter li.ex-filter a { color:#231a1a; } ul.gallery-filter li.ex-filter a:hover { text-decoration:underline; color:#1C1C1C; -moz-border-radius:3px; -webkit-border-radius:3px; background:transparent url(./images/bg/gallery-ex-filter-menu-hover.png) repeat-x bottom left; border-radius:3px; } ul.gallery-filter li.ex-filter.active { background:transparent url(./images/bg/gallery-ex-filter-arrow.png) no-repeat bottom center; padding-bottom:15px; } ul.gallery-filter li.ex-filter.active a { -moz-border-radius:3px; -webkit-border-radius:3px; background:transparent url(./images/bg/gallery-ex-filter-menu.png) repeat-x bottom left; border-radius:3px; color:#fff; font-style:normal; font-weight:normal; } ul.gallery-filter li.ex-filter a.new { border:1px solid #42ff03; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } ul.dmark-gallery { list-style:none; display:inline; float:left; overflow:hidden; padding:0; clear:both; margin:0; } ul.dmark-gallery li { display:inline; float:left; overflow:hidden; width:174px; margin-right:6px; margin-bottom:3px; margin-top:3px; padding:4px; border:2px solid transparent; } ul.dmark-gallery li:hover { border:2px solid #c5c1c1; } .mosaic-details { margin:4px; } .mosaic-h4 { font:500 20px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:80%; letter-spacing:0.15em; color:#eeeded; font-weight:normal; } .mosaic-details p { font:300 10px 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#FFA500; /*color: #eeeded;*/ } .mosaic-block { float:left; position:relative; overflow:visible; width:174px; height:130px; margin:0; padding:0; background:transparent url(./images/bg/mosaic/loader.gif) no-repeat center center; } .mosaic-backdrop { display:none; position:absolute; top:0; height:100%; width:100%; background:#e1dede; } .mosaic-overlay { display:none; z-index:5; position:absolute; width:100%; height:100%; background:#252424; } /*** Custom Animation Styles (You can remove/add any styles below) ***/ .circle .mosaic-overlay { background:url(./images/bg/mosaic/hover-magnify.png) no-repeat center center; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); display:none; } .fade .mosaic-overlay { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); background:url(./images/bg/mosaic/bg-black.png); text-decoration:none; } .bar .mosaic-overlay { bottom:-100px; height:100px; background:url(./images/bg/mosaic/bg-black.png); } .bar2 .mosaic-overlay { bottom:-130px; height:130px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); } .bar2 .mosaic-overlay:hover { opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); text-decoration:none; } .bar3 .mosaic-overlay { top:-100px; height:130px; background:url(./images/bg/mosaic/bg-black.png); } /*** End Animation Styles ***/ /*==== POPUP used for EMAIL FORMS ==== */ #backgroundPopup { display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; z-index:10001; } #contactArea { width:675px; height:200px; overflow:hidden; margin:auto; border-top:1px dotted #D3D3D3; } #contactArea iframe { width:1000px; height:765px; margin-left:-325px; margin-top:-220px; overflow:hidden; } #popupContact { display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:320px; width:680px; background:#fff; border:10px solid #232323; z-index:10002; padding:12px; font-size:13px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #popupContact p { font-size:12px; line-height:14px; text-align:center; } #popupContact h3 { text-align:left; color:#303133; font-size:22px; font-weight:700; margin-bottom:5px; padding-bottom:5px; display:inline; float:left; } #popupContact img { display:inline; float:left; } #popupContactClose { font-size:16px; line-height:16px; right:6px; top:4px; position:absolute; font-weight:700; display:block; cursor:pointer; text-decoration:none; } .dmark-email { cursor:pointer; } .dmark-email-imgline { border-bottom:1px dotted #D3D3D3; } #contactArea-w { width:655px; height:350px; overflow:hidden; margin:auto; background-color:#FBDD96; padding:10px; border:1px solid #E5AF51; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } #popupContact-w { display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:450px; width:680px; background:#FFFFFF; border:10px solid #232323; z-index:10002; padding:12px; font-size:13px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #popupContact-w h3 { text-align:left; color:#303133; font-size:32px; font-weight:700; border-bottom:1px dotted #D3D3D3; margin-bottom:10px; padding-bottom:5px; display:block; float:left; } /*==== TIPSY ==== */ .tipsy { padding:5px; font-size:10px; opacity:0.8; filter:alpha(opacity=80); background-repeat:no-repeat; background-image:url(./images/tipsy.gif) } .tipsy-inner { padding:5px 8px 4px 8px; background-color:black; color:white; max-width:200px; text-align:center; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-north { background-position:top center; } .tipsy-south { background-position:bottom center; margin-bottom:3px; } .tipsy-east { background-position:right center; } .tipsy-west { background-position:left center; } /*==== Google buttons ==== */ a.google-button { color: #6e6e6e !important; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; padding: 7px 12px; position: relative; display: inline-block; text-shadow: 0 1px 0 #fff; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; background: #f3f3f3; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); border: solid 1px #dcdcdc; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } a.google-button:hover { color: #333 !important; border-color: #999; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); text-decoration:none !important; } a.google-button:active { color: #000; border-color: #444; } a.left { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; margin: 0; } a.middle { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-left: solid 1px #f3f3f3; margin: 0; border-left: solid 1px rgba(255, 255, 255, 0); } a.middle:hover, a.right:hover { border-left: solid 1px #999 } a.right { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; border-left: solid 1px #f3f3f3; border-left: solid 1px rgba(255, 255, 255, 0); } a.big { font-size: 16px; padding: 10px 15px; } a.supersize { font-size: 20px; padding: 15px 20px; } a.save { background: url(./images/bg/google-buttons/sprite.png) 10px 7px no-repeat #f3f3f3; padding-left: 30px; } a.add { background: url(./images/bg/google-buttons/sprite.png) 10px -27px no-repeat #f3f3f3; padding-left: 30px; } a.delete { background: url(./images/bg/google-buttons/sprite.png) 10px -61px no-repeat #f3f3f3; padding-left: 30px; } a.flag { background: url(./images/bg/google-buttons/sprite.png) 10px -96px no-repeat #f3f3f3; padding-left: 30px; } a.up { background: url(./images/bg/google-buttons/sprite.png) 13px -133px no-repeat #f3f3f3; width: 18px; } a.down { background: url(./images/bg/google-buttons/sprite.png) 13px -168px no-repeat #f3f3f3; width: 18px; } a.save-big { background: url(./images/bg/google-buttons/sprite.png) 15px 11px no-repeat #f3f3f3; font-size: 16px; padding: 10px 15px 10px 35px; } a.add-big { background: url(./images/bg/google-buttons/sprite.png) 15px -23px no-repeat #f3f3f3; font-size: 16px; padding: 10px 15px 10px 35px; } a.delete-big { background: url(./images/bg/google-buttons/sprite.png) 15px -57px no-repeat #f3f3f3; font-size: 16px; padding: 10px 15px 10px 35px; } a.flag-big { background: url(./images/bg/google-buttons/sprite.png) 15px -92px no-repeat #f3f3f3; font-size: 16px; padding: 10px 15px 10px 35px; } a.up-big { background: url(./images/bg/google-buttons/sprite.png) 15px -128px no-repeat #f3f3f3; width: 18px; font-size: 16px; padding: 10px 15px; } a.down-big { background: url(./images/bg/google-buttons/./images/bg/google-buttons/sprite.png) 15px -163px no-repeat #f3f3f3; width: 18px; font-size: 16px; padding: 10px 15px; }