/* Theme Name: Tree Solutions Custom Version: 1.1 Author: Larry Israel (implementation) Description: Customized theme for Tree Solutions, Version 1, June 2008. Larry Israel implemented Jim Strickland's design. As the starting point, Larry used the WordPress Default theme (aka Kubrick), version 1.6 by Michael Heilemann. --------------- Original Theme WordPress Default, Version 1.6 The default WordPress theme based on the famous Kubrick (v1.5) http://binarybonsai.com/kubrick/ by Michael Heilemann */ /* RESET DEFAULTS */ table, td, div, h1, h2, h3, h4, h5, p, ul, ol, li, img, a, form {margin: 0; padding: 0; border: 0 none;} td {text-align: left; vertical-align: top;} form.search {display: inline;} /* PAGE LAYOUT, FONT & COLORS */ /* body and font defaults */ body {width: 760px; color: black; background: #fff url(images/body_background_white.jpg) center repeat-y; margin: 0 auto; padding: 0; text-align: center; font-size: 70%; font-family: Arial, Helvetica, sans-serif;} /* default link colors */ a:link, a:visited {color: #36C; text-decoration: none;} a:hover {color: #558055; text-decoration: underline;} /* the layout table */ table#layout, td#header {width: 760px; text-align: left; background: white;} td#leftcol {width: 195px; text-align: left; background: white;} td#maincol {width: 415px; text-align: left; background: white;} td#rightcol {width: 150px; text-align: center; background: #DEDEBC;} td#rightbottom {width: 150px; text-align: center; background: #DEDEBC; vertical-align: bottom;} td#footer {text-align: center; background: black; color: white; vertical-align: middle;} td#footright {width: 150px; text-align: center; background: #996; color: white; vertical-align: middle;} /* divs inside layout table cells */ div#leftside {margin: 110px 0 50px 0;} div#content {margin: 25px 20px 50px 0;} div#rightside {margin: 30px 10px 20px 10px;} td#rightbottom div {margin: 0 10px 15px 10px;} /* HEADER */ td#header {height: 165px;} #headwrap {position: relative; height: 165px; width: 760px;} #headmain {position: absolute; top: 0; left: 195px; width: 565px;} h1#logo {position: absolute; top: 32px; left: 0; width: 230px; height: 40px;} #headtext1 {position: absolute; top: 43px; right: 10px; font-size: 1.0em; font-weight: bold; color: #FF7519; font-style: italic;} #headtext2 {position: absolute; top: 58px; right: 10px; font-size: 1.0em; font-weight: bold; color: #9C9990; font-style: italic;} #headtext3 {position: absolute; top: 95px; left: 7px; font-size: 1.1em; font-weight: bold;} #headtext4 {position: absolute; top: 95px; right: 10px; font-size: 1.1em; font-weight: bold;} #newsslug {position: absolute; top: 114px; left: 0; font-size: 1.0em; font-weight: bold; background: #996; color: #FFF; border-bottom: 1px solid #406040; width: 565px; height: 20px; line-height: 20px; text-indent: 7px; white-space: nowrap; overflow: hidden;} #headtext3 span, #headtext4 span {font-style: italic; white-space: nowrap;} #newsslug span {word-spacing: -1px; font-weight: normal;} /* ORIGINAL VERSION - TOP NAVIGATION BAR #topnav {position: absolute; top: 147px; left: 0; width: 565px; height: 30px;} #topnav li {height: 30px; list-style: none; float: left; border-right: 1px solid white;} #topnav a {height: 30px; line-height: 30px; float: left; display: block; background-position: left top; background-repeat: no-repeat;} #topnav li a:hover {background-position: 0 -30px;} #topnav span {display: none;} #topnav1, #topnav1 a {width: 48px;} #topnav2, #topnav2 a {width: 48px;} #topnav3, #topnav3 a {width: 90px;} #topnav4, #topnav4 a {width: 72px;} #topnav5, #topnav5 a {width: 152px;} #topnav1 a {background-image: url(images/topnav-home.gif);} #topnav2 a {background-image: url(images/topnav-news.gif);} #topnav3 a {background-image: url(images/topnav-ourservices.gif);} #topnav4 a {background-image: url(images/topnav-aboutus.gif);} #topnav5 a {background-image: url(images/topnav-accountportal.gif);} #topnav5 {background: #696;} #topnavsearch div {width: 150px; height: 30px; float: left; background: #696 url(images/topnav-search.gif) left top no-repeat;} #topnavsearch input {width: 100px; height: 11px; line-height: 11px; font-size: 9px; margin: 8px 0 0 30px; border: 0 none;} */ /* TOP NAVIGATION BAR */ #topnav {position: absolute; top: 135px; left: 0; width: 565px; height: 30px;} #topnav li {height: 30px; list-style: none; float: left; border-right: 0px solid white;} #topnav a {height: 30px; line-height: 30px; float: left; display: block; background-position: left top; background-repeat: no-repeat;} #topnav li a:hover {background-position: 0 -30px;} #topnav span {display: none;} #topnav1, #topnav1 a {width: 56px;} #topnav2, #topnav2 a {width: 55px;} #topnav3, #topnav3 a {width: 104px;} #topnav4, #topnav4 a {width: 92px;} #topnav5, #topnav5 a {width: 108px;} #topnav1 a {background-image: url(images/topnavbutton-home.gif);} #topnav2 a {background-image: url(images/topnavbutton-news.gif);} #topnav3 a {background-image: url(images/topnavbutton-ourservices.gif);} #topnav4 a {background-image: url(images/topnavbutton-aboutus.gif);} #topnav5 a {background-image: url(images/topnavbutton-accountportal.gif);} #topnav5 {background: #696;} #topnavsearch div {width: 150px; height: 30px; float: left; background: #696 url(images/topnav-search.gif) left top no-repeat;} #topnavsearch input {width: 100px; height: 11px; line-height: 11px; font-size: 9px; margin: 8px 0 0 30px; border: 0 none;} /* LEFT COLUMN */ #leftside .quote {margin: 0 20px 30px 7px;} #leftside .image {margin: 100px 10px 30px 7px;} .quote {font-size: 1.1em; line-height: 1.6; font-weight: bold; letter-spacing: 1px; color: #996;} .signature {font-size: .9em; text-align: right; font-weight: normal; letter-spacing: 0; margin-right: 5px;} .caption {font-size: 1em; line-height: 1.3; font-style: italic; margin-top: 5px;} /* CONTENT AREA */ #content p {font-size: 1.2em; line-height: 1.4; margin: 0 0 1em 0; } #content h2 {font-size: 1.8em; line-height: 1.3; margin: 1.4em 0 .3em 0; color: #595;} /* page title */ #content h3 {font-size: 1.4em; line-height: 1.2; margin: 1.6em 0 .6em 0; font-style: italic;} #content h4 {font-size: 1.2em; line-height: 1.2; margin: 1.3em 0 .6em 0;} #content h3.byline {color: #996; margin: 0 0 1em 0; font-style: italic;} #content ul, #content ol {margin: -.3em 0 1em 25px;} #content li {font-size: 1.2em; line-height: 1.4; margin: 0 0 .2em 0;} /* RIGHT COLUMN */ #rightside {line-height: 1.1;} #rightside h3 {font-size: 1.2em; margin-bottom: -5px;} #rightside h4 {font-size: 1.1em; margin: 1.5em 0 .5em 0;} #rightside h4 a {color: black;} #rightside li {color: #333; font-size: 1em; list-style: none; margin: 0 0 .5em 0; padding: 0;} #rightside li a {color: #333;} #rightside li.current_page_item a, body#seasonal a#link-seasonal, body#tree-care a#link-tree-care, body#services a#link-services {color: #060;} /* FOOTER */ td#rightbottom {font-size: .7em; line-height: 1.5; font-weight: bold;} td#footer p {font-size: .8em; line-height: 1.4; font-weight: bold; margin: .7em;} td#footright p {font-size: 1.1em; line-height: 1.3; font-weight: bold; margin: .7em;} td#footer p a {color: #9CF;} td#footer p a:hover {color: #AEA;} td#footright a {color: #128;} td#footright a:hover {color: #040;} /* IMAGES */ .alignnone {float: left; margin-top: 5px; margin-right: 10px; border: 1px solid #36C;} .alignnoneclear {margin-top: 5px; margin-right: 10px; border: 1px solid #36C;} .alignright {float: right; margin-top: 5px; margin-left: 10px; border: 1px solid #36C;} #content a:hover img {border-color: #FF7519;} /* GLOBAL MISC. */ .nowrap {white-space: nowrap;} .ts {text-align: center; color: #498B4D;} /* HOME PAGE ONLY */ /* bottom columns */ #home #leftcol, #home #maincol {border-bottom: 8px solid #996;} #botcolumn1, #botcolumn2, #botcolumn3 {border-right: 2px solid white; background: #DEDEBC;} #botcolumn1 {width: 195px;} #botcolumn2 {width: 205px;} #botcolumn3 {width: 205px;} .colcontent {margin: 7px 8px 20px 10px;} .colcontent h2 {font-size: 1.2em; line-height: 1.2; margin: 0.4em 0 0.2em 0; color: #595;} .colcontent p {font-size: 1.1em; line-height: 1.2; margin: 0 0 0.8em 0;} /* other changes to home page only */ #home div#leftside {margin-bottom: 20px; margin-top: 90px;} #home div#content {margin-bottom: 30px;} #home .quote {line-height: 1.4;} #home #leftside .image {margin-top: 30px;} /* COLORS Greens: #696 navbar | #558055 link & navbar hover | #595 headings | #498B4D body outer background Olive Green: #996 quote, byline, right footer background, home page lower border Light Green: #DEDEBC right column background, home page lower background Logo Grey: #9C9990 (also used for date text) Blue: #36C content area links Orange: #FF7519 */