/* global.css */ /*-------------------------- CSS RESET --------------------------*/ 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, 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%;font-family: inherit;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /*-------------------------- BASIC STRUCTURE --------------------------*/ html {} body {background: #1b2040 url(../images/bg-body.png) repeat-y 50% 0; font: 13px/normal Arial, sans-serif;} div#db-banner {width: 900px; height: 60px; position: relative;} div#db-banner a#db-logo {display: block; width: 360px; height: 60px; position: absolute; top: 0; left: 2px; background: url(../images/ui-global.png) no-repeat 0 0;} div#db-banner a#db-link {display: block; width: 160px; height: 20px; position: absolute; right: 0; top: 30px; background: url(../images/ui-global.png) no-repeat -360px 0;} div#wrapper {width: 900px; margin: 0 auto; padding-bottom: 60px;} div#header {width: 880px; height: 150px; position: relative; z-index: 200000;} div#header img#avatar {display: block; border: 2px solid #d15400;} div#header a#site-logo {display: block; width: 250px; height: 50px; background: url(../images/ui-global.png) no-repeat 0 -100px; position: absolute; left: 120px; top: 50px; z-index: 20;} div#header p#site-description {width: 510px; height: 91px; background: url(../images/ui-global.png) no-repeat -250px -60px; position: absolute; left: 360px; top: 10px;} div#header p#site-description a.highlighted {width: 162px; height: 20px; display: block; position: absolute; left: 178px; top: 65px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;} div#content {background: white url(../images/bg-content.jpg) no-repeat 0 100%; border-top: 10px solid #d15400; padding: 20px 10px 50px; margin-bottom: 10px;} div#homepage-feature {width: 900px; height: 220px; margin: 0 -10px 30px; background: url(../images/ui-global.png) no-repeat 0 -250px; position: relative;} div#homepage-feature blockquote {width: 350px; height: 200px; position: absolute; top: 20px; left: 420px;} div#homepage-feature blockquote p {font-size: 16px; line-height: 24px; color: #1b2040;} div#homepage-feature blockquote p img#peter-aiken-signature {display: block; margin-top: 5px;} div#homepage-feature blockquote p a {color: #1b2040;} a.highlighted {background: yellow; text-decoration: none;} /*-------------------------- FONTS/LINKS --------------------------*/ h1, h2, h3, h4, h5, h6 {margin-bottom: 10px; font-weight: bold;} h1 {font-size: 24px; color: #366e81; margin-bottom: 0; font-weight: normal;} #left-column h1 {font-size: 24px; color: black; margin-bottom: 10px; font-weight: bold;} h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 16px; color: #1b2040;} h5 {font-size: 14px;} h6 {font-size: 12px;} p {} blockquote {margin-left: 40px; margin-right: 80px; color: #666;} /* img replacement for headings or navigation */ .img-text {position: absolute; top: -9999px;} a {color: #366e81;} a:link, a:visited {} a:active, a:hover, a.active {} a:hover {text-decoration: none;} strong {font-weight: bold;} em {font-style: italic;} .nowrap {white-space: nowrap;} .clear {height: 1px; display: block; clear: both;} hr {border: none; height: 1px; display: block; border-top: 1px solid #c6c7cf;} hr.dark {border-top-color: #366e81;} ul, ol {list-style-position: outside; margin-left: 20px;} ul {list-style-type: square;} ol {list-style-type: decimal;} ul li, ol li {margin-top: 7px;} /*-------------------------- MAIN NAVIGATION --------------------------*/ ul#navigation {width: 240px; height: 40px; position: absolute; left: 120px; top: 100px; list-style: none; margin: 0;} ul#navigation li {float: left; margin: 0; position: relative;} ul#navigation li a {display: block; width: 120px; height: 50px; text-decoration: none;} ul#navigation li#professional a {background: url(../images/ui-global.png) no-repeat 0 -150px;} ul#navigation li#professional a:hover, ul#navigation li#professional.active a, ul#navigation li#professional.here a {background-position: 0 -200px;} ul#navigation li#personal a {background: url(../images/ui-global.png) no-repeat -120px -150px;} ul#navigation li#personal a:hover, ul#navigation li#personal.active a, ul#navigation li#personal.here a {background-position: -120px -200px;} ul#navigation li ul {display: none; position: absolute; top: 38px; left: -12px; z-index: 9999; list-style: none; margin: 0; width: 184px; padding-top: 12px; background: url(../images/menu-top-bg.png) no-repeat;} ul#navigation li ul li {margin: 0; float: none; background: url(../images/menu-ul-bg.png) repeat-y; width: 160px; padding: 0 12px;} ul#navigation li ul li.last {padding-bottom: 12px; background: url(../images/menu-bottom-bg.png) 0 100%;} ul#navigation li ul li a {background: none !important; height: auto; width: auto; padding: 10px; display: block; float: none; color: #d15400; border-bottom: 1px solid #c6c7cf;} ul#navigation li ul li.last a {border-bottom: none;} ul#navigation li ul li a:hover {color: #1b2040; background: #ffff33 !important;} ul#section_navigation {list-style-type: none; margin: 20px 0;} ul#section_navigation li {border-top: 1px solid #C6C7CF;margin-top: 0;} ul#section_navigation li.last {border-bottom: 1px solid #C6C7CF;} ul#section_navigation li a {text-decoration: none; display: block; padding: 5px; color: #D15400;} ul#section_navigation li a:hover {color: #1b2040; background: #ffff33 !important;} /*-------------------------- FEATURED --------------------------*/ h4.cat-title {float: left; width: 110px; text-align: right; margin-right: 10px;} h4.cat-title img {display: block;} div.featured-listing-wrap {float: left; width: 760px;} div.featured-listing {margin-bottom: 10px; width: 600px;} div.featured-listing-wrap hr {margin-bottom: 20px;} div.featured, a.featured {display: block; width: 100px; height: 160px; margin: 0 20px 0 0; float: left; color: #366e81;} div.featured span.thumbnail, a.featured span.thumbnail {display: block; width: 96px; height: 96px; overflow: hidden; border: 2px solid #1b2040; margin-bottom: 5px;} a.featured {text-decoration: none; height: auto; height: 160px;} a.featured:hover {text-decoration: underline;} body#interior a.featured {height: auto; margin-bottom: 10px;} div.featured div.featured-detail {display: none; width: 290px; height: 170px; overflow: hidden; padding: 10px; padding-right: 20px; position: absolute; top: -20px; left: -20px; z-index: 9999; background: transparent url(../images/bg-featured_detail.png) no-repeat;} div.featured div.featured-detail div.thumb-wrap {width: 110px; float: left; padding: 10px; margin-right: 10px;} div.featured div.featured-detail p {padding-top: 10px;} div.featured div.featured-detail span.thumbnail {width: 108px; border-right: none; position: relative;} div.featured div.featured-detail span.thumbnail img {position: relative;} div.featured div.featured-detail span.thumbnail div.arrow {width: 12px; height: 96px; background: url(../images/bg-featured_detail-thumb.gif) no-repeat; position: absolute; top: 0; right: 0;} a.read-page {background: url(../images/icon-read.gif) no-repeat 100% 50%; color: #366e81; text-decoration: none; padding: 4px 25px 3px 0; height: 13px; display: block; float: right; position: absolute; bottom: 20px; right: 20px;} a.read-page:hover {text-decoration: underline;} div#right-column.interior-featured div.featured {height: auto; margin-top: 10px; margin-right: 0; float: none;} div#right-column.interior-featured div.featured div.featured-detail {background-image: url(../images/bg-featured_detail-interior.png); padding-right: 10px; padding-left: 20px; left: -200px;} div#right-column.interior-featured div.featured div.featured-detail div.thumb-wrap {float: right; margin-right: 0; margin-left: 10px; } div#right-column.interior-featured div.featured div.featured-detail span.thumbnail {border-left: none; border-right: 2px solid #1b2040;} div#right-column.interior-featured div.featured div.featured-detail span.thumbnail img {left: 12px;} div#right-column.interior-featured div.featured div.featured-detail span.thumbnail div.arrow {left: 0; right: auto; background-image: url(../images/bg-featured_detail-thumb-interior.gif);} div#right-column.interior-featured div.featured a.read-page {left: 20px; float: left; right: auto;} /*-------------------------- CONTENT --------------------------*/ p.breadcrumbs {color: #d15400; margin-bottom: 20px;} p.breadcrumbs a {color: #d15400;} p.breadcrumbs a:hover {text-decoration: none;} div#content div.bucket {padding: 60px 60px 60px 120px;} div#content div#left-column table {width: 540px !important; overflow: hidden; display: block; background-color: transparent !important;} div#content div#left-column {width: 540px; float: left; margin-right: 60px; padding-bottom: 10px;} div#content div#right-column {width: 100px; float: left;} div#content p {margin-bottom: 10px;} div#content table {border:2px solid #C6C7CF;} div#content table th {border-bottom:2px solid #C6C7CF; border-right:1px solid #C6C7CF; font-weight: bold; padding:5px; background-color: #dfe0e9; text-align: center;} div#content table td {border-bottom:1px solid #dfe0e9; border-right:1px solid #dfe0e9; padding:5px;} /*-------------------------- FOOTER --------------------------*/ div#footer {background: #366e81; padding: 13px 10px 7px; color: white; font-size: 12px; width: 880px; overflow: hidden;} div#footer ul {list-style: none; margin: 0; margin-bottom: 5px; width: 760px; overflow: hidden;} div#footer ul li {float: left; margin: 0;} div#footer ul li h6 {float: left; display: block; margin-right: 5px; font-size: 12px;} div#footer ul li ul {display: inline; width: auto; overflow: visible;} div#footer ul li ul li {display: block; float: left; background: url(../images/bg-footer-nav.gif) no-repeat 100% 50%; padding-right: 5px; margin-right: 5px; white-space: nowrap;} div#footer ul li ul li.last {background: none; padding-right: 0; margin-right: 0;} div#footer ul li ul li a {display: block; float: left;} div#footer a {color: #cddbdf; text-decoration: none;} div#footer a:hover {text-decoration: underline;} div#footer p#copyright {float: right; color: #1a1430; font-size: 12px;}