/* Theme Name: WE Version: 1.0.4 Author: Website Essentials Author URI: http://WE.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 "Helvetica Neue", Arial, sans-serif; } hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0} h1 { font-size: 30px; margin-bottom: 10px; } h2 { font-size:22px; margin-bottom: 5px; } h3 { font-size:16px; margin-bottom: 5px;} h4 { font-size:14px; margin-bottom: 5px;} h5 { font-size:13px } h6 { font-size:11px} p { margin: 5px 0 5px 0; padding:0; line-height: 18px; font-size: 14px; } ol { list-style:decimal; line-height: 18px; font-size: 14px; } ul { list-style:square; line-height: 18px; font-size: 14px; } li { margin-left:30px } p, dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom:10px; font-weight:normal; } h1, h2, h3, h4, h5, h6 { 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 "Helvetica Neue", Arial, 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: 100%; margin: 0 auto; } #header { width:100%; height: 125px; } .header_in { width: 1200px; height: 91px; padding: 34px 0 0 0; margin: 0 auto; } #page { width: 1200px; margin: 20px auto; padding: 0; } #content { width: 810px; float: right; padding: 0; margin: 0; } #sidebar { width: 350px; float: left; margin: 0; padding: 0; } #footer { width: 100%px; margin:0 auto; padding: 0; clear:both; } /* -------------------------------------------------- Header -------------------------------------------------- */ #header .logo { width: 408px; height: 91px; margin: 0; padding: 0; float: left; } #header .phone { width: 310px; height: 50px; margin: 20px 0 0 0; padding: 0; float: right; } /* home page ---------------------- */ .banner { margin-bottom: 20px; } .home_banner { position: relative; z-index: 10; clear: both; height: 275px; padding: 0 10px 20px 10px; background: #FFF } #page h3.slider_title { margin:5px 0 10px 0; padding:0; font:20px "Helvetica Neue", Arial, sans-serif; text-align:center; } .container { width:1035px; height: 275px; overflow:hidden; position:relative; } .slides { position:absolute; top:0; left: 0; } .slides div { position:absolute; top:0; width:1035px; display:none; } #loopedSlider,#newsSlider { margin:0 auto; width: 1035px; height:275px; 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 "Helvetica Neue", Arial, sans-serif; } .button a:hover { font:bold 14px "Helvetica Neue", Arial, 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; } 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 "Helvetica Neue", Arial, sans-serif; display:block; cursor:pointer; } .neg { margin-bottom:2px; padding:15px 42px 15px 22px; font:18px "Helvetica Neue", Arial, 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 "Helvetica Neue", Arial, sans-serif; width:250px; float:left; } a.i_pdf { position:absolute; right:100px; top:4px; padding:4px 0 4px 22px; font:16px "Helvetica Neue", Arial, sans-serif; } a.i_print { position:absolute; right:0px; top:4px; padding:4px 0 4px 22px; font:16px "Helvetica Neue", Arial, 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 "Helvetica Neue", Arial, 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 10px 0; padding: 0; font:bold 26px "Helvetica Neue", Arial, sans-serif; } #content h2 { margin: 0 !important; padding: 0 !important; } #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 ul { margin: 0 !important; } #content .posts { margin-bottom:40px; } #content .col1 { width: 400px; margin: 0; } #content .col2 { width: 300px; margin: 0; } .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: "Helvetica Neue", Arial, 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 "Helvetica Neue", Arial, 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 "Helvetica Neue", Arial, sans-serif; width:350px; padding:6px; } #content .form_row .textarea { font:14px "Helvetica Neue", Arial, 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 "Helvetica Neue", Arial, 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: 13px "Helvetica Neue", Arial, 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 "Helvetica Neue", Arial, 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 "Helvetica Neue", Arial, 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: 13px; } #sidebar li a { text-decoration:none; } #sidebar li a:hover { text-decoration:none; } .date { font-size:12px; } #sidebar .widget h3 { width: 320px; height: 30px; font-weight: bold; margin: 0; padding: 20px 15px 0 15px; font-style: italic; text-transform: uppercase; } #sidebar .widget { margin-top: 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; padding:0; font:12px "Helvetica Neue", Arial, sans-serif; } #footer ul { margin: 0 0 10px 0; padding: 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 */