/* Theme Name: Eric Z Disposal Theme URI: Description: The default WordPress theme based on the famous Kubrick. Version: 1.6 Author: EricZDisposal +Reset +Global +Layout +Nav +Blog +Quote Form +Clearfix +lightbox */ /* RESET AND FONTS -----------------------------------------*/ /* reset */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, ol, ul, li, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } /* remember to define focus styles! */ :focus {outline: 0;} body {line-height: 1;color: black; background: white;} ol, ul {list-style: none;} /* fonts */ body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} table {font-size:inherit;font:100%;} /* 11 85 12 93 (was 93) 13 100 14 108 (was 107) 15 116 (was 114) 16 123.1 (was 122) 17 131 (was 129) 18 138.5 (was 136) 19 146.5 (was 144) 20 153.9 (was 152) 21 161.6 (was 159) 22 167 23 174 24 182 */ /* GLOBAL -----------------------------------------*/ body {font-family: arial, sans-serif; color: black; background: url(/images/bg_tile.gif) top left repeat;} img, a img {border: 0;} .clear {clear: both;} .hide {display: none;} h1, h2, h3, h4, h5 {margin-bottom: 0.4em; color: #081729;} h1, h2 {font-weight: bold;} h1 {font-size: 153.9%; letter-spacing: -1px;} h2 {font-size: 123.1%;} h3 {font-size: 116%;} h4 {font-size: 108%;} h5 {font-size: 100%;} h1 span, h2 span {background: #12af10; color: #fff; font-size: 1em; font-weight: normal; padding: 1px 2px;} h1 a, h2 a {color: #081729;} .post h1 a {color: #12af10;} h1 a:hover, h2 a:hover {text-decoration: none;} hr {border: 0; width: 0; height: 0; clear: both;} a {text-decoration: none; color: #12af10;} a:hover {text-decoration: underline;} li {font-size: 100%; margin-bottom: 0.4em;} p {font-size: 100%; margin-bottom: 0.8em; line-height: 1.5;} p.noMargin {margin: 0;} ol, ul {margin-bottom: 1.4em;} em {font-style: italic;} strong {font-weight: bold;} code {font-family: "Courier New", Courier, monospace;} small {font-size: 85%; font-weight: bold;} select{width:130px;} .left {float: left;} .right {float: right;} span.quote {background: url(/images/tag_free_quote.gif) top left no-repeat;background-position: 0 0; text-indent: -9999px; font-size: 77%; width: 114px; height: 33px; position: absolute; top: 20px; right: -115px;} span.quote:hover {background-position: 0 -33px; cursor: pointer;} #content ul li, #content ol li {padding-left: 8px; background: url(/images/bullet.gif) 0 .7em no-repeat; line-height: 1.5;} .entry ul li, .entry ol li {padding-left: 8px; background: url(/images/bullet.gif) center left no-repeat;} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* LAYOUT -----------------------------------------*/ .col1 {width: 486px;} .col2 {width: 410px;} .col3 {width: 380px;} .col4 {width: 300px;} .col5 {width: 260px;} .col6 {width: 200px;} #container {position: relative; width: 720px; padding: 10px 23px 20px 23px; margin: 0 auto; background: url(/images/mainbg.gif) top left repeat-y;} #header {padding: 0 10px;} #header .logo {padding: 10px 0 0 6px; } a#logo {display: block; text-indent: -9999px; height: 45px; width: 232px; overflow: hidden; background: url(/images/logo.gif) 0 0 no-repeat;} a#logo:hover {background-position: 0 -45px;} #header h4 {text-align: right; line-height: 1.1; font-size: 100%; font-weight: normal; color: #081729;} #header h4 span {font-size: 192%; letter-spacing: -1px; font-weight: bold; color: #081729; background: none;} .meta .address {padding: 0; height: 70px;} .callout {width: 695px; height: 181px; margin: 0 auto; background: url(/images/servingmass.gif) top left no-repeat;} .callout p {border-left: 12px solid; font-family: arial, serif; width: 14.3em; display: block; padding: 0 6px 0 8px; font-size: 153.9%; margin: 0; background: #fff; color: #12af10;} .callout p.large {font-size: 2.1em; font-weight: bold; width: 11.4em;} #content {clear: both; margin-top: 5px; padding: 0 10px;} .twoColumn {margin-top: 30px;} .twoColumn .right h2 {margin-left: 9px;} .offer {width: 175px; border-right: 1px dotted #b1aea6; float: left;} .areas {width: 215px; float: right;} .offer h2, .areas h2 {font-size: 116%;} .offer ul li, .areas ul li a {font-size: 85%;} .associations {clear: both; margin-top: 15px;} .associations a {float: left; margin: 8px 25px 0 0;} .pulloutQuote {width: 400px; float: left; padding: 4px; border: 1px solid #9f9f9f; margin: 0 14px 16px 0;} .pulloutQuote p {font-size: 85%; color: #666; margin: 0.2em 0 0 0;} .pulloutLeft {width: 250px; float: left; padding: 4px; border: 1px solid #9f9f9f; margin: 0 14px 16px 0;} .pulloutLeft p {font-size: 85%; color: #666; margin: 0.2em 0 0 0;} .pulloutRight {width: 250px; float: right; padding: 4px; border: 1px solid #9f9f9f; margin: 0 0 16px 14px;} .pulloutRight p {font-size: 85%; color: #666; margin: 0.2em 0 0 0;} .pullout {border: 1px solid; padding: 4px; width: 320px;border: 1px solid #9f9f9f; margin: 0 0 12px 14px;} .pullout p {font-size: 85%; color: #666; margin: 0.2em 0 0 0;} div.hazard {margin: 20px auto; padding: 1.2em; border: 4px dashed red;} div.hazardShort {width: 445px; padding: 1.2em 0.6em 1.2em 1.2em; border: 4px dashed red;} p.hazard {margin: 0; color: red; font-size: 93%; font-weight: bold;} table.specs {width:100%; border: 1px solid #d2cab5; margin:1em auto; border-collapse:collapse;} table.specs tr.odd td {background:#e8e2d2;} table.specs td, table.specs th {color: #000; padding:.3em 1em; text-align:center;} table.specs th {background: #000039; color: #fff;} table.specs td {border-left: 1px solid #d2cab5;} .save {color: green;} img.smallContainer {width: 500px; margin: 15px auto; display: block;} p.faq {background: url(/images/expand.gif) center left no-repeat; color: #12af10; cursor: pointer; padding-left: 16px;} p.active {background: url(/images/collapse.gif) center left no-repeat;} .guts {padding-left: 1em;} ul.faq li {font-size: 123.1%;} ul.towns {width: 225px; float: left;} .meta .address {padding: 0;height: 60px;} #map {width: 450px; height: 300px;} .vcard {line-height: 1.5;} #footer {margin-top: 40px; padding: 0 10px; clear: both;} #footer p {font-size: 85%; margin: 0; color: #555;} #footer .left {padding-top: 15px;} /* gallery */ .galleryIntro {float: left;} .gallery {float: right; border-left:1px dotted #b1aea6;} .gallery a, a.thumb, .gallery h2 {margin: 0 0 10px 9px;} .gallery a, a.thumb {float: left; display: inline; height: 86px; padding: 0; border-right: 1px solid #cec5af; border-bottom: 1px solid #cec5af; border-top: 1px solid #f1ede0; border-left: 1px solid #f1ede0; } .gallery a img, a.thumb img {border: 5px solid #fff;} .set {clear: both;} /* landers */ .lander {margin: 14px 0 0;} .lander .leftcol {float: left; width: 480px; padding-right: 15px; border-right: 1px dotted #9f9f9f;} /* NAV -----------------------------------------*/ .nav {margin: 0 0 0 2px; clear: both;} .nav ul {} .nav li {float: left; margin: 0 1px 0 0; padding: 0; text-transform: uppercase; font-size: 85%;} .nav a {display: block; color: #fff; padding: 5px 10px; background: #000039 url(/images/nav_bg.gif) top left repeat-x;} .nav a.blog {background: #1457d4 url(/images/navblog_bg.gif) top left repeat-x;} .nav a:hover {color: #fff; background: #12af10; text-decoration: none;} .nav a.current { background: #12af10;} /* BLOG -----------------------------------------*/ /* layout */ .wrapper {margin-top: 16px; clear: both;} .narrowcolumn{float: left; width: 500px; padding:0 15px 20px 14px !important; border-right: 1px dotted #bac2a8;} .widecolumn .post {padding: 0 0 .4em; border-bottom: 1px dotted #bac2a8;} .post {margin: 0 0 1.3em;} .post h1 {margin: 0;} .post h1 a {text-decoration: none;} .post small, .comment-meta a {font-size: 93%; font-weight: normal; color: #555;} .post img {padding: 2px; border: 1px solid #555;} .entry {margin: 1em 0 0;} h1.pagetitle {font-size: 153.9%; color: #9c8b5b; padding: .2em 0; margin: 0 0 1em; border-top: 1px dotted; border-bottom: 1px dotted; text-transform: uppercase; } .alignright{float:right; margin: 0 0 1.1em 1.1em;} .alignleft{float:left; margin: 0 1.1em 1.1em 0;} /* comments */ #respond {width: 364px;} #commentform label {font-weight: normal; color: #081729;} #commentform label small {font-weight: normal; color: #444;} #commentform input, #commentform textarea {margin: .2em 0 .6em; padding: 3px 2px;} #commentform input {width: 200px;} #commentform textarea {width:360px; height: 180px;} #commentform #submit {float:right; margin: 0; width: auto;} .commentlist {} .commentlist li {background-image: none !important; padding: .5em .4em 1em;} .commentlist li p {margin: .6em 0 0;} .commentlist .even {background: #e8e2d2 !important; border-top: 1px dotted #d2cab5;} .comment-author {margin: 0;} .commentlist p{font-weight:normal;line-height:1.5em;text-transform:none;margin:10px 5px 10px 0;} input#hidden {display: none;} /* sidebar */ #sidebar {float: right; width:170px; margin: 5px 0 0;} #sidebar h3 {font-size: 100%; font-weight: bold;} #sidebar p {font-size: 93%; line-height: 1.5; color: #555;} #sidebar ul {margin: 1em 0 0; } #sidebar li li {margin: 0 0 .4em;} #sidebar li ul {margin: .4em 0 0; } #sidebar li a {font-size: 93%; font-weight: normal;} a.feed {background:transparent url(/images/icon_feed.gif) no-repeat scroll 0 0; padding: 0 0 0 18px;} #sidebar form {margin: 0 0 16px;} #sidebar #searchform #s {width:100px; float: left; margin: 0 5px 0 0; padding: 1px;} #sidebar #searchsubmit {background:#000039 url(/images/nav_bg.gif) repeat-x scroll left top;color:#fff;margin: 0; padding: 0 1px; width: 60px;} .hidden input {border: 0; display: none;} /* QUOTE FORM -----------------------------------------*/ div.quote {width: 158px; padding: 5px 5px 10px; float: right; margin: 0 0 10px 10px; background: #ede4d1; border: 1px solid #e6dbc3;} .quote h2 {text-align: center; border-bottom: 1px dotted #c6b591; margin-bottom: 0;} fieldset {padding: 0;} form p {margin-bottom: 0;} .main-label {display: none;} label, input, select {display: block; font: normal 93% arial, sans-serif;} form label {font-weight: bold; margin-top: 7px;} .explain {font: 85% arial, sans-serif; color: #666; margin: 0 0 3px !important;} form input {width: 145px;} select {width: 146px; margin-top: 7px;} label span {font-weight: normal; color: #999; font-style: italic;} .error {color: #ff0000;} input.button {width: auto; float: left; margin: 8px 6px 0 0; color: #12af10; font-weight: bold;} input, select, textarea {border: 1px solid #8a8575;} textarea {width: 145px; height: 95px; font: normal 93% arial, sans-serif;} ul.errorList {color: red; border: 1px dashed red; padding: 6px 4px 4px; font-size: 11px;} ul.errorList li {background: none !important;} #results {background: #fff; border: 1px dotted #12af10; margin: 10px 0 0; padding: 0.4em;} p.success, p.error {font-size: 93%; color: #555;} p.error {color: red;} /*form .txtMedium {width: 120px;} form .txtSmall {width: 29px;}*/ #lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;} #lightbox a img{border:none;} #outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;} #imageContainer{padding:10px;} #loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;} #hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;} #imageContainer>#hoverNav{left:0;} #hoverNav a{outline:none;} #prevLink,#nextLink{width:49%;height:100%;background:transparent url(../images/blank.gif) no-repeat;display:block;} #prevLink{left:0;float:left;} #nextLink{right:0;float:right;} #prevLink:hover,#prevLink:visited:hover{background:url(../gallery/prev.gif) left 50% no-repeat;} #nextLink:hover,#nextLink:visited:hover{background:url(../gallery/next.gif) right 50% no-repeat;} #nextLinkText,#prevLinkText{color:#12AF10;font-weight:700;text-decoration:none;} #nextLinkText{padding-left:20px;} #prevLinkText{padding-right:20px;} .ontop #imageData{padding-top:5px;} #imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;} #imageData{padding:0 10px;} #imageData #imageDetails{width:70%;float:left;text-align:left;} #imageData #caption{font-weight:700;} #imageData #numberDisplay{display:block;clear:left;padding-bottom:1em;} #imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;} #imageData #helpDisplay{clear:left;float:left;display:block;} #overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#081729;filter:alpha(opacity=60);-moz-opacity:0.6px;opacity:0.6px;display:none;}