// Version ReadyTheme R.1 // Defaults which you can freely override @column-width: 30; @gutter-width: 10; @columns: 24; // Utility variable — you should never need to modify this @_gridsystem-width: (@column-width*@columns) + (@gutter-width*@columns) * 1px; // Set @total-width to 100% for a fluid layout @total-width: @_gridsystem-width; ////////// // GRID // ////////// body { width: 100%; float: left; } .row(@columns:@columns) { display: inline-block; overflow: hidden; width: @total-width*((@gutter-width + @_gridsystem-width)/@_gridsystem-width); margin: 0 @total-width*(((@gutter-width*.5)/@_gridsystem-width)*-1); } .column(@x,@columns:@columns) { display: inline; float: left; overflow: hidden; width: @total-width*((((@gutter-width+@column-width)*@x)-@gutter-width) / @_gridsystem-width); margin: 0 @total-width*((@gutter-width*.5)/@_gridsystem-width); } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* START HERE */ /* RESET */ /* ----------------------------------------- */ /** * Eric Meyer's Reset Stylesheet * * v2.0 * 2011-01-26 * Author: Eric Meyer - http://meyerweb.com/eric/tools/css/reset/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: 'myriad', sans-serif ; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* LAYOUT */ /* ----------------------------------------- */ /* Presentational classes generated by WordPress */ .aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; } .wp-caption { border: 1px solid #999; text-align: center; background: #eee; padding: 10px; margin: 10px; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: 'myriad', sans-serif!important; font: inherit; vertical-align: baseline; } p { font-size:14px; color:#333; } .post-time { font-size:14px; } a { font-size:14px; color:#036; text-decoration:none; } footer, footer span { font-size:14px; } div.wrapper { width: 960px; margin: 0 auto; overflow: hidden; } .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .footer{background:url(../images/footerbkgd.png) 100% 100%; color:#fff; height:86px; .wrapper { position:relative; .footer-content { padding-top:35px; font-size:12px; } .footer-nav { float:right; position:absolute; right:0; top:35px; height:20px; width:50%; li { padding-right:20px; float:left; a { color:black; } } .menu-botnav-container { float:right; } } a{ text-decoration:none; color:#fff; font-size:12px; } } } body.home { background:url(../images/bkgd_home.jpg) repeat-x !important; } body { background:url(../images/bkgd.jpg) repeat-x; } .dottedline { background:url(../images/dottedline.jpg) repeat-x !important ; width:100%; height:2px; float:left; } .header { float:left; width:100%; height:100px; position:relative; .logo { position:absolute; bottom:20px; } .homebutton { float:left; padding-top:3px; } .contactbar { width:100%; float:right; .number { color:#3cf; font-size:18px; float:right; padding-right: 10px; padding-top:9px; } .quicknav { float:right; background:url(../images/quicknav_bkgd.jpg) repeat-x; height:30px; li { padding:5px 18px 10px 18px; float:left; height:50%; a { font-size:14px; color:black; } span { } } li:first-child { background:url(../images/quicknav_divider.jpg) repeat-y 100% 0%; z-index:100; } } } .navigation { padding-top:10px; float:right; nav { float:left; ul { float:right; li { padding-left: 45px; padding-bottom:5px; float:left; a { font-family: 'Terminal Dosis', sans-serif !important; font-size:23px; color:white; text-decoration:none; text-transform:lowercase; } a:hover { color:#3cf; } } li:first-child { padding-left:25px; } .current-menu-item { a { color:#3cf; } } } } } } .entrytext { ul{ list-style:disc; margin-left:30px; li { font-size: 14px; line-height: 1.25; color: #666 !important; } } } .home .entrytext { min-height:384px; } #pagecolumn { min-height:510px; } .home-content { margin-top:30px; width:530px; h1 { color:#cf6; font-size:46px; text-shadow: #333 0.05em 0.05em 0.05em; } ul { margin-top:10px; li { color:#fff !important; font-size:18px; text-shadow: #333 0.1em 0.1em 0.2em; } margin-left:10px; } img { } } .home-banner { background:url(../images/openquotes.jpg) no-repeat 0 0; width:100%; .content{ padding:7px 40px; color:#666; font-size:20px; font { font-size:19px; color:#9c6; }} } .home-blocks { width:100%; float:left; padding-bottom:20px; li { .column(6); img { width:100%; } h2 { width:100%; color:#666; font-size:22px; font-weight:bold; font-family: 'Terminal Dosis', sans-serif !important; } .frontdesc { background:#66cccc; color:white; font-style:italic; width:100%; height:255px; padding:10px; } .moreinfo { height:30px; position:relative; a { color:#666; font-size:18px; } img { width:21px; height:21px !important; position:absolute; right:125px; } } .blockcontent { p{ color:#666; font-size:14px; } } } } .page-title { font-family: 'Terminal Dosis', sans-serif !important; color:#000; font-size:24px; text-transform:lowercase; padding-bottom: 20px; } .gallery-container { float: left; width: 100%; padding-bottom:10px; .gallery-title { font-size:20px; color:#000; font-family: 'Terminal Dosis', sans-serif !important; text-transform:lowercase; padding-bottom:10px; } .gallery { .thumb { .column(5); width:187px; position:relative; list-style:none; margin-bottom:5px; .video-title { position:absolute; color:#fff; background-color:#000; opacity:.8; font-size:22px; bottom:3px; display:none; width:100%; text-align:center; padding:10px 0; a { color:#fff; width:100%; text-align:center; text-decoration:none; } } img { width:100%; } } } } .sidebar { .column(4); li { list-style:none; } .menu-sidebar-container { margin: 8px auto; position: relative; #menu-sidebar { width:140px; position: fixed; li { background-color:#000; text-align:center; padding:5px 0; margin-bottom:5px; a { color:#fff; font-size:16px; font-family: 'Terminal Dosis', sans-serif !important; text-decoration:none; } } } } } #maincolumn2 { float:right; .column(20); } .fancybox { text-decoration:none; } /* Comment Form */ #respond { border: 1px solid #d3d3d3; -moz-border-radius: 3px; border-radius: 3px; margin-top:10px; padding: 1.625em; position: relative; width: 68.9%; } #respond input[type="text"], #respond textarea { background: #fff; border: 4px solid #eee; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); position: relative; padding: 10px; text-indent: 80px; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { position: relative; } #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { background: #eee; -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); box-shadow: 1px 2px 2px rgba(204,204,204,0.8); color: #555; display: inline-block; font-size: 14px; left: 4px; min-width: 60px; padding: 4px 10px; position: relative; top: 40px; z-index: 1; } #respond input[type="text"]:focus, #respond textarea:focus { text-indent: 0; z-index: 1; } #respond textarea { resize: vertical; width: 95%; } #respond .comment-form-author .required, #respond .comment-form-email .required { color: ##ff0000 !important; font-size: 22px; font-weight: bold; left: 75%; position: absolute; top: 45px; z-index: 1; } #respond .comment-notes, #respond .logged-in-as { font-size: 14px; } #respond p { margin: 10px 0; } #respond .form-submit { float: right; margin: -20px 0 10px; } #respond input#submit { background: #33CCFF; border: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #eee; cursor: pointer; font-size: 15px; margin: 20px 0; padding: 5px 42px 5px 38px; position: relative; left: 0px; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } #respond input#submit:active { background: #006699; } #respond #cancel-comment-reply-link { color: #666; margin-left: 10px; text-decoration: none; } #respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover { text-decoration: underline; } .commentlist #respond { margin: 1.625em 0 0; width: auto; } #reply-title { font-family: 'Terminal Dosis', sans-serif !important; color: black; font-size: 24px; text-transform: lowercase; padding-bottom: 20px; } #cancel-comment-reply-link { color: #888; display: block; font-size: 10px; font-weight: normal; line-height: 2.2em; letter-spacing: 0.05em; position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em; } #cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover { color: #ff4b33; } #respond label { line-height: 2.2em; } #respond input[type=text] { display: block; height: 24px; width: 75%; } #respond p { font-size: 12px; } p.comment-form-comment { margin: 0; } .form-allowed-tags { display: none; } #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { background: #Efefef; -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); box-shadow: 1px 2px 2px rgba(204,204,204,0.8); color: #555; display: inline-block; font-size: 14px; left: 4px; min-width: 60px; padding: 4px 10px; position: relative; top: 40px; z-index: 1; } .wpcf7 { input{ width:310px; } textarea { height: 100px; width:810px; } .wpcf7-submit { width: 60px; float: right; margin-right: 10px; margin-top: 3px; } p { margin-bottom:0px !important; } } .bottom-banner { .column(18); padding:20px 0; h1 { color:#666; font-size:24px; font-family: 'Terminal Dosis', sans-serif !important; width:100%; } .blockcontent { padding-top:10px; p { color:#666; font-size:14px; } } } .side-news { .column(6); padding:20px 0; h1 { color:#666; font-size:24px; } ul { padding-left:10px; padding-top:15px; li { background:url(../images/arrow.jpg) no-repeat 0 3px; float:left; a { color:#333; font-size:14px; padding-left:15px; float:left; margin-bottom:10px; } } } } .blogpage { min-height:600px; .column(20); .blog-title { font-family: 'Terminal Dosis', sans-serif !important; color: black; font-size: 24px; text-transform: lowercase; padding-bottom: 20px; a { font-family: 'Terminal Dosis', sans-serif !important; color: black; font-size: 24px; text-transform: lowercase; padding-bottom: 20px; } } } .sidebar { .column(4); h3,label { font-family: 'Terminal Dosis', sans-serif !important; color: black; font-size: 24px; text-transform: lowercase; padding-bottom: 20px; } li ul { margin-left:20px; list-style-type:disc; } li { padding-bottom:10px; } } input[type="text"], textarea { background: #F6F6F1; border: 1px solid #E5E5E5; padding: 6px 5px 6px 5px; resize: none; margin-bottom:10px; } #searchform { position:relative; input[type="text"], textarea { background: #F6F6F1; border: 1px solid #E5E5E5; padding: 6px 5px 6px 5px; resize: none; width:100%; } input[type="submit"] { text-indent:999999999px; background:url(../images/Search.png) no-repeat transparent !important; width:25px; height:25px; border:none; position:absolute; right:0; top:35px; cursor:move; } } .page { h2 { color:#fff; font-size:18px; } p { font-size:14px; line-height:1.25; color:#666 !important; } } .promise-blocks { width:100%; float:left; margin:15px 0; height: 200px; h2 { background-color:#39c; color:#fff; font-size:16px; text-align:center; padding:10px; } li { .column(6); width:226px !important; .blockcontent { padding:10px; background-color:#efefef; p { font-size:13px; line-height:1.5; } height:150px; } } } .products-blocks { width:100%; margin:15px 0!important; height: auto; h2 { background-color:#39c; color:#fff; font-size:16px; text-align:center; padding:10px; } li { .column(9); width:345px !important; margin:5px 5px; .blockcontent { padding:10px; background-color:#efefef; p { font-size:13px; line-height:1.5; } height:auto; } } } .special-blocks { width:100%; margin:15px 0; height: auto; h2 { background-color:#39c; color:#fff; font-size:16px; text-align:center; padding:10px; } li { .column(9); margin:5px 5px; width:345px !important; .blockcontent { padding:10px; background-color:#efefef; p { font-size:13px; line-height:1.5; } height:auto; } } } .guarantee-blocks {float:left; width:100%; padding:15px 0; p { color:#333; font-size:14px; } } .partner-blocks {float:left; width:100%; margin:15px 0; border:2px #efefef solid; } .block-title { float:left; width:100%; font-size:18px; color:#000 !important; } #pagecolumn { .column(18); } .testimonials { .column(6); background:#dbe3f4; .block-wrap{ margin:15px; .block-title { color:#000000 !important; font-size:18px !important; font-weight:bold; width:100%; margin-bottom:10px; } .blockcontent { background: url(../images/quote.png) no-repeat 0 0; padding-bottom:15px; float:left; width:100%; p { color:#000; font-size:14px; margin:0 20px 0 45px; padding-bottom:10px; } .more-link { color:#000000; text-decoration:underline; font-size:14px; margin:0 45px; font-weight:bold; } } } } .commentlist { li.comment{ background: #fff; overflow: hidden; border: 1px solid #E8E8E5; padding: 15px 20px 20px 25px; margin-bottom: 2em; } .comment-author-name { width:100%; float:left; padding-bottom:10px; } .comment-avatar { width:10%; float:left; padding-bottom:10px; } .comment-content { width:90%; float:left; padding-bottom:10px; } .comment-view { width:100%; float:left; font-size:14px; } } #commentform { width: 100%; overflow: hidden; } #commentform p { padding: 0 0 5px 0; } #commentform p.field { margin-bottom:5px; } #commentform small { } #commentform label { display:block; } #commentform input[type=text] { width:250px; padding:4px; } #commentform textarea { width:460px; height:150px; padding:4px; overflow:auto; } #commentform #submit { margin: 10px 0 0 0; } article { margin-bottom:20px; footer { margin-top:10px; } } h1{ span { font-size:18px; }}