/* Wordpress theme design by Nikabrik Design (nikabrik.com) Implementation by One Grey Paw (onegreypaw.com) November 2009 ----------------------------------------------------------*/ /* HTML Items ----------------------------------------------------------*/ body { background-color: #fff; font: 100.01%/120% arial,helvetica,'lucida grande','lucida sans unicode','gill sans','verdana',sans-serif; color: #333; margin: 0; padding: 0; text-align: center; } h1,h2,h3,h4 { font: normal bold 1.6em arial,helvetica,'lucida grande','lucida sans unicode','gill sans','verdana',sans-serif; color: #000; } h2,h3,h4 { font-size: 1.4em; margin: 1em 0 0.5em 0; padding-bottom: 0; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } a { color: #f04938; text-decoration: none; } a:visited { color: #511852; } a:hover { color: #25748c; text-decoration: none; } a:active { color: #999; } a.contactme { color: #f48020; } a.contactme:hover { color: #25748c; } img.topleft { float: left; } ul { padding: 0; margin: 0; } /* Layout Items ----------------------------------------------------------*/ /*/// Main Wrappers ///*/ #mainWrapper { width: 100%; margin: 0; padding: 0; overflow: auto; font-size: 75%; min-height: 1400px; min-width: 1000px; text-align: center; } #header, #content, #footer { width: 100%; margin: 0; } #headerInner, #contentInner { width: 1000px; margin: 0 auto; text-align: left; } /*/// Site Headers ///*/ #header { height: 195px; background: url('images/header-producer.jpg') repeat-x center 20px;} .post-id-0 #header { background-image: url('images/header-producer.jpg'); } .post-id-63 #header { background-image: url('images/header-detailer.jpg'); } .post-id-2 #header { background-image: url('images/header-protagonist.jpg'); } .post-id-8 #header { background-image: url('images/header-visionary.jpg'); } .post-id-16 #header { background-image: url('images/header-musicmaker.jpg'); } .post-id-19 #header { background-image: url('images/header-engineer.jpg'); } .post-id-22 #header { background-image: url('images/header-practitioner.jpg'); } .post-id-27 #header { background-image: url('images/header-bottlewasher.jpg'); } .post-id-81 #header { background-image: url('images/header-loudmouth.jpg'); } .post-id-83 #header { background-image: url('images/header-tunesmith.jpg'); } .post-id-85 #header { background-image: url('images/header-lover.jpg'); } #headerInner { width: 100%; text-align: center; } #header a#drHome { display: block; width: 100%; height: 150px; } #header a#drHome span { display: none; } #headerNav { font-size: .9em; height: 20px; background-color: #000; } #headerNav ul { color: #888; margin: 0; padding: 0; list-style: none; } #headerNav ul li { margin: 0; padding: 0 .4em 0 .8em; display: inline; border-left: 1px solid #444; } #headerNav ul li.first, #headerNav ul li.noBorder { border: none; } #headerNav ul li a { color: #888; text-decoration: none; } #headerNav ul li a:hover { color: #ccc; } /*/// Site Content Area ///*/ #contentBody { width: 705px; float: right; overflow: hidden; } #midPanel { float: left; width: 480px; padding: 40px 0 0 0; margin-right: 10px; background: url('images/top-heading-producer.png') no-repeat 0 0; } .typePage #midPanel { width: 100%; } .post-id-0 #midPanel { background-image: url('images/top-heading-producer.png'); } .post-id-63 #midPanel { background-image: url('images/top-heading-detailer.png'); } .post-id-2 #midPanel { background-image: url('images/top-heading-protagonist.png'); } .post-id-8 #midPanel { background-image: url('images/top-heading-visionary.png'); } .post-id-16 #midPanel { background-image: url('images/top-heading-musicmaker.png'); } .post-id-19 #midPanel { background-image: url('images/top-heading-engineer.png'); } .post-id-22 #midPanel { background-image: url('images/top-heading-practitioner.png'); } .post-id-27 #midPanel { background-image: url('images/top-heading-bottlewasher.png'); } .post-id-81 #midPanel { background-image: url('images/top-heading-loudmouth.png'); } .post-id-83 #midPanel { background-image: url('images/top-heading-tunesmith.png'); } .post-id-85 #midPanel { background-image: url('images/top-heading-lover.png'); } /*/// Right Panel ///*/ #rightPanel { width: 190px; float: right; overflow: hidden; margin-top: 14px; } #rightPanel ul#sidebar { margin: 0; padding: 0; list-style: none; } #rightPanel ul li h3 { display: block; margin: 0 0 .2em 0; padding: 0; width: 100%; height: 18px; } #rightPanel ul li h3 span { display: none; } #rightPanel ul li.text-3 h3 { background: url('images/sidewidget-about.png') no-repeat 0 0; } #rightPanel ul li.twitter-3 h3 { background: url('images/sidewidget-twitter.png') no-repeat 0 0; } #rightPanel ul li.search-3 h3 { background: url('images/sidewidget-search.png') no-repeat 0 0; } #rightPanel ul li.links-3 h3 { background: url('images/sidewidget-friends.png') no-repeat 0 0; } #rightPanel ul li.categories-3 h3 { background: url('images/sidewidget-categories.png') no-repeat 0 0; } #rightPanel ul li.archives-3 h3 { background: url('images/sidewidget-archives.png') no-repeat 0 0; } #rightPanel ul li.clientLogin h3 { background: url('images/sidewidget-clients.png') no-repeat 0 0; } #rightPanel ul li.text-3, #rightPanel ul li.twitter-3 { line-height: 1.3em; font-size: .9em; } #rightPanel ul li.twitter-3 h3 { margin-bottom: .6em; } #rightPanel ul li { } #rightPanel ul li a { } #rightPanel .sideWidget { margin-bottom: 3em; } /*/// Client Login ///*/ #rightPanel form#drLoginForm { margin-bottom: 1.5em; } form#drLoginForm #submitBtn { margin: .4em 0; } /* form#drLoginForm input#submitBtn { width: 100px; padding: 0; margin: 0; border: none; background: transparent; text-align:left; text-transform: uppercase; color: #c8c8c8; font-size: 1.5em; font-weight: bold; letter-spacing: 1px; line-height: 1em; cursor: pointer; } form#drLoginForm input#submitBtn:hover { color: #999; } */ /*/// Twitter Widget ///*/ #rightPanel .widget_twitter ul li { padding-bottom: .5em; } #rightPanel .widget_twitter ul li .entry-meta { display: block; border-bottom: 1px dotted #ccc; } /*/// Left Panel ///*/ #leftPanel { float: left; height: 1730px; overflow: hidden; width: 260px; background: url('images/leftpanel-bg2.png') no-repeat 65px 50px; } #leftPanel a#logoDouglasRomanow { display: block; width: 244px; height: 45px; background: url('images/logo-douglas-romanow.png') no-repeat left bottom; } #leftPanel a#logoDouglasRomanow strong { display: none; } #leftPanel ul#leftMenu { margin: 4px 0 0 0; padding: 0; list-style: none; } #leftPanel ul#leftMenu li { margin-bottom: 4px; } #leftPanel ul#leftMenu li.current_page_item a, .typePost #leftPanel ul#leftMenu li#lmProducer a { background-position: right 2px; } #leftPanel ul#leftMenu li a { display: block; width: 100%; height: 22px; background: url('images/leftpanel-menu-item.png') no-repeat right -64px; } #leftPanel ul#leftMenu li a:hover { background-position: right -128px; } #leftPanel ul#leftMenu li.current_page_item a:hover, .typePost #leftPanel ul#leftMenu li#lmProducer a:hover { background-position: right 2px; } #leftPanel ul#leftMenu li a span { display: none; } /*/// Footer ///*/ #footer { clear: both; } #footerInner { margin-top: 5em; } #footnav ul { margin: 0; padding: 0; list-style: none; } #footnav ul li { margin: 0; padding: 0 2px 0 9px; display: inline; background: url('images/footer-separator.png') no-repeat left 2px; } #footnav ul li.first { background: transparent; padding-left: 0; } /* Main Content ----------------------------------------------------------*/ p.main { background: red; } /*/// Entry Details ///*/ .entry { padding: 10px 0 2px 0px; line-height: 1.4em; margin: 0 0 1em 0; } .entry h2 { font-style: normal; font-size: 1.6em; color: #333; } .entry h2.title { font-size: 2.3em; font-style: italic; line-height: 1em; color: #000; font-weight: bold; margin-bottom: 6px; } .entry h2.title a { text-decoration: none; color: #000; } .entry h2.title a:hover { color: #25748c; } .entry h3 { color: #7d7d7d; text-transform: uppercase; } .entry h4 { color: #010101; } .entry .dateMeta { letter-spacing: 1px; font-size: .9em; font-weight: bold; color: #969696; text-transform: uppercase; padding-bottom: .3em; border-bottom: 2px solid #969696; } .entry .entryContent { } /* main entry content body */ .entry span.entryPages { } /* paging, if needed */ .entry p { } .entry ul, .entry ol { margin: -10px 0 0 20px; padding: 0; } .entry ol { margin-left: 23px; } .entry a.more-link { color: #57a746; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; } .entry a.more-link:hover { color: #25748c; } /*/// Entry Meta Info ///*/ .entry .entryMeta { letter-spacing: 1px; color: #f4a930; margin-top: 5px; text-transform: uppercase; font-size: .9em; padding: 10px 0 5px 0; font-weight: bold; border-bottom: 1px solid #c6c6c6; } .typePage .entry .entryMeta { border-bottom: none; } .entry .entryMeta a { color: #f4a930; } .entry .entryMeta a:hover { color: #25748c; } .entryMeta .cCommentCount span { font-size: 1.2em; padding-right: 3px; } .entryMeta .cLeaveComment, .entryMeta .cEdit { padding-left: 3em; } .entryMeta .cTags, .entryMeta .cCategory { font-weight: normal; text-transform: none; } /*/// Comments Area ///*/ h3.commentTitle, h3.leaveCommentTitle { color: #c8c8c8; text-transform: uppercase; font-size: 1.7em; font-weight: bold; letter-spacing: 1px; line-height: 1em; } ul.commentlist { margin: 0; padding: 0; list-style: none; } .commentlist .commentBox { width: auto; background: #dcdcdc url('images/comment-top.gif') no-repeat 0 0; padding: 6px 0 0 0; margin: .3em 0 1.5em 0; } .commentBox .commentCount { text-transform: uppercase; color: #fff; font-weight: bold; letter-spacing: 1px; } .commentBox .commentAuthor { font-weight: bold; padding-top: 3px; } .commentBox .commentAuthor span { font-weight: normal; } .commebtBox .commentBody { padding: .7em 0; } .commentBox .commentBody p { padding-top: 5px; margin-top: 0;} .commentBox a { color: #000; } .commentBox a:hover { color: #555; } .commentBox .commentCount, .commentBox .commentAuthor, .commentBox .commentBody { padding-left: 16px; padding-right: 1em; } .commentBox .commentmetadata { background: url('images/comment-bot.gif') no-repeat 0 bottom; margin: 0; padding: 0 1em 15px 0; text-align: right; font-weight: bold; } .leaveCommentForm { font-size: 1em; } .leaveCommentForm table { } .leaveCommentForm table input, .leaveCommentForm table textarea { display: block; padding: .3em 0 .3em .3em; font: normal normal 1em arial,helvetica,'lucida grande','lucida sans unicode','gill sans','verdana',sans-serif; width: 380px; background-color: #e6e6e6; color: #000; border: none; } .leaveCommentForm table label { font-weight: bold; } .leaveCommentForm input.btnSubmit { cursor: pointer; padding: 0; margin: 0; width: 100px; text-align:left; border: none; background: transparent; color: #c8c8c8; text-transform: uppercase; font-size: 1.7em; font-weight: bold; letter-spacing: 1px; line-height: 1em; } .leaveCommentForm input.btnSubmit:hover { color: #999; } /*/// Archives ///*/ .olderLink { float: left; } .newerLink { float: right; } .olderLink, .newerLink { text-transform: uppercase; font-size: 1.7em; font-weight: bold; letter-spacing: 1px; line-height: 1em; } .olderLink a, .newerLink a, .olderLink a:visited, .newerLink:visited a { color: #000; } .olderLink a:hover, .newerLink:hover a { color: #25748c; } /* Base Style & Misc: ----------------------------------------------------------*/ /*/// Tables ///*/ table { width: 100%; font-size: 1em; border-collapse: collapse; } table caption { margin: 15px 0 5px 0; padding: 0 0 0 3px; text-align: left; } table th, table td { text-align: left; vertical-align: top; padding: 4px 7px !important; padding: 6px 10px; } thead { border: 1px solid #CCC; } thead th { color: #555; background: #EEE; } tbody tr { } /*/// Misc ///*/ .alignleft { text-align: left; } .alignright { text-align: right; } span.bold { color: #555; font-weight: 600; } .required { color: #c00; } .clear-fix { clear: both; width: 0; height: 0; }