/* Theme Name: Hodgeman Web and Design Theme URI: http://www.hodgeman.co.nz/ Description: A WordPress theme designed for and used by Hodgeman Web and Design. Author: Adrian Hodge Author URI: http://www.adrianhodge.com/ Version: 1.0 */ *{margin:0;padding:0} a{color:#964903;outline:0} a img{border:none} a:hover{text-decoration:none} body{background-color:#333;color:#444;font-family:Tahoma,Verdana,sans-serif;font-size:.8em} h1{font:normal 28px 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;letter-spacing:-1px} h2{font:normal 24px 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;letter-spacing:-1px} h3{font:normal 20px 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;letter-spacing:-1px} h3 a{color:#444;text-decoration:none} p, h1, h2, h4, pre{margin-bottom:15px;line-height:140%} h3{margin-bottom:5px;line-height:140%} h3.toggler{margin:7px 0;cursor:pointer} ol, ul{margin:0 0 20px 20px} #top{background:url(images/top_bg.gif) center repeat-x;height:115px} /* MENU STYLES */ #menu{height:35px;width:100%} #menu ul{list-style:none;margin:0;padding:0;border-left:1px solid #333;float:left} #menu ul li{float:left;height:35px;background-repeat:repeat-x;line-height:35px;background-position:top;border-right:1px solid #333} #menu ul li a{display:block;height:35px;text-decoration:none;color:#000;padding:0 20px;font-size:1.1em} #menu ul li:hover{background-position:center} #menu ul li a:hover{color:#000} #menu ul li.current_page_item, #menu ul li.current_page_parent{background-position:bottom} #menu ul li.current_page_item a, #menu ul li.current_page_parent a{color:#FFF} #menu ul li.current_page_item:hover{background-position:bottom} #menu ul li.current_page_item a:hover{color:#FFF} #page{background:#c7c7c7 url(http://www.hodgeman.co.nz/wp-content/themes/Hodgeman/images/body_bg.jpg) repeat-x;padding:20px 0;float:right;width:100%} #maincell{width:610px;margin-right:40px;float:left;text-align:justify} #maincell.portfolio{width:500px} #sidebar{width:250px;float:left} #sidebar.portfolio{width:360px} #sidebar ul, #sidebar ol{margin:0 0 20px 0;padding:0} #footer{background:url(images/footer_bg.gif) top repeat-x;padding-top:15px;color:#CCC;font-size:.9em} #footer .clear{clear:both} #footer a{color:#f2f2f2} #footer p.left{float:left} #footer p.right{float:right} #footer ul{list-style:none;margin-left:0} #footer ul li{margin-bottom:5px} #footer ul#slideshow{position:relative;height:120px;width:210px} #footer ul#slideshow li{position:absolute;background-color:#333;height:120px;width:210px;font-size:14px;font-style:italic} #footer ul#slideshow li span{display:block;position:absolute;right:0;text-align:right;padding-top:10px;font-style:normal;font-size:12px} #footer img{vertical-align:middle;margin-left:5px} .centre{width:900px;margin:0 auto;position:relative} .clear{clear:both} #logo{background:url(images/logo_lg.gif) top left no-repeat;width:411px;height:115px;display:block} #logo a{display:block;width:411px;height:115px} #logo span{display:none} #sidebar ol, #sidebar ul{list-style-image:none;list-style-position:outside;list-style-type:none} .plus{padding-left:20px;background:url(images/plus.gif) left center no-repeat} .minus{padding-left:20px;background:url(images/minus.gif) left center no-repeat} #slide{position:absolute;bottom:0;right:0;overflow:hidden} #slideImg{position:relative;top:162px;right:0} .slider .styled{float:left;margin:0 10px 10px 0} .slider{padding-left:20px} .entry{float:left;width:100%} #portfolio{float:left;width:350px} /* PORTFOLIO GALLERY */ #mask{width:610px;height:405px;overflow:hidden;border:1px solid #666;position:relative;background:#3f403f url(images/portfolio_bg.gif) top left;float:left} #folio{position:absolute;top:0;left:0;width:5100px;float:left} .site{width:580px;height:375px;float:left;padding:10px;margin:5px;background-color:#FFF;position:relative} .site .cornerLink{position:absolute;width:120px;height:80px;background:#FFF url(images/portfolio_link.gif) top left no-repeat;bottom:0;right:0;display:block} .site .cornerLink:hover{background:#FFF url(images/portfolio_link.gif) bottom left no-repeat} .site .cornerLink a{width:120px;height:80px;display:block} .site h2, .site p{margin-bottom:10px} .site .styled{margin:0 10px 0 0;float:left} ul#nums{list-style:none;list-style-type:none;width:250px;margin:0 10px 20px 0;padding:0;float:left} ul#nums li{float:left;border:1px solid #333;width:23px;height:15px;margin:0 5px 5px 0;} ul#nums li.toolTipDom{cursor:pointer} ul#nums li:hover{background-color:#999} ul#nums li.current{background-color:#8ac331} ul#nums li.current a{color:#FFF} ul#nums li.current a:hover{background-color:#8ac331} .hidden{display:none} .tip-top{background:url(images/bubble.png) center top;width:139px;height:8px} .tip{font-size:11px;padding:0 8px;background:url(images/bubble.png) center center} .tip-title{font-weight:bold;margin:0;color:#8ac331;margin-bottom:5px} .tip-bottom{background:url(images/bubble.png) center bottom;width:139px;height:8px} .size-full{border:1px solid #999;padding:4px} a.back{background:url(images/icon_back.gif) bottom left no-repeat;padding:2px 0 2px 20px} a.link{background:url(images/icon_link.png) bottom left no-repeat !important;background:url(images/icon_link.gif) bottom right no-repeat;padding:2px 0 2px 20px} a.next{background:url(images/page_next.png) bottom right no-repeat !important;background:url(images/page_next.gif) bottom right no-repeat;padding:2px 20px 2px 0;float:right} a.prev{background:url(images/page_prev.png) bottom left no-repeat !important;background:url(images/page_prev.gif) bottom left no-repeat;padding:2px 0 2px 20px;float:left} a.testimonial{background:url(images/icon_testimonial.png) bottom left no-repeat !important;background:url(images/icon_testimonial.gif) bottom left no-repeat;padding:2px 0 2px 20px} span.phone{background:url(images/icon_phone.gif) bottom left no-repeat;padding:2px 0 2px 20px} span.mobile{background:url(images/icon_mobile.gif) bottom left no-repeat;padding:2px 0 2px 20px} a.skype{background:url(images/icon_skype.gif) bottom left no-repeat;padding:2px 0 2px 20px} a.twitter{background:url(images/icon_twitter.gif) bottom left no-repeat;padding:2px 0 2px 20px} a.linkedin{background:url(images/icon_linkedin.gif) bottom left no-repeat;padding:2px 0 2px 20px} a.email{background:url(images/icon_email.gif) bottom left no-repeat;padding:2px 0 2px 20px} .quote{background:url(images/quote.gif) top left no-repeat;padding-left:40px;font-style:italic} .alignleft{float:left;margin-right:10px;border:none} #recent .styled{float:left;margin:0 10px 20px 0} .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap select, .wpcf7-form-control-wrap textarea{background:#b2b2b2 url(images/input_bg.gif) bottom repeat-x;padding:5px;border:1px solid #888;font:16px "Courier New", Courier, monospace;color:#FFF} .wpcf7-form-control-wrap select option{padding:5px 20px 0 5px} #news{width:250px;height:350px;display:block;overflow:hidden;position:relative} #ticker{width:250px;height:350px;display:block;list-style:none;margin:0;padding:0} #ticker li{display:block;width:250px;height:350px;margin:0;float:left} /* POST STYLES */ .post{clear:both;float:left;padding:10px;margin-bottom:30px} .date{width:60px;text-align:center;float:left;background:#FFF url(images/date_bg.gif) top repeat-x;font-size:14px;font-weight:bold;margin:0 10px 10px 0;border:1px solid #999} .date span.year{line-height:21px;font-size:12px;display:block} .date span.month{font-size:12px;display:block} .date span.day{font-size:22px;display:block} .post h2{margin-bottom:0} .postmetadata{float:left;line-height:16px;font-size:10px} .postmetadata img{vertical-align:bottom} .navigation{float:left;width:100%;margin-bottom:20px} .alignleft{float:left} .alignright{float:right;text-align:right} .column{width:430px;float:left;text-align:justify} .margin-right{margin-right:40px} .col210{width:210px;float:left;margin-bottom:20px} .marginR20{margin-right:20px} .fb_page{padding:0 20px} pre{background-color:#EEE;border:1px solid #AAA;font-size:1.4em;padding:20px}