html * {
margin: 0;
padding: 0;
}
body { background: #fff56e url(/public/img/bg-tile.jpg) 50% 0% repeat-x; }
/*-- Global ---------- */
body, textarea {
font: 14px/20px Helvetica, Arial, Verdana, Tahoma, sans-serif;
color: #333;
}
a {
color: #5cb322;
font-weight: bold;
}
a:hover { color: #d92128; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 {
/* font-weight: normal; */
}
h3 { color: #d92128; }
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
ul, ol {
margin: 0px 36px 18px 18px;
}
ul li, ol li { margin: 9px 0 9px 0;}
hr { height: 1px; background-color: #eee; margin: 9px 0; color: #eee; }
/*-- Clearing Styles & Container --*/
#container {
width: 960px;
margin: 0 auto;
background: url(/public/img/main-bg.jpg) no-repeat;
}
.block {
width: 960px;
margin: 0 auto;
display: block;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 240px;
}
/*-- Header/Logo --*/
#header {
height: 182px;
}
#logo {
padding: 0 0 0 313px;
}
#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
width: 335px;
height: 153px;
background: url(/public/img/lunchmoney-logo.jpg) no-repeat;
}
/*-- Main Navigation --*/
ul#navigation {
margin: 0;
list-style: none;
padding: 8px 0 0 177px;
}
ul#navigation li {
margin: 0;
float: left;
}
ul#navigation li a {
display: block;
float: left;
text-decoration: none;
text-indent: -999em;
height: 21px;
}
ul#navigation li#music a {
background: url(/public/img/nav-music.jpg) no-repeat;
width: 67px;
}
ul#navigation li#shows a {
background: url(/public/img/nav-shows.jpg) no-repeat;
width: 84px;
}
ul#navigation li#shop a {
background: url(/public/img/nav-shop.jpg) no-repeat;
width: 67px;
}
ul#navigation li#contact a {
background: url(/public/img/nav-contact.jpg) no-repeat;
width: 99px;
}
ul#navigation li#press a {
background: url(/public/img/nav-press.jpg) no-repeat;
width: 72px;
}
ul#navigation li#about a {
background: url(/public/img/nav-about.jpg) no-repeat;
width: 79px;
}
ul#navigation li#friends a {
background: url(/public/img/nav-friends.jpg) no-repeat;
width: 84px;
}
ul#navigation li#blog a {
background: url(/public/img/nav-blog.jpg) no-repeat;
width: 63px;
}
/* Home Dizzy */
#home-dizzy, #home-dizzy-content, #home-dizzy-buynow {
height: 453px;
font-size: 13px;
}
#home-dizzy {
background: url(/public/img/main-content-bottom.jpg) 0% 100% no-repeat;
}
#home-dizzy-content {
width: 350px;
padding: 32px 0 0 250px;
background: url(/public/img/home-bandphoto.jpg) no-repeat;
height: 414px;
}
#home-dizzy-content p { padding: 9px 0; }
#dizzy-quotes {
padding: 8px 20px 0 0;
border-top: solid 1px #e5e5e5;
max-height: 130px;
}
#dizzy-quotes h3 {
text-transform: uppercase;
font-size: 13px;
padding: 10px 0;
color: #d92128;
letter-spacing: -.05em;
}
#dizzy-quotes blockquote {
padding: 0 6px 6px 0;
margin: 0;
background: 0;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 14px;
font-style: italic;
width: 320px;
}
#dizzy-quotes p.cite {
font-size: 11px;
padding: 0 0 9px 0;
}
#dizzy-quotes p.cite span {
font-weight: bold;
color: #1ab7ea;
}
/*#dizzy-quotes p.cite {
border-bottom: solid 1px #e5e5e5;
}
*/
#dizzy-quotes p.cite a {
color: #0968c8;
text-decoration: none;
}
#dizzy-quotes p.cite a:hover { color: #1ab7ea; }
#dizzy-quotes p.last { border: none; }
#home-dizzy-links, #home-dizzy-links li {
width: 323px;
list-style: none;
margin: 0;
}
#home-dizzy-links li {
list-style: none;
margin: 0;
height: 36px;
display: inline;
}
#home-dizzy-links li a {
float: left;
height: 36px;
text-decoration: none;
text-indent: -999em;
}
#home-dizzy-links li#home-dizzy-links-buynow a {
width: 104px;
background: url(/public/img/home-buynow-link.gif) no-repeat;
}
#home-dizzy-links li#home-dizzy-links-listen a {
width: 87px;
background: url(/public/img/home-listen-link.gif) no-repeat;
}
#home-dizzy-links li#home-dizzy-links-shows a {
width: 132px;
background: url(/public/img/home-show-link.gif) no-repeat;
}
#home-dizzy-links li#home-dizzy-links-buynow a:hover, #home-dizzy-links li#home-dizzy-links-listen a:hover, #home-dizzy-links li#home-dizzy-links-shows a:hover {
background-position: 0px -36px;
}
#home-dizzy-purchase {
color: #5cb322;
clear: both;
padding: 6px 0 0 0;
}
#home-sidebar {
width: 290px;
height: 400px;
background: url(/public/img/home-sidebar-bg.jpg) no-repeat;
padding: 53px 25px 0 45px;
}
h3#home-blog-title {
padding: 0 0 7px 0;
margin: 0 0 2px 0;
width: 290px;
border-bottom: solid 1px #e5e5e5;
}
h3#home-blog-title a {
background: url(/public/img/home-blog-title.gif) no-repeat;
display: block;
width: 215px;
height: 19px;
text-indent: -999em;
text-decoration: none;
}
h4#home-blog-posttitle {
padding: 7px 0 0 0;
}
h4#home-blog-posttitle a {
text-decoration: none;
}
#home-blog-content p {
padding: 6px 0;
}
p#home-blog-more {
font-size: 11px;
padding: 0;
margin: 0;
}
#home-blog-more span.date {
color: #0968c8;
font-weight: bold;
}
#home-blog-more a.more {
background: url(/public/img/home-sidebar-more-arrow.gif) 100% 50% no-repeat;
padding: 0 12px 0 0;
text-decoration: none;
}
#home-dizzy-buynow {
width: 360px;
background: url(/public/img/home-dizzy-album.jpg) no-repeat;
padding: 340px 0 0 0;
height: 113px;
}
#home-dizzy-buynow p {
padding: 2px 18px 8px 0;
}
#home-dizzy-buynow h3 {
padding: 2px 0;
width: 340px;
}
/*
.sidebar-links { padding: 9px 0 18px 0; }
.sidebar-links h3 {
padding: 6px 0 8px 0;
width: 340px;
border-top: solid 1px #e5e5e5;
}
*/
#home-dizzy-buynow h3 a {
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
background: url(/public/img/link-arrow.gif) 4px 50% no-repeat;
padding: 0 0 0 20px;
color: #1ab7ea;
}
#home-dizzy-buynow h3 a { padding: 3px 0 3px 22px;}
/*
.sidebar-links h3 a {
padding: 0 0 0 22px;
}
h3#preorder-link {
border-top: solid 1px #e5e5e5;
padding: 9px 0 2px 0;
}
*/
/*
h3#preorder-link a, h3#twitter-link a { color: #d92128; }
h3#facebook-link a {
background: url(/public/img/facebook.gif) 0px 0px no-repeat;
padding-top: 1px;
}
h3#twitter-link a {
background: url(/public/img/twitter.gif) 0px 0px no-repeat;
padding-top: 1px;
}
.sidebar-links h3, .sidebar-links h3#preorder-link, .sidebar-links h3#twitter-link, .sidebar-links h3#facebook-link {
padding: 8px 0 8px 0;
width: 340px;
border-top: solid 1px #e5e5e5;
}
.sidebar-links h3 a {
font-size: 15px;
}
h3#preorder-link a:hover, #home-dizzy-buynow h3 a:hover, .sidebar-links h3 a:hover {
color: #5cb322;
}
*/
#home-sidebar-blog {
border-bottom: solid 1px #e5e5e5;
padding: 0 0 8px 0;
}
#sidebar .sidebar-links {
border-top: solid 1px #e5e5e5;
padding: 4px 0 12px 0;
margin: 6px 0 0 0;
width: 300px;
}
h3.sidebar-link {
border-bottom: solid 1px #e5e5e5;
padding: 0;
}
h3.sidebar-link a {
padding: 8px 0 8px 22px;
text-decoration: none;
font-size: 14px;
font-weight: normal;
display: block;
color: #454545;
}
h3.sidebar-link a:hover { color: #d92128; }
h3.sidebar-link a span { font-weight: bold; }
h3#twitter-link a { background: url(/public/img/twitter-new-icon.gif) 0px 9px no-repeat; }
h3#facebook-link a { background: url(/public/img/facebook-new-icon.gif) 0px 9px no-repeat; }
h3#myspace-link a { background: url(/public/img/myspace-new-icon.gif) 0px 9px no-repeat; }
#sidebar-links-block { padding: 9px 9px 0 0; }
#home-dizzy h2#contenttitle {
text-indent: -999em;
background: url(/public/img/home-dizzy-title-v2.gif) no-repeat;
height: 90px;
padding: 0;
}
/* SUb Page */
#main-container {
background: url(/public/img/sub-main-bg.jpg) repeat-y;
}
#main-container h2#contenttitle {
background: url(/public/img/sub-main-top.jpg) no-repeat;
height: 44px;
padding: 39px 0 0 32px;
color: #1ab7ea;
font-size: 42px;
text-transform: uppercase;
letter-spacing: -.05em;
}
h2#contenttitle a {
color: #1ab7ea;
text-decoration: none;
}
h2#contenttitle a:hover { color: #5cb322; }
#content {
width: 960px;
padding: 0 0 20px 0;
background: url(/public/img/main-content-bottom.jpg) 0% 100% no-repeat;
}
#contentarea {
width: 536px;
padding: 0 32px 20px 32px;
}
#sidebar {
width: 360px;
}
/* Shows */
ul#showslist {
list-style: none;
margin: 0;
}
ul#showslist li {
list-style: none;
margin: 7px 0 0 0;
padding: 7px 0 0 0;
border-top: solid 1px #e5e5e5;
}
ul#showslist li p.date {
color: #d92128;
padding: 0 0 8px 0;
font-weight: bold;
}
ul#showslist li p.venue {
font-size: 16px;
padding: 0 0 2px 0;
color: #1ab7ea;
}
ul#showslist li p.venue span { color: #333; }
ul#showslist li p.venue span, ul#showslist li p.venue span a { font-size: 11px; }
ul#showslist li p.location {
padding: 0 0 8px 0;
}
/* Shop */
ul#productslist {
list-style: none;
margin: 0;
}
ul#productslist li {
margin: 10px 0 10px 0;
padding: 10px 0 10px 0;
border-top: solid 1px #e5e5e5;
}
ul#productslist li .product_image {
width: 238px;
font-size: 12px;
float: left;
}
ul#productslist li .product_image img {
width: 230px;
padding: 4px;
background: #fff;
border: solid 1px #e5e5e5;
margin-bottom: 10px;
}
ul#productslist li ol {
margin: 0;
list-style-position: inside;
padding: 0 0 0 18px;
}
ul#productslist li ol li {
padding: 0;
margin: 0;
border: 0;
font-size: 12px;
text-indent: -18px;
}
ul#productslist li ol li a {
margin: 0 0 0 4px;
}
ul#productslist li h4 {
color: #d92128;
font-size: 15px;
border-top: solid 1px #e5e5e5;
padding: 5px 0;
margin: 5px 0 0 0;
}
ul#productslist li .product_description {
width: 268px;
padding: 0 0 0 20px;
float: left;
}
ul#productslist li h3.product_title {
color: #1ab7ea;
font-size: 24px;
padding: 2px 0 10px 0;
}
ul#productslist li .product_description .buy {
padding: 0;
border-top: solid 1px #e5e5e5;
padding: 5px 0 0 0;
margin: 5px 0 0 0;
}
ul#productslist li .product_description .buy a {
font-size: 12px;
background: url(/public/img/link-arrow.gif) 0% 50% no-repeat;
padding: 0 0 0 12px;
text-decoration: none;
text-transform: uppercase;
}
ul#productslist li p.price {
border-bottom: solid 1px #e5e5e5;
border-top: solid 1px #e5e5e5;
margin: 10px 0 10px 0;
padding: 10px 0 10px 0;
font-size: 18px;
font-weight: bold;
color: #d92128;
}
ul#productslist li p.price span {
font-size: 11px;
display: block;
color: #333;
font-weight: normal;
}
ul#productslist li input.quantity {
width: 30px;
padding: 3px;
border: solid 1px #ccc;
}
ul#productslist li input.submit {
border: none;
background: #d92128;
padding: 3px;
margin: 0 0 0 6px;
color: #fff;
font-weight: bold;
}
.itunes {
border-top: solid 1px #e5e5e5;
margin: 10px 0 0 0;
padding: 10px 0 0 0;
}
.itunes a {
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
background: url(/public/img/link-arrow.gif) 0% 50% no-repeat;
padding: 0 0 0 14px;
}
.shop-note {
background: #eee;
padding: 16px;
border: solid 1px #ddd;
}
/* Promo form */
#promo-button {
background: #d92128 url(/public/img/promo-intro-bottom.gif) 0% 100% no-repeat;
padding: 0 0 6px 0;
width: 343px;
margin: 0 0 9px 0;
}
#promo-button p {
padding: 6px 12px 0 12px;
background: url(/public/img/promo-intro-top.gif) no-repeat;
}
#promo-button a {
display: block;
color: #fff;
}
#promo-button a:hover { text-decoration: underline; }
#promoform { padding: 9px 0; }
#promoform label {
font-weight: bold;
display: block;
padding: 0 0 6px 0;
}
#promoform input[type=text] {
border: solid 1px #ddd;
padding: 6px;
font-size: 16px;
display: block;
margin: 0 0 9px 0;
width: 350px;
}
#promoform span.error {
display: block;
font-size: 11px;
color: #ff0000;
}
/* Footer */
#footer {
height: 164px;
background: url(/public/img/footer-bg.jpg) no-repeat;
}
#footer .column {
width: 220px;
padding: 0 10px;
}
#footer h4.footer-title {
text-transform: uppercase;
font-size: 14px;
color: #d92128;
letter-spacing: -.05em;
padding-bottom: 0;
}
#footer-links h4 { padding: 8px 0 8px 33px; }
#footer-links h4#footer-squirrelmechanic a {
width: 147px;
height: 60px;
background: url(/public/img/squirrelmechanic-logo.gif) no-repeat;
text-decoration: none;
text-indent: -999em;
display: block;
}
#footer-links h4#footer-myspace a {
width: 147px;
height: 31px;
background: url(/public/img/myspace-logo.gif) no-repeat;
text-decoration: none;
text-indent: -999em;
display: block;
}
#footer-shows h4.footer-title {
color: #1ab7ea;
}
#footer-shows p.date {
font-size: 11px;
color: #d92128;
padding: 0;
font-weight: bold;
}
#footer-shows p.venue {
font-size: 12px;
padding: 0;
}
#footer-shows p.venue a {
font-weight: normal;
text-decoration: underline;
}
#footer-shows p.location {
font-size: 11px;
padding: 0 0 10px 0;
}
#footer-shows p.more-shows a {
font-size: 11px;
background: url(/public/img/link-arrow.gif) 0% 50% no-repeat;
padding: 0 0 0 12px;
}
#footer-albums img {
float: left;
margin: 5px 8px 0 0;
}
#footer-album-content {
width: 116px;
float: left;
padding: 5px 0 0 0;
font-size: 12px;
}
#footer-album-content p {
font-size: 11px;
padding: 0 0 5px 0;
line-height: 16px;
}
#footer-talk-content p { padding: 0 0 6px 0;}
#footer-album-content p.footer-album-links { padding: 0; }
#footer-album-content p.footer-album-links a {
background: url(/public/img/link-arrow.gif) 0% 50% no-repeat;
color: #d92128;
text-decoration: none;
padding: 0 0 0 12px;
text-transform: uppercase;
}
#footer-album-content p.listen a { color: #1ab7ea; }
#footer-album-content h5 {
padding: 0;
font-size: 13px;
color: #1ab7ea;
}
#footer-mailinglist form {
width: 200px;
}
#footer-mailinglist form p {
padding: 6px 0 0 0;
font-size: 11px;
}
#footer-mailinglist p#thankyou-message {
font-size: 12px;
font-weight: bold;
width: 200px;
}
#footer-mailinglist form input { vertical-align: middle; }
#footer-mailinglist form input.forminput {
width: 145px;
border: solid 1px #ddd;
padding: 2px;
font-size: 11px;
margin: 0 4px 0 0;
color: #333;
font-family: Helvetica, Arial, sans-serif;
}
#footer-mailinglist form span.error {
display: block;
color: #cc0000;
padding: 0 0 2px 0;
}
#copyright {
text-align: center;
padding: 6px 0 12px 0;
font-size: 10px;
}
#editContent {
padding: 12px;
background: none;
}
/*-- Posts --*/
h2.pagetitle {
letter-spacing: -.05em;
font-size: 23px;
padding: 0 0 6px 0;
margin: 0;
}
ul#posts {
margin: 0;
list-style: none;
padding: 0 0 0 2px;
}
ul#posts li {
margin: 4px 0 19px 0;
padding: 9px 0 0 0;
border-top: solid 1px #cccccc;
}
.post-content p { padding: 9px 0; }
h2.post-title, h3.post-title {
padding: 0;
font-size: 23px;
line-height: 27px;
}
h2.post-title a, h3.post-title a {
color: #5cb322;
letter-spacing: -.05em;
font-size: 25px;
padding: 0 0 9px 0;
text-decoration: none;
}
p.post-date-comments {
font-size: 14px;
letter-spacing: -.05em;
font-weight: bold;
padding: 3px 0 3px 0;
}
span.post-date {
color: #1ab7ea;
margin: 0 6px 0 0;
}
span.post-comments a {
color: #8e9699;
background: url(/public/img/link-dots.gif) left bottom repeat-x;
text-decoration: none;
}
.post-content {
}
p.post-meta {
color: #767d80;
font-size: 11px;
margin: 0;
padding: 0;
}
p.post-meta a {
color: #767d80;
background: url(/public/img/link-dots.gif) left bottom repeat-x;
text-decoration: none;
}
.post-meta-tags {
/*padding: 0 0 0 9px;
margin: 0 0 0 4px;
background: url(/public/img/gray-bullet.gif) 0px 3px no-repeat;*/
}
span.post-comments a:hover, p.post-meta a:hover { text-decoration: none; }
.post a.more-link {
background: url(/public/img/nav-arrow.gif) 100% 3px no-repeat;
padding: 0 11px 0 2px;
color: #d92128;
text-decoration: none;
}
/*-- Sidebar --*/
#sidebar-nav {
padding: 0 60px 0 0;
}
.sidebar-element ul, .sidebar-element ul li {
list-style: none;
margin: 0;
}
.sidebar-element h3 {
padding: 8px 0 0 0;
text-decoration: none;
font-size: 14px;
font-weight: normal;
display: block;
color: #454545;
border-top: solid 1px #e5e5e5;
}
.sidebar-element ul { padding: 4px 0 0 0; }
.sidebar-element ul li { padding: 0 0 12px 0; }
.sidebar-element ul li ul li { padding: 0; }
.sidebar-element ul li ul { padding: 0; }
.sidebar-element ul li ul li a {
background: url(/public/img/nav-arrow.gif) 0px 3px no-repeat;
padding: 0 0 0 9px;
font-size: 13px;
color: #d92128;
text-decoration: none;
}
.sidebar-element ul li ul li.cat-item {
font-size: 12px;
color: #767d80;
}
.blog-albums { width: 300px; }
.blog-albums img {
width: 132px;
margin: 0 4px 4px 0;
padding: 3px;
border: solid 1px #eee;
}
/* Begin Images */
.post-content p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #ffffff;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */