/* Theme name: Beauty & Clean Theme URI: http://www.yourinspirationweb.com Description: Clean and Minimal Wordpress Theme Version: 1.0 Author: Your Inspiration Web 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: black, blue, brown, green, orange, pink, purple, red, silver, tan, white, yellow, dark, light, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready */ /*********************************************************************** ******************* 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;} th {color:#757475;line-height:40px;min-height:40px;text-align:center;padding:10px;font-weight:bold;} blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } a img {border:none;} .clearer {height:0px;overflow:hidden;margin:0px;clear:both;} .center {text-align:center;} /***********************************************************************/ html, body, div, p{ margin: 0; padding: 0; border: 0; } img { border:0 } /* Main Layout */ html { min-height:100% } body { font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; background:#f0f1f1 url('images/header.jpg') top center no-repeat; min-width:1098px; font-size:75% } p, li, address, dd, blockquote { color:#545252; font-size:1em; line-height:1.81em } p, dl { margin-bottom:30px } a, a:hover { text-decoration:none } h1, h2, h3, h4, h5, h6 { font-family:'ChampagneLimousinesRegular'; font-weight:bold; color:#a50101; text-transform:uppercase; margin-bottom:30px; } h1 { font-size:2.571em } h2 { font-size:2.154em } h3 { font-size:1.8em } h4 { font-size:1.5em } h5 { font-size:1.2em } h6 { font-size:0.9em } #content ul { margin-left:40px; margin-bottom:20px; list-style:square } #content ol {margin-left:40px;margin-bottom:20px;} i, em { font-style:italic } strong { font-weight:bold; } #content strong { color:#545252 } #content blockquote { background:url('images/cite.png') no-repeat 45px 25px; padding:35px; } dt { font-weight:bold; } .line { border-top:1px solid #cacaca } .space { height:45px } body .last, body .widget-last { margin-right:0; border-right:0; } #wrapper { width:920px; margin:0 auto; background:#FFF url('images/bg-wrap.png') top center repeat-y; padding:0 30px } /* ====================== START SLOGAN AND NAV-SPACE ====================== */ #header { float:left; width:100%; margin:40px 0; position:relative; } div#slogan { float:right; } div#slogan h1, h1#slogan { font-family:'ChampagneLimousinesBold'; font-weight:bold; text-align:center; margin:42px 0; color:#979797; font-size:1.6em; text-transform:uppercase } h1#slogan { margin:20px 0; clear:both; } #slogan span { font-family:'ChampagneLimousinesRegular'; font-weight:bold } #slogan cufon { z-index:0; } /* ====================== END SLOGAN AND NAV-SPACE ====================== */ /* ====================== START LOGO ====================== */ #logo { float:left; text-align:left; position:relative; width:302px; } #logo p { font-family:'ChampagneLimousinesBold'; color:#8d8d8d; text-align:center; font-size:1.738em; margin:0 0 15px 0 } #logo strong { font-family:'ChampagneLimousinesRegular' } #logo a:hover { text-decoration:none; } #logo span.name { font-size:68px; display:block; line-height:72px; margin-top:-20px; } #logo span.description { font-size:18px; display:block; margin-top:5px; } #logo span.description span { font-weight:bold; color:#888; } #logo a { color:#999; } /* ====================== END LOGO ====================== */ /* ====================== START NAV ====================== */ #nav { position:relative; z-index:1000; margin-left:320px; } #nav ul { margin:0; float:right; list-style:none; } #nav li { margin:0 0 0 30px; text-transform:uppercase; float:left; padding:35px 0; position:relative; } #nav a { display:block; line-height:11px; color:#4f4e4e; text-decoration:none; letter-spacing:2px; position:relative; } #nav a:hover, #nav .current_page_item a { color:#a10404 } /* second level */ #nav ul.sub-menu, #nav ul.children { display:none; position:absolute; padding:5px 15px; margin:18px 0 0; width:150px; background:#fff; border:1px solid #d3d3d3; z-index:100000; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); } #nav ul.sub-menu li, #nav ul.children li { float:none; display:block; padding:10px 0; margin:0; text-transform:none; border-top: 1px solid #DDD; line-height:1em; } #nav ul.sub-menu li:first-child, #nav ul.children li:first-child { border:0; } #nav ul.sub-menu li a, #nav ul.children a { color:#8c969e; letter-spacing:0; } #nav ul.sub-menu li a:hover, #nav ul.children a:hover { color:#333; } /* third level */ #nav ul.sub-menu li ul, #nav ul.children li ul { margin:0; top: -6px; z-index:100; } /*indicators*/ #nav a.sf-with-ul{ min-width:1px; padding-right: 15px; } #nav .sf-sub-indicator{position:absolute; display:block; width:10px; height:7px; text-indent:-999em; background: url('images/menu-arrow.png') bottom left; top: 0.25em; left: 110% !important;} #nav a:focus >.sf-sub-indicator, #nav a:hover >.sf-sub-indicator, #nav a:active >.sf-sub-indicator, #nav li:hover >a >.sf-sub-indicator, #nav li.sfHover >a >.sf-sub-indicator{background: url('images/menu-arrow.png') top left;} #nav ul.sub-menu .sf-sub-indicator, #nav ul.children .sf-sub-indicator{ display:block; background: url('images/menu-arrow.png') bottom right; width: 7px; height: 11px; left: 85% !important; top: 0;} #nav ul.sub-menu a >.sf-sub-indicator, #nav ul.children a >.sf-sub-indicator{ display:block; background: url('images/menu-arrow.png') bottom right; width: 7px; height: 11px; left: 85% !important; top: 0;} #nav ul.sub-menu a:focus >.sf-sub-indicator, #nav ul.sub-menu a:hover >.sf-sub-indicator, #nav ul.sub-menu a:active >.sf-sub-indicator, #nav ul.sub-menu li:hover >a >.sf-sub-indicator, #nav ul.sub-menu li.sfHover >a >.sf-sub-indicator, #nav ul.children a:focus >.sf-sub-indicator, #nav ul.children a:hover >.sf-sub-indicator, #nav ul.children a:active >.sf-sub-indicator, #nav ul.children li:hover >a >.sf-sub-indicator, #nav ul.children li.sfHover >a >.sf-sub-indicator{background: url('images/menu-arrow.png') top right; } /* nojs */ body.no_js #nav ul li:hover > ul { display:block } body.no_js #nav ul li ul.submenu li:hover > ul, body.no_js #nav ul li ul.children li:hover > ul { display:block } /* ====================== END NAV ====================== */ /* ====================== START TWITTER ====================== */ #twitter { height:123px; width:460px; float:right; margin:18px 0; border-left:1px solid #cacaca; padding-left:12px } #twitter img { float:left } #twitter blockquote { width:202px; height:85px; padding:15px 15px 8px 63px; background:url('images/balloon-twitter.png'); float:right; font-size:0.923em; line-height:1.385em; color:#505050 } /* ====================== END TWITTER ====================== */ /* ====================== START SLIDER ====================== */ #slider { list-style:none; overflow:hidden } #slider, #slider li { float:left; width:940px; } #slider span { display:inline-block; overflow:hidden; float:left } #slider .featured-image { margin:0 23px 0 0; float:left; width:444px } #slider .text { margin-bottom:30px; padding-top:7%; padding-right:20px; width:450px; float:right } #slider h2, #slider p { text-align:left } #slider p { color:#525050 } .pagination { text-align:center; margin-bottom:8px } .pagination a.activeSlide { cursor:default; color:#A10404 } .pagination a { display:inline-block; margin:0 5px 0 0; outline:none; font-size:5px; background:#A2A2A2 center no-repeat; text-align:center; } .pagination a, .pagination a:hover { color:#A2A2A2; } .p-slider { margin:25px 0 } .p-slider a { background-image:url('images/circle.png'); width:16px; height:16px; } .p-testimonial { padding-bottom:30px } .p-testimonial a { background-image:url('images/circle8x8.png'); width:8px; height:8px; } /* ====================== END SLIDER ====================== */ /* ====================== START SLIDESHOW ====================== */ #slideshow, #slideshow img { width:864px; height:319px } #slideshow { padding:0 28px 45px 28px; background:url('images/shadow-slide.png') bottom center no-repeat } body.no_js #slideshow img { display:none; } #slideshow img:first-child { display:block; } #ft-title-images { display:none } /* ====================== END SLIDESHOW ====================== */ /* ====================== START CONTENT ====================== */ #content { width:558px; margin:0 0 15px 0; float:left } #content h2 { text-align:left } /* ====================== END CONTENT ====================== */ /* ====================== START SERVICES ====================== */ .box-border { border-right:1px solid #cacaca; margin-right:9px !important; padding-right:4px; } .box-border h2 { margin-bottom:30px; text-align:center } .box-border img { margin-bottom:20px; width:283px } .box-border p { color:#0f0e0e } /* ====================== END SERVICES ====================== */ /* ====================== START TEAM ====================== */ #team { list-style:none !important; margin-left:0 !important } #team li { margin-bottom:12px } #team img { border:1px solid #ccc; float:left; padding:3px } #team blockquote { width:390px; height:85px; float:right; padding:9px 17px 8px 40px; background:url('images/arrow-quote.png') top left no-repeat; margin:0 } /* ====================== END TEAM ====================== */ /* ====================== START SIDEBAR ====================== */ #sidebar { width:300px; float:right; } #sidebar .widget ul { list-style:none; margin-bottom:30px } #sidebar .widget li { border-bottom:1px solid #ccc; padding:8px 0; } #sidebar .widget li a { color:#686767; } #sidebar .menu { list-style:none; margin-bottom:50px !important; } #sidebar .menu li { border-bottom:1px solid #cacaca; margin-bottom:10px; padding-bottom:5px } #sidebar .menu li a, #sidebar .menu li { display:block; height:40px; font-family:'ChampagneLimousinesBold'; color:#979797; text-transform:uppercase; font-size:18px; font-weight:bold } #sidebar .menu li a { padding-left:40px } #sidebar .menu li a:hover { text-decoration:none; color:#a10404; font-size:18px; } /*icons*/ #sidebar .menu li.icon a { background:no-repeat left center; } #sidebar .menu li.folder a { background-image:url('images/icons/folder.png'); } #sidebar .menu li.comment a { background-image:url('images/icons/comment.png'); } #sidebar .menu li.reading a { background-image:url('images/icons/reading.png'); } /* sidebar nav */ .sidebar-nav ul { list-style:none; margin-bottom:50px; margin-top:30px } .sidebar-nav li { border-bottom:1px solid #cacaca; margin-bottom:10px; padding-bottom:5px } .sidebar-nav a, .sidebar-nav li { display:block; height:40px; line-height:30px; color:#979797; text-transform:uppercase; font-size:18px; font-weight:bold } .sidebar-nav a { padding-left:40px } .sidebar-nav a:hover { text-decoration:none; color:#a10404 } /* ====================== END SIDEBAR ====================== */ /* ====================== START LAYOUTS ====================== */ .layout-sidebar-left #sidebar, .layout-sidebar-right #content { float:left; } .layout-sidebar-right #sidebar, .layout-sidebar-left #content { float:right; } .layout-sidebar-no #content { float:left; width:920px; } /* ====================== END LAYOUTS ====================== */ /* ====================== START TESTIMONIALS ====================== */ .testimonial-text { background:url('images/testimonial-icon.png') 240px bottom no-repeat } .testimonial-text ul { list-style:none; } .testimonial-text li { margin-left:-15px; } .testimonial-text blockquote { padding:5px 5px 10px 43px; background:url('images/arrow-quote.png') top left no-repeat; } .testimonial-text blockquote p { padding:0; } .testimonial-text blockquote a.name-testimonial { margin-top:-30px; display:block; } #sidebar .testimonial-text ul { margin:0; } #sidebar .testimonial-text li { border:0; } /* ====================== END TESTIMONIALS ====================== */ /* ====================== START PORTFOLIO ====================== */ #portfolio { list-style:none } #portfolio li { width:280px; margin:0 34px 36px 0; display:inline-block; float:left } #portfolio li.last { margin-right:0 } #portfolio li .thumb { display:block; padding:5px; height:143px; width:280px; border:1px solid #c5c1c1; overflow:hidden; position:relative; margin-bottom:5px; } #portfolio li img { width:280px; height:143px; border:0; padding:0 } #portfolio li a.more-link { display:block; height:36px; line-height:36px; text-align:center; border-top:1px solid #cacaca } #portfolio li a.more-link:hover { text-decoration:none; } #portfolio li h5 { margin-bottom:8px; clear:both } #portfolio li h5 a { font-size:18px; color:#858484 } #portfolio li p { margin-bottom:15px } #portfolio li p img { display:block } a.zoom { position:absolute; width:280px; height:143px; left:5px; top:5px; text-indent:-9999px; background:#000 url('images/zoom.png') center no-repeat } a.video a.zoom { background:#000 url('images/play.png') center no-repeat } /*portfolio slider*/ .portfolio-slider { margin:30px 0 40px 0 } .portfolio-slider ul { list-style:none } .portfolio-slider li { height:118px; width:193px; border:1px solid #cacaca !important; padding:5px !important; display:block; float:left; margin-right:6px; position:relative } .portfolio-slider li a { display:block; width:193px; 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 20px 0; width:201px; min-height:270px; 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 h4, #portfolio-gallery li p { margin:0; } #portfolio-gallery li h4 { margin-top:10px; } #portfolio-gallery li p { color:#656262; font-size:90%; } #content .gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;} /* ====================== END PORTFOLIO GALLERY ====================== */ /* ====================== START PAGINATION ====================== */ .general-pagination { height:18px; margin:0 auto; text-align:center; clear:both; margin-bottom:20px; } .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-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; text-decoration:none; } /*border-radius*/ .general-pagination a, .general-pagination span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } /* ====================== END PAGINATION ====================== */ /* ====================== START BLOG ====================== */ .date { position:relative; margin-bottom:5px; height:70px } h3.title-blog { float:left; display:inline-block; width:430px; margin-bottom:0px; bottom:5px } h3.title-blog a:hover { text-decoration:none; } .day, .mon-year { float:right; display:inline-block; color:#979797; text-transform:uppercase } .day { width:45px; font-size:36px; font-family:Arial; font-weight:bold; border-right:1px solid #cacaca; text-align:right; padding-right:10px } .mon-year { font-size:18px; text-align:justify; padding-left:10px; letter-spacing:2px } .mon-year span { letter-spacing:6px } p.meta { margin-bottom:0; padding:8px 0 } p.tags { padding-left:30px; background:url('images/article.png') no-repeat left center } #content p.left { width:400px } .space-content { height:20px } .wp-post-image { margin-bottom:20px; max-width:100%; height:auto; } .home .sticky {background: #f2f7fc;border-top: 4px solid #000;padding: 18px 20px 0;margin:0 -20px 20px} /*Styling Images*/ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{max-width:100%; height:auto; } .alignleft, img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;} .alignright, img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;} .aligncenter, img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;} img.alignleft, img.alignright, img.aligncenter{margin-bottom:12px;} .wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:558px !important; padding:4px;text-align:center;} .wp-caption img{margin:5px 5px 0;} .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px;} .wp-smiley{margin:0;} .gallery{margin:0 auto 18px;} .gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%;} .gallery-columns-2 .gallery-item{width:50%;} .gallery-columns-4 .gallery-item{width:25%;} .gallery img{border:2px solid #cfcfcf;} .gallery-columns-2 .attachment-medium{max-width:92%;height:auto;} .gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto;} .gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px;} .gallery dl{margin:0;} .gallery img{border:10px solid #f1f1f1;} .gallery br+br{display:none;} #content .attachment img{display:block;margin:0 auto;} 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} /* ====================== END BLOG ====================== */ /* ====================== START COMMENTS ====================== */ h3#comments-title {margin:30px 0;padding-left:35px;background:url('images/comment.png') no-repeat left center} h3#comments-title span {font-size:.8em;} .comment-container {padding:5px;border:1px solid #d8d7d7;} .comment-author {float:left;margin:25px 10px 0 0;width:110px;} .comment-author img {border:4px solid #d7d7d7;margin:0 0 0 16px;} #comments .fn {font-style:normal;text-align:center;font-size:90%;margin:10px 0 0 0;display:block;} /*comments visitors*/ .comment-meta {margin:1px 0 1px 120px;padding:20px 20px 10px 20px;border-left:1px solid #d8d7d7;min-height:145px;} .comment-metaTextarea {position:relative;margin:0 0 15px 120px;width:422px;padding:20px;-moz-border-radius:15px;-webkit-border-radius:15px;} 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;} .commentNumber {float:right;font-size:150%;color:#bebcbd;} .commentDate {float:left;margin:0 0 0px 0;} ol.commentlist,li.comment {margin: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;} /*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:20px 35px;} ol.trackbacklist li {padding:10px 0;} /* ====================== END COMMENTS ====================== */ /* ====================== START RESPOND ====================== */ #respond {margin:60px 0 30px;} #respond input {padding:10px;margin:0 0 10px 10px;border:1px solid #d8d7d7;background-color:#fff;} #respond input:focus,#respond textarea:focus {background-color:#f7f7f7;} #respond textarea {border:1px solid #d8d7d7;background-color:#fff;height:135px;margin:0 0 10px 10px;padding:10px;} #respond input, #respond textarea {width:414px;} .depth-2 #respond input, .depth-2 #respond textarea {width:374px;} .depth-3 #respond input, .depth-3 #respond textarea {width:334px;} .depth-4 #respond input, .depth-4 #respond textarea {width:294px;} .depth-5 #respond input, .depth-5 #respond textarea {width:254px;} .depth-6 #respond input, .depth-6 #respond textarea {width:214px;} #respond #submit {color:#666363;background:#eee;width:150px;float:right;margin:0 0 20px 0;padding:10px;font-weight:bold;font-size:0.95em!important;} #respond #submit:hover {background-color:#fff;cursor:pointer;color:#000} #respond .containerPost {font-size:1.1em} img.comment-avatar {margin:20px 0 0 0;border:1px solid #ccc; padding:3px} #commentform { margin-left:10px; width:548px; } #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} #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;} /* ====================== END RESPOND ====================== */ /* ====================== START REPLY COMMENTS ====================== */ .reply {text-align:right;margin:25px 0 0 0;} h3#reply-title{padding-left:35px;background:url('images/leave-comment.png') no-repeat left center} /*.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;} /* ====================== 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;} input#s { width:208px; padding:5px; } /* ====================== END SEARCHBOX ====================== */ /* ====================== START CONTACT FORM ====================== */ #content .contact-form { width:480px; margin-left:10px; } #content .contact-form ul { margin:0; list-style:none; } #content .contact-form ul li { line-height:1.3em; margin:18px 0 25px; padding:0; text-align:left; } #content .contact-form ul li label { color:#545252; display:inline-block; margin:4px 10px 0 0; text-align:left; vertical-align:top; width:124px; font-weight:bold; cursor:pointer; } #content .contact-form ul li label span.sublabel { font-weight:normal; } #content .contact-form ul li.text-field input, #content .contact-form ul li textarea { width:300px; background:#FFF url('images/gradient-input.png') repeat-x; border:1px solid #AAA; padding:3px; vertical-align:top; } #content .contact-form ul li.text-field input { height:26px; } #content .contact-form ul li.submit-button { text-align:right; padding-right:30px; } #content .contact-form li.submit-button input { display:inline-block; border:1px solid #fff; outline:1px solid #AAA; font-size:14px; height:40px; line-height:40px; padding:0 10px; background:url('images/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 ul li .msg-error { width:304px; font-style:italic; font-size:0.85em; float:right; } /* icons */ #content .contact-form ul li.icon { padding-right:30px; background:right 5px no-repeat; } #content .contact-form ul li.error { background-image:url('images/error-icon.png'); } #content .contact-form ul li.success { background-image:url('images/tick-icon.png'); } /* messages */ #content .contact-form p.success, #content .contact-form p.error { padding:10px 15px 10px 55px; border:1px solid; margin:0 auto 30px; background:no-repeat 15px center; width:400px; } #content .contact-form p.success { background-color:#effea9; border-color:#d7ee6e; color:#839607; background-image:url('images/tick_contact.png'); } #content .contact-form p.error { background-color:#fedccd; border-color:#fa8c83; color:#c82c1f; background-image:url('images/error.png'); } /*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 general form */ #content .hentry form label { color:#545252; display:inline-block; margin:4px 10px 0 0; text-align:left; vertical-align:top; width:124px; font-weight:bold; cursor:pointer; } #content .hentry form input, #content .hentry form textarea, #content .hentry form select { width:304px; background:#FFF url('images/gradient-input.png') repeat-x; border:1px solid #AAA; padding:3px; } #content .hentry form input[type="checkbox"],#content .hentry form input[type="radio"] {width:20px;height:10px;} #content .hentry form input[type="submit"],#content .hentry form input[type="reset"] {width:100px;background:none;color:#545252!important;} #content .hentry form input[type="text"] { height:26px; } #content .hentry form input:hover, #content .hentry form select:hover { background-position:0 -40px; } /* end general form */ /* ====================== START CONTACT SIDEBAR ====================== */ .phone-icon span { display:block; background:url('images/phone.png') no-repeat left center; padding-left:42px } .fax-icon span { display:block; background:url('images/fax.png') no-repeat left center; padding-left:42px } .facebook-icon a, .twitter-icon a, .feed-icon a { display:block; padding-left:34px; height:27px } .facebook-icon a { background:url('images/facebook.png') no-repeat } .feed-icon a { background:url('images/feed.png') no-repeat } .twitter-icon a { background:url('images/twitter.png') no-repeat } .facebook-icon a:hover, .twitter-icon a:hover, .feed-icon a:hover { background-position:0 -27px } .address-icon { background:url('images/world.png') no-repeat left center; padding-left:36px } /* ====================== END CONTACT SIDEBAR ====================== */ /* ====================== START FOOTER ====================== */ #footer { float:left; width:100%; } #footer p { font-size:0.923em; margin-top:15px } #footer p.left { float:left; text-align:left } #footer p.right { float:right; text-align:right } #footer p.center { text-align:center; } /* ====================== END FOOTER ====================== */ /* ====================== START 404 ====================== */ .p404 { padding:10px 0 } .p404 * { color:#535252; text-align:center; } .p404 h1 { font-size:4.8em; line-height:90px; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; padding-top:15px; } .p404 strong { font-size:2.5em } .p404 h2 { width:243px; margin:0 auto 20px !important; border-bottom:1px solid #cacaca; font-size:1.8em; line-height:90px } .p404 img { border:0 !important; vertical-align:middle } .p404 input { padding:20px !important } /* ====================== END 404 ====================== */ /* ====================== START WIDGETS ====================== */ .widget {margin-bottom:30px;} .widget h2, .widget h3 {margin-bottom:20px;} /* recent posts */ .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; } body .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:-7px 0 0; } .recent-post p, .recent-post small { color:#656262; } .recent-post p { margin:0; line-height:22px; } /* last news */ .last-news { width:100%; float:left; } .last-news .box-post { float:left; margin-bottom:30px; } .last-news img { float:left; border:1px solid #acabab; padding:3px; width:55px; height:55px; } .last-news a.title { color:#4F4E4E; } .last-news a.title, .last-news p.meta { display:block; width:225px; float:right; } .last-news p.meta { padding:12px 0; } .last-news p.meta span.date, .last-news p.meta span.author { display:block; line-height:1.5em; height:auto; margin:0; font-size:0.8em; padding-left:20px; background:no-repeat left center; } .last-news p.meta span.date { width:80px; float:left; background-image:url('images/time-icon.png'); } .last-news p.meta span.author { width:100px; float:right; background-image:url('images/user-icon.png'); } /* text image */ .boxs-home { margin-bottom:20px; float:left; } body .boxs-home h2 { text-align:center; } .boxs-home img { margin-bottom:20px; } /* tag cloud */ .tagcloud a { color:#686767; } /* calendar */ #wp-calendar { width:100%; margin-top:0; } #wp-calendar th, #wp-calendar td { font-size:60%; line-height:32px; } #wp-calendar caption { margin-bottom:10px; font-size:80%; font-weight:bold; } #wp-calendar th, #wp-calendar #today, #wp-calendar #today a { background-color:#ccc; color:#434343; } #wp-calendar tfoot a { display:block; } #wp-calendar #today a:hover { color:#000 } /* last tweets */ .last-tweets p { margin-bottom:0; } /* ====================== START WIDGETS ====================== */ /* ====================== 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:207px;margin-right:30px;} .one-third {float:left;width:286px;margin-right:30px;} .two-third {float:left;width:602px;margin-right:30px;} .two-fourth {float:left;width:445px;margin-right:30px;} /*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:14px;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; 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;} /*table*/ table {margin:1em 0;border:1px solid #e0e0e0;font-size:150%;} #content .post table {font-size:100%;} .short-table th {background:#fff;border-bottom:1px solid #e0e0e0;text-align:center;height:80px;color:#636262;font-weight:bold;} .short-table th.features {border-bottom:none;height:40px;line-height:40px;background-color:transparent;color:#636262;} tr:nth-child(2n+1) {background-color:#f6f6f6;} td {text-align:center;min-height:40px;line-height:40px;color:#757475;} #content td img {border:none;vertical-align:middle;margin:0;} /*red*/ .red th {background:#c21200;color:#fff;} table.red {border:1px solid #c21200;} /*grey*/ .grey th {background:#4b4a4a;color:#fff;} table.grey {border:1px solid #4b4a4a;} /*blue*/ .blue th {background:#07558c;color:#fff;} table.blue {border:1px solid #07558c;} /*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} .price-table .head {height:100px;text-align:center;border-bottom:1px solid #d2d0d0;} .price-table .head p {text-transform:uppercase;margin:0 !important;padding:0 !important;line-height:4em;font-size:13px;} .price-table .head h2.price {font-size:4em;margin:0 !important;line-height:0.4em;text-align:center;padding:0;} .price-table .body {padding:20px 25px;} .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;} .price-table .blue *, .price-table .red *, .price-table .grey *, .price-table .green *, .price-table .yellow * {color:#fff} .price-table .grey {background:#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;} .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 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:20px 0 40px; } div.section-caption h5 { color:#636161; text-transform:none; width:120px; padding-right:30px; float:left; font-weight:normal; margin-top:0 } div.section-caption .captions { float:left; width:460px; } div.section-caption .caption { border-left:1px solid #cfcfcf; padding-left:30px; margin-bottom:45px; } div.section-caption .caption h6 { font-style:italic; margin-top:0; line-height:18px; } div.section-caption .captions br { display:none; } /*call to action*/ .call-to-action { width:100%; height:113px; background:#fff url('images/bg/gradient-call-to-action.png') repeat-x top left; border:1px solid #cbc9c9; position:relative; } .call-to-action .incipit, .call-to-action .separate-phone, .call-to-action .number-phone { float:left; height:100%; margin-left:20px; position:relative; z-index:1; } .call-to-action .incipit h2 { margin:0; font-size:36px; line-height:48px; margin:18px 0 0; } .call-to-action .incipit p { color:#464444; font-size:16px; line-height:20px; margin:0; } .call-to-action .separate-phone { width:64px; background:url('images/icons/phone-call-to-action.png') no-repeat top left; } .call-to-action .number-phone { margin-right:20px; line-height:113px; font-size:48px; color:#838383; font-weight:bold; font-family:"Arial"; text-shadow:1px -1px 2px rgba(255,255,255,0.83); letter-spacing:-3px; } .call-to-action .decoration-image { position:absolute; right:0; bottom:0; width:100%; height:120%; background:url('images/woman.png') no-repeat right bottom; } /*testimonials*/ .testimonials-list { margin-bottom:45px; } .testimonials-list .thumb-testimonial { float:left; width:120px; 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; } .testimonials-list .thumb-testimonial p .title, .testimonials-list .thumb-testimonial p .website { float:right; } .testimonials-list .the-post { padding:10px 0 0 45px; background:url('images/bg/sep-testimonials.png') no-repeat left top; margin-left:150px; } /*google maps*/ .google-map-frame iframe { padding:3px; border:1px solid #acabab; } /*styled button icon*/ #content .more-button { position:relative; margin:20px 0 0; width:151px; height:39px; clear:right; display:inline-block; } #content .bg-button, #content a.more-button, #content .more-button a { 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 { display:inline-block; width:101px; height:39px; line-height:39px; color:#696969; padding:0 40px 0 10px; text-shadow:1px 1px 0px #fff; border:0; cursor:pointer; font-size:13px; text-align:center; } #content a.more-button:hover, #content .more-button a:hover, #content .bg-button:hover { background-position:0 -39px; color:#383838; } #content .more-button input, #content .more-button button { width:151px; 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 { 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.png') } #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') } /* ====================== END SHORTCODE ====================== */ /* colors */ a, h1, h2, h3, h4, h5, h6, .pagination a.activeSlide, #nav a:hover, #nav .current_page_item a, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, body #sidebar .testimonial-widget li p a, #sidebar .box li a:hover, .sidebar-nav a:hover, #portfolio li h5 a:hover, #portfolio li h5 span, body #latest-news a.title, .contact-form .error label, #content .contact-form ul li .msg-error, #content .contact-form ul li.error label { color:#A10404; } a:hover, #sidebar .widget li a:hover, .last-news a.title:hover { color:#d14007; } body .contact-form .error input, body .contact-form .error textarea, body .contact-form .error select { border-color:#A10404!important; } .p-slider a.activeSlide, .p-testimonial a.activeSlide { background-color:#A10404;color:#A10404; } /* Extras */ .clear{clear:both;} .left{float:left;} .right{float:right;} .nomargin{margin:0} .nopadding{padding:0}