/* Theme Name: Website Essentials Version: 1.0.4 Author: Website Essentials Author URI: http://websiteessentials.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:13px Arial, Helvetica, sans-serif; } hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0} h1 { font-size:26px } h2 { font-size:24px } h3 { font-size:22px} h4 { font-size:19px} h5 { font-size:17px } h6 { font-size:15px} p { font-size:14px; } ol { list-style:decimal } ul { list-style:square } li { margin-left:30px } p, dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom:20px; font-weight:normal; } h1, h2, h3, h4, h5, h6 { margin-bottom:20px; font-weight: bold; } 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:px; margin:0 0 0 0; text-align:center; } .alignright { float:right; padding:0px; margin:0 0 0 0; text-align:center; } .aligncenter { text-align:center; padding:0px; margin:0 0 0 0; border:0px; } .alignleft { border:0px solid #a9a9a9; } .alignright { border:0px solid #a9a9a9; } .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: 1000px; margin: 0 auto; } #header { width:1000px; height: 125px; margin: 0 auto; padding: 0; } #page { width: 1000px; margin:0 auto; padding: 0; min-height: 500px; height: auto !important; height: 500px; } #content { width: 620px; float:left; padding: 15px; margin: 30px 0 20px 20px; } .content_right { float:right !important; } .content_full { width:100% !important; padding-bottom:80px; } #sidebar { width: 280px; float: right; margin: 20px 20px 20px 0; padding: 0; } #footer { width: 960px; height: 85px; margin:0 auto; padding: 20px; clear:both; height:100%; } /* -------------------------------------------------- Header -------------------------------------------------- */ #header .logo { width: 250px; height: 95px; margin: 0; padding: 15px 0 0 0; float: left; } #header .phone { width: 258px; height: 75px; padding: 0; margin: 30px 0 0 0; float: right; display: block; border: none; text-align: center; } /* Nav Bar ---------------------- */ #navbg { clear:both; width:1000px; margin:0 auto; height: 50px; } /* home page ---------------------- */ .home_banner { position: relative; z-index: 10; clear: both; height: 350px; padding: 0; background: #FFF } #page h3.slider_title { margin:5px 0 10px 0; padding:0; font:20px Arial, Helvetica, sans-serif; text-align:center; } .container { width:1000px; height: 350px; overflow:hidden; position:relative; } .slides { position:absolute; top:0; left: 0; } .slides div { position:absolute; top:0; width:1000px; display:none; } #loopedSlider,#newsSlider { margin:0 auto; width: 1000px; height:350px; 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: 1px; top:100px; width:45px; height:47px; display:block; text-indent:-9009px; } a.next{ position:absolute; right: 0px; top:100px; width:45px; height: 47px;display:block; text-indent:-9009px; } /* specialist slider --------------------------- */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:305px !important; overflow:hidden !important; display:block; border:0; padding:0; margin:0; z-index:60; display:none; } .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } .nivo-caption { position:absolute; left:0px; bottom:0px; background:#333; color:#fff; opacity:0.8; width:100%; z-index:89; } .nivo-caption p { padding:5px; margin:0; } .nivo-directionNav a { display:none; position:absolute; bottom:-22px; z-index:99; cursor:pointer; opacity:0.8; -moz-opacity:0.8; -khtml-opacity: 0.8; filter:alpha(opacity=80); } .nivo-prevNav { right:20px; background:url(../KiamaTransport/images/previous.png) no-repeat left top; width:16px; height:16px; text-indent:-9009px; display:block; } .nivo-prevNav:hover { background:url(../KiamaTransport/images/previous.png) no-repeat left top; width:16px; height:16px; color:#fff; opacity:100; -moz-opacity:100; -khtml-opacity:100; } .nivo-nextNav { right:0px; background:url(../KiamaTransport/images/next.png) no-repeat left top; width:16px; height:16px; text-indent:-9009px;; display:block; } .nivo-nextNav:hover {background:url(../KiamaTransport/images/next.png) no-repeat left top; opacity:100; -moz-opacity:100; -khtml-opacity:100;} .nivo-controlNav { position:absolute; bottom:-26px; left:0; } .nivo-controlNav a { position:relative; z-index:99; cursor:pointer; display:block; padding:3px 5px; float:left; color:#fff; margin-right:5px; top:10px; text-indent:-9009px; } .nivo-controlNav a.active { font-weight:bold; } /* Banner ---------------------- */ .nivo-controlNav a { background:url(../KiamaTransport/images/dot_n.png) no-repeat ; border:none; color:#fff; } .nivo-controlNav a:hover, .nivo-controlNav a.active { background:url(../KiamaTransport/images/dot_h.png) no-repeat; } /* -------------------------------------------------- Home -------------------------------------------------- */ .breadcrumb { padding:10px 0 20px 0; text-align:left; } p { margin:0 0 10px 0; padding:0; line-height:20px; } h3 { margin:0px 0 10px 0; padding:0; } .imgcenter { margin-bottom:15px; } p.alignright { text-align:right; } ul { margin:0; padding:0; list-style:none; } p.more { display:block; clear:both; position:relative; top:-16px; width:590px; padding-top:10px; text-align:right; } /* 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; } 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 { margin:0 0 20px 0; padding:0 0 15px 0; font:bold 24px Arial, Helvetica, sans-serif; } #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; } .post_top { height:100%; overflow:hidden; } .calendar { width:60px; float:left; font-size:27px; text-align:center; } .month { font-size:18px; } .post_title { float:left; width:635px; } #content .posts h3 { margin:0; padding:5px 0 3px 0; font-family: Arial, Helvetica, sans-serif; } #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: 210px; height: 30px; font: 18px Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 20px 15px 0 15px; } #sidebar .widget { margin-bottom: 20px; } #sidebar .widget .textwidget { padding: 10px 15px 20px 15px; font-size: 12px; } #sidebar .widget .textwidget p { font-size: 12px; } #sidebar .widget .textwidget a { color: #ff0000; } #sidebar #testimonials blockquote { position:absolute; z-index:8; opacity:0.0; width: 270px; } #sidebar #testimonials blockquote p { padding:0; } #sidebar #testimonials blockquote.active { z-index:10; opacity:1.0; } #sidebar #testimonials blockquote.last-active { z-index:9; } blockquote p { font-size:15px; 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 { font-size:14px; float:right; line-height:18px; text-align:right; display:block; } blockquote span { display:block; float:left; margin:4px 5px 0 0; width:24px; height:16px; } .advt { margin-bottom:20px; } /* -------------------------------------------------- Footer ------------------------------------------------- */ #footer p { margin:0 0 10px 0; padding:0; font:12px Arial, Helvetica, sans-serif; } #footer ul { width: margin: 0 0 0 0; } #footer ul li { float: left; list-style: none; font-size: 11px; } #footer ul li a { padding: 0 2px; } #footer p { color:#666; } #footer .copyright { padding: 20px 20px 0 20px; clear:both; font-size:12px; height:100%; overflow:hidden; } #footer .copy { margin:0; padding:3px 0 0 0; float: left } #footer .designby { padding:5px 8px 0 0; float:right; } #footer p span.by { float:left;padding-right:5px; } #footer p span.we { width:81px; height:25px; display:block; overflow:hidden; float:left; text-indent:-9009px; background:url(images/we-clr_1.png) no-repeat left top; } #footer p span.we a { text-indent:-9009px; padding-left:120px; height:30px; display:block; } /* 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 */