/* Theme Name: G&Y Press and Die Author: Indepth Design Author URI: http://www.indepth.com.au */ /*-----------------------------------------------------------------------------------* /* Reset Browser Setting /*-----------------------------------------------------------------------------------*/ *, html, div, span, body, p, h1, h2, h3, h4, h5, ol, ul, img { margin: 0; padding: 0; border: 0; list-style: none; } b, strong, h1, h2, h3, h4, h5 { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } .clear:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } .clear { display: inline-block; clear: both; } /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ /*-----------------------------------------------------------------------------------* /* Global settings /*-----------------------------------------------------------------------------------*/ body{ font: normal 14px/150% Arial, Helvetica, sans-serif; color:#56595a; background: #fff url('images/core/bg.jpg') no-repeat top center; margin:0; } body.home { background: #fff url('images/core/bg-home.jpg') no-repeat top center!important;} table, tr, td { vertical-align: top; border: none; } h1, h2, h3, h4, h5 { margin-bottom: 25px; font-weight:bold; color:#000;} p { margin-bottom: 25px; } h1 { font-size: 26px; text-transform:uppercase; background:url('images/core/hr.gif') no-repeat left bottom; padding-bottom:40px; margin:0 0 10px 0; width:960px; clear:both; } body.home #post h1 { background:none; text-transform:capitalize; color:#56595a; font-size: 20px; margin-bottom: 25px; padding:0; width:auto;} h2 { font-size: 24px;} h3 { font-size: 20px;} h4 { font-size: 18px;} h5 { font-size: 16px;} a { color: #0050bc; text-decoration: none; } a:hover { color: #56595a; text-decoration: underline; } a, a:focus, a:hover, a:active { outline:none; } :focus {outline:none;} ::-moz-focus-inner {border:0;} em{ font-style:italic;} pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;} blockquote{border-left:2px solid #CCC; margin:20px; padding:0 0 0 20px;} blockquote:before, blockquote:after, q:before, q:after{content:"";} blockquote, q{quotes:"""";} small{} hr {} .hide { display:none;} .nostyle, .nostyle p { margin:0; padding:0;} .contact-cell { padding-left:25px; border-left:1px solid #dedfdf;} /* News item listing */ .item-listing { margin:0!important; width:100%; padding:0; list-style:none!important;} .item-listing li { padding:7px 0 7px 25px; border-bottom:1px solid #e6e6e6; list-style:none!important; background:url(images/news.png) no-repeat 2px 9px; font-size:13px;} .item-listing p, .item-listing h2 { margin:0;} .item-listing a { font-size:14px; font-weight:normal; margin:0;} #home-news { width:30%; float:left; } #home-content {width:65%; float:right; } .table-data td { padding:7px; border-bottom:1px solid #ddd; } .table-data { border:1px solid #ddd;} /*-----------------------------------------------------------------------------------* /* Main Layout /*-----------------------------------------------------------------------------------*/ /* ------- Contents ----------- */ #wrap{ margin:0 auto; width:960px; clear:both;} #container{ padding:0 0 50px 0; clear:both; width:100%;} #main{ width:100%; clear:both;} .fullwidth { width:960px!important;} /* ------- Post ----------- */ #post{ float:left; width:685px;} #post ul, #post ol{ margin:0 0 25px 50px;} #post ol li { list-style:decimal;} #post ul li { list-style:square; } #post-featured-image{float:right; margin-left: 20px; margin-bottom: 20px;} /* ------- Sidebar ----------- */ #sidebar-right{float:right; width:240px; margin-top:70px; } #sidebar-right ul{} #sidebar-right li{margin:5px 0;} .sidebar-right-box{margin:0 0 20px;} #sidebar-right h4{font-size:14px; color:#FFF; text-transform:uppercase; background:#2C2C2C; padding:6px 10px; margin:0 0 15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(js/PIE.htc); } /* ------- Header ----------- */ #header{ height:125px; padding:0; clear:both; /*position:relative;*/} h1#header-logo { width:400px; height:125px; float:left; font-size:34px; margin:0 0 0 -20px; padding:0; text-indent:-999px; background:url('images/core/gypress-logo.png') no-repeat 0 0;} h1#header-logo a { width:400px; height:125px; display:block;} h1#header-logo a:hover{text-decoration:none;} #header-phone { width:160px; height:30px; margin-top:70px; padding: 4px 0 0 32px; background:url('images/core/icon-header-phone.png') no-repeat 0 0; float:right; font-size:18px; color:#fff;} /*-----------------------------------------------------------------------------------* /* Footer /*-----------------------------------------------------------------------------------*/ #footer-wrap { margin:0 auto; padding:0; clear:both; background:#eceded url('images/core/bg-footer.gif') repeat-x 0 0;} #footer { margin:0 auto; width:930px; height:170px; padding:30px 10px 60px 20px; font-size:12px; line-height:20px; background:url('images/core/footer-slogan.gif') no-repeat bottom center; clear:both; } #footer a {color:#0050bc;} #footer div { float:left; width:24%;} #footer div#last { float:right; width:20p%;} #footer h4{color:#616364; font-weight:normal; font-size:18px; font-weight:bold; margin:0 0 15px 0; padding:0;} #footer .textwidget {padding: 0px 8px;} #footer p {padding: 0; margin:-5px 0 0 0; } #footer span { padding:0px 0px 10px 20px; height:15px;} #footer span#icon-phone { background:url('images/core/icon-phone.gif') no-repeat 0 0;} #footer span#icon-fax { background:url('images/core/icon-fax.gif') no-repeat 0 0;} #footer span#icon-email { background:url('images/core/icon-email.gif') no-repeat 0 0;} #footer a:hover { color:#56595a; text-decoration:none;} /* ------- Copyright ----------- */ #copyright{ width:940px; padding:10px; margin:0 auto; position:relative; color:#8d9091; font-size:11px;} #copyright p{margin:0;} #copyright a{color:#999;} #copyright a:hover{color:#FFF;} #back-to-top{position:absolute; right:10px; bottom:10px; font-size:11px;} /* ------- Search ----------- */ #search-wrap{position:absolute; right:55px; top:8px; width:140px; } #search-input{ font-size:13px; width:140px; height:25px; line-height:25px; padding:0 25px 0 5px; color:#999; background:#FFF; border:none;} #search:focus{color:#333;} #search-submit{background:url('images/search-icon.png') no-repeat; height:15px; width:15px; position:absolute; top:5px; right:-20px; cursor:pointer; text-indent:-9999px; outline:none; border:none;} /* ------- Indepth Footer ----------- */ #indepth { float:right; background:url('images/indepth.png') no-repeat 0 0; width:110px; height:20px;} /*-----------------------------------------------------------------------------------* /* Navigation and Dropdown /*-----------------------------------------------------------------------------------*/ #primary-menu{ width:100%; position:relative; height:50px; margin-bottom:17px; font-size: 14px; clear:both; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;behavior: url(js/PIE.htc); background:url('images/core/bg-nav.png') repeat; } .sf-menu, .sf-menu *{margin:0; padding:0; list-style:none;} .sf-menu{line-height:1.0;} .sf-menu ul{position:absolute; top:-999em; width:15em; } .sf-menu ul li{width:100%;} .sf-menu li:hover{visibility:inherit;} .sf-menu li{float:left; position:relative;} .sf-menu a{display:block; position:relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0; top:2.5em; z-index:99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left:15em; top:0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left:15em; top:0;} .sf-menu { float:left; padding-left:20px;} .sf-menu a { color:#FFF; height:32px; padding:18px 16px 0px 16px; text-decoration:none; } .sf-menu li li a { height:auto; padding:10px 16px 10px 16px;} .sf-menu li { margin:0;} .sf-menu li ul { background:url('images/core/bg-nav.png') repeat; } .sf-menu li li { background:url('images/core/bg-nav.png') repeat; padding:0;} .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .current_page_item a, .current-menu-item a, .current_page_ancestor a, .current_page_ancestor .children .current_page_item a { color:#6a9bd9; outline:0;} .current_page_item .children a, .current_page_parent .children a, .current_page_ancestor .children a { color:#fff;} .current_page_item .children a:hover, .current_page_ancestor .children a:hover { color:#6a9bd9; } /* hover state */ #pagination a:hover, #pagination .current, .entry h2 a:hover{text-decoration: none; color: #6a9bd9;} /* Default navigation menu*/ .sf-menu li { display:none!important; } .sf-menu li.page-item-4, .sf-menu li.page-item-22, /*.sf-menu li.page-item-258, demo menu*/ .sf-menu li.page-item-144, .sf-menu li.page-item-50, .sf-menu li.page-item-53, .sf-menu li.page-item-56, .sf-menu li.page-item-59, .sf-menu li.page-item-62, .sf-menu li.page-item-65, .sf-menu li ul.children li { display:block!important;} /*-----------------------------------------------------------------------------------* /* Banner Slider /*-----------------------------------------------------------------------------------*/ #slider-wrap {width:960px; height:390px; margin:0 0 50px 0; padding:0; clear:both; } #slider { width:960px; height:390px; position: relative; background:#FFF url('images/loading.gif') no-repeat 50% 50%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #000 0px 0px 20px; -moz-box-shadow: #000 0px 0px 20px; box-shadow: #000 0px 0px 20px; behavior: url(js/PIE.htc);} #slider img {position:absolute; top:0; left:0; display:none; } #slider a { border:0;} .nivoSlider { position:relative;} .nivoSlider img { position:absolute; top:0px; left:0px; } .nivoSlider a.nivo-imageLink{position:absolute; top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;} .nivo-slice {display:block;position:absolute;z-index:5;height:100%;} .nivo-box {display:block;position:absolute;z-index:5;} .nivo-caption { position:absolute; left:0; bottom:0; width:960px; height:70px; z-index:89; top:37%; background:url('images/slider-caption.png') repeat; } .nivo-caption p { color:#FFF; padding:25px 50px; margin:0; font-size:33px; font-weight:bold; font-family:"Arial Black", Gadget, sans-serif; text-transform:uppercase; } .nivo-controlNav { position:absolute; right:20px; bottom:15px;} .nivo-controlNav a{ position:relative; z-index:99; cursor:pointer; display:block; width:12px; height:11px;float:left; text-indent:-9999px; border:0; margin-right:6px; background:url('images/slider-indicator.png') no-repeat; } .nivo-controlNav a.active {background:#000; font-weight:bold; background:url('images/slider-indicator.png') no-repeat; background-position:0 -11px;} .nivo-directionNav a {position:absolute;top:37%;z-index:100;cursor:pointer;} .nivo-directionNav a {display:block; width:34px;height:68px;background:url('images/slider-arrows2.png') no-repeat;text-indent:-9999px;border:0;} a.nivo-nextNav {background-position:-34px 0;right:0px;} a.nivo-prevNav {left:0px;} /* ------- Home page CTA ----------- */ #cta { width:960px; height:150px; margin:0 0 20px 0; padding:0; clear:both; list-style:none; background:url('images/core/hr.gif') no-repeat bottom center; float:left; display:block;} #cta li { float:left; margin:0; display:block; width:auto;} #cta a { height:50px; font-size:18px; font-weight:bold; color:#000; padding:50px 0 0 85px; text-decoration:none; display:block;float:left; } #cta a:hover { color:#0050bc; text-decoration:none;} #cta a#cta-laser { background:url('images/core/cta-laser.png') no-repeat 0 0; margin-left:15px; width:140px; } #cta a#cta-turret { background:url('images/core/cta-turret.png') no-repeat 0 0; width:160px; } #cta a#cta-cnc { background:url('images/core/cta-cnc.png') no-repeat 0 0; width:140px; } #cta a#cta-plasma { background:url('images/core/cta-plasma.png') no-repeat 0 0; width:145px; } /*-----------------------------------------------------------------------------------* /* Inner banner images /*-----------------------------------------------------------------------------------*/ #banner { width:960px; height:120px; clear:both; margin-bottom:50px; overflow:hidden; background:url('images/banners/profile.jpg') no-repeat 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #000 0px 0px 20px; -moz-box-shadow: #000 0px 0px 20px; box-shadow: #000 0px 0px 20px; behavior: url(js/PIE.htc);} body.laser-cutting-perth #banner { background: url('images/banners/laser.jpg') no-repeat 0 0;} body.turret-punching-perth #banner { background: url('images/banners/turret.jpg') no-repeat 0 0;} body.cnc-bending-services-perth #banner { background: url('images/banners/cnc.jpg') no-repeat 0 0;} body.plasma-cutting-services-perth #banner { background: url('images/banners/plasma.jpg') no-repeat 0 0;} body.stock-products #banner { background: url('images/banners/stock.jpg') no-repeat 0 0;} body.contact #banner { background: url('images/banners/contact.jpg') no-repeat 0 0;} /*-----------------------------------------------------------------------------------* /* Post /*-----------------------------------------------------------------------------------*/ /* ------- Entries ----------- */ .entry {float:left; width: 140px; margin-right:20px;} .entry h2{text-align: center; font-size: 12px; margin: 20px 0;} .entry h2 a{color: #000;} .entry h2 a:hover{text-decoration: none;} .remove-margin{margin-right: 0px !important;} /* ------- Meta ----------- */ #post-meta span, .entry-meta span{padding: 0 0 0 25px; margin: 0 10px 0 0;} .datespan{ background:url(images/date.gif) left center no-repeat;} /*.authorspan{background:url(images/author.gif) left no-repeat;} .commentspan{background:url(images/bubble.gif) left no-repeat;} .categoryspan{background: url(images/folder.gif) no-repeat;} */ #post-meta{margin:0 0 20px 0; padding:5px 0; font-size:14px; color:#999; } .entry-meta{display:inline-block; padding:0 5px; margin:0 0 10px; font-size:11px; color:#666;border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea;} /* ------- Post navigation ----------- */ #post-navigation{ width:auto; height:auto; font-size:12px; padding:10px 0;border-top:1px solid #e3e4e5; clear:both;} #post-navigation-left{float:left;} #post-navigation-right{float:right;} /* ------- Post Tags ----------- */ #post-tags{margin:10px 0; padding:20px; font-size:12px; background:#F3F3F3; border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(js/PIE.htc); } #post-tags span{margin: 0 5px 0 0;padding:0 0 0 15px;line-height:10px; background: url(images/tag.gif) left no-repeat;} #post-tags-header{font-size:14px; margin:0 0 15px;} /* ------- Post Author ----------- */ #post-author{margin:20px 0; padding:20px; font-size:12px; background:#F3F3F3; border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(js/PIE.htc); } #post-author .avatar{float:left; margin:0 15px 10px 0;} #post-author-meta{padding:10px 0 0 0; margin:0; font-size:11px;} #post-author h3{font-size:14px; margin:0 0 15px;} /* ------- Post Related Posts ----------- */ #related-posts{margin:20px 0; padding:20px; background:#F3F3F3; border:1px solid #CCC; font-size:12px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(js/PIE.htc); } #related-posts img{float:left; margin:0 15px 10px 0;} #related-posts a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;} #related-posts ul{list-style:none; margin:0;} #related-posts ul li{min-height:60px; margin:0 0 20px 0;} #related-posts h4{font-size:14px; margin:0 0 20px;} #related-posts h3{font-size:12px; margin:0 0 5px 0;} #related-posts h3 a{color:#333;} /*-----------------------------------------------------------------------------------* /*Comments /*-----------------------------------------------------------------------------------*/ #commentsbox{padding:20px; background:#F3F3F3; border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:12px; behavior: url(js/PIE.htc); } h3#comments{font-size:14px; margin:0 0 20px;} .commentlist{margin:0px 0 0; clear:both; overflow:hidden; list-style:none;} .commentlist li{margin:10px 0; line-height:18px; padding:10px; background: #FFF; border: 1px solid #CCC;} .bypostauthor{} .comment-author{} .comment-author a:link, .comment-author a:visited{font-weight:bold; text-decoration:none !important;} .comment-author .fn{} cite.fn{font-weight:700; font-size:14px;} .comment-author .avatar{float:left; margin:0 10px 0 0;} .comment-meta{font-size:11px;} .comment-meta .commentmetadata{color:#000;} .comment-meta a{color:#666; text-decoration:none !important;} ol.commentlist li p{line-height:22px; margin:5px 0 0;} .reply{text-align:right; margin-top:10px; font-size:10px;} .reply a{text-decoration:none;} .children{list-style:none; margin:1em 0 0; text-indent:0;} .children li.depth-2{margin:0 0 0px 50px;} .children li.depth-3{margin:0 0 0px 50px;} .children li.depth-4{margin:0 0 0px 50px;} .children li.depth-5{margin:0 0 0px 50px;} .comment-nav{padding:5px; height:20px;} .comment-nav a:link, .comment-nav a:visited{} .cancel-comment-reply a{color:#F00; font-weight:700;} #respond{margin:20px 0px;} #respond h3{font-size:18px; margin:0 0 20px;} #commentform{} #commentform p{padding:10px 0;} #respond label{display:block; padding:5px 0;} #respond label small{font-size:10px;} #respond input{margin-bottom:10px; padding:5px 5px; margin:0 10px 10px 0; background:#fff; border:1px solid #ddd;} #commentform input{width:50%;} #respond input#commentSubmit{padding:5px 0; width:100px; font-size:12px; background:#211F1D; border-top:1px solid #333; border:1px solid #000; color:#FFF; text-decoration:none; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; margin:10px 0px; cursor:pointer; border:0; outline:none; -moz-box-shadow:2px 2px 5px #CCC; -webkit-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC; behavior: url(js/PIE.htc); } #commentSubmit:hover{background:#403D37 !important;} #commentSubmit:active{padding:5px 0 0 !important;} textarea#comment{border:none; background:#fff; border:1px solid #ddd; width:70%; margin:10px 0px 0px 0px; padding:5px 5px;} #comments-closed{padding:10px 0;} /* ------- Author Page ----------- */ #author-page{min-height:100px;} #author-page .avatar{float:left; margin:0 15px 0 0;} #author-page h1{margin-bottom: 10px;} #author-page-posts-title{ padding-bottom: 10px; margin: 20px 0; border-bottom: 1px solid #CCC;} /* ------- Archives - Category Pages &Tag pages ----------- */ #archive-title{margin: 0 0 40px; padding-bottom: 20px; border-bottom: 1px solid #CCC;} /* ------- Pagination----------- */ #pagination{clear:both; padding:20px 0px; position:relative; font-size:11px; line-height:13px;} #pagination span, #pagination a{display:block; float:left; margin:2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#FFF;background:#2C2C2C;} /*-----------------------------------------------------------------------------------* /* WordPress Elements /*-----------------------------------------------------------------------------------*/ .aligncenter{display:block; margin:0 auto;} .alignright{float:right; margin:0 0 1em 1em;} .alignleft{float:left; margin:0 1em 1em 0;} .floatleft{float:left;} .floatright{float:right;} img.aligncenter, img.alignright, img.alignleft, img.attachment-post { text-align:center; border:1px solid #DDD; background:#F3F3F3; padding:4px;} img.aligncenter:hover, img.alignright:hover, img.alignleft:hover, img.attachment-post:hover { text-align:center; border:1px solid #BEC4C9; background:#BEC4C9; padding:4px; } .textcenter{text-align:center;} .textright{text-align:right;} .textleft{text-align:left;} .wp-caption{ border:1px solid #DDD; text-align:center; background:#F3F3F3; padding-top:4px; margin:10px;} .wp-caption img { margin:0; padding:0; border:none;} .wp-caption .wp-caption-text{font-size:12px; line-height:17px; padding:0 4px 5px; margin:0;} #wp-calendar {width: 100%; } #wp-calendar caption { color: #222; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th { } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } /*-----------------------------------------------------------------------------------* /* Form /*-----------------------------------------------------------------------------------*/ /* Forms */ form { background:#000; padding:20px; background:#f3f3f3 url('images/core/bg-box.jpg') repeat-x 0 0; border:1px solid #eaeaea; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; behavior: url(js/PIE.htc); margin-top:20px; } form p, .wpcf7 p { margin:0 0 10px 0; padding:0; } input, textarea { color: #56595a; font-size: 13px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; } input[type=text], input[type=password], textarea { color: #0050bc; width:95%; padding: 5px; background: #fff; border:1px solid #d5d5d5; -webkit-box-shadow: inset #999 1px 1px 2px; -moz-box-shadow: inset #999 1px 1px 2px; box-shadow: inset #999 1px 1px 2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(js/PIE.htc); } textarea { resize: vertical; } input[type=text]:focus, textarea:focus { color: #373737;} input[type=text] {padding: 5px;} input[type=submit], input.submitbutton { font-weight:bold; padding:7px 30px; cursor:pointer; border:1px solid #d5d5d5; background: url('images/core/btn.gif') repeat-x 0 0; -webkit-box-shadow: #999 0px 1px 1px; -moz-box-shadow: #999 0px 1px 1px; box-shadow: #999 0px 1px 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(js/PIE.htc); } input[type=submit]:hover, input.submitbutton:hover { color:#fff; background:url('images/core/btn-hover.gif') repeat-x 0 0; border:1px solid #3d82da;} div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked { border:0!important; padding:10px!important; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(js/PIE.htc);} div.wpcf7-validation-errors { background-color:#FC0; color:#000; } div.wpcf7-mail-sent-ok { background-color:#398f14; color:#fff; } div.wpcf7-mail-sent-ng { background-color:#ff0000; color:#fff;} div.wpcf7-spam-blocked { background-color:#ffa500; color:#000;} /*-----------------------------------------------------------------------------------* /* End of CSS /*-----------------------------------------------------------------------------------*/