/* ------------------------------------------------------- overwriting css file - Laundry Day 2012 - by konnu.be ------------------------------------------------------- */ /* ------------------------- FONTS ------------------------- */ @import url(//fonts.googleapis.com/css?family=Ruda); /* ------------------------- GLOBAL ------------------------- */ html,body{height:auto;} body{ background-attachment: fixed; background-color: transparent; background-image: url("../images/konnu/background_low.jpg"); background-position: center center; background-repeat: repeat; /*--- css3 magic --- */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-background-clip:border-box; -moz-background-clip:border-box; -o-background-clip:border-box; background-clip:border-box; -webkit-background-origin: padding-box; -moz-background-origin: padding-box; -o-background-origin: padding-box; background-origin: padding-box; } hr {background: url("../images/konnu/black_horizontal_line.png") repeat-x scroll left top transparent;height: 5px;} /* ------------------------- PAGE ------------------------- */ #mainwrapper {background-image: url("../images/konnu/scroll.png");background-position: left top;padding: 0 2px;} /* ------------------------- HEADER ------------------------- */ #mainwrapper #header {background-image: url("../images/konnu/sprite.png");height: 305px;width: 966px;background-position:left top;} #mainwrapper #header .join_our_ceremony {height: 71px;top: 86px;width: 164px;} #mainwrapper #header .join_our_ceremony.left {left: 103px;} #mainwrapper #header .join_our_ceremony.right {right: 117px;} #mainwrapper #header .join_our_ceremony ul li{height:71px;width:164px;} #mainwrapper #header .join_our_ceremony ul li h2{background-image: url("../images/konnu/join_our_ceremony.png");height:71px;width:164px;} #mainwrapper #header .join_our_ceremony ul li h2.when {background-position: 0 -71px;} /* --- COLOR BULLETS --- */ #mainwrapper #header ul.colourful_container {background-image: url("../images/konnu/sprite.png");background-position:left -305px;height: 26px;top: 305px;width: 913px;padding: 6px 27px 0 27px;left:1px;} /* --- NAV --- */ #mainwrapper #header ul#nav {left: 91px;position: absolute;top: 232px;width: 783px;} #mainwrapper #header ul#nav li{padding:0;} #mainwrapper #header ul#nav li.divider{padding:10px 0;} #mainwrapper #header ul#nav li.faq{padding:0;} #mainwrapper #header ul#nav li a{padding:8px 4px 8px 5px;display:block;} #mainwrapper #header ul#nav li a:hover{color:#ff21a1;} #mainwrapper #header ul#nav li.active a{color:#ff21a1;} #mainwrapper #header ul#nav li.spacer{width:244px;} /* ------------------------- MAIN CONTENT ------------------------- */ #mainwrapper #contentwrapper{background-image: url("../images/konnu/content_bottom.png");background-position:7px bottom;background-repeat:no-repeat;padding-bottom:230px;} /* --- POST --- */ #mainwrapper #contentwrapper #content .middle.news .news-item .header .title {width: 415px;} #mainwrapper #contentwrapper #content .middle.news .news-item .header .title h2 {padding-top: 22px;} #mainwrapper #contentwrapper #content .middle.news .news-item .header .title h2 a {color: #000000;} #mainwrapper #contentwrapper #content .middle.news .news-item .header .title h3 {font-family: 'Ruda', sans-serif;font-size: 18px;color:#ff21a1;text-transform:lowercase;margin-top:4px;} #mainwrapper #contentwrapper #content .middle.news .news-item .body {font-size: 15px;line-height: 20px;font-family: 'Ruda', sans-serif;padding: 15px 10px 5px;} #mainwrapper #contentwrapper #content .middle.news .news-item .header .post_counter {float: left;margin: 0 10px 10px 0;font-family: 'ModulaTallOTGR-Bold';font-size:52px;text-align:center;} #mainwrapper #contentwrapper #content .middle.news .news-item .header .post_counter .post_counter_number{background-image: url("../images/konnu/sprite.png");background-position:left -337px; padding-top:30px;height: 85px;width: 115px;} #mainwrapper #contentwrapper #content .middle.news .news-item .footer li.read_more a {color:#747474;} #mainwrapper #contentwrapper #content .middle.news .news-item .footer li.read_more a:hover{color:#454545;} #mainwrapper #contentwrapper #content .middle.news .news-item .footer{margin:14px 10px 0 10px;} #mainwrapper #contentwrapper #content .middle.news .news-item .footer li.share span {color:#747474;margin-right:10px;} #mainwrapper #contentwrapper #content .middle.news .news-item .footer li.share a{display:block;height:27px;background-image: url("../images/konnu/sprite.png");overflow:hidden;text-indent:-999px;padding:0;margin:5px 0;top:-6px;position:relative;} #mainwrapper #contentwrapper #content .middle.news .news-item .footer li.share a.twitter{width:40px;background-position:-115px -337px;top:-6px;} #mainwrapper #contentwrapper #content .middle.news .news-item .footer li.share a.fb{width:28px;background-position:-155px -337px;} #mainwrapper #contentwrapper #content .middle.news .news-item .footer li.share a.twitter:hover{background-position:-115px -364px;} #mainwrapper #contentwrapper #content .middle.news .news-item .footer li.share a.fb:hover{background-position:-155px -364px;} /* --- PAGNATION --- */ #mainwrapper #contentwrapper #content .middle.news .pagination li a{height:18px;width:23px;display:block;background-image: url("../images/konnu/sprite.png");background-position:-184px -360px;font-family: 'Ruda', sans-serif;font-size: 14px;font-weight:bold;} #mainwrapper #contentwrapper #content .middle.news .pagination li.active{background:none;} #mainwrapper #contentwrapper #content .middle.news .pagination li a:hover{background-position:-184px -337px;} #mainwrapper #contentwrapper #content .middle.news .pagination li a.green1{background-position:-184px -360px;} #mainwrapper #contentwrapper #content .middle.news .pagination li a.green1:hover{background-position:-184px -337px;} #mainwrapper #contentwrapper #content .middle.news .pagination li a.red{background-position:-207px -337px;width:24px;} #mainwrapper #contentwrapper #content .middle.news .pagination li a.red:hover{background-position:-207px -360px;} #mainwrapper #contentwrapper #content .middle.news .pagination li a.green2{background-position:-207px -360px;width:24px;} #mainwrapper #contentwrapper #content .middle.news .pagination li a.green2:hover{background-position:-207px -337px;} #mainwrapper #contentwrapper #content .middle.news .pagination li a.blue{background-position:-184px -337px;} #mainwrapper #contentwrapper #content .middle.news .pagination li a.blue:hover{background-position:-184px -360px;} /* ------------------------- SIDEBAR ------------------------- */ #mainwrapper #contentwrapper #content .sidebar{right:14px;} /* --- COME AND PRAY WITH --- */ #mainwrapper #contentwrapper #content .sidebar #artist_rotator{background: url("../images/konnu/sprite.png") no-repeat scroll 0px -949px transparent;height: 441px;width:381px;} #mainwrapper #contentwrapper #content .sidebar #artist_rotator .title{font-size: 56px;left: 0;text-align: center;top: 58px;width: 100%;} #mainwrapper #contentwrapper #content .sidebar #artist_rotator #artists {left: 8px;top: 148px;} #mainwrapper #contentwrapper #content .sidebar #artist_rotator #artistlist {top: 408px;} #mainwrapper #contentwrapper #content .sidebar #artist_rotator .nametag{top:210px;left:-1px;} #mainwrapper #contentwrapper #content .sidebar #artist_rotator .nametag:hover {background: url("../images/konnu/sprite.png") no-repeat scroll -382px -954px transparent;} #mainwrapper #contentwrapper #content .sidebar #artist_rotator .nametag:hover ul.names li a{color:#ffffff;} /* --- TICKETS --- */ #mainwrapper #contentwrapper #content .sidebar #buy_tickets {background: url("../images/konnu/sprite.png") no-repeat scroll -381px -487px transparent;height: 166px;width: 381px;} #mainwrapper #contentwrapper #content .sidebar #buy_tickets:hover {background-position: -381px -653px;} #mainwrapper #contentwrapper #content .sidebar #buy_tickets a{font-size:34px;padding: 37px 85px;width:210px;} #mainwrapper #contentwrapper #content .sidebar #buy_tickets a span{clear:both;display:block;text-decoration:none;margin-top:3px;font-size:46px;text-indent:7px;} #mainwrapper #contentwrapper #content .sidebar #buy_tickets:hover a span{color:#ffffff;} /* --- PLACES OF WORSHIP --- */ #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples {background: url("../images/konnu/sprite.png") no-repeat scroll -382px -999px transparent;height: 203px;margin-top: 15px;width: 381px;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples h3 {color: #000000;font-size: 37px;padding: 37px 86px 28px 86px;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples h3 span.right {padding-left:46px;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper{margin-left: 48px;padding-left: 0;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a{text-align:center;font-size:28px;color:#ffffff;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a .icon{margin-bottom:3px !important;background: url("../images/konnu/sprite.png") no-repeat scroll -460px -382px transparent;margin-bottom: 10px;text-indent: -999px;overflow:hidden;} /* fecebook */ #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.fb{height: 45px;width: 66px;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.fb:hover{color:#cbff00;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.fb .icon{background: url("../images/konnu/sprite.png") no-repeat scroll -429px -338px transparent;height: 45px;left:0;width: 66px;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.fb:hover .icon{ background: url("../images/konnu/sprite.png") no-repeat scroll -429px -383px transparent;color:#cbff00;} /* twitter */ #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.twitter{height: 45px;width: 66px;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.twitter:hover{color:#cbff00;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.twitter .icon{background: url("../images/konnu/sprite.png") no-repeat scroll -506px -338px transparent;height: 45px;left:0;width: 66px;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.twitter:hover .icon{ background: url("../images/konnu/sprite.png") no-repeat scroll -506px -383px transparent;color:#cbff00;} /* youtube */ #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.youtube{height: 45px;width: 66px;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.youtube:hover{color:#cbff00;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.youtube .icon{background: url("../images/konnu/sprite.png") no-repeat scroll -585px -338px transparent;height: 45px;left:0;width: 66px;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.youtube:hover .icon{ background: url("../images/konnu/sprite.png") no-repeat scroll -585px -383px transparent;color:#cbff00;} /* vimeo */ #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.vimeo{height: 45px;width: 66px;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.vimeo:hover{color:#cbff00;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.vimeo .icon{background: url("../images/konnu/sprite.png") no-repeat scroll -651px -338px transparent;height: 45px;left:0;width: 66px;} #mainwrapper #contentwrapper #content .sidebar #sacrificial_temples .iconwrapper a.vimeo:hover .icon{ background: url("../images/konnu/sprite.png") no-repeat scroll -651px -383px transparent;color:#cbff00;} /* --- THE BOOK (facebook) --- */ #mainwrapper #contentwrapper #content .sidebar #facebook_box {background: url("../images/konnu/sprite.png") no-repeat scroll -384px -1204px transparent;width:380px;height:230px;} #mainwrapper #contentwrapper #content .sidebar #facebook_box h3{background-color: #00c2ff;left:9px;padding-left:0;width: 362px;top:15px;color:#000000;text-align:center;} #mainwrapper #contentwrapper #content .sidebar #facebook_box h3 span{margin:0 10px;height:36px;width:30px;display:inline-block;background: url("../images/konnu/sprite.png") no-repeat scroll -746px -337px transparent;position:relative;top:1px;} #mainwrapper #contentwrapper #content .sidebar #facebook_box .container{width:362px;height:161px;} /* --- PRAYERS (twitter) --- */ #mainwrapper #contentwrapper #content .sidebar #twitter_box {background: url("../images/konnu/sprite.png") no-repeat scroll -2px -1400px transparent;height: 182px;width: 381px;} #mainwrapper #contentwrapper #content .sidebar #twitter_box h3{left:9px;padding-left:0;width: 362px;text-align:center;} #mainwrapper #contentwrapper #content .sidebar #twitter_box h3 span{margin:0 10px;height:35px;width:61px;display:inline-block;background: url("../images/konnu/sprite.png") no-repeat scroll -746px -393px transparent;position:relative;top:1px;} #mainwrapper #contentwrapper #content .sidebar #twitter_box h3 span.left{background: url("../images/konnu/sprite.png") no-repeat scroll -804px -393px transparent;} /* --- INFO GRID --- */ /* global */ #mainwrapper #contentwrapper #content .sidebar #info_grid {width:381px;overflow:hidden;margin-top:14px;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item{height:165px;width:183px;display:block;float:left;margin-bottom:4px;font-family: 'ModulaTallOTGR-Bold';font-weight:normal;text-align:center;text-transform:uppercase;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item a{padding:85px 12px 22px;display:block;width:158px;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item a:hover{color:#000000;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item a span{display:block;font-size:38px;line-height: 32px;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item a span.line{display:inline-block;padding:0 6px;font-size:25px;line-height: 26px;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.even{margin-right:14px;} /* specific */ #mainwrapper #contentwrapper #content .sidebar #info_grid .item.pilgrim{text-indent: -9999px; background: url("../images/konnu/sprite.png") no-repeat scroll -400px -1445px transparent;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.pilgrim:hover{background: url("../images/konnu/sprite.png") no-repeat scroll -590px -1445px transparent;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.pilgrim a:hover{color:#ffffff;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.pilgrim a span.line{background-color:#00ff00;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.pilgrim:hover a span.line{background-color:#ff21a1;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.bus{text-indent: -9999px; background: url("../images/konnu/sprite.png") no-repeat scroll right -487px transparent;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.bus:hover{background: url("../images/konnu/sprite.png") no-repeat scroll right -1160px transparent;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.bus a:hover{color:#ffffff;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.bus a span.line{background-color:#00ff00;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.bus:hover a span.line{background-color:#ff21a1;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.merchandise{background: url("../images/konnu/sprite.png") no-repeat scroll right -824px transparent;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.merchandise:hover{background: url("../images/konnu/sprite.png") no-repeat scroll right -1497px transparent;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.merchandise a span.line{background-color:#cbff00;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.merchandise:hover a span.line{background-color:#00c2ff;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.map{background: url("../images/konnu/sprite.png") no-repeat scroll right -655px transparent;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.map:hover{background: url("../images/konnu/sprite.png") no-repeat scroll right -1328px transparent;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.map a span.line{background-color:#00c2ff;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.map:hover a span.line{background-color:#cbff00;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.timetable{background: url("../images/konnu/sprite.png") no-repeat scroll right -992px transparent;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.timetable:hover{background: url("../images/konnu/sprite.png") no-repeat scroll right -1665px transparent;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.timetable a span.line{background-color:#ff21a1;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.timetable a:hover span.line{background-color:#00ff00;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.timetable a{color:#ffffff;} #mainwrapper #contentwrapper #content .sidebar #info_grid .item.timetable a:hover{color:#000000;} /* --- SUBSCRIBE BLOCK --- */ #mainwrapper #contentwrapper #content .sidebar #newsletter_box{background: url("../images/konnu/sprite.png") no-repeat scroll left -1610px transparent;width: 385px;left:-3px;} #mainwrapper #contentwrapper #content .sidebar #newsletter_box h3 {font-size: 25px;left: 0;padding:0;top:10px;width: 100%;text-align:center;text-indent:4px;} #mainwrapper #contentwrapper #content .sidebar #newsletter_box h3 span{display:block;font-size: 39px;line-height: 27px;} #mainwrapper #contentwrapper #content .sidebar #newsletter_box #subscribe_email {color: #ff21a1;font-style: none;font-weight: normal;left: 108px;padding: 3px 6px;top: 68px;width: 157px;height:16px;} #mainwrapper #contentwrapper #content .sidebar #newsletter_box .subscribe_btn {background: none;height: 35px;left: 142px;right:auto;background-color:transparent;padding:0;top: 92px;width: 101px;} #mainwrapper #contentwrapper #content .sidebar #newsletter_box .subscribe_btn:hover {background: url("../images/konnu/sprite.png") no-repeat scroll left -1765px transparent;} /* ------------------------- FOOTER ------------------------- */ #footer{background: url("../images/konnu/footer_bg.png") no-repeat scroll left bottom transparent;height: auto;margin: 0 auto;padding:0 0 30px 0;width: 980px;left:0px;} /* --- COLOR BULLETS + SKULL--- */ #footer-top {padding:0 7px;position:relative;} #footer-top #footer-skull {width:374px;height:462px;background-image: url("../images/konnu/sprite.png");background-position:0 -487px;position:absolute;top:-221px;left:308px;} #footer-top ul.colourful_container {background-image: url("../images/konnu/sprite.png");background-position:5px -452px;height: 26px;top: 305px;width: 894px;padding: 6px 36px 0;left:1px;} #footer-top ul.colourful_container li {float: left;width: 13px;height: 13px;background: url('../images/sprite.png') no-repeat -605px -1790px;margin-right: 7px;} #footer-top ul.colourful_container li.red {background-position: -620px -1790px;} #footer-top ul.colourful_container li.blue {background-position: -635px -1790px;} #footer-top ul.colourful_container li.last {margin-right: 0;} /* --- COLUMNS --- */ body #mainwrapper #footer div.col {padding-top: 6px;background:none;margin-right:0;} body #mainwrapper #footer #column-holder {padding: 0 34px;overflow:hidden;min-height:204px;position:relative;z-index:99;} body #mainwrapper #footer #column-holder a{font-family: 'ModulaTallOTGR-Bold';font-weight:normal;font-size:24px;} #footer #column-holder div.col h4{text-align:center;border-bottom:1px solid #000000;} #footer #column-holder div.col ul{margin-top:10px;} #footer #column-holder div.col ul li{margin-top:0;} #footer #column-holder div.col.info{float:right;} #footer #column-holder div.col.info li{font-family: 'ModulaTallOTGR-Bold';font-weight:normal;font-size:20px;text-align:center;} #footer #column-holder div.col.info span{color:#ff21a1;} #footer #column-holder div.col.info .copyright{font-family: 'Ruda', sans-serif;font-size: 12px;text-transform:lowercase;margin-top:10px;font-weight:bold;} body #mainwrapper #footer #column-holder div.col.info .copyright a{font-family: 'Ruda', sans-serif;font-size: 12px;color:#ff21a1;text-decoration:underline;font-weight:bold;} body #mainwrapper #footer #column-holder div.col.info .copyright a:hover{color:#00b1ff;} #footer #column-holder div.col.sitemap ul{text-align:right;padding-left:5px;} #footer #column-holder div.col.sitemap ul a:hover{color:#00c2ff;} #footer #column-holder div.col.sitemap ul.last{text-align:left;padding-left:0;padding-right:5px;} #footer #column-holder div.col.sitemap ul.last a:hover{color:#ff21a1;} #footer #column-holder div.col.press ul.first{border-bottom:1px solid #000000;padding-bottom:10px;text-align:center;} #footer #column-holder div.col.press ul.social li{width:40px;height:27px;float:left;} #footer #column-holder div.col.press ul.social li a{width:40px;height:27px;display:block;overflow:hidden;float:left;background: url('../images/konnu/sprite.png');text-indent:-999px;} #footer #column-holder div.col.press ul.social li.facebook a{background-position:-244px -337px;} #footer #column-holder div.col.press ul.social li.facebook a:hover{background-position:-244px -367px;} #footer #column-holder div.col.press ul.social li.twitter {width:42px;} #footer #column-holder div.col.press ul.social li.twitter a{background-position:-286px -337px;width:42px;} #footer #column-holder div.col.press ul.social li.twitter a:hover{background-position:-286px -367px;} #footer #column-holder div.col.press ul.social li.youtube a{background-position:-329px -337px;} #footer #column-holder div.col.press ul.social li.youtube a:hover{background-position:-329px -367px;} #footer #column-holder div.col.press ul.social li.vimeo a{background-position:-369px -337px;} #footer #column-holder div.col.press ul.social li.vimeo a:hover{background-position:-369px -367px;} #btn_dixan_sidebar{ width: 384px; height: 281px; background: url('../images/btn_dixan_sidebar.jpg') no-repeat; margin-top: 20px; position: relative; display: block; border: none; text-indent: -9999px; } #btn_tracks{ width: 384px; height: 165px; background: url('../images/btn_22_tracks_normal.png') no-repeat -1px 0px; margin-top: 20px; position: relative; display: block; border: none; text-indent: -9999px; } #btn_tracks:hover{ background: url('../images/btn_22_tracks_hover.png') no-repeat; } #merch img{ margin-top: 20px; margin-bottom: 20px; }