/* Theme Name: Minus Circus Theme URI: http://minuscircus.com Description: The new Minus Circus Theme : Developed by Gerry Scullion Version: 2 (WP2.7.1) Author: Gerry Scullion Author URI: http://gerrycircus.com Tags: rock, music, entertainment */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; /* YELLOW LINK: #cb9001; GRAY LINK: #3a3a3a; */ /*========== GENERAL ===========*/ body {background: #eee; font: 11px Arial, Helvetica; text-align: center;} span.hide {display: none;} .page-wrap {width: 1000px; background: url('style/images/fade.png') repeat; margin: 0px auto 0px auto; padding: 0px 20px 0px 20px; text-align: left;} .site-top {background: url('style/images/site-top.gif') no-repeat 3px 0px; width: 1040px; height: 37px; margin: 20px auto 0px auto;} .logo {width: 1000px; height: 80px; position: relative;} .logo h1 a {width: 386px; height: 61px; background: url('style/images/logo.gif') 0px 5px no-repeat; display: block; text-indent: -9999px; margin: 0px 0px 0px 20px;} a.play-music {width: 137px; height: 43px; display: block; position: absolute !important; top: 10px; left: 843px; background: url('style/images/play-music.png') no-repeat; text-indent: 9999px; } a.play-music:hover {background-position: 0px -44px;} a.more {width: 62px; height: 26px; padding: 0px 0px 0px 0px; overflow: hidden; background: url('style/images/more.png') no-repeat; display: block; z-index: 20; text-indent: 9999px;} a.more:hover {background-position: 0px -26px;} .more-posts {padding: 5px 5px 10px 5px; width: 500px; height: 30px;} .more-posts ul {float: right;color: #cb9001; text-decoration: none;} .more-posts a{color: #cb9001 !important; text-decoration: none !important;} .more-posts a:hover {color: #323232 !important;} p {color: #3a3a3a; font-family: verdana,sans-serif; font-size: 11px; line-height: 1.4; padding: 0px 0px 11px 0px; text-align: justify;} .small {font-size: 10px;} p.des {text-indent: -9999px;} p.date {font-size: 10px;} .search {position: absolute; top: 5px; right: 10px; margin-right: 10px;} .inside {padding: 10px;} .content-cap {width: 1040px; height: 46px; background: url('style/images/content-cap.png') no-repeat; margin: 0px auto 0px auto;} .clear {clear: both;} #tools {width:500px; height:25px;border-top: 1px solid red;} #tools a:hover {background:none;} #comment {width:500px; background:#fff; border: 1px solid #000;} #default #sharepost, #live #sharepost, #contact #sharepost, #links #sharepost, #contact p.date, #links p.date, #photos p.date, #shop p.date, #video p.date, #about p.date, #dsq-options, #categorynews #sharepost, #categoryblog #sharepost {display: none;} /*========== FONTS ===========*/ .column-1 h2 a {color: #cb9001; font: 24px Arial, Helvetica; letter-spacing: 1px; text-decoration: none; } h2 {color: #cb9001; font: 24px Arial, Helvetica; letter-spacing: 1px; text-decoration: none; } /*========== SUB NAV ===========*/ .sub-nav {width: 1000px; background: #323232;} ul.sub {list-style: none; text-transform: uppercase; font-size: 10px; font-weight: normal;} ul.sub li {display: inline; border-right:1px solid #fff; } ul.sub li a {margin: 0px;padding:3px 10px 5px 10px;font-weight:bold; color:#FFF; text-decoration: none;} ul.sub li a:hover {color: #cb9001;} /*========== POSTS etc ===========*/ div.post {margin-bottom:10px;} div.post a {color: #cb9001; text-decoration: none;} div.post a:hover {color: #323232;} .hr {width: 100%; height: 20px; background: url('style/images/linebreak.gif') repeat-x; border: none; margin-bottom: 10px; border: none;} hr {display: none;} /*========== GLOBAL NAV ===========*/ .global-nav {width: 1000px; height: 71px; margin-bottom: 30px;} ul.nav li {display: inline;} ul.nav li a {border: 0px solid red; height: 71px; float: left; text-indent: -9999px;} ul.nav li.item-1 a {background: url('style/images/nav.gif') no-repeat; background-position: 0px 0px; width: 141px;} ul.nav li.item-1 a:hover {background-position: 0px -71px;} ul.nav li.item-2 a {background: url('style/images/nav.gif') no-repeat; background-position: -141px 0px; width: 126px;} ul.nav li.item-2 a:hover {background-position: -141px -71px;} ul.nav li.item-3 a {background: url('style/images/nav.gif') no-repeat; background-position: -267px 0px; width: 130px;} ul.nav li.item-3 a:hover {background-position: -267px -71px;} ul.nav li.item-4 a {background: url('style/images/nav.gif') no-repeat; background-position: -397px 0px; width: 178px;} ul.nav li.item-4 a:hover {background-position: -397px -71px;} ul.nav li.item-5 a {background: url('style/images/nav.gif') no-repeat; background-position: -575px 0px; width: 137px;} ul.nav li.item-5 a:hover {background-position: -575px -71px;} ul.nav li.item-6 a {background: url('style/images/nav.gif') no-repeat; background-position: -712px 0px; width: 129px;} ul.nav li.item-6 a:hover {background-position: -712px -71px;} ul.nav li.item-7 a {background: url('style/images/nav.gif') no-repeat; background-position: -841px 0px; width: 159px;} ul.nav li.item-7 a:hover {background-position: -841px -71px;} /*========== IMAGE ROTATOR ===========*/ .image-rotator {width: 1000px; height: 375px; margin-top: 5px; margin-bottom: 1px; position: relative; /*background: url('style/images/image-01.jpg') no-repeat;*/} span.pre-load {position: absolute; top: 100px; left: 470px;} #rotator {width: 1000px; height: 375px; margin-top: 2px; margin-bottom: 3px; } /*=========== TWITTER FEED================ */ .twitter-feed {width: 285px; background: url('style/images/twitter-feed-tile.gif') 0 0 repeat-y; position: relative;} .twitter-feed .top {width: 285px; height: 11px; padding: 0px 0px 10px 0px; background: url('style/images/twitter-feed-top.gif') 0 0 no-repeat;} .feedcap {width: 285px; height: 10px; background: url('style/images/twitter-feed-cap.gif') bottom left no-repeat !important; padding: 0px 0px 0px 0px;} .twitter-feed p {padding: 0px 10px 0px 10px;} .twitter-feed li {margin: 0px 0px 5px 0px; padding: 5px 10px 5px 10px; border-bottom: 1px solid #ccc;} .twitter-feed h2 {display: none;} .bird {position: absolute; top: 60px; left: 297px; width: 112px; height: 93px; background: url('style/images/twitter-bird.png'); z-index: 10;} /*========== COLUMN ===========*/ .column-1 {width: 550px; float: left; padding-left: 20px;} .column-2 {width: 390px; float: left; margin-left: 17px;} /*========== WIDGETS ===========*/ .widget {width: 390px; background: url('style/images/widget-bg.png') repeat-y; margin: 0px 0px 20px 0px; position: relative; } .widget a {color: #cb9001; text-decoration: none; font-weight: bold;} .widget a:hover {color: #3a3a3a;} .widget h3 {padding: 0px 0px 5px 0px;} .widget .inside {padding: 10px 12px 10px 14px; margin: 0px 0px 30px 0px;} .widget .inside h2 {display: none;} .widget .live-shot {background: url('style/images/live-shot.png') no-repeat; width: 365px; height: 79px;} .widget h2 {width: 390px; height: 47px; text-indent: -9999px;} .widget h2.upcoming {background: url('style/images/upcoming-shows.png') no-repeat;} .widget h2.shop {background: url('style/images/minus-circus-shop.png') no-repeat;} .widget h2.blog-posts {background: url('style/images/blog-posts.png') no-repeat;} .widget h2.twitter {background: url('style/images/latest-tweets.png') no-repeat;} .widget h2.latest-photos {background: url('style/images/latest-photos.png') no-repeat;} .widget a.more, .large-widget a.more {position: absolute !important; bottom: 14px !important; right: 10px !important;} .widget .cap {width: 390px; height: 13px; background: url('style/images/widget-cap.png') no-repeat;} .widget .reviews {width: 210px; float: left;} .widget .cover {width: 118px; height: 118px; padding: 10px; border: 1px solid #a2a1a1; float: left; background: url('style/images/hide-and-seek-cover.png') no-repeat 10px 10px; margin-right: 10px;} .large-widget {width: 550px; background: url('style/images/large-widget-bg.png') repeat-y; margin: 0px 0px 20px 0px; position: relative; } .large-widget .inside {padding: 10px 10px 10px 14px; margin: 0px 0px 32px 0px;} .large-widget h2 {width: 550px; height: 47px; text-indent: -9999px;} .large-widget h2.mailing {background: url('style/images/sign-up-to-the-mailing-list.png') no-repeat;} .large-widget h2.latest-videos {background: url('style/images/latest-videos.png') no-repeat;} .large-widget .cap {width: 550px; height: 12px; background: url('style/images/large-widget-cap.png') no-repeat bottom;} .mailing-cta {width: 526px; height: 148px; background: url('style/images/mailing-cta.png') no-repeat;} span.quotes {font: 14px Georgia, Sans-Serif; font-style: italic;} p.twitter {font: 14px Georgia, Sans-Serif; font-style: italic;} .pod-top {width: 390px; height: 16px; background: url('style/images/pod-top.gif') no-repeat;} /* #default table.gigpress-table, #blog table.gigpress-table, #photos table.gigpress-table, #video table.gigpress-table, #shop table.gigpress-table, #join table.gigpress-table, #about table.gigpress-table, #press table.gigpress-table, #contact table.gigpress-table, #links table.gigpress-table {width: 365px; font-family: verdana,sans-serif; font-size: 11px; line-height: 1.4; padding: 0px 0px 11px 0px;}*/ table.gigpress-table {width: 100%; font-family: verdana,sans-serif; font-size: 11px; line-height: 1.4; padding: 0px 0px 11px 0px;} /*========== FOOTER ===========*/ .footer {margin: 0px auto 0px auto; width: 1040px; height: 80px;} ul.footernav {width: 1040px; height: 80px; margin: 0px auto; float: left; margin-bottom: 200px; margin-left: 20px;} ul.footernav li {display: inline;} ul.footernav li a {border: 0px solid red; height: 80px; float: left; text-indent: -9999px;} ul.footernav li.myspace a {background: url('style/images/footer.png') no-repeat; background-position: 0px 0px; width: 210px;} ul.footernav li.myspace a:hover {background-position: 0px -80px;} ul.footernav li.twitter a {background: url('style/images/footer.png') no-repeat; background-position: -210px 0px; width: 167px;} ul.footernav li.twitter a:hover {background-position: -210px -80px;} ul.footernav li.youtube a {background: url('style/images/footer.png') no-repeat; background-position: -377px 0px; width: 143px;} ul.footernav li.youtube a:hover {background-position: -377px -80px;} ul.footernav li.facebook a {background: url('style/images/footer.png') no-repeat; background-position: -520px 0px; width: 158px;} ul.footernav li.facebook a:hover {background-position: -520px -80px;} ul.footernav li.itunes a {background: url('style/images/footer.png') no-repeat; background-position: -678px 0px; width: 146px;} ul.footernav li.itunes a:hover {background-position: -678px -80px;} ul.footernav li.amazon a {background: url('style/images/footer.png') no-repeat; background-position: -823px 0px; width: 176px;} ul.footernav li.amazon a:hover {background-position: -823px -80px;} /*========== FORM ===========*/ .join-form {width: 400px;} .join-form label {margin-right: 10px; width: 100px; float: left;} .join-form .field {width: 280px; float: left; margin-bottom: 10px;} .join-form .submit {float: right;} /*========== LOGIN DETAILS ===========*/ .login-details {width: 500px;} .login-details label {margin-right: 10px; width: 150px; float: left;} .login-details .field {width: 280px; float: left; margin-bottom: 10px;} .login-details .submit {float: right;} .dsq-comment-header {background: #999999 !important;} .dsq-comment-header a {color: #000000 !important;} a.dsq-header-time {color: #fff !important;} ul.dsq-list-style li a {color: #323232; text-decoration: none;} /*============SHOP==================*/ .shop-row-1 {margin: 20px 0px 20px 0px;} .shop-row-1, .shop-row-2 {width:500px; position relative;} .shop-row-2 {background: #d6d6d6; padding:20px; border: 1px solid #999; height: 200px;} .shop-row-2 img.cover {padding: 10px; border: 1px solid #A2A1A1; float: left; margin-right: 20px; } .shop-row-2 a.listen {position: absolute; top: 20px; right: 20px;} .shop-row-2 .purchase-buttons {position: absolute; bottom: 20px; right: 20px;}