/* Theme Name: Cohlmias Description: Author: MDS Media Group Version: 1.0 */ /* ---------------------------------------------- HTML ELEMENTS ------------------------------------------------- */ /* Top Elements */ * {margin: 0; padding: 0; outline: 0} * img {border:none;} body {font-family: Georgia, Sans-Serif; font-size: 10px; color: #000; text-align: center; background: url("images/page_bg.gif") top left repeat;} /* Text */ h1 {font-size: 2.5em; font-weight: normal; padding-bottom: 20px; clear: both;} h2 {font-size: 2em; font-weight: normal; padding: 10px 0px 5px; clear: both;} h3 {font-size: 1.6em; font-weight: normal; padding: 20px 0px 5px; clear: both;} p {font-size: 1.3em; margin-bottom: 10px; line-height: 18px; font-family: Arial, Serif;} ul, ol {} /* Elements */ table {border: none; float: left;} td {vertical-align: top;} .clear {clear: both;} .left {float: left;} .right {float: right;} /* Form Elements */ input[type="text"] {} input[type="textarea"] {} input[type="submit"] {} /*------------------------------------------ LAYOUT -------------------------------------------*/ #wrap {width: 1050px; margin: 0 auto; text-align: left;} #header {width: 1050px; height: 186px; display: block;} #header #logo {width: 482px; height: 186px; background: url("images/logo.png") top left no-repeat; float: left;} #header #logo a {width: 482px; height: 186px; text-indent: -9999px; display: block;} #header #updates {width: 276px; height: 91px; padding: 10px 25px; background: url("images/updates_bg.png") top center no-repeat; float: left; margin-top: 75px; font-family: Arial, Sans-Serif;} #updates h4 {color: #cbdb28; font-variant: small-caps; font-size: 1.4em; margin-bottom: 4px;} #updates p {font-size: 1.1em; font-weight: bold; padding: 0px 5px;} #updates a {color: #cbdb28; float: right; text-decoration: none;} #updates a:hover {text-decoration: underline;} #header #address {width: 169px; height: 93px; background: url("images/address_bg.png") bottom right no-repeat; float: left; padding: 6px 0px 0px 10px;} #address #phone {font-size: 2.3em; margin-bottom: 19px; display: inline-block;} #address #location {font-size: 1.7em; margin: 0px;} #header #blog {width: 242px; height: 87px; background: url("images/blog_bg.png") bottom right no-repeat; float: left;} #header #blog_btn {width: 148px; height: 45px; position: relative; top: 142px; left: 800px; background: url("images/blog_btn.png") top left no-repeat;} #header #blog_btn a {width: 148px; height: 45px; text-indent: -9999px; display: block;} #navigation {width: 1050px; height: 71px; display: block;} #navigation ul {list-style: none;} #navigation li {float: left;} #navigation a {height: 71px; text-indent: -9999px; display: block;} #navigation a:hover {background-position: right bottom;} #navigation .sub {display: none; position: absolute; border: solid 1px #ababab;} #navigation .sub a {text-indent: 0px; height: 40px; font-family: Arial, Sans-Serif; font-size: 1.5em; padding-top: 5px; color: #450f0d; display: block; text-decoration: none; background: #fff; border-bottom: solid 1px #e8e8e8; text-indent: 5px;} #navigation .sub a:hover {color: #a76f6d; text-decoration: none;} #navigation .sub li {float: none; display: block; text-align: center;} #home a {background: url("images/nav_home.png") top right no-repeat; width: 194px;} #retail a {background: url("images/nav_retail.png") top right no-repeat; width: 155px;} #services a {background: url("images/nav_services.png") top right no-repeat; width: 193px;} #portfolio a {background: url("images/nav_portfolio.png") top right no-repeat; width: 236px;} #contact a {background: url("images/nav_contact.png") top right no-repeat; width: 272px;} #content_top {width: 950px; height: 40px; margin: 0 auto; background: url("images/content_top.png") top left no-repeat;} #content {width: 950px; margin: 0 auto; background: #450f0d url("images/content_bg.png") top left repeat-y;} #content #main {width: 670px; padding-left: 20px; float: left;} #content #main #left_col {width: 495px; float: left;} #left_col #examples {width: 495px; height: 150px; background: url("images/examples.gif") bottom left no-repeat; display: inline-block;} #left_col a {color: #69a72c;} #left_col a:hover {text-decoration: none;} #left_col img {border: solid 5px #fff; margin: 0px 8px 8px 0px;} #content #main #right_col {width: 175px; height: 450px; background: url("images/right_col_bg.gif") top left no-repeat; float: left;} #content #sidebar {width: 225px; padding: 10px; float: left;} #sidebar a:hover {text-decoration: underline;} #sidebar ul {list-style: none; margin: 0px;} #sidebar h4 {font-size: 1.3em; color: #80c332; margin-bottom: 10px;} #sidebar h4 a {color: #80c332; text-decoration: none; display: block; margin-bottom: 10px;} #sidebar p {} .entry-meta {font-size: .9em; display: block; margin-top: 5px;} .entry-meta .time-meta a {color: #000; font-size: .9em; text-decoration: underline; margin-right: 2px; float: left;} #sidebar #streetmavens {width: 32px; height: 32px; background: url("images/icon_sm.png") no-repeat 0px 0px; margin: 0px 30px 0px 15px; display: block; float: left; text-indent: -9999px;} #sidebar #facebook {width: 32px; height: 32px; background: url("images/icon_fb.png") no-repeat 0px 0px; margin-right: 30px; display: block; float: left; text-indent: -9999px;} #sidebar #twitter {width: 32px; height: 32px; background: url("images/icon_tw.png") no-repeat 0px 0px; display: block; float: left; text-indent: -9999px;} #sidebar .whitebox_top {width: 207px; height: 12px; background: url("images/whitebox_top.gif") top left no-repeat;} #sidebar .whitebox {width: 187px; padding: 0px 10px; font-size: 1.2em; background: #fff; font-style: italic;} #sidebar .whitebox h2 {color: #80c332; margin-bottom: 10px;} #sidebar .whitebox img {float: left; padding: 0px 5px;} #sidebar .whitebox_bottom {width: 207px; height: 12px; margin-bottom: 10px; background: url("images/whitebox_bottom.gif") top left no-repeat;} #content_bottom {width: 950px; height: 40px; margin: 0 auto; background: url("images/content_bottom.png") top left no-repeat;} #footer {font-variant: small-caps; font-size: 1.2em; margin-left: 70px;} /*------------------------------------------ PAGE SPECIFIC -------------------------------------------*/ /* Blog Posts */ #blog_post_excerpt {border-bottom: solid 1px #000;} #blog_post_excerpt .info {height: 20px; border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding: 0px 8px; font-size: .8em;} #blog_post_excerpt .info p {margin: 0px;} #blog_post_excerpt p {margin: 15px 0px;} #blog_post .info {height: 20px; border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding: 0px 8px; font-size: .8em;} #blog_post .info p {margin: 0px;} #blog_post p {margin: 15px 0px;}