/* Theme Name: Cadillac Jukebox Theme URI: http://www.fincaso.com/ Description: Special theme created for the Cadillac Jukebox website by Fincaso Limited. Version: 1.0 Author: Mike Padgett Author URI: http://www.mikepadgett.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ @media screen { body {background: #000; font-family: Georgia, "Times New Roman", Times, serif; color: #333; margin: 10px; text-align: center;} a {color: #c00;} #print-logo {display: none;} #page {width: 790px; margin: 0 auto; background: url(http://www.cadillacjukebox.com/images/footer_bg.gif) right bottom no-repeat; padding: 0 0 5px 0;} #header {margin: 0;} #header h1 {text-indent: -9000px; margin: 0; background: url(http://www.cadillacjukebox.com/images/header_bg.jpg) center top no-repeat; height: 182px;} #header .description {margin: 0; padding: 0; text-indent: -9000px; height: 0; float: left;} #custom-nav {padding: 0 0 5px 0; margin: 0; background: #000 url(http://www.cadillacjukebox.com/images/nav_base_bg.gif) right bottom no-repeat;} #custom-nav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #custom-nav {display: inline-block;} /* Hides from IE-mac \*/ * html #custom-nav {height: 1%;} #custom-nav {display: block;} /* End hide from IE-mac */ #custom-nav h2 {margin: 0; padding: 0; height: 0; text-indent: -9000px; float: left;} #custom-nav ol {padding: 0; margin: 0 auto; border-right: 1px solid #999; border-left: 1px solid #999; background: url(http://www.cadillacjukebox.com/images/nav.png) left 1px no-repeat; width: 628px;} #custom-nav ol:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #custom-nav ol {display: inline-block;} /* Hides from IE-mac \*/ * html #custom-nav ol {height: 1%;} #custom-nav ol {display: block;} /* End hide from IE-mac */ #custom-nav ol li { margin: 0; list-style: none; /*text-indent: -9000px; */ float: left; padding: 0px; display: block; border-top: 1px solid #999; } #custom-nav ol li a { display: block; height: 26px; float: left; font-family: arial, verdana; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; text-decoration: none; text-align: center; padding-top: 9px; letter-spacing: 0.03em; } #custom-nav ol li a:hover { color: #fff; background: url('http://www.cadillacjukebox.com/images/navhov.png') left repeat-x; } #custom-nav ol li#cn-1 a {width: 79px;} #custom-nav ol li#cn-2 a {width: 97px;} #custom-nav ol li#cn-3 a {width: 98px;} #custom-nav ol li#cn-4 a {width: 104px;} #custom-nav ol li#cn-5 a {width: 90px;} #custom-nav ol li#cn-6 a {width: 76px;} #custom-nav ol li#cn-7 a {width: 84px;} #content {background: #fff url(http://www.cadillacjukebox.com/images/content_alt_bg.gif) right top repeat-y; margin: 0; clear: both; padding: 10px 37px 10px 30px; text-align: left; border-left: 2px solid #999;} .stretch {background-image: url(http://www.cadillacjukebox.com/images/content_bg.gif) !important;} #content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #content {display: inline-block;} /* Hides from IE-mac \*/ * html #content {height: 1%;} #content {display: block;} /* End hide from IE-mac */ #copy {float: left; width: 71%; background: #fff; padding: 10px 0 0 0;} .stretch #copy {float: none !important; width: auto !important;} #copy h2 {font-size: 230%; font-family: "Franklin Gothic Medium", "Microsoft Sans Serif", Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -0.05em; margin: 0 0 15px 0; border-bottom: 3px double #ccc; padding: 0 0 0.2em 0;} .stretch #copy h2 {text-align: center !important;} #copy h3 {font-size: 150%; font-family: "Lucida Sans Unicode", Lucida, "Trebuchet MS"; font-weight: normal; letter-spacing: 0.05em; margin: 0.4em 0; font-variant: small-caps; color: #600;} #copy h3 a, #copy h2 a {color: #333; text-decoration: none;} #copy h3 a:hover, #copy h2 a:hover {color: #c00;} #copy h4 {font-style: italic; margin: 15px 0 0 0; padding: 4px 4px 4px 16px; background: url(http://www.cadillacjukebox.com/images/unit_bg.gif); border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} #copy p {line-height: 150%; font-size: 80%;} .post small {font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-style: italic;} #title-block {color: #fff; padding: 10px 16px; background: #000 url(http://www.cadillacjukebox.com/images/cover.jpg) right center no-repeat; margin: 0;} #copy #title-block h2 {text-align: left !important; margin: 0; border: 0px;} #copy #title-block h2 span {border-bottom: 2px dotted #c00;} #copy #title-block .content-block {width: 485px;} .navigation:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .navigation {display: inline-block;} /* Hides from IE-mac \*/ * html .navigation {height: 1%;} .navigation {display: block;} /* End hide from IE-mac */ .navigation .alignleft {float: left; width: 45%;} .navigation .alignright {float: right; width: 45%; text-align: right;} #copy div.twocol:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #copy div.twocol {display: inline-block;} /* Hides from IE-mac \*/ * html #copy div.twocol {height: 1%;} #copy div.twocol {display: block;} /* End hide from IE-mac */ #copy div.leftcol {float: left; width: 45%;} #copy div.rightcol {float: right; width: 45%;} #copy div.rightcol h3, #copy div.leftcol h3 {text-align: center;} #copy dl {padding-bottom: 20px;} #copy dt {display: block; float: left; width: 50%; margin: 0 0 15px 0; clear: both; font-style: italic; font-size: 75%; text-align: right;} #copy dd {display: block; float: right; width: 45%; margin: 0 0 15px 0; font-size: 75%;} #copy div.leftcol p, #copy div.rightcol p, #copy div.leftcol h3, #copy div.rightcol h3 {clear: both;} #copy ul {margin: 1em 0; padding: 0;} #copy ul li {display: block; margin: 0; background: url(http://www.cadillacjukebox.com/images/li.gif) left 2px no-repeat; padding: 12px 0 12px 50px; font-size: 85%;} #copy #player {text-align: center;} #copy .band-member {background: url(http://www.cadillacjukebox.com/images/divider.jpg) center bottom no-repeat; padding: 0 0 90px 0;} #copy .band-member:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #copy .band-member {display: inline-block;} /* Hides from IE-mac \*/ * html #copy .band-member {height: 1%;} #copy .band-member {display: block;} /* End hide from IE-mac */ #copy .band-member .thumb {float: left; margin: 0 20px 0 0; border: 1px solid #ccc;} #copy .band-member .thumb span {display: block; padding: 4px; background: #fff;} #copy .band-member br {clear: both;} #copy #latest {clear: both; margin: 0 0 15px 0; padding: 10px 8px 10px 8px; border-bottom: 1px solid #ccc;} #copy #latest:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #copy #latest {display: inline-block;} /* Hides from IE-mac \*/ * html #copy #latest {height: 1%;} #copy #latest {display: block;} /* End hide from IE-mac */ #copy #latest li {display: block; float: left; width: 218px; margin: 0 8px; font-size: 85%; line-height: 140%;} #copy #latest li a, #copy #latest li span {display: block;} #copy #latest li span {margin: 0 0 0.5em 0; font-size: 85%; line-height: 140%;} #copy #latest li a.ntitle {font-size: 150%; font-family: "Lucida Sans Unicode", Lucida, "Trebuchet MS"; font-weight: normal; margin: 0 0 0.5em 0; font-variant: small-caps; color: #c00; text-decoration: none; border-left: 5px solid #c00; padding: 0 0 0 5px;} #sidebar {float: right; width: 21%;} #sidebar #s {width: 80%;} #sidebar h2 {padding: 10px 0 0 0; margin: 0; font-family: "Franklin Gothic Medium", "Microsoft Sans Serif", Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -0.05em; font-size: 140%;} #sidebar ul, #sidebar ul li ul {margin: 0; padding: 0;} #sidebar ul li {list-style: none; display: block; margin: 0 0 0.8em 0; line-height: 150%;} #sidebar ul li ul li {list-style: none; display: block; padding: 0; margin: 0 0 0.2em 0; font-size: 75%; line-height: 150%;} #sidebar p {font-size: 70%; line-height: 130%;} #searchform {margin: 0;} #ct-search {} #ct-categories {} #ct-archives {} #ct-recent {} .postmetadata {background: url(http://www.cadillacjukebox.com/images/divider.jpg) center bottom no-repeat; padding: 0 0 90px 0; text-align: center;} .postmetadata small {font-size: 95%;} #commentform label {font-size: 120%; font-family: Arial, Helvetica, sans-serif; font-style: italic;} #credits {background: #fff url(http://www.cadillacjukebox.com/images/content_bg.gif) right top repeat-y; border-left: 2px solid #999;} #credits h3 {text-indent: -9000px; margin: 0; padding: 0; height: 4px;} #footer {background: #fff; clear: both; text-align: center; padding: 20px 0; border-bottom: 2px solid #999; border-top: 3px double #999; background: #fff url(http://www.cadillacjukebox.com/images/content_bg.gif) right top repeat-y; border-left: 2px solid #999;} #footer p {font-size: 75%;} .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 */ } @media print { body {font-family: Georgia, "Times New Roman", Times, serif; color: #000;} a {color: #000;} h1 {font-family: "Franklin Gothic Medium", "Microsoft Sans Serif", Arial, Helvetica, sans-serif; letter-spacing: -0.05em;} #header {display: none;} h2 {font-family: "Franklin Gothic Medium", "Microsoft Sans Serif", Arial, Helvetica, sans-serif; letter-spacing: -0.05em; text-align: center;} h3 {font-family: "Lucida Sans Unicode", Lucida, "Trebuchet MS"; font-weight: normal; letter-spacing: 0.05em; margin: 0.4em 0; font-variant: small-caps; text-align: center;} #sidebar {display: none;} #print-logo {text-align: center;} #copy .band-member .thumb, .album, #footer {text-align: center;} #copy .band-member .thumb img, .album img {border: 1px solid #666;} #copy dl {padding-bottom: 20px;} #copy dt {display: block; float: left; width: 50%; margin: 0 0 12px 0; clear: both; font-style: italic; font-size: 75%; text-align: right;} #copy dd {display: block; float: right; width: 45%; margin: 0 0 12px 0; font-size: 75%;} }