/* Theme Name: WordPress Default Theme URI: http://wordpress.org/ Description: The default WordPress theme based on the famous Kubrick. Version: 1.6 Author: Michael Heilemann Author URI: http://binarybonsai.com/ Tags: blue, custom header, fixed width, two columns, widgets Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* =============== CSS styles for ButskoUtility.com Copyright 2009 Matthew J Baker hello@mjbaker.com =============== */ /* CSS Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } :focus { outline:none; } html { overflow-y: scroll; overflow: -moz-scrollbars-vertical !important; } /* \*/ * html .gainlayout { height: 1%; } /* */ /* End CSS Reset */ /* General Styles */ .tenpx { display:block; clear:both; height:10px; width:100%; } .icons { float:right; } div.icons > img { padding:0px 5px; } div.icons > img:hover { cursor:pointer !important; } pre > div { display: block; padding: 10px; margin-bottom: 20px; border: 1px solid #333; background-color: #efefef; } .ui-sortable > li:hover { cursor:crosshair; } #editTeam { float:left; width:860px; font-family:Arial, Helvetica, sans-serif; } #editTeam ul { list-style: none; } #editTeam h2 { margin:10px 0px; color:#374f9d; font-size:18px; float:left; } #sdgif { padding-left:10px; float:right; margin-top:7px; } #sdgif p { color:#000; font-size:10px; } #editTeam ul li { display: block; padding: 5px 10px; margin-bottom: 3px; background-color: #efefef; border:#CCC 1px solid; } #editTeam li img.handle { cursor: move !important; } #editTeam li { color:#666; font-size:12px;} #editTeam li:hover { font-size:12px; cursor:default; font-weight:bold; background-color:#FFF; } .bateam input { display:block; margin:10px 0px; } .bateam textarea { display:block; margin:10px 0px; } /* Maps */ /* Map View */ #map { width:550px; height:350px; float:left; margin-top:30px; margin-left:45px; margin-bottom:25px; border:1px solid #999; } .contactInfo { width:200px; min-height:350px; float:left; font-family:Arial, Helvetica, sans-serif; margin-top:25px; margin-left:30px; } .contactInfo h2 { font-size:18px; color:#374f9d; margin-bottom:10px; } .contactInfo h3 { font-size:14px; color:#374f9d; margin-bottom:5px; } .contactInfo p { font-size:12px; color:#333; margin-bottom:10px; } .contactInfo address { font-size:12px; color:#333; margin-top:20px; margin-bottom:20px; } .contactInfo img { margin-top:25px; } #side_bar { float:left; width:100%; } #directionshold { float:left; width:800px; margin-left:25px; margin-bottom:25px; } #directions td { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; } #directions td a:hover { color:#374f9d; } #directions tr:hover { background-color:#CCC; color:#374f9d; } #con1, #con2, #con3, #con4 { display:none; } .googledir > div { font-size:8px; color:#CCC; } .googledir > div > div > div { font-size:14px; color:#374f9d; } br .sBr { height:25px; width:100%; float:left; clear:both; } /* Directions */ #directions { float: none; width: 100% !important; } /* Addresses */ #addresses { color: white; } .address-panel { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #e8000d; overflow: auto; margin: 0 auto; margin-bottom: 10px; padding: 10px; width: 90%; } .address-panel>form>div { margin-bottom: 10px; } .address-form-column { float: left; } .address-panel label { display: block; } .address-panel input, .address-panel select { margin-left: 5px; } .address-panel #street { width: 95%; } .address-panel #state { width: 60%; } .address-panel .button { text-align: right; padding-top: 15px; clear: both; } /* End Maps */ /* Team */ .tabList1 { width:550px; float:left; min-height:250px; margin-left:65px; margin-top:20px; margin-bottom:25px; } .teamBio { font-family:Arial, Helvetica, sans-serif; } .teamBio h2 { font-size:18px; color:#374f9d; margin-bottom:3px; font-weight:bold; } .teamBio i { font-size:12px; color:#666; clear:right; } .teamBio span { font-size:14px; color:#374f9d; display:block; margin-top:15px; margin-bottom:15px; } .teamBio span a { font-size:14px; color:#333; text-decoration:none; margin-left:25px; } .teamBio span a:hover { font-size:14px; color:#374f9d; text-decoration:underline; } .teamBio p { font-size:14px; color:#333; line-height:1.6em; } /* End Team */ /* Porfolio */ .tabList div { width:155px; min-height:20px; display:block; float:left; margin-left:55px; margin-top:20px; margin-bottom:25px; } .tabList table { } .tabList td { width:155px; min-height:20px; background-image:url(images/vDivide.jpg); background-position:top right; background-repeat:repeat-y; padding:5px 30px 5px 0px; border-bottom:1px #e7e7e7 solid; vertical-align:top; text-align:left; text-shadow:#FFF 1px 1px 1px; } .tabList td p { } .tabList p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:0px !important; padding-left:10px !important; margin-top:2px; display:block; width:145px; padding: 5px 0px; } .tabList tr { border-bottom:1px #e7e7e7 solid;} .tabList td:hover { background-image:url(images/pHl.png); background-position:bottom right; background-repeat:no-repeat; cursor:default; } .abscenter { float:left; display:block; width:860px; height:250px; position:relative; } .abscenter img { position:absolute; top:0px; left:380px; margin-top:75px; } .spacer { width:100%; height:25px; display:block; float:left; } #pContain { width:100%; float:left; background-image:url(images/pageHead.jpg); background-position:top left; background-repeat:no-repeat; } #pContain h2 { font-family:Arial, Helvetica, sans-serif; text-shadow:#333 1px 1px 1px; font-size:18px; color:#FFF; margin-top:60px; padding:0px 15px 0px 30px; line-height:1.4em; } #pTabs { width:830px; height:46px; float:left; margin:40px auto 0px 30px; } .pTabsOn { height:46px; float:left; background-image:url(images/onT.jpg); background-position:top left; background-repeat:no-repeat; position:relative; } .pTabsOn a { padding:17px 15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#374f9d; text-shadow:#FFF 1px 1px 1px; float:left; text-decoration:none; } .pTabsOn img { position:absolute; top:0px; right:0px; } .pTabsOff { height:46px; float:left; background-image:url(images/offT.jpg); background-position:top left; background-repeat:no-repeat; position:relative; } .pTabsOff a { padding:17px 15px 15px 15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#888888; text-shadow:#FFF 1px 1px 1px; float:left; text-decoration:none; } .pTabsOff a:hover { color:#374f9d; } .pTabsOff img { position:absolute; top:0px; right:0px; } #pBg { width:100%; float:left; background-image:url(images/pageBg.png); background-position:bottom left; background-repeat:no-repeat; } .pListL { width:815px; min-height:250px; float:left; margin-left:45px; margin-top:20px; } .pListS { width:570px; min-height:250px; float:left; margin-left:65px; margin-top:20px; margin-bottom:25px; } .sideBar { width:215px; min-height:250px; float:left; margin-top:20px; margin-bottom:25px; } .sideBari a { display:block; width:215px; float:left; padding:5px 10px 6px 30px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-shadow:#FFF 1px 1px 1px; background-image:url(images/menuOff.png); background-position:top right; background-repeat:repeat-y; } .sideBari a:hover { color:#333; background-image:url(images/menuOffh.png); background-position:top right; background-repeat:repeat-y; } .hfirst { padding-top:0px !important; } .pList { width:155px; min-height:20px; display:block; float:left; background-image:url(images/vDivide.jpg); background-position:top right; background-repeat:repeat-y; padding:5px 30px 5px 0px; border-bottom:1px #e7e7e7 solid; } .pList:hover { background-image:url(images/pHl.png); background-position:bottom left; background-repeat:no-repeat; } .pList a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-decoration:none; padding:0px !important; margin-bottom:2px; display:block; width:155px; padding: 5px 0px; } .pList p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:0px !important; padding-left:10px !important; margin-top:2px; display:block; width:145px; padding: 5px 0px; } .pList a:hover { color:#374f9d; } #list1, #list2, #list3, #list4 { display:none; } /* End Portfolio */ /* Services */ .landdevS { width:100%; float:left; } .designS { width:100%; float:left; display:none; } .utilityS { width:100%; float:left; display:none; } #sLd { width:260px; height:199px; margin:0px 40px 25px 0px; float:left; position:relative; } .sLd1 { width:260px; height:199px; margin:0px 40px 25px 0px; background-image:url(images/ld.jpg); background-position:-520px 0; background-repeat:no-repeat; position:absolute; top:0px; left:0px; z-index:99; } .sLd2 { width:260px; height:199px; margin:0px 40px 25px 0px; background-image:url(images/ld.jpg); background-position:-520px 0; background-repeat:no-repeat; position:absolute; top:0px; left:0px; z-index:99; display:none; } #sDe { width:260px; height:199px; margin:0px 40px 25px 0px; float:left; position:relative; } .sDe1 { width:260px; height:199px; margin:0px 40px 25px 0px; background-image:url(images/de.jpg); background-position:0 0; background-repeat:no-repeat; position:absolute; top:0px; left:0px; z-index:99; } .sDe2 { width:260px; height:199px; margin:0px 40px 25px 0px; background-image:url(images/de.jpg); background-position:-260px 0; background-repeat:no-repeat; position:absolute; top:0px; left:0px; z-index:99; display:none; } #sUcg { width:260px; height:199px; margin:0px 0px 25px 0px; float:left; position:relative; } .sUcg1 { width:260px; height:199px; margin:0px 40px 25px 0px; background-image:url(images/ucg.jpg); background-position:0 0; background-repeat:no-repeat; position:absolute; top:0px; left:0px; z-index:99; } .sUcg2 { width:260px; height:199px; margin:0px 40px 25px 0px; background-image:url(images/ucg.jpg); background-position:-260px 0; background-repeat:no-repeat; position:absolute; top:0px; left:0px; z-index:99; display:none; } .sTitle { width:861px; height:39px; background-image:url(images/sHeadon.jpg); background-position:0px 0px; background-repeat:no-repeat; float:left; } .sPost { width:859px; min-height:30px; background-color:#F8F8F8; border-left:1px #c6c6c6 solid; border-right:1px #c6c6c6 solid; float:left; margin-bottom:25px; } .sTitle p { color:#374f9d; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight:bold; padding:12px 15px 0px 15px; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px; } .sPost p { color:#333333; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 1.7em; padding:10px 20px 15px 20px; background-image:url(images/sFoot.jpg); background-position:bottom left; background-repeat:no-repeat; margin-bottom:-7px; } .sPost1 { width:859px; min-height:30px; background-color:#F8F8F8; border-left:1px #c6c6c6 solid; border-right:1px #c6c6c6 solid; float:left; background-image:url(images/sFoot.jpg); background-position:bottom left; background-repeat:no-repeat; margin-bottom:-7px; } .sPost1 a { color:#333; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom:5px; display:block; clear:right; text-decoration:none; } .sPost1 a:hover { color:#374f9d; text-decoration:underline; } .sPost1 span { color:#374f9d; font-family: Arial,Helvetica,sans-serif; font-size: 14px; margin:15px 0px 10px 0px; display:block; clear:right; } .sPost1 p { } #sContain { width:100%; float:left; } .holderOne { width:400px; float:left; margin-left:25px; overflow:hidden; min-height:550px; } .holderTwo { width:400px; float:left; margin-left:25px; margin-bottom:25px; overflow:hidden; } /* End Services */ /* News */ .Nbox1 { width:281px; float:left; border-bottom:1px solid #dadada; padding-bottom:15px; border-image: url(images/newsDivide.jpg) 0 0 2 round round; } .Nbox1 p { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7e7e7e; text-decoration:none; padding-left:15px; width:175px; } .Nbox1 img { float:left; padding:3px; border:1px #999 solid; } .Nbox2 { width:281px; float:left; border-bottom:1px solid #dadada; padding-bottom:15px; border-image: url(images/newsDivide.jpg) 0 0 2 round round; } .Nbox2 p { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; text-decoration:none; padding-left:15px; padding-top:5px; width:175px; margin-top:-10px; float:left; } .title2 a { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#374f9d; text-decoration:none; padding-left:15px; width:175px; margin-top:15px; float:left; padding-bottom:5px; } #Nposts { width:281px; height:400px; float:left; margin-left:20px; margin-top:20px; } #Iposts { width:281px; height:400px; float:left; margin-left:20px; margin-top:20px; display:none; } .title1 a { float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#374f9d; text-decoration:none; padding-left:15px; width:175px; } .date1 { float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7e7e7e; text-decoration:none; padding-left:15px; width:175px; } .dateBox { width:40px; height:40px; border:1px #999 solid; float:left; margin-top:15px; } .db1 { height:13px; width:40px; border-bottom:1px solid #999; float:left; background-image:url(images/db1.png); background-repeat:repeat-x; background-position:top left; } .db1 h3 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606060; text-decoration:none; text-transform:uppercase; font-weight:bold; text-align:center; } .db2 { height:27px; width:40px; border-bottom:1px solid #999; float:left; background-color:#d5d5d5; background-image:url(images/db2.png); background-repeat:repeat-x; background-position:top left; } .db2 h3 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#606060; text-decoration:none; text-align:center; padding-top:2px; } /* End News */ #pageTotal { background-image:url(images/toptile.jpg); background-repeat:repeat-x; background-position:0px 0px; background-color:#e0e0e0; height:100%; width:100%; } #pageContain { width:860px; margin:0 auto; } #header { width:860px; height:102px; float:left; position:relative; } #header img { float:left; margin:0px; padding:0px; } #frontSlider { width:100%; height:425px; float:left; background-image:url(images/sliderbg.png); background-repeat:no-repeat; background-position:top left; margin-top:18px; position:relative; } #hellothere { width:200px; height:75px; background-image:url(images/audio.jpg); background-repeat:repeat-x;} #topMenu { float:left; width:575px; margin-left:50px; } .topMenu { list-style-type:none; float:left; } .topMenu a { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-decoration:none; padding:44px 20px 42px 20px; float:left; max-width:100px; clear:none; } .topMenu1 { list-style-type:none; } .topMenu1 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-decoration:none; padding:44px 20px 42px 20px; float:left; clear:none; } .topMenu a:hover { color:#374f9d; background-image:url(images/menuarrow.png); background-repeat:no-repeat; background-position:bottom center; } .topMenu1 a { font-weight:bold; color:#374f9d; background-image:url(images/menuarrow.png); background-repeat:no-repeat; background-position:bottom center; } #sButton1:hover { cursor:pointer; } #sButton2:hover { cursor:pointer; } #sButton3:hover { cursor:pointer; } #footer { width:100%; height:36px; float:left; margin-top:25px; margin-bottom:25px;} #footMenu { float:left; } .footMenu { list-style-type:none; float:left; padding:5px 10px 10px 10px; } .footMenu a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; text-decoration:none; } .footMenu a:hover { color:#374f9d; } .footMenu:first-child { padding-left:0px; } #footer img { float:right; } #newsContain { background-image:url(images/newsCtop.png); background-position:top left; background-repeat:no-repeat; width:859px; min-height:470px; float:left; background-color:#f0f0f0; } .category-news h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; color:#374f9d; padding:25px 25px 5px 25px; } .category-news p { font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:1.7em; font-size:14px; color:#666; padding:0px 15px 25px 25px; } .category-industry h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; color:#374f9d; padding:25px 25px 15px 25px; } .category-industry p { font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:1.7em; font-size:14px; color:#666; padding:0px 15px 25px 25px; } .alignleft { float:left; margin:10px; padding:5px; border:1px #999 solid; margin-left:0px !important; } .alignright { float:right; margin:10px; padding:5px; border:1px #999 solid; margin-right:0px !important; } .aligncenter { text-align:center; margin:10px; padding:5px; border:1px #999 solid; } .entry { font-family:Arial, Helvetica, sans-serif; } .entry div { padding-left:25px; } .entry ul { padding-bottom:10px; margin-left:35px; list-style-type:disc; } .entry li { color:#666; font-size:12px; } .entry p { padding-bottom:7px !important; color:#333; } .entry h3 { text-align:center; font-size:14px; color:#374f9d; font-weight:bold; margin:13px 0px 7px 0px; } .entry h4 { margin-left:25px; font-size:11px; padding-bottom:10px; } .entry h5 { font-weight:bold;color:#333; font-style:italic; padding-bottom:5px; font-size:13px; margin-left:25px; } #newsH { margin:25px 0px; width:100%; font-family:Arial, Helvetica, sans-serif; color:#374f9d; font-size:24px; float:left; text-shadow:#FFF 1px 1px 1px; } #newsCleft { width:310px; min-height:489px; float:left; background-image:url(images/newsCleftbg.png); background-position:0px 0px; background-repeat:no-repeat; background-color:#d2d2d2; margin-left:15px; } #newsCright { width:510px; margin-top:37px; margin-bottom:18px; min-height:450px; background-color:#FFF; float:left; border-top:#dadada 1px solid; border-right:#dadada 1px solid; border-bottom:#dadada 1px solid; } #frontContain { background-image:url(images/frontContain.png); background-position:top left; background-repeat:no-repeat; width:100%; height:470px; float:left; } #frontLeft { width:320px; height:458px; margin-left:17px; float:left; } #frontLeftC { width:320px; height:418px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-right:1px solid #dadada; float:left; background-color:#FFF; position:relative; } #socialMedia { position:absolute; bottom:15px; right:15px; padding:5px; } #socialMedia a { float:left; margin:0px 5px 0px 5px; } #socialMedia p { font-weight:bold; font-size:12px; color:#333; float:left; margin-right:15px; } #fLmenu { width:322px; height:38px; float:left; background-image:url(images/newsA.png); background-position:bottom left; background-repeat:no-repeat; } #fLn:hover { cursor:pointer; } #GETRID { display:none; visibility:hidden; height:0px; width:0px; } #fLi:hover { cursor:pointer; } #fLmenu1 { width:310px; height:38px; float:left; background-image:url(images/newsA1.png); background-position:bottom left; background-repeat:no-repeat; } #fLn1:hover { cursor:pointer; } #fLi1:hover { cursor:pointer; } .fLmenuAR { list-style-type:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#333; padding:8px 16px 6px 16px; background-color:#FFF; border-left:1px solid #dadada; border-top:1px solid #dadada; border-right:1px solid #dadada; } .fLmenuIR { list-style-type:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#999; padding:8px 16px 6px 16px; background-color:#f0f0f0; border-top:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; } .fLmenuAL { list-style-type:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#333; padding:8px 16px 6px 16px; background-color:#FFF; border-left:1px solid #dadada; border-top:1px solid #dadada; border-right:1px solid #dadada; } .fLmenuIL { list-style-type:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#999; padding:8px 16px 6px 16px; background-color:#f0f0f0; border-left:1px solid #dadada; border-top:1px solid #dadada; border-bottom:1px solid #dadada; } #frontRight { width:504px; height:458px; float:left; } #frontRight h1 { color:#374f9d; font-family:Arial, Helvetica, sans-serif; font-size:24px; margin-top:37px; margin-left:25px; margin-bottom:8px; } #frontRight p { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-left:25px; line-height:1.7em; padding-right:5px; } #frontRight img { margin-top:15px; margin-left:25px; } .sliderText { background-image:url(images/slideTbg.png); background-position:top left; background-repeat:no-repeat; width:320px; height:388px; float:left; position:relative; } .sliderText img { position:absolute; bottom:10px; left:25px; } .sliderText h2 { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#FFF; padding:15px 30px 5px 20px; } .sliderText p { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.4em; color:#FFF; padding:5px 30px 10px 20px; } .slideon { background-image:url(images/slideon.png); background-position:top left; background-repeat:no-repeat; width:10px; height:10px; float:left; margin-left:10px; } .slideoff { background-image:url(images/slideoff.png); background-position:top left; background-repeat:no-repeat; width:10px; height:10px; float:left; margin-left:10px; } #slideButtons { width:60px; height:10px; position:absolute; bottom:0px; right:0px; } #slide { width:844px; height:388px; float:left; margin-left:8px; margin-top:8px; background-image:url(images/geographic.jpg); background-position:top left; background-repeat:no-repeat; } #sliderText2 {display:none;} #sliderText3 {display:none;}