/* Copyright 2009 South Bay BMW. All Rights Reserved. * Structure of this document: * 1) GLOBAL 2) LAYOUT 3) STYLES 4) NAVIGATION 5) THEME SPECIFIC /* ***GLOBAL*** */ /*Initialize the browser's CSS Except for table structure*/ @import url(reset.css); body {background: #002543 url(../images/back-body.jpg) repeat; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4A4A4A } h1 {font-size: 24px; color: #3768a1 } h2 {font-size: 21px; color: #000 } h3 {font-size: 18px; color: #002c54 } h4 {font-size: 16px; color: #7a1a1a } h5 {font-size: 14px; color: #000 } h6 {font-size: 13px; color: #002c54 } p {margin-bottom: 23px; line-height: 1.7em } strong {font-weight: bold } a:link {color: #396ba0; font-weight: normal; text-decoration: none } a:visited {color: #334457; font-weight: normal; text-decoration: underline } a:hover, a:active {color: #396ba0; font-weight: normal; text-decoration: underline } /* ***END GLOBAL*** */ /* ***LAYOUT*** */ #shadow, #shell, #header, #container-outer, #container, #footer {margin: 0 auto; } #shadow-outer {background: url(../images/back-shadow-outer.jpg) repeat-x center top; display: table; width: 100% } #shadow {display: table; width: 100%; background: url(../images/back-shadow.jpg) no-repeat center 41px } #shell {width: 1000px; position: relative} #container-outer {width: 937px; background: url(../images/back-container.png) repeat-y center top; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/wp-content/themes/tbf/images/back-container.png') } * html body #container-outer {padding-top:1px} #container {background: url(../images/back-container.jpg) no-repeat } #container-shadow {width: 578px; float: left; padding: 0 0 0 37px } #optin-container {width: 290px; height: 316px; position: absolute; top: 314px; right: 28px } .left-col {width: 570px; padding: 0 0 20px 0; z-index: 1 } .posts {width: 510px } .entry_header {clear: both; min-height: 78px; _height: 78px; width: 595px; margin: 0} .datemeta {float: left; width: 56px; height: 57px; text-align: right; background: url(../images/back-datemeta.jpg) no-repeat; margin: 0 0 0 1px } .post .date {font-size: 34px; line-height: 41px; display: block; color: #fff; padding-right: 5px; text-align: center; width:100% } .month-year {font-size: 11px; line-height: 16px; display: block; color: #b1b1b1; padding-right: 6px; text-align: center; font-weight: normal; width:100% } .entry_content {clear: both; margin: 14px 0 0 0; font-size: 12px; color: #4a4a4a } .entry_content a {position: relative} .post h1 {float: left; margin: 5px 0 0 13px; width: 338px; font-size: 24px; padding: 5px 20px 0 0 } .comments-box {color: #918872; font-size: 24px; display: block; background: url(../images/back-comments-box.gif) no-repeat right top; width:510px } #container .count {font-size: 11px; color: #9e957e } #header {height: 224px } #logo {position: absolute; top: 55px; left: 20px; text-indent: -99999px } #logo a {width: 340px; height: 140px; display: block; outline: none } #optin-container form {position: absolute; top: 194px; left: 18px; border: none } #optin-container .textfield, #footer-optin .textfield {width: 240px; height:23px; padding:2px 5px; border:none; background:transparent; font-size:11px; color: #7d7d7d; margin:0 0 8px 8px; } #sidebar {float: right; width: 256px; margin: 384px 12px 0 0; color: #4d4d4d; padding: 41px 10px 200px 21px; color: #fff } * html body #sidebar {margin: 384px 6px 0 0; } #sidebar ul {list-style: none } #sidebar h2 {padding: 34px 6px 0 5px; color: #c0c0c0; font-size: 16px; font-family: Tahoma, Geneva, sans-serif } #sidebar ul ul li {list-style: none; background: url(../images/back-sidebar-link.jpg) no-repeat left bottom; padding: 0 5px 1px 8px; color: #fff; margin: 7px 0 } #optin #submit {margin: 0 0 0 30px } form#search {width: 225px; padding: 8px 0 0 ; float:right; z-index: 50 } #search #s {color: #b2b2b2; padding: 4px 10px 0 40px; width: 120px; height: 21px; line-height: 20px; background: url(../images/back-search.jpg) ; border: none; vertical-align: -3px; position: relative;} #s, #btn-search {z-index: 100; vertical-align:-11px } #footer {width: 937px; background: #002959 url(../images/back-footer.jpg) no-repeat center top; min-height: 154px; _min-height: 154px; } #footer .footer-content {position: relative; padding: 127px 0 0 43px; color: #f8fff7; font-size: 12px } #footer-patch {background: url(../images/footer-patch.png) no-repeat; width: 346px; height: 160px; position: absolute; z-index: 10; top: -8px; right: -9px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scrop', src='/wp-content/themes/tbf/images/footer-patch.png'); } .copyright { color: #68aaf8 } LEFT /* *** END LAYOUT*** */ /* ***STYLES*** */ .left-col h1.weight {background: url(../images/heading-mark.jpg) no-repeat left top; min-height: 93px; _height: 93px; padding: 0 0 0 110px; color: #e10000; font-size: 24px; font-weight: bold; font-style: italic; line-height: 1em } .left-col h2 {padding: 15px 0 15px 12px; color: #4b4646; font-size: 18px; font-weight: normal; font-style: italic; line-height: 1.5em } h1.tagline {color: #e10000; font-size: 36px; text-align: center; font-style: italic; line-height: 2em } .recover {clear: both; line-height:0 } .italic {font-style: italic; } .txtcenter {text-align: center } .sidebar p {padding: 0 15px 0 20px; margin: 0 0 5px } .firstbg .datemeta {padding-top: 2px } .firstbg h1 {padding-top: 0px } .firstbg .comments-box {background: url(../images/back-comments-box.gif) no-repeat right top; } .comment {border-bottom: 1px solid #ddd; margin: 0 0 9px 0 } .comment p {margin-bottom: 5px } #commentform #submit {background:#444 ;border:#333 #000 #000 #333;border-style:solid;border-width:1px;color:#fff;cursor:pointer;font-size:11px;padding:3px 6px;} #comment {width:550px;background:#FFFFFF url(../images/textfield.gif) repeat-x center top;border:1px solid #a6a6a6;padding:2px 1px } /* *** END STYLES*** */ /* *** NAVIGATION *** */ #globalnav {position: absolute; top: 0px; height: 42px; left: 46px; width: 937px } #globalnav ul {list-style: none } #globalnav ul li {float: left; padding: 0 17px 0 0; line-height: 42px; background: url(../images/globalnav-divider.gif) no-repeat right center } #globalnav a:link, #globalnav a:visited {color: #fff; text-decoration: none; font-weight: normal} #globalnav a:active, #globalnav a:hover {color: #d6e5f6 } h1 a:link, h1 a:visited, h1 a:hover {font-size: 24px; font-weight:bold; color: #3768A1; } #sidebar a:link, #sidebar a:visited {color: #fff; text-decoration: none; position: relative } #sidebar a:hover {color: #a2beda; text-decoration: none } #footer a:link, #footer a:visited {color: #fff; text-decoration: none } #footer a:active, #footer a:hover {color: #fff; text-decoration: underline; } a.attribution:link, a.attribution:visited, a.attribution:hover {display: block; width:200px; text-align: center; margin: 0 auto; color: #706969; text-decoration: none; font-style: italic; letter-spacing: 1px } .editpost a:link, .editpost a:visited, .editpost a:hover {font-size: 12px !important; font-weight: normal !important } /* ***END NAVIGATION*** */ /* *** THEME SPECIFIC *** */ #login {position: absolute; top: 0px; width: 100%; height: 20px; background: url(../images/login.png) repeat-x; color: #e1e1e1; font-size: 11px } #login ul {list-style: none; float: right } #login li {float: left; margin-right: 15px } #login li.dot {padding-left: 12px; background: url(../images/whitedot.png) no-repeat 0 2px; } #login a:link, #login a:visited {color: #e1e1e1; font-size: 11px } .entry_content {clear: both; margin: 0 0 0 14px; font-size: 12px; color: #4a4a4a; padding: 20px 0 0 } .entry {clear: both; padding: 15px 0 0} .post {background: url(../images/back-post.gif) repeat-x left bottom; margin: 0 0 50px; padding: 0 0 1px } .alignleft {float: left} .alignright {float: right} .aligncenter {text-align: center} .photoframe {border: 1px solid #cdcbc4; padding: 6px } /* *** END THEME SPECIFIC *** */