/* Theme Name: RootOrange v1.0 Theme URI: none Description: Custom Wordpress theme designed by David Koetke and built by Josh Cunningham Version: 1.0 Author: Josh Cunningham and David Koetke Author URI: http://www.joshcanhelp.com/ and www.koetke.com */ /*** CSS RESET Adapted from Eric Meyer's CSS Reset Reloaded http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ***/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 100%; font-family: inherit; vertical-align: baseline; } :focus {outline: 0;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;} img {border: 0;} /*** universal styles ***/ h1,h2,h3,h4,h5,h6{font-size:100%; } h1{font-size:2em;} h2{font-size:1.8em;} h3{font-size:1.6em;} h4{font-size:1.4em;} h5{font-size:1.2em;} h6{font-weight:bold;} ul, ol {list-style:none;} a img {border: none;} /*** universal styles ***/ acronym, abbr {cursor:help; border-bottom:1px dashed #999;} strong {font-weight: bold;} em {font-style: italic;} .code {font:1.2em 'Courier New',Courier,Fixed;} .clear {clear:both;} .aligncenter {display:block;margin-right:auto;margin-left:auto;} .alignleft {margin:8px 8px 8px 0;float:left;} .alignright {margin:8px 0 8px 8px;float:right;} .center{text-align:center;} a {text-decoration:none;} /*** header.php styles ***/ body {line-height: 1em; background:transparent url(images/topbg.png) repeat-x; font-family:Arial, Helvetica, sans-serif} #wrapper {width:910px; margin:0 auto;} #header {padding: 20px 0 0 0; margin: 0 0 10px 0;} .logo {width: 466px; height: 65px; display: block; background:transparent url(images/logo2.png) no-repeat;} .top-nav {color:#C9C9C9;float:right;margin-top:-69px;margin-right:20px; text-transform:uppercase} .top-nav li {float: right; margin:0 0 0 10px;padding:0 0 0 10px; line-height:0.9em;} .top-nav li a {color:#FBA51B;font-size:12px;font-weight:bold; line-height:0.9em;} .top-nav li a:hover {text-decoration:underline} #nav {height: 41px; margin: 10px 0 0 -2px; background-color: transparent; } #nav li {height: 41px; float: left;} #nav li a {width: 100%; height: 100%; display: block; text-indent: -9999px} li#home {width: 97px; background: transparent url(images/nav.png) no-repeat;} li#home a:hover, li#home a.active {background: transparent url(images/nav.png) 0 -41px no-repeat;} li#about {width: 122px; background: url(images/nav.png) -97px 0 no-repeat;} li#about a:hover, li#about a.active {background: url(images/nav.png) -97px -41px no-repeat;} li#products {width: 199px; background: url(images/nav.png) -219px 0 no-repeat;} li#products a:hover, li#products a.active {background: url(images/nav.png) -219px -41px no-repeat;} li#partners {width: 126px; background: url(images/nav.png) -418px 0 no-repeat;} li#partners a:hover, li#partners a.active {background: url(images/nav.png) -418px -41px no-repeat;} li#service {width: 232px; background: url(images/nav.png) -544px 0 no-repeat;} li#service a:hover, li#service a.active {background: url(images/nav.png) -544px -41px no-repeat;} /* li#blog {width: 87px; background: url(images/nav.png) -691px 0 no-repeat;} li#blog a:hover, li#blog a.active {background: url(images/nav.png) -691px -41px no-repeat;} */ li#support {width: 127px; background: transparent url(images/nav.png) -776px 0 no-repeat} li#support a:hover, li#support a.active {background: transparent url(images/nav.png) -776px -41px no-repeat;} .searchbox { width:910px; margin: 20px auto; clear:both; } .menud {float:left;margin: -4px 0 0 3px;} .menudlt {width: 18px; height: 49px; float:left;background: url(images/menudownleftcurve.png) no-repeat;} .menudct {width: 855px; height: 49px; float: left; background: url(images/menudownbg.png) repeat-x;} .menudct form {padding: 12px 0 0 0; } .menudrt {width: 18px; height: 49px; float:left; background: url(images/menudownrightcurve.png) no-repeat;} .md1 {margin:3px 0px;} .md1 b {color:#442c19;padding:2px 5px 5px 5px; float: left; } .keyw {width:193px; height:20px; padding: 2px 0 0 5px; float: left; background: url(images/textbox1.png) no-repeat; border: none; font-size: 12px;} .zip {width:99px; height:20px; padding: 2px 0 0 5px; float: left; background: url(images/textbox2.png) no-repeat; border: none; font-size: 12px;} .search_location_id {width:190px; padding: 1px 1px 2px 0; margin: 0; float: left; border: none; font-size: 12px;} .search {width:129px; height:29px; float: right; margin: -5px 2px 0 0; background: url(images/search.png) no-repeat; border: none; color:#FFFFFF; font-family:arial; font-size:12px; font-weight:bold; cursor: pointer; text-transform: uppercase; } /*** page styles ***/ #page-wrap {width: 100%; float: left;} #contact-form {} .checkIt {display: none;} /*** home page styles ***/ #home-wrap {width: 676px; height: 401px; margin: 0 10px 0 0; float: right; background:transparent url(images/home-bg.jpg) no-repeat; } #home-wrap h1 {color:#442C19;padding: 20px 25px 10px 25px; font-family:arial;font-size:20.55px;font-weight:bold;margin:0;} #home-wrap p {color:#000; padding: 0 25px 6px 25px; font-weight:bold; font-size:0.8em; line-height: 1.3em; } #home-wrap span {line-height: inherit; } #home-wrap .vid-wrap {margin: 0 12px 12px; padding: 0; width: 300px; float: right; border: 1px solid #fddbc1} .shiw{margin: 0 0 0 20px; background:transparent url(images/cbutton.png) no-repeat; color:#FFFFFF; font-size:14px; font-weight:bold; height:35px;position:relative;text-align:left;width:189px; padding: 0 0 0 15px; cursor:pointer} .shiw span{position:relative;top:9px;} .home-sub-box {width: 333px; height: 66px; float: right; margin: 10px 10px 0 0; background: url(images/home-sub-box.png) no-repeat; overflow:hidden;} .home-sub-box p {width: 120px; float: left; margin: 10px 0 0 12px; color:#CC6600; font-size:12px; font-weight:bold; line-height: 1.3em;} .home-sub-box a {color:#CC6600; font-size:12px; font-weight:bold; line-height: 1.3em; text-decoration:underline;} .home-sub-box a span {color:#8c4703;} .home-sub-box p.headline {width: 200px;} .home-sub-box p.image {width: 110px; margin-left: 0; text-align: center;} .home-sub-box p.image img {max-width: 50px; max-height: 50px; display: block; margin: 0 auto;} .twitimg{background: url(images/twitter.png) no-repeat ;float:left;height:45px;width:45px;margin: 12px 0 0 4px; cursor: pointer; display: block;} .inimg{background: url(images/in.png) no-repeat;float:left;height:45px;margin: 12px 0 0 4px;width:45px; cursor: pointer; display: block;} .fbimg{background: url(images/facebook.png) no-repeat ;float:left;height:45px;width:45px;margin: 12px 0 0 0; cursor: pointer; display: block;} .tubeimg{background: url(images/youtube.png) no-repeat ;float:left;height:45px;width:45px;margin: 12px 0 0 4px; cursor: pointer; display: block;} /** pop-up video overlay **/ .vid-overlay {display:none; z-index:10000; padding: 10px; background: black; -moz-border-radius: 4px; -webkit-border-radius: 4px; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; } .vid-overlay .close {background-image:url(images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;} .vid-overlay p {text-transform: uppercase; color: white; text-align:center; font-size: 0.7em; letter-spacing: 2px; padding: 10px 0 0 0; font-weight: bold} /*** inner page styles ***/ .page-wide {width: 95%; } .page-narrow {width: 640px; float: right} #single-page { margin: 0 20px 20px 20px;} #single-page h1 {margin: 20px 0 16px; color: #472c17; font-size: 1.5em;} #single-page h2 {margin: 20px 0 16px; color: #472c17; font-size: 1.2em;} #single-page h3 {margin: 20px 0 16px; color: #472c17; font-size: 1.0em;} #single-page h4 {margin: 20px 0 16px; color: #472c17; font-size: 0.9em;} #single-page p, #single-page ul, #single-page ol, #single-page blockquote {margin: 0 0 12px 0; color: #000; font-size: 0.9em; line-height: 1.3em; } #single-page ul {padding: 0 0 0 30px; list-style-type: disc;} #single-page ol {padding: 0 0 0 30px; list-style-type: decimal;} #single-page li {margin: 0 0 6px 0;} #single-page p a {color: #472c17; line-height: 1.4em; text-decoration: underline } #single-page blockquote {padding: 0 0 0 10px; margin-left: 20px; border-left: 2px solid #472c17; font-style:italic; } /*** sidebar styles ***/ #sidebar {width: 213px; float: right; margin: 0 10px 0 0; } .widget {width: 215px; padding: 10px 0 0 0; margin: 0 0 6px 0; background:transparent url(images/sideboxtop.png) no-repeat; } .widget h4 {;font-size:14px;font-weight:bold;position:relative;text-align:left;top:4px; left: 12px} .widget h4 a {color: black; text-decoration: none} .widget h4 a:hover {text-decoration: underline} .box-bot{background:transparent url(images/sideboxbot.png) no-repeat;height:10px;} /*** sidebar-home.php styles ***/ .widget .news {color:#CF7011; font-weight:bold; text-align:left; font-size: 0.75em; line-height: 1.2em; margin: 0 0 0 10px;} .widget p.news {width: 190px; margin: 12px 0 14px 13px;} .widget p.news a {text-decoration: underline; color:#CF7011; line-height: 1.2em;} .widget input {margin: 0 0 12px 12px;} .widget label {display:none;} .widget p.customer {padding: 12px 12px 10px 8px; font-size: 0.9em; line-height: 1.2em;} .widget p.customer img {float: left; margin: 0 14px 0; } .widget ul.link-list {padding: 14px 0 0 13px; font-size: 0.9em;} .widget ul.link-list li {padding: 0 0 4px; line-height: 1.3em;} .widget ul.link-list a, .widget p.customer a {color: #1B5781; font-weight: bold;} .widget ul.link-list span, .widget p.customer span a {font-size: 0.9em; color: #753c1b; font-weight: normal;} .widget ul.link-list a:hover, .widget p.customer a:hover {text-decoration: underline;} .stbox {background:transparent url(images/sidebartextbox.png) no-repeat ;border:none;height:22px;padding:6px 0 0 6px;width:184px;color:#848382;} .sbutton {width:83px; height:32px; background:transparent url(images/sbutton.png) 0 3px no-repeat;border: none;color:#FFFFFF; font-family:arial;font-size:12px;font-weight:bold;text-transform:capitalize;} #ctocall{margin: 10px auto 0 auto; display: block;} /*** sidebar-page.php styles ***/ .widget h5 {margin: 12px 0 18px 0; font-weight:bold; text-transform:uppercase;} .widget h5 a {width: 193px; color: #af8767; padding: 6px 0 6px 20px; display: block;} .widget h5 a:visited {color: #ceb5a2;} .widget h5 a:hover, .widget h5.current_page_item a {color: white; background: #f6ad3e; } #sub-nav {width: 100%;} #sub-nav li {font-weight: bold; } #sub-nav li a {width: 173px; padding: 6px 0 6px 40px; margin: 0 0 6px 0; color: #af8767; display: block; } #sub-nav a:visited {color: #ceb5a2;} #sub-nav a:hover, #sub-nav li.current_page_item a{color: white; background: #f6ad3e; } /*** footer.php styles ***/ #footer-full {background:transparent url(images/footerbg.png) repeat-x; clear: both; height: 98px} #footer {width:910px; padding: 16px 0 0 0 ; margin:0 auto; font-size: 0.7em; background: transparent } #footer ul li.pagenav a {color:#6C6C6C; font-weight:bold; text-transform: uppercase; } #footer li {margin: 6px 0 0 0; } #footer li a {color:#127AB0;} #footer li a:hover {text-decoration:underline} .foot-menu {float:left;width:150px;} #foot-copy{float:right; width: 140px; color:#444;} #footer-nav {clear: both; width: 100%; text-align: center; padding: 40px 0; text-transform:uppercase} #footer-nav li {display: inline; margin:0 8px;padding:0 8px;} #footer-nav li a {color:#444; font-weight:bold;} #footer-nav li a:hover {text-decoration:underline} /*** 404.php styles ***/ #404 {} /* | WordPress Plugin: WP-PageNavi 2.40 | Copyright (c) 2008 Lester "GaMerZ" Chan | | File Written By: | - Lester "GaMerZ" Chan | - http://lesterchan.net */ div.wp-pagenavi {margin-top: 50px;} .wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF; } .wp-pagenavi a:visited { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF; } .wp-pagenavi a:hover { border: 1px solid #000000; color: #000000; background-color: #FFFFFF; } .wp-pagenavi a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF; } .wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000000; background-color: #FFFFFF; } .wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; color: #000000; background-color: #FFFFFF; } .wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000000; color: #0066cc; background-color: #FFFFFF; }