/* Theme Name: SRM Roofing Version: 1.0 Author: Mystics Website Design Author URI: http://mysticswebsitedesign.com.au/ */ /* IMPORTANT NOTE! If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme without worrying about overwriting your style changes. */ /*=== Setup ===*/ /* Import RESET styling for grid framework*/ @import url('library/css/reset.css'); /* Import GRID styling for grid framework*/ @import url('skins/1-default.css'); /* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ body { font:14px Arial, Helvetica, sans-serif; } hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0} h1 { font-size:32px } h2 { font-size:22px } h3 { font-size:16px} h4 { font-size:15px} h5 { font-size:14px } h6 { font-size:12px} p { font-size:14px; } ol { list-style:decimal } ul { list-style:square } li { margin-left:30px } dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom:20px; font-weight:normal; } h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0 !important; padding: 0 !important; font-weight:bold; } p { margin: 4px 0; font-weight:normal; } a { text-decoration:none; } a:hover { text-decoration:none; } .fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden } .fl{ float: left } .fr{ float: right } .ac{ text-align: center } .ar{ text-align: right } /* Wordpress default image css class format ----------*/ .alignleft { float:left; padding:4px; margin:7px 25px 18px 0; text-align:center; } .alignright { float:right; padding:4px; margin:24px 0 0px 12px; text-align:center; } .aligncenter { text-align:center; padding:5px; margin:10px 0; background:#fff; border:2px solid #eee; } .alignleft { border:1px solid #a9a9a9; background:#fff; } .alignright { border:1px solid #a9a9a9; background:#fff; } .wp-caption .alignleft { margin:0 15px 10px 15px; padding:0; } .wp-caption p { margin:0; padding:3px 5px; font:bold 12px Arial, Helvetica, sans-serif; } .wp-caption .alignright { float:right; margin:0 0 10px 15px; padding:0; } .wp-caption { width:auto !important; } hr { margin-bottom:22px; clear:both; } .post_img { margin-bottom:12px; } /* -------------------------------------------------- Structure -------------------------------------------------- */ #container { width: 1030px; margin: 0 auto; } #header { width:1010px; height: 165px; margin:0 auto; padding: 0; } #page { width: 970px; margin: 15px auto; padding: 0 20px 15px 20px; } #content { width: 620px; float:left; padding: 0 0 30px 0; margin: 0; } .content_right { float:right !important; } .content_full { width:100% !important; padding-bottom:80px; } #sidebar { width: 330px; float: right; margin: 0; padding: 0 0 30px 0; min-height:400px; height:100%; overflow:hidden; } .sidebar_left { float:left !important; } #footer { width:1010px; margin:0 auto; padding-top:20px; padding-bottom:0; clear:both; height:100%; } /* -------------------------------------------------- Header -------------------------------------------------- */ #header .logo { width: 352px; margin: 20px 0 0 30px; padding: 0 20px 0 0; float: left; } #header .call { width: 456px; height: 114px; margin: 20px 30px 0 0; float: right; display: block; background: url(images/call.png) no-repeat left top; } /*=== Logo Spot ===*/ #header .blog-title{ padding:0; } #header .blog-title a{ font:36px Georgia; font-weight:bold; text-decoration:none; padding:0px } #header .blog-title a:hover{ text-decoration:none; background:none } #header .blog-description{ font-size:14px; padding:0px } #navbg { clear:both; width: 1010px; margin: 0 auto; height: 55px; padding:0; } #navbg ul { width: 980px; margin: 0 auto; } /* home page ---------------------- */ .home_banner { position: relative; z-index: 10; clear: both; height: 271px; margin-bottom: 15px; } #page h3.slider_title { margin:5px 0 10px 0; padding:0; font:20px Arial, Helvetica, sans-serif; text-align:center; } .container { width:970px; height: 251px; overflow:hidden; position:relative; } .slides { position:absolute; top:0; left:0; } .slides div { position:absolute; top:0; width:970px; display:none; } #loopedSlider,#newsSlider { margin:0 auto; width: 970px; height:251px; padding: 0; position:relative; float: left; } .button { height:100%; overflow:hidden; float:left; margin-right:10px; margin-right:10px; padding-left:17px; } .button a { float:left; padding:7px 30px 10px 10px; font:bold 14px Arial, Helvetica, sans-serif; } .button a:hover { font:bold 14px Arial, Helvetica, sans-serif; } a.previous{ position:absolute; left: 0px; top:100px; width:22px; height:47px; display:block; text-indent:-9009px; } a.next{ position:absolute; right: 0px; top:100px; width:22px; height: 47px;display:block; text-indent:-9009px; } .home_banner .banner-quote { background: url(images/banner-quote.jpg) no-repeat left top; width: 240px; height: 251px; display: block; float: right; } /* -------------------------------------------------- Home -------------------------------------------------- */ .breadcrumb { padding:10px 0 20px 0; text-align:left; } p { margin:0 0 10px 0; padding:0; line-height:20px; } .imgcenter { margin-bottom:15px; } p.alignright { text-align:right; } ul { margin:0; padding:0; list-style:none; clear: both; } p.more { display:block; clear:both; position:relative; top:-16px; width:590px; padding-top:10px; text-align:right; } #gform_wrapper_1 ul { list-style: none; } /* page menu -------------------- */ .subheading { cursor:pointer; } .pos { margin-bottom:2px; padding:15px 42px 15px 22px; font:18px Arial, Helvetica, sans-serif; display:block; cursor:pointer; } .neg { margin-bottom:2px; padding:15px 42px 15px 22px; font:18px Arial, Helvetica, sans-serif; display:block; cursor:pointer; } .row { padding-bottom:15px; margin-bottom:15px; } .row label { width:120px; float:left; display:block; padding-top:5px; font-weight:bold; } .row .textfield { padding:7px; font:13px Arial, Helvetica, sans-serif; width:250px; float:left; } h1.menu_head { margin:0 0 20px 0 ; padding:0 0 14px 0; font: 30px Arial, Helvetica, sans-serif; text-align:center; position:relative; } a.i_pdf { position:absolute; right:100px; top:4px; padding:4px 0 4px 22px; font:16px Arial, Helvetica, sans-serif; } a.i_print { position:absolute; right:0px; top:4px; padding:4px 0 4px 22px; font:16px Arial, Helvetica, sans-serif; } /* -------------------------------------------------- inner -------------------------------------------------- */ blockquote { margin:0; padding:0 0 0 25px; } p.author { margin:0 0 15px 0; padding-bottom:15px; } .table { margin-bottom:40px; } .table td { padding:8px; vertical-align:top; } .table td.title { font:16px Arial, Helvetica, sans-serif; padding:8px 0 8px 20px; } .table td.default_sect { padding:0px !important; margin:0 !important; } .table td.row { } .table2 td { padding:0; } /* -------------------------------------------------- content -------------------------------------------------- */ #content h1 { } #content h2 { } #content h4 { margin:10px 0 15px 0; padding:0 0 5px 0 ; } #content h4 a { text-decoration:none; } #content h4 a:hover { text-decoration:none; } #content .posts { margin-bottom:40px; } #content ul { margin:0 0 25px 0; padding:0; } #content li { margin:0 15px 5px 15px; padding: 3px 0 5px 18px; line-height:18px; list-style:none; font-size: 14px; } .post_title { float:left; width:635px; } #content .posts h3 a { text-decoration:none; } #content .post_top a { text-decoration:none; } #content .post_content { padding-bottom:10px; } #content p.post_meta { font-size:11px; } .page ul { padding:10px 0 20px 0; list-style:square inside !important } #content .post_bottom { padding:8px 0 52px 0; clear:both; } #content .post_bottom a { text-decoration:underline; } #content .post_bottom a:hover { text-decoration:none; } .arclist{ margin-bottom:30px; padding-bottom:25px; } .i_comment { width:29px; text-align:center; padding:5px 0 15px 0; margin-top:10px; float:right; font-size:14px; font-weight:bold; } #content object, #content embed { float:left; margin:10px 20px 20px 0; } /* gallery view -------------------------------------------- */ #content .gallery_view { margin:0; padding:0; } #content .gallery_view li { margin:20px 22px 0px 22px; padding:0; width:192px; list-style:none; float:left; } #content .gallery_view li .item_img { float:left; width:190px; height:131px; padding:4px; margin-bottom:8px; } #content .gallery_view li .item_img img { padding:4px; } #content .gallery_view li h4 { margin:0; padding:0; font:18px Arial, Helvetica, sans-serif; text-transform:none; } #content .gallery_view li.hr { margin:0; padding:0; width:100%; height:50px;} /* contact us -------*/ #content .form_row { height:100%; overflow:hidden; margin-bottom:24px; } #content .form_row label { display:block; padding:4px 0; margin-right:10px; } #content .form_row .textfield { font:14px Arial, Helvetica, sans-serif; width:350px; padding:6px; } #content .form_row .textarea { font:14px Arial, Helvetica, sans-serif; width:550px; padding:6px; } #content .error, .message_error2 { display:block; clear:both; padding-top:4px; } #contact_frm { width:100%; } #contact_frm .b_submit { font:17px Arial, Helvetica, sans-serif; padding:6px 24px; cursor:pointer;} #content p.success_msg { padding:5px; margin-top:20px; margin-bottom:20px; text-align:center; } .indicates{ font-size:11px; } /*---------PAGE NAVIGATION - pagination --------- */ .pagination { width: 100%; font: 14px Arial, Helvetica, sans-serif; font-weight: bold; padding:0 } .Navi { float: right; padding: 0 0 20px 0 } .Navi .on { display: block; float: left; font-size: 12px; padding:11px 15px; margin-left: 4px; } .Navi a { text-decoration: none !important; display: block; float: left; margin-left: 4px; padding:10px 13px; } /*---------COMMENTS --------- */ #comments h3{ font-size:18px; padding:0 0 5px 0; margin:0 0 20px 0; } #comments .commentlist { padding:0; margin:0;} #comments .commentlist li p { margin:0; padding:0; } #comments ol{padding:20px 0;} #content #comments .comment { margin: 10px 0 30px 0; padding:0; width: 100%; background:none; list-style:none } #comments .comment a{ text-decoration:none; padding:1px 0 } #content #comments p.authorcomment { margin:3px 0 0 0; padding:0; line-height:normal; font-size:14px; font-style: italic; } #comments p.authorcomment a { text-decoration:none; } #comments p.authorcomment a:hover { text-decoration:none; } #comments .comment .meta-left { width: 90px; float:left;} #comments .comment .meta-left p{ padding:0; margin:0; line-height:12px; font-size:11px; } #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px; } #comments .comment small {font-size: 11px } * html #comments .comment .text-right { height:70px } #comments .comment .text-right { min-height:70px; margin:0; padding: 12px; margin-left:100px; float:none } #comments .comment .text-right p { line-height: 20px; padding: 0 0 8px 13px; font-size:14px; } #comments ul.children { margin:10px 0 0 20px; padding:0 } p.commpadd{ padding:0; margin:0 0 10px 0 } span.comm-reply{ float:right; padding:5px 0 0 0; font-size:11px; } span.comm-reply a:hover{ font-size:11px; text-decoration:none; } .cancel-comment-reply{ padding:0 0 10px 0 } #respond { padding:10px 0 0 0; margin:0 } #respond textarea, .commpadd input{ font:13px Arial, Helvetica, sans-serif; } #respond textarea { margin:0; padding:5px; } p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px; width:300px } p.commpadd label{ padding:0 0 0 5px } input#submit{ font:bold 12px Arial, Helvetica, sans-serif; text-align:center; padding: 5px; margin:0; cursor:pointer; } * html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } *+html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } .avatar { padding:3px;} /*---------ARCHIVE PAGE --------- */ .arclist ul{ padding:0; margin:0 } .arclist ul li{ color:silver; font-size:14px; padding:5px 0 5px 18px; margin:0; list-style:none; } .arclist ul li ul{ padding:0 0 0 5px } .arclist ul li ul li{ padding:10px 0 8px 15px } .arclist .archives-time{ float: left; text-transform: uppercase; width:90px; margin:0 15px 0 0 } #content .arclist li a { text-decoration:none !important; } /* -------------------------------------------------- Sidebar -------------------------------------------------- */ #sidebar ul { margin:0 0 25px 0; padding:0; } #sidebar li { margin:0 15px 5px 15px; padding:0 0 5px 18px; line-height:18px; list-style:none; font-size: 14px; } #sidebar li a { text-decoration:none; } #sidebar li a:hover { text-decoration:none; } .date { font-size:12px; } #sidebar .widget h3 { width: 310px; height: 35px; margin: 0; padding: 10px 10px 0 30px !important; } #sidebar .widget { margin-bottom: 20px; } #sidebar .widget .textwidget { padding: 10px 15px; font-size: 12px; } #sidebar .widget .textwidget p { font-size: 12px; } #sidebar .widget .textwidget a { color: #ff0000; } blockquote p { margin:0 0 5px 0; padding:0 0 0 30px; line-height:23px; } blockquote { clear:both; height:100%; margin:0; overflow:hidden; padding:0 0 5px 0; } blockquote cite { line-height: normal; text-align:right; display:block; margin: -20px 0 20px 0; padding: 20px 0; border-bottom: 1px dotted #c9c6d0; } blockquote span { display:block; margin:4px 5px 0 0; width:24px; height:16px; } .advt { margin-bottom:20px; } /* -------------------------------------------------- footer -------------------------------------------------- */ #footer h3 { margin:0 0 20px 0; padding:0; font:normal 20px Arial, Helvetica, sans-serif; } #footer p { margin:0 0 10px 0; padding:0; font-size: 12px; } #footer ul { margin: 0 0 15px 0; } #footer ul li { float: left; list-style: none; font-size: 12px; } #footer ul li a { padding: 0 2px; } /* P.I.E. FLOAT CLEARING See http://www.positioniseverything.net/easyclearing.html --------------------- */ .clearfix:after { content:"."; clear:both; height:0; visibility:hidden; display:block; } .clearfix { display: inline-block; /* Fixes IE/Mac */ } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */