/* Theme Name: WestGen Theme Version: 1.00 Theme URI: Description: Custom designed theme for Westgen Tags: Author: liight - Emerson Ringrose Author URI: http://liight.com.au */ /* header --------------------------------------------------*/ #header { margin-right: auto; margin-left: auto; position: relative; width: 990px; height: 157px } #header h1 a { color: #000; font-size: 85px; font-family: exo, sans-serif; font-style: italic; font-weight: 100; text-transform: uppercase; letter-spacing: 1px; margin-bottom: -15px; padding-right: 28px } #header h1 a:hover { color: #aa9977; text-decoration: none } #logotopend { max-width: 730px; max-height: 125px; float: left; overflow: hidden; } #allcontent { border-top: 3px solid #5999d4 } #logotop { position: absolute; top: 43px } #header h1 { text-indent: -9000px; } #tagline { text-indent: -9000px; } .social1 { background-image: url(images/green-energy-wa-wheel-top.png); display: block; position: absolute; z-index: 99; top: 0; right: 0; width: 386px; height: 157px } #tagline { color: #aa9977; font-size: 105%; font-weight: 500; text-transform: uppercase; margin-top: -15px; clear: left } #nav { margin-right: auto; margin-left: auto; width: 990px; height: 49px } #nav li { list-style: none; margin-bottom: 31px; float: left } #nav li a { color: #000; font-size: 100%; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; z-index: 999 } #nav li a:hover { color: #000 !important; text-decoration: none; background-color: #e3e3e3; background-image: url(images/nav-select.gif); background-repeat: repeat-x; background-position: 0 46px; z-index: 999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80) } #nav .parent > a, #nav .parent > a:hover{ background: #aaaa99; background-position:right;background-repeat:no-repeat; z-index: 999;} #nav ul, #nav ul li{display:inline;list-style:none;padding:0;margin:0} #nav ul li a { text-decoration: none; display: inline-block; padding: 16px 15px 17px; z-index: 999 } #nav ul li a:hover { } #nav ul #first a:hover{border-radius:5px 0 0 5px; z-index: 999;} #nav ul li{position:relative} #nav li ul { display: none; position: absolute; top: 51px; left: 11px; z-index: 999; } #nav li ul a { background: #e0e0d9; z-index: 999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8 } #nav ul ul li:hover ul, #nav ul ul ul li:hover ul { left: 0 } #nav ul li:hover ul{display:inline-block} #nav ul ul, #nav ul li:hover ul ul, #nav ul ul li:hover ul ul {} #nav ul ul ul li { margin-top: -14px; } #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul { display:block; z-index: 999;} #nav ul li:hover ul li a, #nav ul ul li:hover ul li a, #nav ul ul ul li:hover ul li a { margin: -3px 0 0 -11px } #nav ul li:hover ul li a { padding: 5px 14px 15px; width: 150px } #nav ul ul li:hover ul li a { } #nav ul ul ul li:hover ul li a{width:140px;padding:0 14px 0 24px} #nav .children li a:hover { color: #000; background-image: none } /* Slideshow --------------------------------------------------*/ #slideshow { margin: 0; padding: 0; position: relative; z-index: 80; margin-right: auto; margin-left: auto; width: 1200px; height:350px; clear:both; background-color: #eee; } #slideshow ul { margin: 0; padding: 0; list-style-type: none; height: 1%; /* IE fix */} #slideshow ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;} /* ---------------------------------------------------- */ /* SLIDESHOW > SLIDES /* ---------------------------------------------------- */ #slideshow .slides { overflow: hidden; width: 1200px;} #slideshow .slides ul { width: 3600px;} #slideshow .slides li { width: 1200px; float: left;} #slideshow .slides h2 { margin-top: 0;} /* ---------------------------------------------------- */ /* SLIDESHOW > NAVIGATION /* ---------------------------------------------------- */ .slides-nav { position: absolute; z-index: 99; bottom: 25px; left: 105px } #slideshow .slides-nav li { float: left;} #slideshow .slides-nav li a { background-image: url(images/slideoff.png); background-repeat: no-repeat; display: block; padding-right: 10px; width: 13px; height: 13px; } #slideshow .slides-nav li a:hover { background-image: url(images/slideover.png); background-repeat: no-repeat; } .js #slideshow .slides-nav li.on, .js #slideshow .slides-nav li.on a { background-image: url(images/slideon.png); background-repeat: no-repeat;} .js #slideshow .slides-nav li.on a { position: relative; } /* three homepage boxes --------------------------------------------------*/ #threesholder { display: block; margin: 25px auto 15px; width: 990px; height: 315px; clear: both } .threeslook { background-color: #fff; width: 301px; height: 315px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .threeslook h3 { font-size: 150%; font-weight: 400; text-decoration: none; text-align: center; letter-spacing: 1px; margin-right: auto; margin-bottom: 7px; margin-left: auto; padding-top: 45px; padding-bottom: 20px; width: 80% } .threeslook p { color: #000005; line-height: 180%; letter-spacing: 1px; clear: both } #threes1 { margin-right: 41px; position: relative; float: left; border: dotted 1px #00a0c6 } #threes2 { position: relative; float: left; border: dotted 1px #409d27 } #threes3 { position: relative; float: right; border: dotted 1px #ffb600 } .threesicon { margin-right: auto; margin-left: auto; position: absolute; z-index: 99; top: 135px; left: 113px; width: 73px; height: 73px } .h3blue a { color: #00a0c6 !important; padding-bottom: 9px; border-top: medium; border-right: medium; border-bottom: 1px dotted #00a0c6; border-left: medium } .h3blue a:hover { color: #000005 !important; } .h3green a { color: #409d27 !important; padding-bottom: 9px; border-top: medium; border-right: medium; border-bottom: 1px dotted #409d27; border-left: medium } .h3green a:hover { color: #000005 !important; } .h3orange a { color: #ffb600 !important; padding-bottom: 9px; border-top: medium; border-right: medium; border-bottom: 1px dotted #ffb600; border-left: medium } .h3orange a:hover { color: #000005 !important; } a.morlink1 { background-color: #00a0c6 } a.morlink2 { background-color: #409d27 } a.morlink3 { background-color: #ffb600 } #threesholder p a { color: #fff; margin-right: 20px; margin-bottom: 20px; padding: 4px 15px 5px; float: right; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } #threesholder p a:hover { color: #fff !important; background-color: #454545 !important } /* sidebar --------------------------------------------------*/ #sidebar { font-size: 90%; line-height: 150%; margin-bottom: 30px; padding-bottom: 0; margin-top: 105px; width: 190px; float: right } #sidebar h2 { color: #00b0d4; font-size: 140%; font-weight: 500; margin-top: 35px; margin-bottom: 15px } #sidebar img { border: 8px solid #DDD; } #sidebar h2 a { color: ##00b0d4; text-decoration: none } #sidebar h2 a:hover { color: #322e26; text-decoration: none } #sidebar li { list-style: none inside; margin-left: 15px } .sidetoptxt { color: #303030; font-size: 110%; font-style: italic; margin-bottom: 15px } #sidebar .children {display:none; } .children li a:hover {display:inline; } #sidebar input { padding-right: 10px; padding-bottom: 5px; padding-left: 15px } #sidebar p { #sidebar font-size: 105%; line-height: 170%; margin-bottom: 5px } /* main --------------------------------------------------*/ * { padding:0; margin:0; } body { color: #1b1b1b; font-size: 82%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #eee; margin: 0 } a { color: #000; text-decoration: none } a:hover { color: #7d6c4a; text-decoration: none } a:visited { color: #303030 } p { font-size: 105%; line-height: 170%; margin-bottom: 30px } img { border: solid 0 #fff } #wrapper { background-color: #eee; margin-right: auto; margin-left: auto; position: relative; width: 990px; } #insidewrapper { background-color: #eee; margin: 0; width: 100%; clear:both; border-top: 1px solid #00a0c6 } #metarea { margin-right: 15px; padding-right: 15px; width: 210px; float: left; clear: left; word-wrap: break-word } #metareapage { padding-bottom: 5px } #contentholder { width: 510px; float: left } #contentholderhome { width: 710px; float: left } .date { } .postauth { font-size: 130%; font-weight: 500; } #content { margin-top: 45px; width: 750px } #content h1 { text-transform: uppercase; color: #59554d; font-size: 210%; margin-bottom: 30px } #content h2 { color: #000; font-size: 24px; font-weight: 500; text-transform: uppercase; margin-bottom: 20px } #content h2 a { color: #303030 } #content h2 a:hover { color: #7d6c4a; text-decoration: none } #content h3 { text-transform: uppercase; margin-bottom: 30px } .info { display: block; margin-bottom: 60px; padding-top: 5px; padding-right: 15px; padding-bottom: 30px; clear: both; border-bottom: 1px solid #dcdcdc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .attachment-post-thumbnail { margin-bottom: 20px; padding: 15px 10px 20px; width: 480px; border: solid 1px #b9b9b9 } .commentlist { font-size: 120%; line-height: 120% } label { color: #000; font-size: 90%; } input { padding: 5px 15px } textarea { padding: 5px 15px } fieldset { padding: 15px; border: solid 1px #ccc } legend { color: #8b98a0; } li.current_page_item a { background-color: #f5f5f5; background-image: url(images/nav-select.gif); background-repeat: repeat-x; background-position: 0 46px; } .link-pages { clear:both; } .wp-caption { text-align: center; margin: 15px; padding: 8px; border: solid 1px #cbd6dd; max-width:520px;} .wp-caption-text { font-size: 80%; text-align: center; letter-spacing: 1px; padding-top: 8px; padding-right: 8px; padding-left: 8px } .sticky { background-image: url(images/sticky-pin.png); background-repeat: no-repeat; padding-top: 20px } .gallery .gallery-caption { color: #cbd6dd; font-size: 90%; margin: 0 0 12px; } .alignright { margin-left: 30px; float: right } .alignleft { margin-right: 30px; float: left } .aligncenter { margin-right: auto; margin-left: auto; display: block; } .more-link { font-weight: bold; display: block; padding-top: 15px } .gallery { clear:both; display:block; } blockquote { margin-top: 15px; margin-right: 15px; margin-bottom: 15px; padding: 15px 20px; border: solid 1px #e0e0d9 } #wp-calendar { width:100%; } #wp-calendar td { text-align: center } .pagelink a { padding: 5px;} #content .wp-caption img {max-width:400px;} #content img {max-width:460px;} #content table { max-width:565px; } #content ul { list-style-type: circle; list-style-position: outside; margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px } #content ol { list-style-position: inside; margin-top: 5px; margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px } #content li { list-style-position: inside; margin-left: 15; } .foothold p { color: #fff; clear: both } .foothold { clear: both } table { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%; text-align:left; } table, tbody, tfoot, thead, tr, th, td { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; margin-bottom: 15px; } th { color: #666; font-size: 14px; font-weight: 600; letter-spacing: 0.1em; line-height: 2.6em; } td { border-top: 1px solid #ddd; padding: 6px 10px 6px 0; } ins { color: #000;} del { color: #949494; text-decoration: line-through } dl, dl dl, dl dl dl { margin-bottom: 15px; } dt, dt dt, dt dt dt { margin-bottom: 5px; font-weight: bold } dd, dd dd, dd dd dd { margin-left: 15px; margin-bottom: 5px; } ul, ul ul, ul ul ul { margin-left: 15px; } ol, ol ol, ol ol ol { margin-left: 15px; } ul { margin-left: 5px } ol { margin-left: 5px } li { } hr { border-top: 1px solid #eee } .attachment-full { padding-bottom: 15px; } .previousimage, .nextimage { padding-right: 30px; margin-bottom: 30px; } .parent-post-link { padding-top: 15px; } /* threaded comments --------------------------------------------------*/ .comment-author .fn {margin-left:10px;} .commentoff {display:none;} .says { display:none; } .reply { font-size: 90%; margin-bottom: 30px; padding-left: 48px } #comment-top p { color: #1c1c1c; margin-top: 30px; padding-left: 48px } #comment-top .navigation { margin-top: 15px; padding-top: -30px; padding-bottom: 15px } #comment-top li { list-style: none; list-style-image: none; } .comment-meta a { color: #b9bec3; font-size: 80%; padding-left: 48px } #comment-top textarea { display: block; } #comment-top input { display: block; } .nocomments{ display:none; } .comment-body { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #e0e0d9; margin-top: 15px; margin-bottom: 15px; padding: 20px 15px } #content #comment-top ul { margin: 0; padding: 0 } li.comment ul.children li.depth-2 { margin-top: 0; margin-right: 0; margin-left: 15px } li.comment ul.children li.depth-3 { margin-top: 0; margin-right: 0; margin-left: 15px } li.comment ul.children li.depth-4 { margin-top: 0; margin-right: 0; margin-left: 15px } li.comment ul.children li.depth-5 { margin-top: 0; margin-right: 0; margin-left: 15px } /* footer --------------------------------------------------*/ #footer { margin-right: auto; margin-left: auto; padding-top: 60px; width: 990px; height: 300px; clear: both } #footer li.current_page_item a { color: #a97; background-color: transparent;} #footer .children {display:none; } #footer .social { padding-top:18px; } #footer h1 { font-size: 400%; font-weight: 100; text-transform: uppercase; border-bottom: 1px solid #fff } #footer h1 a:hover { color:#a97 } #footer-outside { background-color: #ccc; width: 100%; clear: both } #footer ul { margin-top: 15px; clear: both } #footer-menu { padding-top: 15px; padding-bottom: 45px; border-bottom: 1px solid #fff } #footer-copy { clear:both; margin-top: 60px;} #footer p { color: #fff } #footer a { color: #fff } #footer a:hover { color: #a97 } #footer li { list-style: none; float: left } #footer li a { color: #000; text-transform: uppercase; margin-top: 10px; padding-right: 30px } #footer li a:hover { color: #a97; }