/* Theme Name: Newport Folk Festival 2012 Theme URI: http://newportfolkfest.net/ Author: subLoft Author URI: http://www.subLoft.com/ */ /* basics */ * {margin:0; padding:0; outline:none; border:none;} body {background:#fefdec url(img/background.gif); font-family:'Open Sans', Helvetica, Arial, sans-serif; font-size:14px; line-height:18px; color:#434343;} h1, h2 {font-size:30px; line-height:30px; font-weight:bold; color:#444; text-transform:uppercase; margin-bottom:15px;} h2 {margin-top:30px;padding-top:30px; background:url(img/divider-580-single.png) no-repeat;} h3 {font-size:18px; font-weight:bold; line-height:22px;} h4 {} h5 { font-size:18px; line-height:22px; margin-bottom:20px;} h6 {font-size:30px; margin-bottom:20px;} .gogol-bordello h6, .elvis-costello h6, .emmylou-harris h6, .tegan-and-sara h6 {margin-top:-15px;} h5, h6 {font-weight:normal;} p, ul, ol {margin-bottom:20px;} ul, ol {margin-left:15px;} .left {float:left;} .right {float:right} img {} img a {} img.left {} img.right {} blockquote {} code {} /* links */ a {text-decoration:none; font-weight:bold; color:#e93b42;} a:hover {color:#64978a;} h4 {height:24px; line-height:24px;} h4 a {font-size:16px; padding-left:30px; background:url(img/arrow-right.png) no-repeat top left; padding-bottom:1px;} h4 a:hover {color:#e93b42;} .tickets #main h4 a {font-size:20px; background-position:0px 2px;} .tickets #main h4 {margin-bottom:5px;} #back h4 a {background-image:url(img/arrow-left.png);} #back.schedule h4 a {background-image:url(img/arrow-right.png);} h4.pad {margin-bottom:20px;} /* header */ #header {height:181px;} #header .container {position:relative; width:1010px; margin:0 auto; background:url(img/header.png) no-repeat; height:181px; margin-top:20px;} #header h1, #header h2 {text-indent:-9999px; height:0; border:none; margin:0; padding:0;} #header h1 a, #header h2 a {text-decoration:none;} #logo {position:absolute; text-indent:-9999px; z-index:1; width:730px; height:97px; left:30px; top:0px;} #logo a {width:730px; height:97px; display:block;} /* main menu */ #nav {width:920px; height:34px; padding:126px 0 0 45px; float:left;} #nav ul {margin:0; padding:0; list-style:none; clear:both;} #nav li {overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-top:9px; height:16px;} #nav li a {background:url('img/sprite-header-nav.png') no-repeat; width:100%; height:100%; display:block;} /* home */ #nav li.home {width:59px;} #nav li.home a {background-position:0px -9px;} #nav li.home a:hover, #nav li.home a.active {background-position:0px -43px;} /* event info */ #nav li.event-info {width:116px; margin-left:31px;} #nav li.event-info a {background-position:-90px -9px;} #nav li.event-info a:hover, #nav li.event-info a.active {background-position:-90px -43px;} /* tickets */ #nav li.tickets {width:82px; margin-left:31px;} #nav li.tickets a {background-position:-237px -9px;} #nav li.tickets a:hover, #nav li.tickets a.active {background-position:-237px -43px;} /* lineup */ #nav li.lineup {width:73px; margin-left:32px;} #nav li.lineup a {background-position:-350px -9px;} #nav li.lineup a:hover, #nav li.lineup a.active {background-position:-350px -43px;} /* blog */ #nav li.blog {width:53px; margin-left:31px;} #nav li.blog a {background-position:-455px -9px;} #nav li.blog a:hover, #nav li.blog a.active {background-position:-455px -43px;} /* history */ #nav li.history {width:88px; margin-left:32px;} #nav li.history a {background-position:-540px -9px;} #nav li.history a:hover, #nav li.history a.active {background-position:-540px -43px;} /* shop */ #nav li.shop {width:56px; margin-left:29px;} #nav li.shop a {background-position:-657px -9px;} #nav li.shop a:hover, #nav li.shop a.active {background-position:-657px -43px;} /* facebook */ #nav li.facebook {width:24px; margin-left:63px; margin-top:5px; height:24px;} #nav li.facebook a {background-position:-776px -5px;} #nav li.facebook a:hover {background-position:-776px -39px;} /* twitter */ #nav li.twitter {width:24px; margin-left:6px; margin-top:5px; height:24px;} #nav li.twitter a {background-position:-806px -5px;} #nav li.twitter a:hover {background-position:-806px -39px;} /* tumblr */ #nav li.tumblr {width:24px; margin-left:6px; margin-top:5px; height:24px;} #nav li.tumblr a {background-position:-836px -5px;} #nav li.tumblr a:hover {background-position:-836px -39px;} /* vimeo */ #nav li.vimeo {width:24px; margin-left:6px; margin-top:5px; height:24px;} #nav li.vimeo a {background-position:-866px -5px;} #nav li.vimeo a:hover {background-position:-866px -39px;} /* youtube */ #nav li.youtube {width:24px; margin-left:6px; margin-top:5px; height:24px;} #nav li.youtube a {background-position:-896px -5px;} #nav li.youtube a:hover {background-position:-896px -39px;} .stepcarousel{ position: relative; /*leave this value alone*/ border: none; margin:0 auto; overflow: scroll; /*leave this value alone*/ width: 920px; /*Width of Carousel Viewer itself*/ height: 360px; /*Height should enough to fit largest content's height*/ } .stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 0; /*margin around each panel*/ width: 920px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } /* content */ #page-image, #back {width:920px; margin:0 auto;} #page-image {margin-top:20px;} #back {margin-bottom:5px;} #content {clear:both; width:920px; margin:0 auto; padding:30px 45px 15px 45px;} #badges {width:920px; height:164px; margin:30px auto 0 auto; background:url(img/background-badges.png) no-repeat;} .divider-920-double {width:920px; margin:0 auto; height:1px; background:url(img/divider-920-dotted.png) no-repeat;} .divider-580-double {width:580px; height:1px; background:url(img/divider-580-solid.png) no-repeat;} .divider-580-single {width:580px; height:1px; background:url(img/divider-580-solid.png) no-repeat;} .divider-320-single {width:320px; height:1px; background:url(img/divider-320-dotted.png) no-repeat;} .divider-225-double {width:225px; height:1px; background:url(img/divider-225-dotted.png) no-repeat;} .divider-225-single {width:320px; height:1px; background:url(img/divider-225-dotted.png) no-repeat;} #main {float:left; width:580px; overflow:visible;} #main img.banner {margin-left:-45px;} #main h1 {} .post {} .post h2 {} .post h2 a {} .post h2 a:hover {} .post ul {} .post li {} .entry p {} .postmetadata {} .navigation {} .alignleft a {} .alignright a {} /* homepage */ .latest-news h2 {font-size:30px; line-height:30px; margin-top:0; padding-top:0; background:none;} .latest-news h2 a {color:#444;} .latest-news h4 a, #sidebar h4 a {background:none; padding-left:0px;height:auto; line-height:16px; padding-bottom:0px;} .latest-news {height:200px; overflow:hidden; margin-bottom:30px;} .latest-news .left {width:225px;} .latest-news .right {width:320px;} .latest-news .divider-320-single {margin:10px 0;} .home .divider-920-double {margin-top:30px;} .home .divider-580-double {margin-bottom:5px;} li.tweet_list {line-height:16px !important; margin-bottom:20px !important;} li.tweet_list a {font-weight:normal;} /* sidebar */ #sidebar {width:225px; float:right;} #sidebar h4 {margin-top:10px; margin-bottom:45px;} #sidebar img.banner {margin-left:-35px; margin-bottom:5px;} #sidebar img.also-playing {margin-bottom:20px;} #sidebar img.badges {margin-bottom:30px;} /* blog */ #facebook, #twitter {float:left;} #commentform{} #commentform p {} #commentform a{} #commentform h3{} #comment{} #author, #email, #url, #comment, #submit{} #submit{} #comments{} ol.commentlist {} .avatar{} ol.commentlist li {} ol.commentlist li.alt {} ol.commentlist li p {} ol.commentlist a {} cite {} cite a{} /* search */ #searchform{} #searchform input#s{} /* misc */ .clear {clear:both; font-size:0px; line-height:0px; overflow:hidden; height:0px;} img.alignnone {margin-top:20px;} img.centered {display:block; margin-left:auto; margin-right:auto;} img.alignright {margin-left:20px; display:inline; clear:both;} img.alignleft {margin-right:20px; display:inline; clear:both;} .alignright {float:right; margin-bottom:20px;} .alignleft {float:left; margin-bottom:20px;} .wp-caption {} .wp-caption img {} .wp-caption p.wp-caption-text {} /* footer */ #footer {background:url(img/background-footer.jpg) repeat-x top center; height:470px;} #footer .container {position:relative; width:920px; margin:0 auto; padding-top:157px;} /* links */ #links {width:920px; height:24px; background:url(img/sprite-footer-background.png) no-repeat;} #links ul {margin:0; padding:0; list-style:none; clear:both;} #links li {overflow:hidden; text-indent:-9999px; display:inline; float:left; height:24px;} #links li a {width:100%; height:100%; display:block; background:url(img/sprite-footer.png) no-repeat;} /* event info */ #links li.event-info {width:137px; margin-left:1px;} #links li.event-info a {background-position:-1px 0px;} #links li.event-info a:hover, #links li.event-info a.active {background-position:-1px -24px;} /* tickets */ #links li.tickets {width:93px; margin-left:23px;} #links li.tickets a {background-position:-161px 0px;} #links li.tickets a:hover, #links li.tickets a.active {background-position:-161px -24px;} /* lineup */ #links li.lineup {width:83px; margin-left:25px;} #links li.lineup a {background-position:-279px 0px;} #links li.lineup a:hover, #links li.lineup a.active {background-position:-279px -24px;} /* blog */ #links li.blog {width:60px; margin-left:23px;} #links li.blog a {background-position:-385px 0px;} #links li.blog a:hover, #links li.blog a.active {background-position:-385px -24px;} /* history */ #links li.history {width:100px; margin-left:23px;} #links li.history a {background-position:-468px 0px;} #links li.history a:hover, #links li.history a.active {background-position:-468px -24px;} /* shop */ #links li.shop {width:63px; margin-left:21px;} #links li.shop a {background-position:-589px 0px;} #links li.shop a:hover, #links li.shop a.active {background-position:-589px -24px;} /* facebook */ #links li.facebook {width:24px; margin-left:124px;} #links li.facebook a {background-position:-776px 0px;} #links li.facebook a:hover {background-position:-776px -24px;} /* twitter */ #links li.twitter {width:24px; margin-left:6px;} #links li.twitter a {background-position:-806px 0px;} #links li.twitter a:hover {background-position:-806px -24px;} /* tumblr */ #links li.tumblr {width:24px; margin-left:6px;} #links li.tumblr a {background-position:-836px 0px;} #links li.tumblr a:hover {background-position:-836px -24px;} /* vimeo */ #links li.vimeo {width:24px; margin-left:6px;} #links li.vimeo a {background-position:-866px 0px;} #links li.vimeo a:hover {background-position:-866px -24px;} /* email */ #links li.youtube {width:24px; margin-left:6px;} #links li.youtube a {background-position:-896px 0px;} #links li.youtube a:hover {background-position:-896px -24px;} #sign-up {clear:both; height:80px; border-top:1px solid #d2e4c4; border-bottom:1px solid #d2e4c4; margin-top:14px; font-size:24px; line-height:80px; color:#fff;} #sign-up input#email_address {width:405px; height:40px; background-color:#fff; color:#366856; font-size:18px; line-height:40px; font-family:'Open Sans', Helvetica, Arial, sans-serif; padding-left:15px;} #sign-up input#submit {height:40px; width:110px; background:url(img/sprite-submit.gif) no-repeat; text-indent:-9999px; margin-left:5px;} #sign-up input#submit:hover {background:url(img/sprite-submit.gif) no-repeat 0px -40px; cursor:pointer;} #foundation {margin-top:32px; height:60px; overflow:visible;} #foundation .right {width:700px; color:#fff; font-size:14px;} #foundation .right p {margin-bottom:8px;} #foundation .right a {font-size:15px; font-weight:bold; color:#fff; text-decoration:none;} #foundation .right a:hover {color:#fff;} #credit {font-size:15px; color:#fff; margin-top:30px;} #credit a {font-weight:bold; color:#fff; text-decoration:none;} #credit a:hover {color:#bce0ee;} .lineup #main .left img, .lineup #main .right img {margin-bottom:15px;} .lineup #sidebar ul {list-style-type:none; margin-left:0; margin-bottom:60px;} .lineup #sidebar li {margin-bottom:5px;} .lineup #sidebar a {font-size:14px;} .lineup #sidebar h2 {background:none; margin-top:0; padding-top:0; margin-bottom:0;} .lineup #sidebar h3 {margin-bottom:20px;}