/* Theme Name: Description: Author: MDS Media Group Version: 1.0 */ /* ---------------------------------------------- HTML ELEMENTS -----------------------------------------------*/ body {font-family: Trebuchet MS, sans-serif; font-size: 12px; color: #2f0f00; text-align: center; background: #150000 url("images/bg.png") repeat top left;} /* Links */ a {} a:hover {} /* Text */ #content p {font-size: 1em; line-height: 24px; margin-bottom: 30px;} #content h1 {font-size: 2.4em; color: #b29714; margin-bottom: 30px;} #content h2 {font-size: 2em; color: #b29714; margin-bottom: 15px; font-weight: normal;} #content h3 {font-size: 1.4em; color: #b29714; margin-bottom: 10px;} #content h4 {font-size: 1.4em; color: #b29714; margin-bottom: 10px;} #content h6 {font-size: 1.2em; color: #b29714;} /* Elements */ .clear {clear: both;} .left, .alignleft {float: left;} .right, .alignright {float: right;} iframe {border: solid 5px #b29714; margin: 10px 0px;} #content img.inline {float: left; border: solid 3px #c7c7c7; margin: 0px 15px 5px 0px;} /* Clearfix */ .clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .clearfix {display: inline-block;} /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix {display: block;} /* close commented backslash hack */ /* Form Elements */ label {font-size: 1.2em; color: #b29714; display: block;} label small {font-size: .8em; font-style: italic;} input[type="text"] {width: 95%; border: solid 1px #c7c7c7; background: #fff; padding: 4px; font-family: Trebuchet MS, sans-serif; font-size: 1.1em; margin-bottom: 10px; display: block;} textarea {width: 95%; height: 125px; border: solid 1px #c7c7c7; background: #fff; padding: 4px; font-family: Trebuchet MS, sans-serif; font-size: 1.1em;} input[type="submit"] {background: #b29714; color: #fff; float: right; margin: 10px; padding: 5px; cursor: pointer;} /*------------------------------------------ LAYOUT -------------------------------------------*/ #wrap {width: 680px; margin: 0 auto; padding: 136px 0px 0px 280px; position: relative; text-align: left;} #floral {width: 500px; height: 900px; background: url("images/floral.png") no-repeat top left; position: absolute; top: 0px; left: -100px; z-index: -9999;} #top_contact {display: block; position: absolute; top: 20px; right: 0px; color: #b29714; font-size: 1.4em;} #top_contact span {font-size: 1.6em;} #top_contact p {font-size: .8em; text-align: right;} #badge {width: 310px; height: 170px; position: absolute; top: 70px; left: 0px; background: url("images/badge.png") no-repeat top left; z-index: 1000;} #badge a {width: 310px; height: 150px; display: block; text-indent: -9999px;} #sidebar {width: 240px; height: 200px; position: absolute; top: 200px; left: 50px;} #sidebar #welcome {background: url("images/sidebar_yellow_bg.png") repeat top left; padding: 30px 10px 10px 10px; margin-bottom: 30px;} #sidebar #welcome span {display: block; background: #c2b052; color: #150000; padding: 10px;} #sidebar #welcome h3 {font-family: Georgia, serif; font-style: italic; font-size: 1.3em; margin-bottom: 10px; letter-spacing: -.5px;} #sidebar #welcome p {line-height: 16px; margin-bottom: 10px;} #sidebar #welcome a {float: right; font-weight: bold; color: #150000; display: block; margin-right: 5px;} #sidebar #welcome a:hover {text-decoration: none;} #sidebar #socialize {background: url("images/sidebar_red_bg.png") repeat top left; padding: 10px; margin-bottom: 30px;} #sidebar #socialize span {display: block; background: #885442; color: #fff; padding: 10px;} #sidebar #socialize h3 {font-family: Georgia, serif; font-style: italic; font-size: 1.5em; margin-bottom: 15px; font-weight: normal; letter-spacing: -.5px;} #sidebar #socialize a {height: 26px; display: block; font-size: 1.2em; padding: 5px 0px 0px 35px; color: #fff; font-weight: bold;} #sidebar #socialize a:hover {text-decoration: none;} #sidebar #socialize a#twitter {background: url("images/icon_twitter.png") no-repeat 0px 50%;} #sidebar #socialize a#facebook {background: url("images/icon_facebook.png") no-repeat 0px 50%;} #sidebar #socialize a#streetmavens {background: url("images/icon_streetmavens.png") no-repeat 0px 50%;} #sidebar #latest_post {background: url("images/sidebar_orange_bg.png") repeat top left; padding: 10px; margin-bottom: 30px;} #sidebar #latest_post span {display: block; background: #a28f4a; color: #fff; padding: 10px;} #sidebar #latest_post h3 {font-family: Georgia, serif; font-style: italic; font-size: 1.5em; margin-bottom: 15px; font-weight: normal; letter-spacing: -.5px;} #sidebar #latest_post h4 a {font-weight: bold; font-size: 1em; border-bottom: dashed 1px #fff; padding-bottom: 3px; margin-bottom: 5px; color: #fff; width: 100%; display: block; text-decoration: none;} #sidebar #latest_post p {line-height: 16px; margin-bottom: 15px;} #sidebar #latest_post a#read {float: right; font-weight: bold; color: #fff; display: block; margin: 0px 5px 20px 0px;} #sidebar #latest_post a:hover {text-decoration: none;} #navigation {height: 28px; position: absolute; top: 100px; right: 0px;} #navigation ul li {display: inline;} #navigation ul li a {height: 28px; color: #ddb61a; padding: 8px 20px 0px 20px; font-size: 1.4em; text-decoration: none; display: block; float: left;} #navigation ul li a:hover {background: #4e4f2f; color: #fff;} #main {width: 680px; padding-top: 20px; background: #4e4f2f;} #content_top {width: 680px; height: 95px; background: url("images/content_top_bg.png") no-repeat top left;} #content {width: 610px; min-height: 550px; background: #f4f4d8; padding: 15px; margin: 0 auto;} #content ul {list-style-type: disc; margin-bottom: 20px;} #content ul li {margin: 5px 0px 5px 25px;} #content_bottom {width: 680px; height: 100px; background: url("images/content_bottom_bg.png") no-repeat top left;} #footer_wrap {height: 100px; margin: 30px 0px 30px 0px;} #footer {width: 960px; margin: 0 auto; color: #fff; border-top: solid 1px #fff; padding-top: 20px;} #footer a {color: #fff; font-weight: bold;} #footer ul li {display: inline;} #footer ul li a {text-decoration: none; padding: 0px 4px;} #footer ul li a:hover {text-decoration: underline;} /*------------------------------------------ PAGE SPECIFIC -------------------------------------------*/ /* Index Page */ #loopedSlider {width: 630px; height: 290px; position: relative; border: solid 5px #6f674b; margin: 0px auto 15px auto;} .container {width: 630px; height: 290px; overflow: hidden; position: relative; cursor: pointer;} div.slides {position: absolute; top: 0; left: 0;} ul.slides {position: absolute; top: 0; left: 0; list-style: none; padding: 0; margin: 0;} div.slides div,ul.slides li {position: absolute; top: 0; width: 630px; display: none; padding: 0; margin: 0;} div#pagination {width: 100%; height: 30px; position: absolute; left: 0px; bottom: 0px; background: url("images/slider_pagination_bg.png") repeat top left;} ul.pagination {float: right; width: 160px;} ul.pagination li {margin: 0 5px; float: left; padding-top: 7px;} ul.pagination a {width: 20px; height: 20px; display: block; background: url("images/slider_inactive_btn.png") no-repeat top left; text-indent: -9999px;} ul.pagination li.active a {background: url("images/slider_active_btn.png") no-repeat top left;} #index_content {width: 610px; padding: 15px; margin: 0 auto; background: #f4f4d8 url("images/index_scatter_pics.jpg") no-repeat 400px 100px;} #index_content h1 {width: 100%; height: 100px; background: url("images/index_h1.png") no-repeat top center; text-indent: -9999px;} #index_content ul {margin-left: 25px;} #index_content ul li {list-style-image: url("images/list_icon.png"); line-height: 34px; font-size: 1.2em;} #index_content p {font-size: 1em; line-height: 24px; margin-bottom: 30px;} #index_content h2 {font-size: 2em; color: #b29714; margin-bottom: 15px; font-weight: normal;} #index_content div {width: 350px;} #index_content img {margin: 5px; border: solid 5px #fff;} /* Products Page */ ul#products_list li {border-bottom: dashed 2px #f1f1f1; padding: 15px 0px;} ul#products_list li img {width: 100px; height: 100px; float: left; border: solid 4px #c2b052; margin: 0px 20px 20px 0px;} /* Blog Page */ .blog_post {display: block; border-top: dashed 1px #c7c7c7; border-bottom: dashed 1px #c7c7c7; padding: 15px 0px; margin-top: -1px;} .blog_post h2 {margin-bottom: 0px; font-family: Georgia, serif; color: #885442; font-style: italic;} .blog_post h2 a {color: #885442;} .blog_post span {color: #000; font-family: Georgia, serif; font-style: italic; display: block; margin-bottom: 20px;} .blog_post span a {color: #000; display: inline;} .blog_post a.read_post {float: right; background: #885442; padding: 5px 8px; color: #fff; font-family: Georgia, serif; font-style: italic; text-decoration: none;} #comments {display: block; margin-top: 20px;} #comments .left {width: 45%;} #comments .right {width: 45%;} #comments ol {margin-bottom: 20px;} #comments ol li {background: #f1f1f1; padding: 15px; margin-bottom: 1px;} #comments ol li .posted {color: #505050; font-family: Georgia, serif; font-size: .9em;} #comments ol li p {margin-bottom: 10px; line-height: normal;}