@charset "utf-8"; /* Theme Name: ChooChoo Wordpress Theme Theme URI: http://www.formusickind.com Description: WordPress Theme by For Musickind. Version: 1 Author: For Musickind Author URI: http://www.formusickind.com/ Tags: */ * {margin:0; padding:0} * {font-family: "pt-sans-1","pt-sans-2",calibri,arial,sans-serif} .clear {clear:both; } /*am 17.5.2011 rausgenommen nach bitten von dani*/ /*body {background:url(img/bg.gif)}*/ #header {width:100%; display:table; background:url(img/header-bg.jpg) no-repeat center top; height:287px; } #header-container {width:950px; margin:0 auto; height:287px; } #home-btn a {position:absolute; width:420px; height:80px; margin:170px 0 0 0; display:block; } #wrapper {width:950px; margin:0 auto; } /* ------- NAVIGATION ----- */ #nav ul {float:right; margin-top:-26px; } #nav ul li {list-style:none; float:left; padding-left:1px; } #nav .blog a {display:block; width: 80px; height:36px; background:url(img/hover-blog.png) 0 0 no-repeat; text-decoration: none; } #nav .blog a:hover {text-decoration:none; background-position: 0 -36px; } #nav .store a {display:block; width: 72px; height:36px; background:url(img/hover-store.png) 0 0 no-repeat; text-decoration: none; } #nav .store a:hover {text-decoration:none; background-position: 0 -36px; } #nav .tour a {display:block; width: 75px; height:36px; background:url(img/hover-tour.png) 0 0 no-repeat; text-decoration: none; } #nav .tour a:hover {text-decoration:none; background-position: 0 -36px; } #nav .community a {display:block; width: 98px; height:36px; background:url(img/hover-community.png) 0 0 no-repeat; text-decoration: none; } #nav .community a:hover {text-decoration:none; background-position: 0 -36px; } #nav .band a {display:block; width: 81px; height:36px; background:url(img/hover-band.png) 0 0 no-repeat; text-decoration: none; } #nav .band a:hover {text-decoration:none; background-position: 0 -36px; } #nav .press a {display:block; width: 80px; height:36px; background:url(img/hover-press.png) 0 0 no-repeat; text-decoration: none; } #nav .press a:hover {text-decoration:none; background-position: 0 -36px; } #nav .contact a {display:block; width: 104px; height:36px; background:url(img/hover-contact.png) 0 0 no-repeat; text-decoration: none; } #nav .contact a:hover {text-decoration:none; background-position: 0 -36px; } /* ------- NAVIGATION ----- */ /* ------- LEFT COLUMN ----- */ #column1 {width:520px; float:left; margin-bottom:20px; } #column1 #newsingle {background:url(img/new-single-graphic2.png) no-repeat; width:495px; height:490px; margin-top:16px; margin-left:-6px; } .post-style {width:480px; background:url(img/blog-bg.png); border:10px solid #eee; margin-top:20px; padding:8px; } .post-style h2 {font-weight:bold;font-size:25px; letter-spacing:-1px; padding:10px 0 0 0; color:#6490cc; } .post-style h2 a {text-decoration:none; color:#6490cc; } .post-style h2 a:hover {color:#444; } .post-style p, .post-style blockquote {font-size:13px; line-height:20px; padding-bottom:10px; } .post-style p a {text-decoration:none; color:#6490cc; } .post-style p a:hover {color:#fff; background:#6490cc; } .post-style small {color:#6490cc; padding-bottom:6px; font-size:11px; } #buy-single {width:450px; height:220px; padding:30px 0 0 10px; } #buy-single a {width:450px; height:220px; display:block; } #email-for-remix {margin:85px 0 0 235px; } /* ------- LEFT COLUMN ----- */ /* ------- RIGHT COLUMN ----- */ #column2 {float:right; } #column2 #video-single {background:url(img/video-single-bg-v2.gif) no-repeat; width:393px; /*height:260px;*/ height:240px; margin-top:30px;clear:both} #sub-column2 #video-single {background:url(img/video-single-bgsmall-v2.gif) no-repeat; width:228px; /*height:260px;*/ height:152px} #column2 #stream-single {background:url(img/stream-single-bg.gif) no-repeat; with:359px; height:134px; margin-top:45px; } #column2 #fan-feed {width:325px; text-align:center; margin:45px 0 0 25px; } /*#fanfeed-container {margin:15px 0 0 20px; }*/ /* ------- RIGHT COLUMN ----- */ /* ------- SUBPAGE LEFT COLUMN ----- */ #sub-column1 {width:665px; float:left; min-height:500px; margin-bottom:20px; } #sub-column1 h1 {font-weight:bold;font-size:38px; letter-spacing:-2px; padding-bottom:5px; color:#6490cc; } #sub-column1 h2 {font-weight:bold;font-size:25px; letter-spacing:-1px; padding:30px 0 10px 0; color:#6490cc; } #sub-column1 ul {margin:0.5em 0 1em 1.5em} #sub-column1 div,#sub-column1 p,#sub-column1 li,#sub-column1 td {font-size:13px;line-height:18px} #sub-column1 p {margin-bottom:10px} #sub-column1 small {line-height:12px; } #sub-column1 small a {color:#901b81; text-decoration:none; } #sub-column1 small a:hover {color:#fff; background:#901b81; } .alignleft, .alignright {font-weight:bold;font-size:13px; color:#6490cc; } .alignleft a, .alignright a {text-decoration:none; color:#6490cc; } .alignleft a:hover, .alignright a:hover {text-decoration:underline; } .gigs-calendar {font-size:13px; } .gigs-calendar tr td {padding:8px; } .gigs-rss {font-size:13px; padding:10px 0 5px 0; } .gigs-calendar caption {font-weight:bold; padding-top:20px; } .gigs-calendar .gigs {width:600px; } /* ------- SUBPAGE LEFT COLUMN ----- */ /* ------- SUBPAGE RIGHT COLUMN ----- */ #sub-column2 {width:240px; float:right; margin:40px 15px 20px 0; background:#eee; padding:5px; } #sub-column2 h3 {font-weight:bold;font-size:21px; letter-spacing:-1px; padding:0 0 0 0; color:#6490cc; } #cat-list {padding-bottom:15px; font-size:12px; } #cat-list li {list-style:none; padding-left:20px; } #archive-list {font-size:10px; padding-bottom:20px; } #archive-list li {float:left; list-style:none; padding-left:5px; } #cat-list li a, #archive-list li a {text-decoration:none; color:#666; } #cat-list li a:hover, #archive-list li a:hover {background:#6490cc; color:#fff; } .recent-posts {font-size:14px; padding-bottom:20px; } #sub-column2 h4 {font-weight:bold;font-size:19px; letter-spacing:-1px; padding:0 0 0 0; color:#6490cc; } .recent-posts li {list-style:none; color:#6490cc; padding-left:10px; } .recent-posts li a {color:#444; text-decoration:none; } .recent-posts li a:hover {background:#6490cc; color:#fff; } .pagenav {list-style:none; padding-bottom:10px; } .page_item {font-size:11px; margin-left:20px; line-height:12px; } .page_item a {text-decoration:none; color:#333; } .page_item a:hover {color:#6490cc; text-decoration:underline; } #commentform a {color:#6490cc; text-decoration:none; } #commentform a:hover {font-weight:bold; } #comment {height:100px; } .entry a,.e a {color:#6490cc; text-decoration:none; } .entry a:hover,.e a:hover {background:#6490cc; color:#fff; } .comment {background:#eee; list-style:none; padding:5px; margin-top:10px; font-size:12px; } .comment a {text-decoration:none; font-weight:bold;font-size:12px; color:#6490cc; } .comment a:hover {background:#6490cc; color:#fff; } /* ------- SUBPAGE RIGHT COLUMN ----- */ /* ------- FOOTER ----- */ #footer {width:100%; display:table; background:url(img/footer-bg.gif) #6f5c68 repeat-x; height:100px; } #footer-container {width:950px; margin:0 auto; } #foot-nav {list-style:none; margin-top:25px; } #foot-nav li {float:left; font-size:23px; letter-spacing:-1px; color:#d5d2d4; margin-left:17px; text-shadow:-1px -1px 1px #785d6e; } #foot-nav li a {color:#d5d2d4; text-decoration:none; } #foot-nav li a:hover {color:#fff; } #social {list-style:none; float:right; margin-top:3px; } #social li {float:left; } #social #fbook a {display:block; width: 94px; height:22px; background:url(img/hover-fbook.png) 0 0 no-repeat; text-decoration: none; } #social #fbook a:hover {text-decoration:none; background-position: 0 -22px; } #social #twitter {margin-left:10px; } #social #twitter a {display:block; width: 81px; height:22px; background:url(img/hover-twitter.png) 0 0 no-repeat; text-decoration: none; } #social #twitter a:hover {text-decoration:none; background-position: 0 -22px; } #fmk-icon {float:right; margin-top:10px; } #fmk-icon a {display:block; width: 75px; height:22px; background:url(img/fmk-icon.png) 0 0 no-repeat; text-decoration: none; } #fmk-icon a:hover {text-decoration:none; background-position: 0 -22px; } ul.socialmedia {list-style:none; float:right; margin-top:3px; } ul.socialmedia li {float:left; } ul.socialmedia .fbook a {display:block; width: 16px; height:16px; background:url(img/icn-facebook.png) 0 0 no-repeat; text-decoration: none;opacity:0.7} ul.socialmedia .fbook a:hover {opacity:1} ul.socialmedia .twitter {margin-left:12px; } ul.socialmedia .twitter a {display:block; width: 16px; height:16px; background:url(img/icn-twitter.png) 0 0 no-repeat; text-decoration: none;opacity:0.7 } ul.socialmedia .twitter a:hover {opacity:1} ul.socialmedia .mx3 {margin-left:12px; } ul.socialmedia .mx3 a {display:block; width: 16px; height:16px; background:url(img/icn-mx3.png) 0 0 no-repeat; text-decoration: none;opacity:0.7 } ul.socialmedia .mx3 a:hover {opacity:1} ul.socialmedia .myspace {margin-left:12px; } ul.socialmedia .myspace a {display:block; width: 16px; height:16px; background:url(img/icn-myspace.png) 0 0 no-repeat; text-decoration: none;opacity:0.7 } ul.socialmedia .myspace a:hover {opacity:1} ul.socialmedia .youtube {margin-left:12px; } ul.socialmedia .youtube a {display:block; width: 16px; height:16px; background:url(img/icn-youtube.png) 0 0 no-repeat; text-decoration: none;opacity:0.7 } ul.socialmedia .youtube a:hover {opacity:1} ul.socialmedia .soundcloud {margin-left:12px; } ul.socialmedia .soundcloud a {display:block; width: 16px; height:16px; background:url(img/icn-soundcloud.png) 0 0 no-repeat; text-decoration: none;opacity:0.7 } ul.socialmedia .soundcloud a:hover {opacity:1} #fmk-icon {float:right; margin-top:10px; } #fmk-icon a {display:block; width: 75px; height:22px; background:url(img/fmk-icon.png) 0 0 no-repeat; text-decoration: none; } #fmk-icon a:hover {text-decoration:none; background-position: 0 -22px; } #students-icon {float:right; margin-top:10px; } #students-icon a {display:block; width: 110px; height:25px; background:url('img/logo-studentsCH.png') 0 0 no-repeat; text-decoration: none; } #students-icon a:hover {text-decoration:none;background-position: 0 -25px} /* ------- FOOTER ----- */ /* ------- FROM NEW GOOD THING PAGE ----- */ .clear {clear:both; } #table1 {width:310px; font-size:11px; float:left; margin-left:-10px; margin-bottom:15px; } #table1 tr td {background:#eee; } #table1 tr td ul {margin-top:10px; } #table1 tr td ul li {line-height:13px; padding-bottom:5px; } #table1 tr td ul {margin-left:-15px; padding-right:5px; } .special {font-weight:bold;font-size:15px; } .title {background:#648fcb; padding:7px; margin-left:-1px; color:#fff; border:1px solid #88b4f2; } .price-box {text-align:right; padding:0 15px 10px 0; } #table2 {width:330px; font-size:12px; float:left; } #table2 tr td {background:#eee; } .title2 {background:#901c82; padding:9px 7px 9px 7px; margin:1em 0 0 -1px; color:#fff; border:1px solid #d849c7; } #table2 tr td ul {margin-top:10px; } #table2 tr td ul li {padding-bottom:5px; } #table2 tr td ul li {margin-left:20px; padding-right:6px; } #table2 .price-box {text-align:center; padding:0; margin-bottom:5px; } /* ------- FROM NEW GOOD THING PAGE ----- */ /*---MHM FROM HERE ON IN---*/ div.clear {clear:both;font-size:1px;line-height:1px;height:1px} #coll8 div.coll8 ul {margin-left:0} div.entry h3,div.entry h4 {font-weight:bold;font-size:14px;line-height:140%;margin:2em 0 0;padding:7px;clear:both;color:#fff} div.entry h3 {font-size:16px;border:1px solid #88b4f2;background-color:#648fcb;margin-bottom:0.5em} div.entry h4 {font-size:14px;padding:3px 7px;background-color:#901c82} div.entry h4 em {font-weight:normal;font-size:12px} div.entry h5 {font-size:13px;clear:both} div.entry .alignleft {float:left;margin:0 1em 1em 0} div.entry .alignright {float:right;margin:0 0 1em 1em} div.left {float:left;margin:0 0 20px} div.left.padright {margin-right:20px} div.flickrplayer {width:335px;} div.halfsize {width:310px;} ul.ddlsp,ul.ddlsp li {list-style-type:none;margin:0;padding:0} ul.ddlsp li {width:310px;height:252px;float:left;margin:0 10px 35px 0} ul.ddlsp li a {display:block;width:100%;height:100%;border:none;text-decoration:none;text-indent:-9999px;outline:none} ul.ddlsp li a:hover {background-color:transparent} div.entry p.fb-like {padding-top:2em;margin:0 0 2em;clear:left;width:330px} div.entry cite {font:italic 14px georgia,"times new roman",times,serif;display:block;color:#333} #column2 div.box,#sub-column2 div.box {margin-left:25px;clear:both} #sub-column2 div.facebook,#column2 div.facebook {margin:1em 0} #column2 div.facebook {padding-left:45px} #column2 .socialmedia,#sub-column2 .socialmedia {margin:0.5em 0 1em 12px;float:left} #column2 .socialmedia {margin-left:90px} #sub-column1 ul.topspin-item-listings h2 {font-size:16px} .topspin-item-image img {border:none} body.logged-in {background:#000 url('http://www.choochootheband.com/wp-content/themes/choochoo-fmk/img/20110408_MHM_6841.jpg') center top no-repeat fixed} body.logged-in #header {background:transparent none} body.logged-in #header-container {background:transparent url('/wp-content/themes/choochoo-fmk/img/sunlogo.png') left top no-repeat} body.logged-in .post,body.logged-in .page,body.logged-in .navigation,body.logged-in #respond {background:rgb(255,255,255) none;background-color:rgba(255,255,255,.85);padding:10px 20px} body.logged-in .post-style {border:none;padding:0} body.logged-in div.facebook iframe {background-color:#fff} body.logged-in #column2 #video-single {background:url('img/video-single-bg-v3.png') left top no-repeat;min-height:300px} body.logged-in #sub-column2 #video-single {background:url('img/video-single-bgsmall-v2.gif') no-repeat} body.logged-in #footer {background:url('img/footer-bg.png')}