/* Theme name: Sommerce Theme URI: http://www.yourinspirationweb.com/demo/sommerce/ Description: The perfect e-commerce solution Version: 2.2.1 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.asp Tags: black, red, white, 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;} /* seld-clear floats */ .group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; } /* ie.css */ * html .group { /* IE6 */ height:1%; } *:first-child+html .group { /* IE7 */ min-height:1%; } h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;} html{-webkit-font-smoothing:antialiased;} /***********************************************************************/ html, body, div, p{ margin: 0; padding: 0; border: 0; } img { border:0 } /* Main Layout */ html { min-height:100% } body { font-family:"Droid Sans", 'Trebuchet MS', Helvetica, sans-serif; font-size:12px; } /* typography */ p, li, address, dd, blockquote { color:#545252; font-size:12px; line-height:1.81em } h1, h2, h3, h4, h5, h6, p, dl, ul, ol, #content .logo { margin:0.8em 0 0.3em; } a, a:hover { text-decoration:none } a { color:#D77002; } a:hover { color:#000; } h1, h2, h3, h4, h5, h6 { color:#232221; } h1 { font-size:2.3em } h2 { font-size:2.1em } h3 { font-size:1.9em } h4 { font-size:1.667em } h5 { font-size:1.333em } h6 { font-size:1em } #content ul { margin-left:40px; list-style:square } #content ol {margin-left:40px; } i, em { font-style:italic; } strong { font-weight:bold; } #content blockquote { background:url('images/cite.png') no-repeat 45px 25px; padding:35px; clear:left; } dt { font-weight:bold; } .line { border-top:1px solid #cacaca } .space { height:45px } .border-line { height:1px; background:#ddd; width:100%; clear:both; margin-top:30px; } body .last, body .widget-last { margin-right:0; border-right:0; } .wrapper, .inner { margin:0 auto; } .responsive .wrapper { overflow:hidden; } /**************** MAIN WIDTH *********************/ .inner { max-width:960px; width:auto; } .boxed-layout .wrapper { max-width:1000px; width:auto; } @media screen and (max-width: 1040px) { .responsive.boxed-layout .wrapper {width:100%;padding:0;} .responsive .inner {padding-left:10px !important;padding-right:10px !important;} } /*************************************************/ /* ====================== START MAIN STRUCTURE ====================== */ .stretched-layout .wrapper { width:100%; } .inner { position:relative; } /* ==== Widths, heights, floats and margins of all basic sections === */ #header { } #nav { float:left; margin-top:15px; } #slogan { max-width:800px; text-align:center; margin:1em auto 3em; } #slider { height:338px; padding-top:40px; } #primary { padding:40px 0 30px; } #content { width:640px; } #sidebar { width:280px; } #footer { padding:30px 0; clear:both; } #copyright .inner { padding:24px 0; } /* 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:100%; } /* ====================== END MAIN STRUCTURE ====================== */ /* ====================== START MAIN ELEMENTS ====================== */ .boxed-layout .wrapper { background:url('images/bg/boxed-container-shadow.png') top center repeat-y; padding:0 12px; } .bgWrapper { background:#fff; } .bgLight { background:url('images/bg/light.png') no-repeat top center; position:relative; width:100%; } /* ====================== END MAIN ELEMENTS ====================== */ /* ====================== START HEADER ====================== */ #header { background:#000 url('images/headers/002.jpg') top center no-repeat; min-height:100px; } /* logo */ #logo { float:left; margin-top:20px; } #logo .logo-title { display:inline-block; font-size:30px; line-height:24px; color:#fff; padding-right:0.3em; font-family:'Lobster', serif; text-shadow:5px 5px 5px #000; } #logo .logo-description { display:inline-block; line-height:30px; color:#fff; font-size:12px; margin:0 0 0 1.2em; } /* linksbar */ #linksbar { list-style:none; margin:10px 0 0; float:right; background:rgba(0,0,0,0.27); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; } #linksbar li { float:left; } #linksbar li a { padding:10px; } #linksbar li, #linksbar li a { display:inline-block; color:#fff; font-size:12px; font-family:'Droid Sans'; line-height:16px; } #linksbar li a:hover { color:#b9b8b8; } #linksbar li:last-child {margin-right:-10px;} #linksbar .basketpopup { display:none; } #linksbar li.icon { padding-left:20px; background:8px center no-repeat; } #linksbar li.pencil { background-image:url('images/icons/linksbar/pencil.png'); } #linksbar li.lock { background-image:url('images/icons/linksbar/lock.png'); } #linksbar li.cart { background-image:url('images/icons/linksbar/cart.png'); } #linksbar li.mail { background-image:url('images/icons/linksbar/mail.png'); } /****************************** ELEGANT *******************************************/ #nav.elegant {height:45px;} #nav.elegant ul { list-style:none; margin:0 0 0 -15px; } #nav.elegant ul li { float:left; padding:15px; line-height:15px; position:relative; } #nav.elegant ul li a { color:#fff; font-family:'Droid Sans'; font-size:12px; } #nav.elegant ul li a:hover { color:#b9b8b8; } /* submenu */ #nav.elegant ul.sub-menu, #nav.elegant ul.children { position:absolute; top:30px; left:15px; padding:10px 0; min-width:200px; margin-top:15px; background:#242424; background:rgba(36,36,36,0.92); box-shadow:3px 3px 3px rgba(0, 0, 0, 0.26); z-index:20; } #nav.elegant ul.sub-menu li, #nav.elegant ul.children li { padding:0; float:none; } #nav.elegant ul.sub-menu li:hover, #nav.elegant ul.children li:hover { background-color:#444; } #nav.elegant ul.sub-menu li a, #nav.elegant ul.children li a { display:block; padding:10px 15px; } /* third level */ #nav.elegant ul.sub-menu li ul, #nav.elegant ul.children li ul { top:-10px; margin:0; } /* megamenu widths */ #nav .megamenu.columns-3 ul.sub-menu, #nav .megamenu ul.sub-menu { width:513px; } #nav .megamenu.columns-1 ul.sub-menu { width:171px; } #nav .megamenu.columns-2 ul.sub-menu { width:342px; } #nav .megamenu.columns-4 ul.sub-menu { width:684px; } #nav .megamenu.columns-5 ul.sub-menu { width:855px; } /* megamenu */ #nav.elegant .megamenu ul.sub-menu li, #nav.elegant .megamenu ul.sub-menu li ul { width:170px !important; min-width:0px; } #nav.elegant .megamenu ul.sub-menu li { padding-bottom:0; float:left; border-left:1px solid #525252; } #nav.elegant .megamenu ul.sub-menu li:first-child, #nav.elegant .megamenu ul.sub-menu li ul li { border-left:1px solid transparent; } #nav.elegant .megamenu ul.sub-menu li ul { display:block; position:static; background:none; box-shadow:none; padding:0; margin-top:10px; } #nav.elegant .megamenu ul.sub-menu li ul li { padding:0; float:none; } #nav.elegant .megamenu ul.sub-menu li ul li a { padding:6px 15px; } #nav.elegant .megamenu ul.sub-menu li.no-link a { cursor:default; outline:none; } #nav.elegant .megamenu ul.sub-menu li.no-link li a { cursor:pointer; } #nav.elegant .megamenu ul.sub-menu li:hover { background:none; } #nav.elegant .megamenu ul.sub-menu li ul li:hover { background-color:#444; } /* subindicator */ #nav.elegant ul li .sf-sub-indicator { background-position:left bottom; } #nav.elegant ul li ul li .sf-sub-indicator { background-position:right bottom; } /****************************** CREATIVE *******************************************/ #nav.creative { margin:24px 0 0; } #nav.creative ul { list-style:none; } #nav.creative li { float:left; position:relative; } #nav.creative li a { display:block; padding:6px 20px; background:#dddada; color:#08131c; font-family:Verdana; font-size:12px; margin-right:3px; line-height:15px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; } #nav.creative li.current-menu-item a, #nav.creative li.current-menu-parent a, #nav.creative li.current-page-parent a, #nav.creative li.current-page-ancestor a, #nav.creative li.current-menu-ancestor a { background:#fff; } #nav.creative li:hover a, #nav.creative ul.sub-menu, #nav.creative ul.children { background:#c3c1c1; } /* submenu */ #nav.creative ul.sub-menu, #nav.creative ul.children { position:absolute; left:0; top:27px; padding:10px 0; min-width:200px; margin-top:0px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.26); z-index:20; -webkit-border-radius:5px; -webkit-border-top-left-radius:0; -moz-border-radius:5px; -moz-border-radius-topleft:0; border-radius:5px; border-top-left-radius:0; } #nav.creative ul.sub-menu li, #nav.creative ul.children li { padding:0; float:none; position:relative; } #nav.creative ul.sub-menu li a, #nav.creative ul.children li a { background:none; padding:6px 20px; margin:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } #nav.creative ul.sub-menu li a:hover, #nav.creative ul.children li a:hover { background:#cecdcd; } #nav.creative ul.sub-menu li ul, #nav.creative ul.children li ul { top:0; margin-top:-10px; } #nav.creative ul.sub-menu li a, #nav.creative ul.children li a, #nav.creative .megamenu ul.sub-menu li ul li a { color:#514e4e; } /* megamenu */ #nav.creative .megamenu ul.sub-menu li, #nav.creative .megamenu ul.sub-menu li ul { width:170px !important; min-width:0px; } #nav.creative .megamenu ul.sub-menu li { padding-bottom:0; float:left; border-left:1px solid #a8a6a6; } #nav.creative .megamenu ul.sub-menu li:first-child, #nav.creative .megamenu ul.sub-menu li ul li { border:0; } #nav.creative .megamenu ul.sub-menu li ul { display:block; position:static; background:none; box-shadow:none; padding:0; margin-top:4px; } #nav.creative .megamenu ul.sub-menu li ul li { float:none; } #nav.creative .megamenu ul.sub-menu li ul li a { padding:4px 20px; } #nav.creative .megamenu ul.sub-menu li > a, #nav.creative .megamenu ul.children li > a { color:#0a4066; } #nav.creative .megamenu ul.sub-menu li.no-link > a { cursor:default; background:none; } /* subindicator */ #nav.creative ul li .sf-sub-indicator { background-position:left top; } #nav.creative ul li ul li .sf-sub-indicator { background-position:right top; } /* navigation indicator general */ #nav ul li .sf-sub-indicator { display:inline-block; margin-left:10px; width:20px; background-image:url('images/bg/sub-indicator.png'); background-repeat:no-repeat; border-left:1px solid #717171; text-indent:-9999px; } #nav ul li.megamenu ul li .sf-sub-indicator { background:none; border:0; } #nav.creative ul li .sf-sub-indicator { margin-right:-15px } #nav.elegant ul li .sf-sub-indicator { border-left-color:#fff; } #ie9 #nav ul li .sf-sub-indicator, #ie8 { float:none; } #nav ul.sub-menu, #nav ul.children { display:none; } /* slider */ #slider { position:relative; overflow:hidden; } #slider ul { list-style:none; position:absolute; margin:0; height:338px; } #slider ul li { float:left; position:relative; width:960px; height:338px; overflow:hidden; } #slider ul li .video-container iframe, #slider ul li .video-container object, #slider ul li .video-container embed { width:100% !important; height:338px !important; } /* captions style */ #slider ul li .slider-caption { background:url('images/slider-caption-bg.png'); position:absolute; } #slider ul li .slider-caption h2, #slider ul li .slider-caption p { color:#fff; } #slider ul li .slider-caption h2 { margin:0 0 0.7em; } /* captions position */ #slider ul li .caption-right, #slider ul li .caption-left { top:0; } #slider ul li .caption-top, #slider ul li .caption-bottom { left:0; } #slider ul li .caption-top { top:-338px; } #slider ul li .caption-right { right:-360px; } #slider ul li .caption-bottom { bottom:-338px; } #slider ul li .caption-left { left:-360px; } /* caption right */ #slider ul li .caption-right, #slider ul li .caption-left { width:300px; height:258px; padding:40px 30px; } #slider ul li .caption-top, #slider ul li .caption-bottom { width:900px; height:auto; padding:20px 30px; } /* flash */ #slider.flash { padding:30px 0 0; height:auto; background:none; } /* rotating */ #rotating-slider { margin-top:20px; } .slider-mobile {display:none;} #slider.fixed-image img {max-width:100%;width:auto;height:auto;} /* thumbnails */ #slider.thumbnails { background:none; height:auto; } #slider.thumbnails .showcase-content img { margin:1px 0 0 1px; outline:1px solid #e7e7e7; border:10px solid #fff; width:938px; } #slider.thumbnails .showcase-content-wrapper { padding-bottom:24px; background:url('images/shadows/960.png') no-repeat center bottom; } #slider.thumbnails .showcase-thumbnail { margin-right:17px; width:97px; position:relative; } #slider.thumbnails .showcase-thumbnail img { width:89px; padding:3px; border:1px solid #e7e7e7; opacity:0.6; filter: alpha(opacity=60); } #slider.thumbnails .showcase-thumbnail img:hover, #slider.thumbnails .showcase-thumbnail.active img { cursor:pointer; border-color:#ccc; opacity:1; filter: alpha(opacity=100); } #slider.thumbnails .showcase-thumbnail-caption{position:absolute;bottom:2px;padding-left:10px;padding-bottom:5px;} #slider.thumbnails .showcase-thumbnail-content{padding:10px;text-align:center;padding-top:25px;} #slider.thumbnails .showcase-thumbnail-restriction { margin-top:10px; margin-left:30px; } #slider.thumbnails .showcase-thumbnail-container { position:relative; } #slider.thumbnails .showcase-thumbnail-button-backward, #slider.thumbnails .showcase-thumbnail-button-forward { width:30px; height:16px; position:absolute; top:50%; margin-top:-8px; } #slider.thumbnails .showcase-thumbnail-button-backward { left:0; } #slider.thumbnails .showcase-thumbnail-button-forward { right:0; } #slider.thumbnails .showcase-thumbnail-button-backward:hover, #slider.thumbnails .showcase-thumbnail-button-forward:hover { cursor:pointer; } #slider.thumbnails .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal span, #slider.thumbnails .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal span { display:block; width:11px; height:16px; background:url('images/bg/slider-thumbnails-arrows.png') no-repeat; text-indent:-9999px; } #slider.thumbnails .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal span { background-position:left top; } #slider.thumbnails .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal span { background-position:right top; float:right; } #slider.thumbnails .showcase-caption{background-image:url("images/white-opacity-80.png");bottom:31px;color:#000000;display:none;left:10px;margin:10px;padding:8px 15px;position:absolute;right:10px;text-align:left;} #slider.thumbnails .showcase-caption p { font-size:24px; margin:0; padding:0; } #slider.thumbnails .showcase-plus-anchor { background-image: url("images/plus.png");background-repeat: no-repeat;} #slider.thumbnails .showcase-plus-anchor:hover { background-position:-32px 0;} #slider.thumbnails div.showcase-tooltip{background-color:#fff;color:#000;text-align:center;padding:5px 8px;background-image:url(images/white-opacity-80.png);} #slider.thumbnails div.showcase-tooltip img { width:auto; height:auto; border:0 !important; padding:0; display:block; } /* searchform */ #header #searchform { margin:10px 0; float:right; background:rgba(255,255,255,0.2); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:absolute; right:0; bottom:10px; } #header #s, #header #searchsubmit, #header #searchform .screen-reader-text { border:0; background:0; color:#fff; padding:6px 6px 6px 10px; } #header #s { width:150px; } #header #searchsubmit { width:40px; text-indent:-9999px; background:url('images/arrow-search.png') no-repeat center; } #header #searchform .screen-reader-text { display:block; left:0; position:absolute; cursor:text; } /* ====================== END HEADER ====================== */ /* ====================== START PRIMARY CONTENT ====================== */ #sidebar .widget ul a { color: #595959 } #sidebar .widget ul a:hover { color: #000 } /* slogan */ #slogan { line-height:2em; } #slogan cufon { z-index:0; } #slogan h1 { font-family: "Yanone Kaffeesatz", serif; font-size: 28px; color: #615c5c; font-weight: 400; margin-bottom: 0.4em; margin-top:0; color: #1f1d1b; } #slogan h3 { font-family: "Droid Sans", serif !important; font-size: 13px; font-weight: 400; margin-top: 0; color: #1f1d1b; } /* breadcrumbs */ #crumbs { margin: 10px 0 20px 0; color: #999; font-size: 12px; } #crumbs a { color: #999 } #crumbs a:hover { color: #000 } /* boxed-content */ #primary .boxed-content .box-title { margin-right:20px; max-width:160px; position:absolute; left:0; top:0; } #primary .boxed-content .box-title h3 { margin-top:1.5em; margin-bottom:0; } #primary .boxed-content .box-title p { margin-top:0; font-size:12px; } #primary .boxed-content .box-content { margin-left:190px; } /* newsletter form shortcode */ #newsletter-form { padding:15px 0; clear:both } .newsletter-section .description { font-size:22px; float:left; margin:0; line-height:30px; margin-right:22px; } .newsletter-section form { float:left; margin-left:-20px; } .newsletter-section form ul { margin:0 !important; list-style:none !important; } .newsletter-section form ul li { float:left; margin-left:20px; position:relative; } .newsletter-section form ul li, .newsletter-section form ul li label, .newsletter-section form ul li input { line-height:30px; height:30px; } .newsletter-section form ul li input.text-field { background:#fff; border:1px solid #ddd; padding:0 10px; width:180px; color:#3b3c3e; } .newsletter-section form ul li input.submit-field { background:#a4a4a4; color:#fff; border:0; padding:0 15px; font-weight:bold; font-size:14px; cursor:pointer; font-family:Arial; } .newsletter-section form ul li input.submit-field:hover { background:#7e7b7b; } .newsletter-section form ul li label { position:absolute; padding:0 10px; cursor:text; color:#3b3c3e; font-family:"Droid Sans"; font-size:12px; line-height:32px; } /* extra content */ #primary .extra-content { clear:both; margin-top:2em; } /* ====================== END PRIMARY CONTENT ====================== */ /* ====================== START FOOTER ====================== */ #footer.footer-no-sidebar .footer-main { width:100%; } #footer.footer-sidebar-left .footer-main, #footer.footer-sidebar-right .footer-main { width:57.91667%; } #footer .footer-sidebar { width:37.8125%; border:0px solid #d1d2d2; /* giusto 0px, dopo viene data la larghezza */ } /* layout structure */ #footer.footer-sidebar-left .footer-sidebar { float:left; border-right-width:1px; padding-right:2.083%; } #footer.footer-sidebar-right .footer-sidebar { float:right; border-left-width:1px; padding-left:2.083%; } #footer.footer-sidebar-left .footer-main { float:right; } #footer.footer-sidebar-right .footer-main { float:left; } /* widgets */ #footer .footer-main .widget { float:left; width:172px; margin-right:2.083%; } #footer .footer-main .widget-last { margin-right:0px; } #footer .footer-sidebar .widget { margin-bottom:0; } #footer .widget h3 { margin:0 0 0.5em; } #footer .widget ul { margin:0; list-style:none; } #footer .widget ul li a, #footer p { color:#767778; } #footer .widget ul li a { line-height:2em; } #footer .widget ul li a:hover { color:#000; } #footer .hentry-post { margin-bottom:1.4em; } #footer .title { font-size:13px; color:#414243; margin:0; float:none; width:auto; font-weight:bold; } #footer p { margin-top:0.4em; line-height:1.5em; } /* columns */ #footer.columns-1 .footer-main .widget { width:100%; } #footer.columns-2 .footer-main .widget { width:48%; } #footer.columns-3 .footer-main .widget { width:30%; } #footer.columns-4 .footer-main .widget { width:22%; } #footer.columns-5 .footer-main .widget { width:17%; } #footer.footer-sidebar-no.columns-1 .footer-main .widget { width:100%; } #footer.footer-sidebar-no.columns-2 .footer-main .widget { width:48.9%; } #footer.footer-sidebar-no.columns-3 .footer-main .widget { width:31.9%; } #footer.footer-sidebar-no.columns-4 .footer-main .widget { width:23.43%; } #footer.footer-sidebar-no.columns-5 .footer-main .widget { width:18.3%; } /* copyright */ #copyright {clear:both;} #copyright .inner { border-top:1px solid #d1d2d2; } #copyright a { color:#000; } #copyright a:hover { color:#444; } #copyright p { color:#3a3939; } .logo { font-family:'Lobster', serif; color:#a8a8a8; font-size:24px; padding-right:15px; display:block; float:left; line-height:16px; } /* centered footer */ #copyright.centered { text-align:center; } #copyright.centered ul { margin:0; list-style:none; } #copyright.centered li { padding:0 10px; border-right:1px solid #acabab; line-height:12px; display:inline; } #copyright.centered li a { color:#666; } #copyright.centered li a:hover { color:#000; } #copyright.centered ul, #copyright.centered p { margin-bottom:15px; } #copyright.centered ul, #copyright.centered p, #footer.centered a { font-size:12px; } #copyright.centered li:last-child { border-right:0; } /* ====================== END FOOTER ====================== */ /* ====================== START PAGINATION ====================== */ .general-pagination { margin:3em auto 2em; text-align:center; clear:both; } .general-pagination span { display:none; } .general-pagination a { display:inline-block; margin-right:4px; padding:3px 8px; 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 -24px; color:#3e3c3c; } .general-pagination a:hover { background-position:0 -49px; 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 } h2.title-blog { float:left; display:inline-block; width:430px; margin-bottom:0px; bottom:5px; font-size:1.8em; } h2.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:8px; max-width:100%; height:auto; width:auto; } .sticky {background: #f5f5f5;border-top: 4px solid #CACACA;padding: 18px 20px 0;margin:0 -20px 20px} .posts_space { height: 28px; } h2.red-normal { margin-bottom: 20px; } .posts { margin-bottom:-50px; } .post{ margin-bottom: 50px; } .blog-big .post_header, .blog-small .post_header { position: relative; overflow:hidden; } .blog-big .post_header img, .blog-small .post_header img { height: auto; padding: 0; margin: 0; border: 0; max-width: 100%; } .blog-big .post_title { max-width:100%; width: 480px; height: 60px; position: absolute; bottom: 0; right: 0; background: #fff; } .post_nothumb .post_title { position: static; height: auto; padding-top: 1px; } .blog-small .post_header { width: 295px; float: left; margin-right: 20px; } .blog-small .post_header img { width: 100%; max-width: 295px; height:auto; } .blog-small .post_meta { position: absolute; bottom: 0; right: 0; background: #fff; margin-right: 0; padding-left: 20px; width: 110px; } .post_nothumb .post_meta { margin-right: 0; padding-left: 0; position: static; } .post_title h2 { color: #2b2828; font-family: "Yanone Kaffeesatz",serif; font-size: 2em; padding-left: 20px; margin:10px 0 0; } .post_title h2 a { color: #2b2828; } .post_title h2 a:hover { color: #000; } .post_meta { float: left; width: 120px; height: 170px; padding: 0 10px; color: #999; margin-right: 40px; } .post_meta a { color: #999; } .post_meta a:hover { color: #000 } .post_meta .post_date { position: relative; color: #000; height: 62px; margin-bottom: 15px; } .post_meta .post_date span { font-family: Georgia, serif; font-size: 16px; text-transform: uppercase; } .post_meta .post_date .day { position: absolute; left: 0; top: 0; font-size: 48px; } .post_meta .post_date .month { position: absolute; left: 60px; top: 20px; } .post_meta .post_date .year { position: absolute; left: 60px; top: 40px; } .post_meta .post_comments { background: url('images/icons/comments.png') no-repeat left center; height: 25px; padding-left: 25px; line-height: 27px; } .post_meta .post_author { background: url('images/icons/user.png') no-repeat left center; height: 25px; padding-left: 25px; line-height: 27px; } .post_meta .post_twitter { background: url('images/icons/twitter.png') no-repeat left center; height: 25px; padding-left: 25px; line-height: 27px; } .post_meta .post_classa { background: url('images/icons/folder.png') no-repeat left center; height: 25px; padding-left: 25px; line-height: 27px; } .post_content { width: 100%; } .post_content p { padding-top: 20px; } .post_content p+p { padding-top: 0; } .internal-post .post_content p, .post_nothumb p { padding-top: 0; } .hentry .post_video {position: relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0;margin-bottom:20px;max-width:100%;} .hentry .post_video.vimeo {padding-top:0;} .hentry .post_video.dailymotion embed, .hentry .post_video.youtube embed, .hentry .post_video.vimeo object, .hentry .post_video iframe {position: absolute; top: 0;left: 0;width: 100%;height: 100%; } .list-tags a { color: #999 } .list-tags a:hover { color: #000 } /*Styling Images*/ img.internal { border: 1px solid #DAD5D5; padding: 5px; } 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;} div.aligncenter, img.aligncenter {display: block; margin-left: auto !important; margin-right: auto !important; float:none;} 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;clear:left;} .wp-caption img{margin:5px 5px 0;width:98%;} .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px;} .wp-smiley{margin:0;} .gallery{margin:0 auto 18px;clear:left;} .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:25px;margin-top:20px;border-top:1px solid #dcdbdb;padding:10px 0 10px 36px;background:url('images/icons/article.png') left 15px 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:12px;} .comment-container {padding:5px;border:1px solid #d8d7d7;} .comment-author {float:left;margin:25px 10px 0 0;width:110px;} .comment-author img, #commentform p.comment-form-comment label img {border:1px solid #d7d7d7;margin:0 0 0 16px; padding: 2px} #comments .fn {font-style:normal;text-align:center;font-size:12px;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:12px;} /*.comment-meta p {font-size:0.83em;color:#363533;} */ .contentMetaData {width:100%;height:30px;} .intro {width:100%;height:25px;margin-bottom:20px;} .commentNumber {float:right;font-size:150%;color:#bebcbd;} .commentDate {float:left;margin:0 0 0px 0;} ol.commentlist,li.comment {margin:0 0 30px 0 !important;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:#F7F6F6;} /*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 ;} #respond input {padding:10px;margin:0 0 10px 10px;border:1px solid #d8d7d7;background-color:#fff; width: 586px} #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-1 #respond input, .depth-1 #respond textarea {width:374px;} .depth-2 #respond input, .depth-2 #respond textarea {width:334px;} .depth-3 #respond input, .depth-3 #respond textarea {width:294px;} .depth-4 #respond input, .depth-4 #respond textarea {width:254px;} .depth-5 #respond input, .depth-5 #respond textarea {width:214px;} .depth-6 #respond input, .depth-6 #respond textarea {width:174px;} #respond #submit{background:none repeat scroll 0 0 #EEE;color:#4C4B4B;float:right;font-size:1em!important;letter-spacing:1px;text-transform:uppercase;width:130px;margin:0 0 20px;padding:8px;} #respond #submit:hover {background-color:#fff;cursor:pointer;color:#000} #respond .containerPost {font-size:12px} img.comment-avatar {margin:20px 0 0 0;border:1px solid #ccc; padding:3px} #commentform { margin-left:10px; width:548px; } .depth-1 #respond #commentform { width:508px; } .depth-2 #respond #commentform { width:468px; } .depth-3 #respond #commentform { width:428px; } .depth-4 #respond #commentform { width:388px; } .depth-5 #respond #commentform { width:348px; } .depth-6 #respond #commentform { width:308px; } #commentform label {width:101.5px;clear:left;display:block;float:left;font-size:12px;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;line-height:27px;margin-bottom:15px} /*.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 { padding:5px; } /* blog */ #primary #searchform { margin:10px 0 30px 0 } #primary #searchform .screen-reader-text { display:none } #primary #searchform input {border:1px solid #BDBEBE;color:#666;border: 1px solid #BDBEBE;} #primary input#searchsubmit, input.submitbutton { cursor:pointer; padding: 6px 10px 4px; background: url('images/input_pattern.png') repeat-x bottom; margin: 0; border: 1px solid #d5d4d4; font-family: "Droid Sans", serif; color: #444; font-size: 12px; text-transform: uppercase; width:auto; } #primary input#searchsubmit:hover, input.submitbutton:hover { background: url('images/input_pattern_hover.png') repeat-x top; } #primary input#s { border: 1px solid #BDBEBE; height: 32px; margin: 2px 0; padding: 0 5px; } #primary .sidebar-left #s, .sidebar-right #s { width: 140px; } /* ====================== END SEARCHBOX ====================== */ /* ====================== START 404 ====================== */ .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:10px 20px !important; height:auto !important; font-size: 12px !important; } .p404 #searchsubmit { font-size: 12px !important; } .p404 #searchform { margin-top:2em !important; } /* ====================== END 404 ====================== */ /* ====================== START CONTACT FORM ====================== */ #content .contact-form { margin-top:30px; width:104%; } #content .contact-form fieldset {padding:0;} #content .contact-form ul { margin:0; list-style:none; } #content .contact-form li { width: 44.2%; float: left; margin: 0 5% 2% 0; } #content .contact-form li.on-left { float:left; } #content .contact-form li.on-right { float:right; } #content .contact-form li.full { clear:both; } #content .contact-form li.full label { display: block } #content .contact-form li.textarea-field { clear:both; width:auto; float:none; } #content .contact-form label span.label { font-family: "Yanone Kaffeesatz",serif; font-size: 18px; line-height: 18px; } #content .contact-form label span.sublabel { font-family: "Droid Sans", serif; font-size: 12px; color: #9C9B9B } #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:1px solid #cecbcb; margin-top:10px; padding:10px; } #content .contact-form li.text-field input, #content .contact-form li select { font-size: 12px; background-color:#fff; width:97.5%; } #content .contact-form li select { padding:10px; } #content .contact-form li textarea { width:97%; height:150px; background-color:#fff; } #content .contact-form li.icon input, #content .contact-form li.icon textarea, #content .contact-form li input.icon, #content .contact-form li textarea.icon { background-repeat:no-repeat; } #content .contact-form li.icon input, #content .contact-form li input.icon { background-position:98% center; } #content .contact-form li.icon textarea, #content .contact-form li textarea.icon { background-position: 98% 15px; } #content .contact-form li.error input, #content .contact-form li.error textarea, #content .contact-form li.error select, #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:1px solid #cf0606; } #content .contact-form li.success input, #content .contact-form li.success textarea, #content .contact-form li.success select, #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:12px; color:#cf0606; height:14px; } #content .contact-form li.submit-button {clear:both; width:auto; float:none;} #content .contact-form li.checkbox-field label, #content .contact-form li.radio-field label { display: block; } #content .contact-form li.submit-button input { background: url("images/input_pattern.png") repeat-x scroll 0 0 #F3F0F0; border: 1px solid #D5D4D4; cursor: pointer; display: block; font-size: 12px; height: 30px; letter-spacing: 1px; padding: 0 4px; text-transform: uppercase; margin:0; } #content .contact-form li.submit-button input:hover { background: url("images/input_pattern_hover.png") repeat-x scroll 0 0 #fff; } #content .contact-form li.submit-button input[disabled] { color:#ddd; } #content .contact-form label, #content .contact-form input, #content .contact-form textarea { color:#4c4c4c; width:auto; } #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/icons/tick_contact.png'); } #content .contact-form p.error { background-color:#fedccd; border-color:#fa8c83; color:#c82c1f; background-image:url('images/icons/error.png'); } #yiw_bot {display:none !important;} /* 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 WIDGETS ====================== */ .widget {margin-bottom:20px;} .widget h2, .widget h3 {margin-bottom:10px;} .widget ul { list-style:none; margin:0; font-size: 12px; } .widget ul.children { list-style-image: url('images/icons/ruz.png'); list-style-position: inside; } .widget li { line-height: 23px; color: #636060; line-height: 26px; } /* 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; } .featured-projects-widget img { padding: 5px; border: 1px solid #B2B0B0; width: 208px; height: 168px; margin-bottom: 0; } .featured-projects-widget p.categories { margin-top: 0 } .featured-projects-widget h5 { margin-bottom: 0; line-height: 1.6em; } .popular-posts img, .recent-posts img, .popular-post img, .recent-post img { width: 53px; height: 53px; max-width: auto; } .popular-posts a, .recent-posts a, .popular-post a, .recent-post a {vertical-align: middle; font-size: 12px; color:#000; } .popular-posts a:hover, .recent-posts a:hover, .popular-post a:hover, .recent-post a:hover { color:#444; } .popular-posts p.post-date, .recent-posts p.post-date, .popular-post p.post-date, .recent-post p.post-date { font-style:italic; font-size: 12px; } .widget_rss a { font-weight: bold; } /* last news */ .last-news { width:100%; float:left; } .last-news .box-post { float:left; margin-bottom:10px; position:relative; } .last-news img { float:left; border:1px solid #acabab; padding:3px; width:55px; height:55px; position:absolute; left:0; top:0; } .last-news a.title { color:#4F4E4E; font-weight: bold; margin: 0; } .last-news a.title, .last-news p.meta, .last-news p.content { display:block; width:225px; float:right; /*margin-left:75px;*/ } .last-news p.meta { padding: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:12px; 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'); } /* testimonial */ .testimonial-text { } .testimonial-text p { color: #797474; font-size: 12px; } .testimonial-text ul { list-style: none } .testimonial-text blockquote p { padding: 0 } .testimonial-text a.name-testimonial {font-weight: bold;color: #302e2e; margin-top: 10px; display: block;min-height:40px} .testimonial-text .p-testimonial {display:none; text-align: right; margin-top: 10px;} .testimonial-text .p-testimonial a {padding: 0 2px;} /* 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; } .tagcloud a:hover { color:#000; } /* calendar */ #wp-calendar { margin-top:0; } #wp-calendar th, #wp-calendar td { line-height:32px; padding:5px 10px; text-align:center; } #wp-calendar caption { margin-bottom:10px; font-size:12px; 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 ====================== */ .read-more, .more-link { background: url("images/bg-button-light.png") repeat-x scroll left top #F4F4F8; border: 1px solid #D8D8DC; border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); color: #787D8C !important; float: left; font-size: 12px; margin: 15px 0 20px; padding: 4px 12px; text-decoration: none; text-shadow: 1px 1px 0 white; } .read-more:hover, .more-link:hover { background: none repeat scroll 0 0 #F9F9FB; border: 1px solid #C4C4C8; color: #464B5A !important; } /* ====================== START SHORTCODE ====================== */ hr {margin:40px auto;width:600px;border:1px dotted #ccc;clear:both} code, pre {background-color:#e8ebec;border:1px dotted #bbb;color:#333;font:13px/18px Consolas,"Courier New",Courier,monospace;padding:0px 5px;} /* icon section */ .box-sections { width:220px; line-height: 1.81em; margin: 4em 26.666px 0 0; float:left; } .box-sections h3, .box-sections h2, .box-sections-border h3, .box-sections-border h2 { margin-bottom:20px !important; } .box-sections h2 { font-size:2em; } .box-sections h3 { font-size:1.8em; } .box-sections h1, .box-sections h2, .box-sections h3, .box-sections h4, .box-sections h5, .box-sections h6 { margin-top:0; } .box-sections h4, .box-sections h5, .box-sections h6 { font-size:1.5em; } .box-sections h6, .box-sections-border h6 { margin:5px 0 22px !important; font-family: "Yanone Kaffeesatz",serif; } .box-sections p, .box-sections-border p { clear:both } .box-sections img.thumb, .box-sections-border img.thumb { width:262px; height:139px; padding:3px; border:1px solid #ccc; } .box-sections img.icon { float: left; margin-right: 10px; } .box-sections span, .box-sections-border span { /*color:#244455*/ } /*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;}*/ .box-sections, .one-fourth {float:left;margin-right:2%;width:23.5%;} .one-third {float:left;margin-right:2%;width:32%;} .two-third {float:left;margin-right:2%;width:66%;} .two-fourth {float:left;margin-right:2%;width:49%;} /* boxed-content */ .boxed-content { margin: 2em 0; position:relative; } /*bullet*/ ul.short {margin:20px 0;padding:0;list-style-type:none!important;} 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;} ul.short.info { background: none !important; border: 0 none !important; box-shadow: none !important; } /*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.sc-button {display:inline-block;margin:0 5px 19px 0;} .sc-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.sc-button {background-color:#ff5c00;} .orange.sc-button:hover {background-color:#d45500;} .blue.sc-button {background-color:#2daebf;} .blue.sc-button:hover {background-color:#007d9a;} .green.sc-button {background-color:#91bd09;} .green.sc-button:hover {background-color:#749a02;} .red.sc-button {background-color:#e33100;} .red.sc-button:hover {background-color:#872300;} .yellow.sc-button {background-color: #ffb515;} .yellow.sc-button:hover {background-color:#fc9200;} .magenta.sc-button {background-color:#a9014b;} .magenta.sc-button:hover {background-color:#630030;} .sc-button:hover {background-color:#111;} .large.sc-button {font-size:14px;padding:8px 19px 9px;} .small.sc-button {font-size:12px;} .sc-button:hover,.sc-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:20px; line-height:20px; background:url('images/icons/baloon.png') left center no-repeat; padding:0 0 0 32px; cursor:pointer; color:#3e3e3e; } .toggle p.tab-index.tab-opened a { background:url('images/icons/baloon-active.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*/ .tabs-container ul.tabs {list-style-type:none;margin:0 !important;padding:0;height:40px;position:relative;z-index:1;} .tabs-container ul.tabs li {list-style:none;} .tabs-container ul.tabs li a {color:#444;background:#fafafa url('images/bg/tab/inactive-tab.png') repeat-x left bottom;width:14%;height:40px;line-height:40px;display:block;float:left;text-align:center;border:1px solid #b6b6b6;margin-left:-1px;} .tabs-container ul.tabs li a:hover {color:#000;} .tabs-container ul.tabs li.current a {background:#fff;border-bottom:1px solid #fff;color:inherit;} .tabs-container ul.tabs li:first-child {border-left:1px solid #b6b6b6 !important;} .tabs-container ul.tabs li:last-child {border-right:1px solid #b6b6b6 !important;} .tabs-container div.panel {padding:20px 20px 10px;} .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;padding-top:1px;} .tabs-container div.border-box {-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5p} .tabs-container ul.tabs {-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5p} /*table*/ table {margin:1em 0 30px;border:1px solid #e0e0e0;} table td, table th { padding:10px 20px; text-align:left; color:#757475; } #primary .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;} #primary td img {border:none;vertical-align:middle;margin:0;} /*red*/ .short-table.red thead th {background:#c21200;color:#fff;} .short-table.red table {border:1px solid #c21200;} /*grey*/ .short-table.grey thead th {background:#4b4a4a;color:#fff;} .short-table.grey table {border:1px solid #4b4a4a;} /*blue*/ .short-table.blue thead th {background:#07558c;color:#fff;} .short-table.blue table {border:1px solid #07558c;} /*prices table*/ .price-table {background:#fff url('images/bg/tab-price-gradient.png') repeat-x;width:100%;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 {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 !important;margin:0 0 20px !important;} .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 {padding:0 0 0 45px;} .cite {margin:0} .cite { color: #000; font-size: 1.5em; font-style: italic; } .cite * { color: #000; } /*highlight*/ span.highlight {background-color:#d9d7d6;} /*slider*/ .nivo-slider {position:relative;margin-bottom:35px} .nivo-slider .nivo-slice, .nivo-slider .nivo-box {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} .nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:1;} /*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/gradient-call-to-action.png') repeat-x top left*/; border:1px solid #cbc9c9; position:relative; clear: both; margin-top: 10px; } .call-to-action .incipit, .call-to-action .separate-phone, .call-to-action .number-phone { float:left; height:100%; margin-left:10px; 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:42px; 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; } /*call to action two*/ .call-to-action-two { background:#ebeced; padding:20px; position:relative; margin-top:4em; } .call-to-action-two p { color:#555657; font-size:20px; float:left; width:75%; line-height:18px; } .call-to-action-two p span { color:#393b3c; } .call-to-action-two .call-button { display:block; float:right; padding:10px 15px; font-size:24px; font-weight:bold; font-family:"Trebuchet MS"; background:#A0A5AC; color:#fff; } .call-to-action-two .call-button:hover { background:#89909b; } /*testimonials*/ .testimonials-list { margin-bottom:0; padding: 25px 0; } .testimonials-list .thumb-testimonial { float:left; text-align:left; height: 147px; width: 147px; position: relative; } .testimonials-list .thumb-testimonial img { width: 147px; height: 147px; margin-bottom: 0 } .testimonials-list .thumb-testimonial p { clear:both; background-color: #fff; padding: 10px 10px 0px; } .testimonials-list .name-testimonial { line-height: 1.5em; position: absolute; right: 0; bottom: -5px } .testimonials-list.no-thumb .thumb-testimonial { height:40px; width:110px; } .testimonials-list.no-thumb .thumb-testimonial p.name-testimonial { left:0; bottom:auto; top:0; } .testimonials-list span.title { font-size: 18px; font-family: "Yanone Kaffeesatz", serif; } .testimonials-list span.website a { font-size: 12px; color: #6f6e6e } .testimonials-list .the-post { padding:10px 0 0 35px; background:url('images/bg/sep-testimonials.png') no-repeat left 15px; margin-left:165px; } .testimonials-list.no-thumb .the-post { margin-left:115px; } /*google maps*/ .google-map-frame iframe { padding:3px; border:1px solid #acabab; } /*styled button icon*/ #primary .more-button { position:relative; margin:20px 0 0; width:151px; height:39px; clear:right; display:inline-block; } #primary .bg-button, #primary a.more-button, #primary .more-button a { background:transparent url('images/button-more.png') top left no-repeat; } #primary a.more-button, #primary .more-button a, #primary .more-button input, #primary .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; } #primary a.more-button:hover, #primary .more-button a:hover, #primary .bg-button:hover { background-position:0 -39px; color:#383838; } #primary .more-button input, #primary .more-button button { width:151px; background-color:transparent; } #primary .more-button .icon { display:block; position:absolute; top:0; right:0; width:34px; height:39px; background:center no-repeat; } #primary .more-button .icon-img { background-position:125px center; background-repeat:no-repeat; } /*button rtl*/ #primary a.more-button-rtl, #primary .more-button-rtl a, #primary .more-button-rtl input, #primary .more-button-rtl button { padding:0 10px 0 40px; background-image:url('images/button-more-rtl.png') } #primary .more-button-rtl .icon { left:0; right:auto; } /*button icons*/ #commentform .form-submit input, #primary .more-button .arrow { background-image:url('images/icons/for_button/arrow.png') } #primary .more-button .arrow-left { background-image:url('images/icons/for_button/arrow-left.png') } #primary .more-button .remove { background-image:url('images/icons/for_button/remove.png') } #primary .more-button .calc { background-image:url('images/icons/for_button/calc.png') } #primary .more-button .offer { background-image:url('images/icons/for_button/offer.png') } #primary .more-button .gift { background-image:url('images/icons/for_button/gift.png') } #primary .more-button .cart { background-image:url('images/icons/for_button/cart.png') } #primary .more-button .download { background-image:url('images/icons/for_button/download.png') } #primary .more-button .tick { background-image:url('images/icons/for_button/tick.png') } /* socials */ a.socials, a.socials-small { display:inline-block; margin-right:5px; 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/socials/facebook.png') no-repeat } a.rss { background:url('images/icons/socials/rss.png') no-repeat } a.blogger { background:url('images/icons/socials/blogger.png') no-repeat } a.delicious { background:url('images/icons/socials/delicious.png') no-repeat } a.flickr { background:url('images/icons/socials/flickr.png') no-repeat } a.stumble { background:url('images/icons/socials/stumble.png') no-repeat } a.vimeo { background:url('images/icons/socials/vimeo.png') no-repeat } a.yahoo { background:url('images/icons/socials/yahoo.png') no-repeat } a.youtube { background:url('images/icons/socials/youtube.png') no-repeat } a.twitter { background:url('images/icons/socials/twitter.png') no-repeat } a.linkedin { background:url('images/icons/socials/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 SHORTCODE ====================== */ /* Extras */ .clear{clear:both;} .left{float:left;} .right{float:right;} .nomargin{margin:0} .nopadding{padding:0} /* 图片内容自适应屏幕 */ #pic { margin:0 auto; width:100%; padding:0; } #pic img { max-width:99%; mywidth:expression(onload=function() { this.style.width=(this.offsetWidth >document.getElementById("pic").scrollWidth*9.9/10)? "99%": "auto" } );