/* Theme Name: Ford & Ching Author: Something Massive Author URI: http://www.somethingmassive.com */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; height:100%; } html, body { height: 100%; } ul { list-style: none; } ol { list-style: none; } a { outline: none; text-decoration: none; } a img { border: none; } img { vertical-align: middle; } table { border-collapse: collapse; } /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .smpad { padding: 5px 0; } .top {vertical-align: top;} .grey {color: #4a4a4a;} .bold {font-weight: bold;} /* STRUCTURE */ body {font: 12px Arial, sans-serif; color: #4a4a4a; text-align: center; background-color: #ebebeb; margin: 0; padding: 0;} #container {margin: 0 auto; text-align:left; width:1100px;background-color: #ffffff; padding: 0 15px;} #nav {font-size: 11px; color: #4a4a4a; text-transform: uppercase; width: 230px; float: left; margin-right: 20px;} #nav a {color: #4a4a4a; } #nav a:hover {color: #c70e30; text-decoration: none; } ul#navigation li {margin-bottom: 20px;} #content {width: 850px; float: left;} #header {padding: 15px 0 30px 0;} h2 {font-size: 22px; margin-bottom: 20px;} ul#line-list {color: #c70e30;} ul#line-list li:before {content: "- ";} ul#line-list li {margin-bottom: 3px !important;} #header input {background-color:#ffffff;border:1px solid #7b7b7b;color:#7b7b7b;margin:0;padding:3px;font-size: 12px; } #nav input {background-color:#ffffff;border:1px solid #7b7b7b;color:#7b7b7b;margin-top:2px;padding:3px;font-size: 12px; } .e-mail {font-size: 10px; color: #818181; text-transform: uppercase;} #about {line-height: 1.4em;} #about img {margin: 0 0 20px 20px;} #contact {line-height: 1.4em;} #contact img {margin: 0 0 20px 20px;} /* PRESS & BLOG */ #press-list {margin: -20px 0 0 -20px;} #press-list a {color: #ffffff;} #press-list a:hover {text-decoration: none;} .press-item {position: relative; width: 240px; height: 210px; float: left; margin: 20px;} .press-image {position: absolute; top: 0; left: 0;} .press-title {position: absolute; color: #ffffff; top: 110px; font-size: 16px; font-weight: bold; padding:0 5px;} .transparent {opacity: 0.80; -moz-opacity: 0.80; filter:alpha(opacity=80); background-color:#4a4a4a; position: absolute; top: 105px; bottom: 0; left: 0; width: 100%;} .press-date {font-size: 10px; font-weight: bold; position: absolute; bottom:5px; color: #ffffff; left: 5px;} .press-item:hover .transparent {background-color: #c70e30;} .press-post img {padding: 0 0 15px 15px;} .post p {margin-bottom: 15px;} .post-attributes {font-size: 11px;} .post-title {font-size: 16px; font-weight: bold; margin-bottom: 5px;} #blog {width: 500px; float: left; margin-bottom: 20px; line-height: 1.4em;} #blog .post img {padding: 0 0 5px 0;} #blog .post {margin-bottom: 20px;} #blog-sidebar {width: 295px; font-size: 11px; float: left; text-align: right; margin:10px 0 0 50px; color: #4a4a4a; line-height: 1.5em;} #blog-sidebar a {color: #4a4a4a;} #blog-sidebar h3 {font-size: 12px; border-bottom: 1px dotted #727272; text-transform: uppercase;} #blog-sidebar .section {margin-bottom: 20px;} .wp-caption-text {font-size: 10px;} #twitter_update_list li {list-style-type: none;} /* LINES */ .designer-name {font-size: 16px; text-transform: uppercase; font-weight: bold;} .designer-post {color: #4a4a4a; font-size: 12px;} #designer-details {float: left; width: 615px; margin-left: 20px;} #designer-details a {font-weight: bold;} #designer-profile {border-bottom: 1px dotted #727272; padding-bottom: 15px; margin-bottom: 15px;} #product-list {font-size: 11px;} #product-list li {float: left; margin-right: 80px; height: 200px;} #product-list img {margin-bottom: 3px;} .callus {font-size: 11px; font-weight: bold;} .product-post {color: #4a4a4a; font-size: 12px; line-height: 1.3em;} .product-post img {margin-right: 5px;} .product-line {font-size: 16px; font-weight: bold; text-transform: uppercase;} .product-name {font-size: 16px; font-weight: bold; margin-bottom: 5px;} #product-specifications {color: #c70e30; margin: 0 0 10px 0;} #product-specifications li {list-style-type: disc; list-style-position: inside;} .product-post .price {float: right; color: #ffffff; background-color: #797979; padding: 5px; font-weight: bold;} .feature-details {float: left; width: 400px;} .feature-line {font-size: 16px; padding-bottom: 8px; border-bottom: 1px dotted #7b7b7b; margin-bottom: 8px;} .feature-post {font-size: 12px;} .feature-name {font-size: 18px; font-weight: bold; padding-bottom: 8px; border-bottom: 1px dotted #7b7b7b; margin-bottom: 8px;} .feature-post .price {float: right; color: #ffffff; background-color: #797979; padding: 5px; font-weight: bold; font-size: 12px;} .feature-description {padding-bottom: 8px; border-bottom: 1px dotted #7b7b7b; margin-bottom: 8px;} .feature-dimensions {padding-bottom: 8px; border-bottom: 1px dotted #7b7b7b; margin-bottom: 8px;} .feature-tear {padding-bottom: 8px; border-bottom: 1px dotted #7b7b7b; margin-bottom: 8px;} .feature-post .images {font-size: 10px; font-weight: bold; color: #9e9e9e; text-transform: uppercase;} .shop a {color: #ffffff;} #thumbnails img {margin-right: 4px !important;} #large {width: 425px; float: left; margin-right: 10px; height: 550px;} .previous-title {font-size: 16px; color: #9e9e9e; font-weight: bold;padding-bottom: 8px; border-bottom: 1px dotted #7b7b7b; margin-bottom: 8px;} #previous-items {width: 425px; margin: 20px 0; font-size: 13px;} #previous-items li {margin-bottom: 3px;} #previous-items a {color: #7b7b7b;} /* HOME */ #feature-home {width: 460px; font-size: 12px; float: left; margin-right: 20px;} #featured-item-callout {padding: 3px 0; border-bottom: 1px dotted #7b7b7b; margin-bottom: 3px; font-size: 16px; font-weight: bold; text-transform: uppercase;} #feature-home-product {font-size: 16px; font-weight: bold; margin-bottom: 3px;} #home {line-height: 1.5em; margin-bottom: 30px; } #designer-home {float: left; width: 360px; font-size: 12px;} #designer-home img {float: right;} #shopping-home {float: left; width: 360px; font-size: 12px; margin-top: 20px;} #shopping-home img {float: right;} #designer-profile-callout {font-weight: bold; padding: 2px 0; border-bottom: 1px dotted #7b7b7b; margin-bottom: 5px; text-transform: uppercase; } #shopping-profile-callout {font-weight: bold; padding: 2px 0; border-bottom: 1px dotted #7b7b7b; margin-bottom: 5px; text-transform: uppercase; } #press-home {float: left; width: 375px; font-size: 12px; margin: 30px 50px 0 0;} #press-home img {float: left; margin-right: 5px;} #press-profile-callout {font-weight: bold; padding: 2px 0; border-bottom: 1px dotted #7b7b7b; margin-bottom: 5px; text-transform: uppercase; } #blog-home {float: left; width: 375px; font-size: 12px; margin-top: 30px;} #blog-home img {float: left; margin-right: 5px;} #blog-profile-callout {font-weight: bold; padding: 2px 0; border-bottom: 1px dotted #7b7b7b; margin-bottom: 5px; text-transform: uppercase; } #categories {font-size: 16px; font-weight: bold; margin-bottom: 30px;} .directory-entry {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #7b7b7b; font-size: 12px; line-height: 1.4em;} .uppercase {text-transform: uppercase;} .directory-title {font-size: 14px; font-weight: bold;} .directory-entry img {padding: 10px 0 10px 10px;} .directory-entry .description {margin-top: 10px;} /* FOOTER */ html, body, #container {height: 100%;} body > #container {height: auto; min-height: 100%;} #main {padding-bottom: 20px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -20px; /* negative value of footer height */ height: 20px; clear:both; color: #484848; font-weight: bold; font-size: 10px;} /* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ a {color: #c70e30; text-decoration: none;} a:hover {text-decoration: underline;}