@charset "UTF-8"; /* CSS Document SQUELETTES*/ *{margin:0; padding:0;} body{ font-family:Arial, Helvetica, sans-serif; font-size:12px;text-align:center;position:relative;} body.news{background:#c02130;} .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .clearfix {display:inline-block;} html[xmlns] .clearfix {display:block;} * html .clearfix {height: 1%;} a{color:#666;} a img {border:none} #backgrounds {height:1200px;left:0;position:absolute;top:-5px;width:100%;z-index:-1;text-align:center;background:#9FE9FF;overflow:hidden;margin-top:40px;} .news #backgrounds {display:none;} .membership #backgrounds{height:1520px;} .grownups #backgrounds{height:1375px;} .show #backgrounds{height:1266px;} .background{height:100%;position:absolute;top:0;width:100%;z-index:-1;text-align:center;overflow:hidden;display:none} #backgrounds .background { background:url(../images/background_general/bg_sky.png) repeat-x center top;} #backgrounds_left{width:50%;height:100%;position:absolute;top:0;left:0;overflow:hidden;} #backgrounds_right{width:50%;height:100%;position:absolute;top:0;left:50%;overflow:hidden;} #bg_container_left{height:100%;left:0;right:482px;position:absolute;-webkit-transform-style: preserve-3d;} #bg_container_right{height:100%;left:485px;right:0;position:absolute;-webkit-transform-style: preserve-3d;} #bg_container_left .background{-webkit-transform-origin: right 50%;right:0;} #bg_container_right .background{-webkit-transform-origin: left 50%;left:0;} body.generic .background.bg_general {display:block;} body.membership .background.bg_general {display:block;} body.guys .background.bg_general {display:block;} body.alton .background.bg_general {display:block;} body.grownups .background.bg_general {display:block;} body.profile .background.bg_general {display:block;} body.showdates .background.bg_general {display:block;} body.gemma .background.bg_gemma {display:block;} body.carl .background.bg_carl {display:block;} body.jade .background.bg_jade {display:block;} body.steve .background.bg_steve {display:block;} body.holly .background.bg_holly {display:block;} body.fluffalope .background.bg_fluffalope {display:block;} body.mrbaffled .background.bg_mrbaffled {display:block;} .background .left_bg{position:absolute;right:0; width:1280px;/*border:1px solid #F00;*/height:100%;} .background .right_bg{position:absolute;left:0; width:1280px;/*border:1px solid #C93;*/height:100%;} .background.bg_general .left_bg{/*background:url(../images/background_general/bg.png) no-repeat right bottom; */} .background.bg_general .right_bg{/*background:url(../images/background_general/bg.png) no-repeat left bottom; */} .background.bg_general .cloud01_sx_dx{background:url(../images/background_general/cloud01_sx_dx.png) no-repeat;width:97px;height:98px;display:block;position:absolute;right:0px; bottom:600px;-webkit-animation:'cloud' 60s linear -50s infinite backwards;-moz-animation:cloud 60s linear -50s infinite backwards;} .background.bg_general .cloud01_dx_sx{background:url(../images/background_general/cloud01_dx_sx.png) no-repeat;width:83px;height:78px;display:block;position:absolute;left:0px;bottom:700px;-webkit-animation:'cloud' 60s linear -10s infinite backwards;-moz-animation:cloud 60s linear -10s infinite backwards;} .background.bg_general .cloud02_sx_dx{background:url(../images/background_general/cloud02_sx_dx.png) no-repeat;width:143px;height:101px;display:block;position:absolute;right:40px;bottom:740px;-webkit-animation:'cloud' 60s linear -30s infinite backwards;-moz-animation:cloud 60s linear -30s infinite backwards;} .background.bg_general .cloud02_dx_sx{background:url(../images/background_general/cloud02_dx_sx.png) no-repeat;width:151px;height:77px;display:block;position:absolute;left:60px;bottom:640px;-webkit-animation:'cloud' 60s linear -30s infinite backwards;-moz-animation:cloud 60s linear -30s infinite backwards;} .background.bg_general .bubble_1{position:absolute;right:60px;bottom:400px;width:96px;height:96px;} .background.bg_general .bubble_1 div {position:relative;height:96px;background:url(../images/background_general/bubble_soap_1.png) no-repeat;} .background.bg_general .bubble_2{position:absolute;right:20px;bottom:290px;width:52px;height:52px;} .background.bg_general .bubble_2 div{position:relative;height:52px;background:url(../images/background_general/bubble_soap_2.png) no-repeat;} .background.bg_general .bubble_3{position:absolute;left:30px;bottom:470px;width:68px;height:68px;} .background.bg_general .bubble_3 div{position:relative;height:68px;background:url(../images/background_general/bubble_soap_3.png) no-repeat;} .background.bg_general .bubble_4{position:absolute;left:110px;bottom:500px;width:54px;height:54px;} .background.bg_general .bubble_4 div{position:relative;height:54px;background:url(../images/background_general/bubble_soap_4.png) no-repeat;} .bubble_anim div{ -webkit-animation: 'leftright' 3s ease-in-out infinite;-moz-animation: leftright 3s ease-in-out infinite;} .bubble_anim {-webkit-animation: 'goup' 6s infinite linear backwards;-moz-animation: goup 6s infinite linear backwards;} .bubble_1, .note_1 {-webkit-animation-delay: 1s;-moz-animation-delay: 1s;} .bubble_1 div, .note_1 div {-webkit-animation-delay: 1s;-moz-animation-delay: 1s;} .bubble_2, .note_2 {-webkit-animation-delay: 2s;-moz-animation-delay: 2s;} .bubble_2 div, .note_2 div {-webkit-animation-delay: 2s;-moz-animation-delay: 2s;} .bubble_3, .note_3 {-webkit-animation-delay: 3s;-moz-animation-delay: 3s;} .bubble_3 div, .note_3 div {-webkit-animation-delay: 3s;-moz-animation-delay: 3s;} .bubble_4 {-webkit-animation-delay: 4s;-moz-animation-delay: 4s;} .bubble_4 div {-webkit-animation-delay: 4s;-moz-animation-delay: 4s;} .background.bg_general .tree_1 {background:url(../images/background_general/albero_normale.png);position:absolute;width:46px;height:74px;right:146px;bottom:168px} .background.bg_general .tree_2 {background:url(../images/background_general/albero_normale.png);position:absolute;width:46px;height:74px;left:81px;bottom:81px} .background.bg_general .tree_1.occhiolino,.background.bg_general .tree_2.occhiolino {background-image:url(../images/background_general/albero_occhiolino.png);} #backgrounds .background.bg_gemma{background:#FFD900 url(../images/background_gemma/gemma_bg.jpg) repeat-x;} .background.bg_gemma .left_bg{ background:url(../images/background_gemma/left_bg.png) no-repeat right bottom;} .background.bg_gemma .right_bg{ background:url(../images/background_gemma/right_bg.png) no-repeat left bottom;} .background.bg_gemma .bubble_1{width:96px;height:96px;position:absolute;right:150px;bottom:600px;} .background.bg_gemma .bubble_1 div {position:relative;height:96px;background:url(../images/background_general/bubble_soap_1.png) no-repeat;} .background.bg_gemma .bubble_2{width:52px;height:52px;position:absolute;right:150px;bottom:290px;} .background.bg_gemma .bubble_2 div{position:relative;height:52px;background:url(../images/background_general/bubble_soap_2.png) no-repeat;} .background.bg_gemma .bubble_3{width:68px;height:68px;position:absolute;left:30px;bottom:600px;} .background.bg_gemma .bubble_3 div{position:relative;height:68px;background:url(../images/background_general/bubble_soap_3.png) no-repeat;} .background.bg_gemma .bubble_4{width:54px;height:54px;position:absolute;left:230px;bottom:500px;} .background.bg_gemma .bubble_4 div{position:relative;height:54px;background:url(../images/background_general/bubble_soap_4.png) no-repeat;} #backgrounds .background.bg_carl{background:#002892 url(../images/background_carl/carl_bg.jpg) repeat-x;} .background.bg_carl .left_bg{background:url(../images/background_carl/left_bg.png) no-repeat right bottom;} .background.bg_carl .left_bg .clothes{ background:url(../images/background_carl/clothes.png) no-repeat; width:169px; height:159px;position:absolute; right:0px; top:500px;-webkit-animation: 'bounce' 5s ease 0s infinite backwards;-webkit-transform-origin: top right;-moz-animation: bounce 5s ease 0s infinite backwards;-moz-transform-origin: top right;} .background.bg_carl .left_bg .star{background:url(../images/background_carl/star.png) no-repeat; width:184px; height:134px;position:absolute; right:-10px;bottom:0px;-webkit-animation: 'bounce' 5s ease -2s infinite backwards;-webkit-transform-origin: bottom right;-moz-animation: bounce 5s ease -2s infinite backwards;-moz-transform-origin: bottom right;} .background.bg_carl .right_bg{background:url(../images/background_carl/right_bg.png) no-repeat left bottom;} .background.bg_carl .right_bg .hats{position:absolute;left:0px;top:420px; background:url(../images/background_carl/hats.png) no-repeat; width:156px; height:86px;-webkit-animation: 'bounce' 5s ease -1s infinite backwards;-webkit-transform-origin: top left;-moz-animation: bounce 5s ease -1s infinite backwards;-moz-transform-origin: top left;} .background.bg_carl .right_bg .pirate{position:absolute;left:-55px;top:260px; background:url(../images/background_carl/pirate.png) no-repeat; width:214px; height:145px;-webkit-animation: 'bounce' 5s ease -3s infinite backwards;-webkit-transform-origin: bottom left;-moz-animation: bounce 5s ease -3s infinite backwards;-moz-transform-origin: bottom left;} #backgrounds .background.bg_holly{background:#FF9ECD url(../images/background_holly/holly_bg.jpg) repeat-x;} .background.bg_holly .left_bg{background:url(../images/background_holly/left_bg.png) no-repeat right bottom;} .background.bg_holly .left_bg .tree{background:url(../images/background_holly/tree.png) no-repeat;width:194px; height:225px;position:absolute; right:0; top:300px;-webkit-transform-origin:center right;-webkit-animation: 'bounce' 5s ease -1s infinite backwards;-moz-transform-origin:center right;-moz-animation: bounce 5s ease -1s infinite backwards;} .background.bg_holly .right_bg{background:url(../images/background_holly/right_bg.png) no-repeat left bottom;} .background.bg_holly .balloon{width:79px; height:151px;position:absolute; top:700px;-webkit-animation: 'goup2' 10s infinite linear backwards;-moz-animation: goup2 10s infinite linear backwards;} .background.bg_holly .balloon_1 {-webkit-animation-delay: -3s;-moz-animation-delay: -3s;} .background.bg_holly .right_bg .balloon{left:100px;} .background.bg_holly .left_bg .balloon{right:100px;} .background.bg_holly .balloon div{position:relative;height:151px;background:url(../images/background_holly/balloon.png) no-repeat;-webkit-animation: 'leftright2' 3s ease-in-out infinite;-moz-animation: leftright2 3s ease-in-out infinite;} .background.bg_holly .balloon_1 div {-webkit-animation-delay: -3s;-moz-animation-delay: -3s;} .background.bg_holly .cloud_1{background:url(../images/background_holly/cloud_1.png) no-repeat;width:271px; height:132px;position:absolute; left:0; top:200px;-webkit-animation:'cloud' 60s linear -50s infinite backwards;-moz-animation:cloud 60s linear -50s infinite backwards;} .background.bg_holly .cloud_2{background:url(../images/background_holly/cloud_2.png) no-repeat;width:179px; height:87px;position:absolute; right:0; top:250px;-webkit-animation:'cloud' 60s linear -10s infinite backwards;-moz-animation:cloud 60s linear -10s infinite backwards;} .background.bg_holly .cloud_3{background:url(../images/background_holly/cloud_3.png) no-repeat;width:86px; height:42px;position:absolute; left:0; top:350px;-webkit-animation:'cloud' 60s linear -10s infinite backwards;-moz-animation:cloud 60s linear -10s infinite backwards;} #backgrounds .background.bg_jade{background:#9FFF82 url(../images/background_jade/jade_bg.jpg) repeat-x;} .background.bg_jade .left_bg{background:url(../images/background_jade/left_bg.png) no-repeat right bottom;} .background.bg_jade .left_bg .lightin{background:url(../images/background_jade/lightening_left_bottom.png); width:331px; height:207px;position:absolute; right:100px; bottom:47px;} .background.bg_jade .right_bg{background:url(../images/background_jade/right_bg.png) no-repeat left bottom;} /*.background.bg_jade .right_bg .guitar{background:url(../images/background_jade/lightening_overlay.png); width:119px; height:73px;position:absolute; left:0; bottom:350px;-webkit-animation:'float' 5s linear 0s infinite backwards;-moz-animation:float 5s linear 0s infinite backwards;}*/ .background.bg_jade .right_bg .guitar{background:url(../images/background_jade/lightening_left_top.png); width:287px; height:177px;position:absolute; right:0; top:250px;-webkit-animation:'float' 5s linear -2s infinite backwards;-moz-animation:float 5s linear -2s infinite backwards;} .background.bg_jade .lightin2{background:url(../images/background_jade/lightening_right.png); width:216px; height:359px;position:absolute; left:100px; bottom:300px;} .background.bg_jade .note_1{width:69px; height:84px;position:absolute; right:120px; top:600px;} .background.bg_jade .note_1 div {position:relative;height:84px;background:url(../images/background_jade/lightening_overlayer_2.png) no-repeat;} .background.bg_jade .note_2{width:60px; height:99px;position:absolute; right:20px; top:700px;} .background.bg_jade .note_2 div {position:relative;height:99px;background:url(../images/background_jade/lightening_overlayer_3.png) no-repeat;} #backgrounds .background.bg_steve{background:#5DF0FF url(../images/background_jade/steve_bg.jpg) repeat-x;} .background.bg_steve .left_bg{background:url(../images/background_steve/left_bg.png) no-repeat right bottom;} .background.bg_steve .right_bg .football{background:url(../images/background_steve/football.png) no-repeat; width:102px; height:129px;position:absolute; left:170px; bottom:550px;-webkit-animation:'float' 5s linear -2s infinite backwards;-moz-animation:float 5s linear -2s infinite backwards;} .background.bg_steve .right_bg{background:url(../images/background_steve/right_bg.png) no-repeat left bottom;} .background.bg_steve .right_bg .baseball{background:url(../images/background_steve/baseball.png) no-repeat; width:64px; height:64px;position:absolute; left:130px; top:150px;-webkit-animation:'float' 5s linear 0s infinite backwards;-moz-animation:float 5s linear 0s infinite backwards;} .background.bg_steve .left_bg .pallacricket{background:url(../images/background_steve/pallaCricket.png) no-repeat;width:146px; height:146px;position:absolute; right:100px; top:55px;-webkit-animation:'float' 5s linear -3s infinite backwards;-moz-animation:float 5s linear -3s infinite backwards;} #backgrounds .background.bg_fluffalope{background:#68478c;} .background.bg_fluffalope .left_bg{background:url(../images/background_fluffalope/left_bg.gif) repeat-x right bottom;} .background.bg_fluffalope .right_bg{background:url(../images/background_fluffalope/right_bg.gif) repeat-x left bottom;} #backgrounds .background.bg_mrbaffled{background:#fa9f11;} .background.bg_mrbaffled .left_bg{background:url(../images/background_mrbaffled/left_bg.png) repeat-x right bottom;} .background.bg_mrbaffled .right_bg{background:url(../images/background_mrbaffled/right_bg.png) repeat-x left bottom;} @-webkit-keyframes 'goup' { from {opacity: 1;-webkit-transform: translateY(0px);-webkit-transform-origin: 50% 50%; } 95% {opacity: 1;-webkit-transform: translateY(-475px);} to {opacity: 0;-webkit-transform: translateY(-500px) scale(2);} } @-moz-keyframes goup { from {opacity: 1;-moz-transform: translateY(0px);-moz-transform-origin: 50% 50%; } 95% {opacity: 1;-moz-transform: translateY(-475px);} to {opacity: 0;-moz-transform: translateY(-500px) scale(2);} } @-webkit-keyframes 'goup2' { from {opacity: 1;-webkit-transform: translateY(0px);-webkit-transform-origin: 50% 50%; } /*75% {opacity: 1;-webkit-transform: translateY(-475px);} 80% {opacity: 0;-webkit-transform: translateY(-500px) scale(2);} to {opacity: 0;-webkit-transform: translateY(-500px) scale(2);}*/ to {-webkit-transform: translateY(-860px)} } @-moz-keyframes goup2 { from {opacity: 1;-moz-transform: translateY(0px);-moz-transform-origin: 50% 50%; } /*75% {opacity: 1;-webkit-transform: translateY(-475px);} 80% {opacity: 0;-webkit-transform: translateY(-500px) scale(2);} to {opacity: 0;-webkit-transform: translateY(-500px) scale(2);}*/ to {-moz-transform: translateY(-860px)} } @-webkit-keyframes 'leftright' { from {left: -25px;} 50% {left: 25px;} to {left: -25px;} } @-moz-keyframes leftright { from {left: -25px;} 50% {left: 25px;} to {left: -25px;} } @-webkit-keyframes 'leftright2' { from {left: -40px; -webkit-transform: rotate(0deg);} 50% {left: 40px; -webkit-transform: rotate(-35deg);} to {left: -40px; -webkit-transform: rotate(0deg);} } @-moz-keyframes leftright2 { from {left: -40px; -moz-transform: rotate(0deg);} 50% {left: 40px; -moz-transform: rotate(-35deg);} to {left: -40px; -moz-transform: rotate(0deg);} } @-webkit-keyframes 'cloud' { from {left: -20%;} to {left: 100%;} } @-moz-keyframes cloud { from {left: -20%;} to {left: 100%;} } @-webkit-keyframes 'bounce' { from {-webkit-transform: rotate(0);} 5% {-webkit-transform: rotate(10deg);} 10% {-webkit-transform: rotate(-8deg);} 15% {-webkit-transform: rotate(6.4deg);} 20% {-webkit-transform: rotate(-5.1deg);} 25% {-webkit-transform: rotate(4.1deg);} 30% {-webkit-transform: rotate(-3.3deg);} 35% {-webkit-transform: rotate(2.6deg);} 40% {-webkit-transform: rotate(-2.1deg);} 45% {-webkit-transform: rotate(1.7deg);} 50% {-webkit-transform: rotate(0);} to {-webkit-transform: rotate(0);} } @-moz-keyframes bounce { from {-moz-transform: rotate(0);} 5% {-moz-transform: rotate(10deg);} 10% {-moz-transform: rotate(-8deg);} 15% {-moz-transform: rotate(6.4deg);} 20% {-moz-transform: rotate(-5.1deg);} 25% {-moz-transform: rotate(4.1deg);} 30% {-moz-transform: rotate(-3.3deg);} 35% {-moz-transform: rotate(2.6deg);} 40% {-moz-transform: rotate(-2.1deg);} 45% {-moz-transform: rotate(1.7deg);} 50% {-moz-transform: rotate(0);} to {-moz-transform: rotate(0);} } @-webkit-keyframes 'float' { from {-webkit-transform: rotate(-5deg) translate(0,0);} 10% {-webkit-transform: rotate(-3deg) translate(5px,-5px);} 20% {-webkit-transform: rotate(-1deg) translate(10px,-10px);} 30% {-webkit-transform: rotate(1deg) translate(7px,-5px);} 40% {-webkit-transform: rotate(3deg) translate(5px,0);} 50% {-webkit-transform: rotate(5deg) translate(2px,5px);} 60% {-webkit-transform: rotate(3deg) translate(-5px,10px);} 70% {-webkit-transform: rotate(1deg) translate(-10px,7px);} 80% {-webkit-transform: rotate(-1deg) translate(-5px,5px);} 90% {-webkit-transform: rotate(-3deg) translate(-3px,2px);} to {-webkit-transform: rotate(-5deg) translate(0,0);} } @-moz-keyframes float { from {-moz-transform: rotate(-5deg) translate(0,0);} 10% {-moz-transform: rotate(-3deg) translate(5px,-5px);} 20% {-moz-transform: rotate(-1deg) translate(10px,-10px);} 30% {-moz-transform: rotate(1deg) translate(7px,-5px);} 40% {-moz-transform: rotate(3deg) translate(5px,0);} 50% {-moz-transform: rotate(5deg) translate(2px,5px);} 60% {-moz-transform: rotate(3deg) translate(-5px,10px);} 70% {-moz-transform: rotate(1deg) translate(-10px,7px);} 80% {-moz-transform: rotate(-1deg) translate(-5px,5px);} 90% {-moz-transform: rotate(-3deg) translate(-3px,2px);} to {-moz-transform: rotate(-5deg) translate(0,0);} } #container{width:970px;margin:0px auto; background:url(../images/bg_page.png) repeat-y top center;padding:0 30px 120px;} .alton #container, .grownups #container{background:url(../images/bg_page_blue.png) repeat-y bottom center} .showdates #container{background:url(../images/bg_page_showdate.png) repeat-y bottom center} .show #container{height:890px;} .container{width:970px;margin:0 auto;position:relative;z-index:1;height:320px} #header{width:100%;height:422px;position:relative;z-index:10;} .membership #header{height:373px;} .grownups #header{height:412px;} .membership #container{margin-top:-20px;} #header{/*background:url(../images/top_home2.png) repeat-x top center;*/} .news #header{background:url(../images/top_news.png) repeat-x top center;height:0px;} /*.gemma #header{background:url(../images/top_gemma.png) repeat-x top center;}*/ .carl #header{height:484px} .steve #header{height:484px} .gemma #header{height:484px} .jade #header{height:484px} .holly #header{height:484px} .fluffalope #header{height:484px} .mrbaffled #header{height:484px} #header .container{background:url(../images/bg_page.png) repeat-y top center;padding:0 30px; position:relative;top:0px;height:422px;} .membership #header .container{height:373px;} .alton #header .container,.grownups #header .container{background:url(../images/bg_page_blue.png) repeat-y top center} .showdates #header .container{background:url(../images/bg_page_showdate.png) repeat-y top center} .grownups #header .container{height:412px;} .membership #header .container{height:373px;} .news #header .container{height:0px;} .carl #header .container{height:484px} .steve #header .container{height:484px} .gemma #header .container{height:484px} .jade #header .container{height:484px} .holly #header .container{height:484px} .fluffalope #header .container{height:484px} .mrbaffled #header .container{height:484px} #bg_header,#bg_header_temp,#bg_header_temp2{height:56px;left:0;position:absolute;top:35px;width:100%;z-index:10;background:url(../images/top_home2.png) repeat-x top center;z-index:10;} .news #bg_header,#bg_header_temp.news,#bg_header_temp2.news{/*background:url(../images/top_news.png) repeat-x top center;*/} .gemma #bg_header,#bg_header_temp.gemma,#bg_header_temp2.gemma{background:url(../images/top_gemma.png) repeat-x top center;} .carl #bg_header,#bg_header_temp.carl,#bg_header_temp2.carl{background:url(../images/top_carl.png) repeat-x top center;} .jade #bg_header,#bg_header_temp.jade,#bg_header_temp2.jade{background:url(../images/top_jade.png) repeat-x top center;} .holly #bg_header,#bg_header_temp.holly,#bg_header_temp2.holly{background:url(../images/top_holly.png) repeat-x top center;} .steve #bg_header,#bg_header_temp.steve,#bg_header_temp2.steve{background:url(../images/top_steve.png) repeat-x top center;} .fluffalope #bg_header,#bg_header_temp.fluffalope,#bg_header_temp2.fluffalope{background:url(../images/top_fluffalope.png) repeat-x top center;} .mrbaffled #bg_header,#bg_header_temp.mrbaffled,#bg_header_temp2.mrbaffled{background:url(../images/top_mrbaffled.png) repeat-x top center;} .logo{width:970px; margin:0 auto;position:relative;top:25px;z-index:20;} .logo h1{position:absolute; width:220px; height:200px; left:-10px; top:0; background:url(../images/logo.png) no-repeat; text-indent:-9999px; font-size:1px;z-index:15;} /* .news .logo h1{background:url(../images/logo_news.png) no-repeat;} .gemma .logo h1{background:url(../images/logo_gemma.png) no-repeat;} .carl .logo h1{background:url(../images/logo_carl.png) no-repeat;} .steve .logo h1{background:url(../images/logo_steve.png) no-repeat;} .jade .logo h1{background:url(../images/logo_jade.png) no-repeat;} .holly .logo h1{background:url(../images/logo_holly.png) no-repeat;} .membership .logo h1{background:url(../images/logo_membership.png) no-repeat;} */ #header #menu{position:absolute; left:184px; top:-25px;width:689px;list-style-type:none;margin:0px auto 0 auto;height:29px;padding:12px 16px;z-index:10;} #header #menu li{display:inline;} #header #menu li a{display:block;float:left;text-indent:-9999px; outline:none;font-size:1px; text-decoration:none;margin-top:-4px;margin-right:-10px; height:53px;} #header #menu li#menu_01 a,html.js #header #menu li#menu_01 a:hover{background:url(../images/menu_home.png) no-repeat 0 -10px; width:94px;} #header #menu li#menu_01 a:hover,html.js #header #menu li#menu_01 a.hover, #header #menu li#menu_01 a.on,html.js #header #menu li#menu_01 a.on{margin-top:3px;} #header #menu li#menu_01 a.on,html.js #header #menu li#menu_01 a.on{background:url(../images/menu_home_on.png) no-repeat 0 -10px ;} #header #menu li#menu_02 a,html.js #header #menu li#menu_02 a:hover{background:url(../images/menu_gogogoguys.png) no-repeat 0 -10px;width:219px;} #header #menu li#menu_02 a:hover,html.js #header #menu li#menu_02 a.hover, #header #menu li#menu_02 a.on,html.js #header #menu li#menu_02 a.on{margin-top:3px;} #header #menu li#menu_02 a.on,html.js #header #menu li#menu_02 a.on{background:url(../images/menu_gogogoguys_on.png) no-repeat 0 -10px;} #header #menu li#menu_03 a,html.js #header #menu li#menu_03 a:hover{background:url(../images/menu_gogogogetters.png) no-repeat 0 -10px; width:216px;} #header #menu li#menu_03 a:hover,html.js #header #menu li#menu_03 a.hover, #header #menu li#menu_03 a.on,html.js #header #menu li#menu_03 a.on{margin-top:3px;} #header #menu li#menu_03 a.on,html.js #header #menu li#menu_03 a.on{background:url(../images/menu_gogogogetters_on.png) no-repeat 0 -10px;} #header #menu li#menu_04 a,html.js #header #menu li#menu_04 a:hover{background:url(../images/menu_grownups.png) no-repeat 0 -10px; width:148px;} #header #menu li#menu_04 a:hover,html.js #header #menu li#menu_04 a.hover, #header #menu li#menu_04 a.on,html.js #header #menu li#menu_04 a.on{margin-top:3px;} #header #menu li#menu_04 a.on,html.js #header #menu li#menu_04 a.on{background:url(../images/menu_grownups_on.png) no-repeat 0 -10px;} /*#header #menu li#menu_05 a,html.js #header #menu li#menu_05 a:hover{background:url(../images/menu_05.png) no-repeat; width:75px; height:28px;} #header #menu li#menu_05 a:hover,html.js #header #menu li#menu_05 a.hover{background:url(../images/menu_05_hover.png) no-repeat;} #header #menu li#menu_05 a.on,html.js #header #menu li#menu_05 a.on{background:url(../images/menu_05_on.png) no-repeat;}*/ #header #social{position:absolute; left:696px; top:-35px;height:27px;width:130px;z-index:10;} #header #social li{display:inline;} #header #social li a{display:block; float:left; width:26px; height:27px; text-indent:-9999px; font-size:1px; outline:none;margin-right:5px;} #header #social li#facebook a{ background:url(../images/social_fb.png) no-repeat;} #header #social li#twitter a{ background:url(../images/social_tw.png) no-repeat;} #header #social li#vimeo a{ background:url(../images/social_v.png) no-repeat;} #header #social li#youtube a{ background:url(../images/social_y.png) no-repeat;} #header #hero{position:relative;top:-30px; left:-6px;/*;background:url(../images/bg_hero.png) no-repeat left bottom; */width:970px; height:446px;} #header #hero.alton{left:1px;} #header #hero.grownups{left:-4px;} #header #hero.news{} #header #hero.showdates{left:-4px;top:-6px;} .news #header #hero{height:62px;background:none;} /*#header #hero.membership{background:url(../images/bg_hero_membership.png) no-repeat;}*/ #header #hero .hero_img{bottom:-33px;left:0px;position:relative;} .carl #header #hero .hero_img, .jade #header #hero .hero_img, .gemma #header #hero .hero_img, .steve #header #hero .hero_img, .fluffalope #header #hero .hero_img, .mrbaffled #header #hero .hero_img, .holly #header #hero .hero_img{bottom:-14px;left:1px;} #header #hero.membership .hero_img{bottom:2px;left:-6px;} .news #header #hero .hero_img{left:7px;} #header #hero.show .hero_img{left:-59px;bottom:-10px;} #header #hero.show #hero_content{position:absolute; z-index:1000;top:60px; left:242px;} #header #hero.show #sticker1{position:absolute; bottom:0px; left:0px;z-index:1001;} #header #hero.show #sticker1 dt.spip_doc_titre,#header #hero.show #sticker2 dt.spip_doc_titre,#header #hero.show #sticker3 dt.spip_doc_titre,#header #hero.show #sticker4 dt.spip_doc_titre{display:none;} #header #hero.show #sticker2{position:absolute; top:180px; left:140px;z-index:1001;} #header #hero.show #sticker3{position:absolute; bottom:0px; right:140px;z-index:1001;} #header #hero.show #sticker4{position:absolute; top:80px; right:90px;z-index:1001;} #header #hero.show .sticker{position:absolute; top:80px; left:200px;z-index:-1;color:#FFF;} #header #hero .span_hero{ background:url(../images/span_hero.png) repeat; width:970px; height:14px; position:absolute; display:block;left:8px; top:29px;} .gemma #header #hero .span_hero{ background:url(../images/span_hero_gemma.png) repeat;} .news #header #hero .span_hero{ background:url(../images/span_hero_news.png) repeat; } #header #hero #button a{position:absolute; z-index:10;right:14px; top:-8px; background:url(../images/sticker.png) no-repeat center center; width:165px; height:164px;text-indent:-9999px;font-size:1px;outline:none;} #header #hero #button a:hover{background:url(../images/sticker_hover.png) no-repeat center center;} #header #hero #button2 a{position:absolute; z-index:10;left:14px; bottom:40px; background:url(../images/sticker2.png) no-repeat center center; width:165px; height:164px;text-indent:-9999px;font-size:1px;outline:none;} #header #hero #button2 a:hover{background:url(../images/sticker2_hover.png) no-repeat center center;} #header #hero #dates{position:absolute; right:16px; bottom:28px; width:261px; height:247px;} #header #hero #dates ul{ background:url(../images/bg_dates.png) no-repeat; width:221px; height:164px; padding:25px 20px;list-style-type:none;text-align:left;color:#3D5272;} #header #hero #dates li{height:34px;line-height:17px;margin-bottom:11px;} #header #hero #dates .date{ width:32px; height:32px;border-right:1px solid #9EA8B8;font-size:12px;font-weight:bold;float:left;margin-right:5px;} #header #hero #dates .date span{ display:block; font-size:25px;} #header #hero #dates .details{font-size:11px;font-weight:bold;} #header #hero #dates .details a{color:#62738D; font-weight:normal;} #header #hero #dates .calendar{ background:url(../images/button_dates_calendar.png) no-repeat; width:95px; height:26px;position:absolute; left:12px; bottom:0; text-indent:-9999px; outline:none; font-size:1px;} #header #hero #dates .calendar:hover{ background:url(../images/button_dates_calendar_hover.png) no-repeat;} #header #hero ul#messages{list-style-type:none;position:absolute; left:0; top:160px;color:#1E4164;} #header #hero #messages li{display:block;float:left; padding:30px;width:180px;} #header #hero #messages li .message_title{font-family:'GravurCondensedRegular', Arial, Helvetica, sans-serif;font-size:30px;text-transform:uppercase;letter-spacing:-1px;} #header #hero #messages li .message_author{font-family:'GothamRounded', Arial, Helvetica, sans-serif;font-size:14px;} #header #hero #ticker{ background:url(../images/bg_ticker.png) no-repeat; width:971px; height:39px; position:absolute; left:7px; bottom:10px;z-index:100;} #header #hero #ticker ul{list-style-type:none;width:930px;padding:10px 20px 0 10px;} #header #hero #ticker li{width:auto;padding-right:20px;color:#FFF;font-family:'GothamRoundedMedium', Arial, Helvetica, sans-serif;font-size:15px;text-transform:uppercase;line-height:18px} #header #hero #tabs_gemma{} #header #hero #tabs_carl{} #header #hero .info{position:absolute;width:475px; height:289px;right:20px; bottom:40px;color:#FFF;text-align:left;} .carl #header #hero .info{color:#000;} #header #hero .info ul{list-style-type:none;height:65px;position:relative;z-index:100;} #header #hero .info li{display:inline;} #header #hero .info li a{display:block;float:left; width:233px;height:65px;text-indent:-9999px;font-size:1px;outline:none;} #header #hero li#menu_stats a, html.js #header #hero li#menu_stats a:hover{ background:url(../images/tab_facts.png) no-repeat center center;} #header #hero li#menu_stats a:hover, html.js #header #hero li#menu_stats a.hover{ background:url(../images/tab_facts_hover.png) no-repeat center center;} #header #hero li#menu_stats a.on, html.js #header #hero li#menu_stats a.on{ background:url(../images/tab_facts.png) no-repeat;} #header #hero #tabs_gemma li#menu_gemma a, html.js #header #hero #tabs_gemma li#menu_gemma a:hover{ background:url(../images/gemma_title.png) no-repeat center center;} #header #hero #tabs_gemma li#menu_gemma a:hover, html.js #header #hero #tabs_gemma li#menu_gemma a.hover{ background:url(../images/gemma_title_hover.png) no-repeat center center;} #header #hero #tabs_gemma li#menu_gemma a.on, html.js #header #hero #tabs_gemma li#menu_gemma a.on{ background:url(../images/gemma_title.png) no-repeat center center;} #header #hero #tabs_carl li#menu_carl a, html.js #header #hero #tabs_carl li#menu_carl a:hover{ background:url(../images/carl_title.png) no-repeat;} #header #hero #tabs_carl li#menu_carl a:hover, html.js #header #hero #tabs_carl li#menu_carl a.hover{ background:url(../images/carl_title_hover.png) no-repeat;} #header #hero #tabs_carl li#menu_carl a.on, html.js #header #hero #tabs_carl li#menu_carl a.on{ background:url(../images/carl_title.png) no-repeat;} #header #hero #tabs_jade li#menu_jade a, html.js #header #hero #tabs_jade li#menu_jade a:hover{ background:url(../images/jade_title.png) no-repeat;} #header #hero #tabs_jade li#menu_jade a:hover, html.js #header #hero #tabs_jade li#menu_jade a.hover{ background:url(../images/jade_title_hover.png) no-repeat;} #header #hero #tabs_jade li#menu_jade a.on, html.js #header #hero #tabs_jade li#menu_jade a.on{ background:url(../images/jade_title.png) no-repeat;} #header #hero #tabs_holly li#menu_holly a, html.js #header #hero #tabs_holly li#menu_holly a:hover{ background:url(../images/holly_title.png) no-repeat;} #header #hero #tabs_holly li#menu_holly a:hover, html.js #header #hero #tabs_holly li#menu_holly a.hover{ background:url(../images/holly_title_hover.png) no-repeat;} #header #hero #tabs_holly li#menu_holly a.on, html.js #header #hero #tabs_holly li#menu_holly a.on{ background:url(../images/holly_title.png) no-repeat;} #header #hero #tabs_steve li#menu_steve a, html.js #header #hero #tabs_steve li#menu_steve a:hover{ background:url(../images/steve_title.png) no-repeat;} #header #hero #tabs_steve li#menu_steve a:hover, html.js #header #hero #tabs_steve li#menu_steve a.hover{ background:url(../images/steve_title_hover.png) no-repeat;} #header #hero #tabs_steve li#menu_steve a.on, html.js #header #hero #tabs_steve li#menu_steve a.on{ background:url(../images/steve_title.png) no-repeat;} #header #hero #tabs_fluffalope li#menu_fluffalope a, html.js #header #hero #tabs_fluffalope li#menu_fluffalope a:hover{ background:url(../images/fluffalope_title.png) no-repeat;} #header #hero #tabs_fluffalope li#menu_fluffalope a:hover, html.js #header #hero #tabs_fluffalope li#menu_fluffalope a.hover{ background:url(../images/fluffalope_title_hover.png) no-repeat;} #header #hero #tabs_fluffalope li#menu_fluffalope a.on, html.js #header #hero #tabs_fluffalope li#menu_fluffalope a.on{ background:url(../images/fluffalope_title.png) no-repeat;} #header #hero #tabs_mrbaffled li#menu_mrbaffled a, html.js #header #hero #tabs_mrbaffled li#menu_mrbaffled a:hover{ background:url(../images/mrbaffled_title.png) no-repeat;} #header #hero #tabs_mrbaffled li#menu_mrbaffled a:hover, html.js #header #hero #tabs_mrbaffled li#menu_mrbaffled a.hover{ background:url(../images/mrbaffled_title_hover.png) no-repeat;} #header #hero #tabs_mrbaffled li#menu_mrbaffled a.on, html.js #header #hero #tabs_mrbaffled li#menu_mrbaffled a.on{ background:url(../images/mrbaffled_title.png) no-repeat;} #header #hero #gemma_tab, #header #hero #gemma_tab_stats, #header #hero #carl_tab, #header #hero #carl_tab_stats, #header #hero #jade_tab, #header #hero #jade_tab_stats, #header #hero #holly_tab, #header #hero #holly_tab_stats, #header #hero #steve_tab, #header #hero #steve_tab_stats, #header #hero #fluffalope_tab, #header #hero #fluffalope_tab_stats, #header #hero #mrbaffled_tab, #header #hero #mrbaffled_tab_stats{position:absolute;width:476px; height:312px; left:0; top:-18px;padding-top:60px; } #header #hero #gemma_tab.intro_tab{background:url(../images/bg_tab_gemma_info2.png) no-repeat;} #header #hero #gemma_tab_stats.stats_tab{background:url(../images/bg_tab_gemma_facts.png) no-repeat;} #header #hero #carl_tab.intro_tab{background:url(../images/bg_tab_carl_info2.png) no-repeat;} #header #hero #carl_tab_stats.stats_tab{background:url(../images/bg_tab_carl_facts.png) no-repeat;} #header #hero #jade_tab.intro_tab{background:url(../images/bg_tab_jade_info2.png) no-repeat;} #header #hero #jade_tab_stats.stats_tab{background:url(../images/bg_tab_jade_facts.png) no-repeat;} #header #hero #holly_tab.intro_tab{background:url(../images/bg_tab_holly_info2.png) no-repeat;} #header #hero #holly_tab_stats.stats_tab{background:url(../images/bg_tab_holly_facts.png) no-repeat;} #header #hero #steve_tab.intro_tab{background:url(../images/bg_tab_steve_info2.png) no-repeat;} #header #hero #steve_tab_stats.stats_tab{background:url(../images/bg_tab_steve_facts.png) no-repeat;} #header #hero #fluffalope_tab.intro_tab{background:url(../images/bg_tab_fluffalope_info2.png) no-repeat;} #header #hero #fluffalope_tab.intro_tab .text{font-size:11px;} #header #hero #fluffalope_tab_stats.stats_tab{background:url(../images/bg_tab_fluffalope_facts.png) no-repeat;} #header #hero #mrbaffled_tab.intro_tab{background:url(../images/bg_tab_mrbaffled_info2.png) no-repeat;} #header #hero #mrbaffled_tab_stats.stats_tab{background:url(../images/bg_tab_mrbaffled_facts.png) no-repeat;} #header #hero div.off {display:none} #header #hero .info .intro{font-family:'GothamRounded', Arial, Helvetica, sans-serif; font-size:17px;padding:35px 15px 0px 25px;} #header #hero .info .text{ padding: 15px 0 7px 25px;width:415px;} #header #hero .info .stats_tab .text{color:#000; padding: 15px 0 7px 10px;width: 380px;} .rotate{-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);line-height: 13px !important;margin-left: 51px; font-family: "Courier Std","Courier New",Courier,monospace;font-size:11px;} #hero .hero_overlayer {position:absolute;z-index:1;} .gemma #hero .hero_overlayer {bottom: -68px;right: -25px;} .jade #hero .hero_overlayer {left:117px; bottom:100px;} .holly #hero .hero_overlayer {right:-195px; bottom:-25px;} .carl #hero .hero_overlayer {right:-61px; bottom:-72px;} .steve #hero .hero_overlayer {right:-61px; bottom:-72px;} .news #hero iframe{height:314px;margin:0;overflow:hidden;padding:0;position:absolute;right:9px;top:29px;width:970px;} #jade_up{position:absolute; left:421px; top:33px;z-index:1000;} #jade_up_left{position:absolute; left:426px; top:42px;z-index:1000;} #jade_up_right{position:absolute; left:473px; top:42px;z-index:1000;} #characters{width:100%; height:158px; position:relative;z-index:10;top:-40px;left:-30px;} #menu_container{width:828px;height:180px;overflow:hidden;padding:9px 30px 0;margin-left:72px;} #characters ul{width:/*970px; 1157px*/ /**/1382px; height:180px;list-style-type:none; margin-left:-5px;} #characters li{display:block; float:left; position:relative;z-index:1;-webkit-transform: scale(0.98,0.98) translate3d(0,0,0);-moz-transform: scale(0.98,0.98);transform: scale(0.98,0.98);-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;transition: transform 0.5s ease-out; width:164px; height:150px;} #characters li.hidden {z-index:-1;opacity:0;filter:alpha(opacity=0);} #characters li a{display:block;float:left;width:184px; height:180px; text-indent:-9999px; font-size:1px;outline:none;margin-left:-7px;/*position:relative; z-index:10;*/overflow:hidden;} #characters li span{left:0;top:0;position:absolute;width:152px; height:99px;margin-left:15px;margin-top:51px;z-index:-1;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-transition: -webkit-box-shadow 0.5s ease-out;-moz-transition: -moz-box-shadow 0.5s ease-out;transition: box-shadow 0.5s ease-out;} #characters li:hover{z-index:10;-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);transform: scale(1.05,1.05);} .no-csstransitions #characters li:hover{-webkit-transform: scale(0.98,0.98);-moz-transform: scale(0.98,0.98);transform: scale(0.98,0.98);} #characters li#menu_char_show a{ background:url(../images/char_show.png) no-repeat 0 10px;margin-left:0;} #characters li#menu_char_show a:hover{ background:url(../images/char_show_hover.png) no-repeat 0 10px;} #characters li#menu_char_show:hover span{-webkit-box-shadow: 0 0 20px 5px #63ACE7;box-shadow: 0 0 20px 5px #63ACE7;-moz-box-shadow: 0 0 20px 5px #63ACE7;} #characters li#menu_char_carl a{ background:url(../images/char_carl.png) no-repeat 0 -18px;} #characters li#menu_char_carl a:hover{ background:url(../images/char_carl_hover.png) no-repeat 0 -18px;} #characters li#menu_char_carl:hover span{-webkit-box-shadow: 0 0 20px 5px #BAB300;box-shadow: 0 0 20px 5px #BAB300;-moz-box-shadow: 0 0 20px 5px #BAB300;} #characters li#menu_char_gemma a{ background:url(../images/char_gemma.png) no-repeat 0 -18px;} #characters li#menu_char_gemma a:hover{ background:url(../images/char_gemma_hover.png) no-repeat 0 -18px;} #characters li#menu_char_gemma:hover span{-webkit-box-shadow: 0 0 20px 5px #C26EB5;box-shadow: 0 0 20px 5px #C26EB5;-moz-box-shadow: 0 0 20px 5px #C26EB5;} #characters li#menu_char_jade a{ background:url(../images/char_jade.png) no-repeat 0 -18px;} #characters li#menu_char_jade a:hover{ background:url(../images/char_jade_hover.png) no-repeat 0 -18px;} #characters li#menu_char_jade:hover span{-webkit-box-shadow: 0 0 20px 5px #009933;box-shadow: 0 0 20px 5px #009933;-moz-box-shadow: 0 0 20px 5px #009933;} #characters li#menu_char_holly a{ background:url(../images/char_holly.png) no-repeat 0 -18px;} #characters li#menu_char_holly a:hover{ background:url(../images/char_holly_hover.png) no-repeat 0 -18px;} #characters li#menu_char_holly:hover span{-webkit-box-shadow: 0 0 20px 5px #DC2927;box-shadow: 0 0 20px 5px #DC2927A;-moz-box-shadow: 0 0 20px 5px #DC2927;} #characters li#menu_char_steve a{ background:url(../images/char_steve.png) no-repeat 0 -18px;} #characters li#menu_char_steve a:hover{ background:url(../images/char_steve_hover.png) no-repeat 0 -18px;} #characters li#menu_char_steve:hover span{-webkit-box-shadow: 0 0 20px 5px #9C93AA;box-shadow: 0 0 20px 5px #9C93AA;-moz-box-shadow: 0 0 20px 5px #9C93AA;} #characters li#menu_char_fluffalope {/*padding-right:25px;margin-right:-25px*/} #characters li#menu_char_fluffalope a{ background:url(../images/char_fluffalope.png) no-repeat 0 -18px;} #characters li#menu_char_fluffalope a:hover{ background:url(../images/char_fluffalope_hover.png) no-repeat 0 -18px;} #characters li#menu_char_fluffalope:hover span{-webkit-box-shadow: 0 0 20px 5px #AE82D2;box-shadow: 0 0 20px 5px #AE82D2;-moz-box-shadow: 0 0 20px 5px #AE82D2;} #characters li#menu_char_mrbaffled {padding-right:25px;margin-right:-25px/**/} #characters li#menu_char_mrbaffled a{ background:url(../images/char_mrbaffled.png) no-repeat 0 -18px;} #characters li#menu_char_mrbaffled a:hover{ background:url(../images/char_mrbaffled_hover.png) no-repeat 0 -18px;} #characters li#menu_char_mrbaffled:hover span{-webkit-box-shadow: 0 0 20px 5px #FF9900;box-shadow: 0 0 20px 5px #FF9900;-moz-box-shadow: 0 0 20px 5px #FF9900;} #characters li#menu_char_mrbaffled a:hover span {} #boxes{width:962px;position:relative;z-index:10;height:500px;color:#666;padding-bottom:25px;top:-20px;background:#FFF;left:6px;} #boxes #live{background: url(../images/live.png) no-repeat; width:562px; height:360px; float:left;position:relative;margin-left:0px;z-index:1;} #boxes #live span.radius_live{position:absolute; left:4px; top:7px;display:block;width:555px;height:350px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} #boxes #live span.radius_live:hover{-moz-box-shadow: 0 0 5px 5px #F9FF3C;-webkit-box-shadow: 0 0 5px 5px #F9FF3C;-o-box-shadow: 0 0 5px 5px #F9FF3C;box-shadow: 0 0 5px 5px #F9FF3C;} #boxes #sns{background: url(../images/sns.png) no-repeat; width:396px; height:129px; float:right;position:relative;margin-right:1px;margin-top:-7px; } #boxes #sns span.radius_sns{position:absolute; left:1px; top:13px;display:block;width:394px;height:107px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} #boxes #sns span.radius_sns:hover{-moz-box-shadow: 0 0 5px 5px #0086D1;-webkit-box-shadow: 0 0 5px 5px #0086D1;-o-box-shadow: 0 0 5px 5px #0086D1;box-shadow: 0 0 5px 5px #0086D1;} #boxes #getters{background: url(../images/getters_box.png) no-repeat; width:400px; height:143px; float:right;position:relative;margin-right:0px;margin-top:-10px; } #boxes #getters span.radius_getters{position:absolute; left:8px; top:20px;display:block;width:387px;height:98px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} #boxes #getters span.radius_getters:hover{-moz-box-shadow: 0 0 5px 5px #669933;-webkit-box-shadow: 0 0 5px 5px #669933;-o-box-shadow: 0 0 5px 5px #669933;box-shadow: 0 0 5px 5px #669933;} #boxes #shop{background: url(../images/shop_box.png) no-repeat; width:395px; height:123px; float:right;position:relative;margin-right:1px;margin-top:-20px; } #boxes #shop span.radius_shop{position:absolute; left:2px; top:16px;display:block;width:392px;height:106px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} #boxes #shop span.radius_shop:hover{-moz-box-shadow: 0 0 5px 5px #0099CC;-webkit-box-shadow: 0 0 5px 5px #0099CC;-o-box-shadow: 0 0 5px 5px #0099CC;box-shadow: 0 0 5px 5px #0099CC;} #boxes #news{background: url(../images/news_box.png) no-repeat; width:971px; height:147px; float:left;position:relative;margin-right:0px;margin-left:-10px;} #boxes #news span.radius_news{position:absolute; left:16px; top:25px;display:block;width:954px;height:106px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} #boxes #news span.radius_news:hover{-moz-box-shadow: 0 0 5px 5px #BE1E2D;-webkit-box-shadow: 0 0 5px 5px #BE1E2D;-o-box-shadow: 0 0 5px 5px #BE1E2D;box-shadow: 0 0 5px 5px #BE1E2D;} .profile #boxes{height:110px;} .profile #boxes #sns{background: url(../images/p_sns_box.png) no-repeat; width:317px; height:102px; float:left;position:relative;margin-left:2px;margin-top:-3px; } .profile #boxes #sns span.radius_sns{position:absolute; left:1px; top:6px;display:block;width:316px;height:86px;-moz-border-radius:8px;-webkit-border-radius:10px;border-radius:10px;} .profile #boxes #sns span.radius_sns:hover{-moz-box-shadow: 0 0 5px 5px #0086D1;-webkit-box-shadow: 0 0 5px 5px #0086D1;-o-box-shadow: 0 0 5px 5px #0086D1;box-shadow: 0 0 5px 5px #0086D1;} .profile #boxes #sns .sns_text{position:absolute; left:11px; top:34px; color:#175BA0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:10px;text-align:left;width:143px;} .profile #boxes #sns .sns_text strong{font-size:10px;} .profile #boxes #sns #sns_fb a{width:52px; height:50px; left:156px; top:1px;} .profile #boxes #sns #sns_tw a{width:50px; height:48px; left:197px; top:40px;} .profile #boxes #sns #sns_yt a{width:42px; height:45px; left:215px; top:-6px;} .profile #boxes #sns #sns_tm a{width:45px; height:45px; right:7px; top:35px;} .profile #boxes #getters{background: url(../images/p_getters_box.png) no-repeat; width:320px; height:107px; float:left;position:relative;margin-left:2px;margin-top:-10px; } .profile #boxes #getters span.radius_getters{position:absolute; left:5px; top:13px;display:block;width:312px;height:83px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} .profile #boxes #getters span.radius_getters:hover{-moz-box-shadow: 0 0 5px 5px #669933;-webkit-box-shadow: 0 0 5px 5px #669933;-o-box-shadow: 0 0 5px 5px #669933;box-shadow: 0 0 5px 5px #669933;} .profile #boxes #shop{background: url(../images/p_shop_box.png) no-repeat; width:312px; height:97px; float:left;position:relative;margin-left:4px;margin-top:-8px; } .profile #boxes #shop span.radius_shop{position:absolute; left:1px; top:12px;display:block;width:310px;height:84px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} .profile #boxes #shop span.radius_shop:hover{-moz-box-shadow: 0 0 5px 5px #0099CC;-webkit-box-shadow: 0 0 5px 5px #0099CC;-o-box-shadow: 0 0 5px 5px #0099CC;box-shadow: 0 0 5px 5px #0099CC;} .profile #boxes #shop .shop_text{position:absolute; right:7px; top:7px; color:#175BA0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;text-align:left;width:95px;font-weight:bold;} .profile #boxes #shop #shop_link{position:absolute;right:5px; bottom:5px; text-align:left;} .profile #boxes #shop #shop_link a{display:block;width:300px; height:80px;text-indent:-9999px; background:url(../images/more_button.png) no-repeat right bottom;} .profile #boxes #shop #shop_link a:hover{background:url(../images/more_button_hover.png) no-repeat right bottom;} .guys #boxes{height:110px; background:none;} .guys #boxes #sns{background: url(../images/p_sns_box.png) no-repeat; width:317px; height:102px; float:left;position:relative;margin-left:2px;margin-top:-3px; } .guys #boxes #sns span.radius_sns{position:absolute; left:1px; top:6px;display:block;width:316px;height:86px;-moz-border-radius:8px;-webkit-border-radius:10px;border-radius:10px;} .guys #boxes #sns span.radius_sns:hover{-moz-box-shadow: 0 0 5px 5px #0086D1;-webkit-box-shadow: 0 0 5px 5px #0086D1;-o-box-shadow: 0 0 5px 5px #0086D1;box-shadow: 0 0 5px 5px #0086D1;} .guys #boxes #sns .sns_text{position:absolute; left:11px; top:34px; color:#175BA0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:10px;text-align:left;width:143px;} .guys #boxes #sns .sns_text strong{font-size:10px;} .guys #boxes #sns #sns_fb a{width:52px; height:50px; left:156px; top:1px;} .guys #boxes #sns #sns_tw a{width:50px; height:48px; left:197px; top:40px;} .guys #boxes #sns #sns_yt a{width:42px; height:45px; left:215px; top:-6px;} .guys #boxes #sns #sns_tm a{width:45px; height:45px; right:7px; top:35px;} .guys #boxes #getters{background: url(../images/p_getters_box.png) no-repeat; width:320px; height:107px; float:left;position:relative;margin-left:2px;margin-top:-10px; } .guys #boxes #getters span.radius_getters{position:absolute; left:5px; top:13px;display:block;width:312px;height:83px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} .guys #boxes #getters span.radius_getters:hover{-moz-box-shadow: 0 0 5px 5px #669933;-webkit-box-shadow: 0 0 5px 5px #669933;-o-box-shadow: 0 0 5px 5px #669933;box-shadow: 0 0 5px 5px #669933;} .guys #boxes #shop{background: url(../images/p_shop_box.png) no-repeat; width:312px; height:97px; float:left;position:relative;margin-left:4px;margin-top:-8px; } .guys #boxes #shop span.radius_shop{position:absolute; left:1px; top:12px;display:block;width:310px;height:84px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} .guys #boxes #shop span.radius_shop:hover{-moz-box-shadow: 0 0 5px 5px #0099CC;-webkit-box-shadow: 0 0 5px 5px #0099CC;-o-box-shadow: 0 0 5px 5px #0099CC;box-shadow: 0 0 5px 5px #0099CC;} .guys #boxes #shop .shop_text{position:absolute; right:7px; top:7px; color:#175BA0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;text-align:left;width:95px;font-weight:bold;} .guys #boxes #shop #shop_link{position:absolute;right:5px; bottom:5px; text-align:left;} .guys #boxes #shop #shop_link a{display:block;width:300px; height:80px;text-indent:-9999px; background:url(../images/more_button.png) no-repeat right bottom;} .guys #boxes #shop #shop_link a:hover{background:url(../images/more_button_hover.png) no-repeat right bottom;} #boxes #live .live{position:relative; left:14px; top:91px;width:290px;} #boxes #live .live h4{background:url(../images/title_live.png) no-repeat center center;height:25px;text-indent:-9999px;} #boxes #live .live h5{color:#175BA0;font-size: 14px;margin-bottom: 5px;} #boxes #live ul{margin-left:0px;} #boxes #live li{display:inline-block;width:44px; height:44px;margin-right:6px;background:#175BA0;color:#FFF;margin-bottom:5px;-moz-border-radius: 3px;border-radius: 3px;} #boxes #live li .month{padding:2px 0 3px 0;font-size:11px; text-transform:uppercase;} #boxes #live li .day{font-size:28px;margin-top:-7px;} #boxes #live #place{position:absolute; right:162px;top:118px;} #boxes #live #place a img:hover{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} #boxes #live .more {position:absolute; right:20px; bottom:15px;font-family: 'GothamRoundedMedium', Arial, sans-serif;} #boxes #live .more a {color:#175BA0; padding:10px 40px 10px 10px; display:block; background:url(../images/more_button.png) no-repeat right center;text-decoration:none;font-size:16px;} #boxes #live .more a:hover{text-decoration:underline;background:url(../images/more_button_hover.png) no-repeat right center;} #boxes #sns h4{text-indent:-9999px;text-align:left;} #boxes #sns .sns_text{position:absolute; left:13px; top:39px; color:#175BA0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:10px;text-align:left;width:170px;} #boxes #sns .sns_text a{color:#175BA0!important;text-decoration:none!important;} #boxes #sns .sns_text strong{font-size:11px;} #boxes #sns #sns_fb a{text-align:left; text-indent:-9999px;position:absolute; width:64px; height:61px; left:196px; top:1px;} #boxes #sns #sns_tw a{text-align:left; text-indent:-9999px;position:absolute; width:62px; height:62px; left:250px; top:45px;} #boxes #sns #sns_yt a{text-align:left; text-indent:-9999px;position:absolute; width:50px; height:54px; left:273px; top:-10px;} #boxes #sns #sns_tm a{text-align:left; text-indent:-9999px;position:absolute; width:62px; height:62px; right:30px; top:50px;} #boxes #getters h4{text-indent:-9999px;text-align:left;} #boxes #getters #getters_link{position:absolute;right:15px; bottom:15px; text-align:left;} #boxes #getters #getters_link a{display:block;width:235px; height:70px;text-indent:-9999px; background:url(../images/more_button.png) no-repeat right bottom;} #boxes #getters #getters_link a:hover{background:url(../images/more_button_hover.png) no-repeat right bottom;} #boxes #shop h4{text-indent:-9999px;text-align:left;} #boxes #shop .shop_text{position:absolute; right:15px; top:10px; color:#175BA0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;text-align:left;width:100px;font-weight:bold;} #boxes #shop #shop_link{position:absolute;right:15px; bottom:11px; text-align:left;} #boxes #shop #shop_link a{display:block;width:370px; height:100px;text-indent:-9999px; background:url(../images/more_button.png) no-repeat right bottom;} #boxes #shop #shop_link a:hover{background:url(../images/more_button_hover.png) no-repeat right bottom;} #boxes #news h4{text-indent:-9999px;text-align:left;width:164px; height:147px;float:left; position:relative; left:-20px; top:-20px;background:url(../images/title_news.png) no-repeat;} #boxes #news .news_item{float:left;width:320px; height:147px;color:#FFF;margin-top:1px;font-size:13px; } #boxes #news .news_item h5{font-weight:bold;margin-top:12px;font-size:14px;} #boxes #news .news_item .news_image{float:left;width:169px;height:103px;margin-right:5px; background:url(../images/bg_photo_news.png) no-repeat;} #boxes #news .news_item .news_image img{margin-top:10px; margin-left:0px;} #boxes #news .news_item .news_text{float:left;width:146px;text-align:left;} #boxes #news #news_link{position:absolute;right:13px; top:-20px;text-align:left;height:147px; background:url(../images/news_link.png) no-repeat center top; width:146px; font-family: 'GothamRoundedMedium',Arial,sans-serif;font-size:16px;} #boxes #news #news_link a{display:block; padding:92px 30px 8px 17px; color:#FFF; text-decoration:none; background:url(../images/more_button.png) no-repeat right bottom;} #boxes #news #news_link a:hover{background:url(../images/more_button_hover.png) no-repeat right bottom;text-decoration:underline;} #golden_code{position:relative;text-align:left;left:7px; top:10px;background:url(../images/box_golden_code_y.png) no-repeat; width:959px;-moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px;z-index:100; } #golden_code #golden_code_i{height:35px;} #golden_code #golden_code_y{height:140px;/*display:none;*/} #golden_code .code_error{font-weight:bold; margin:20px;width:438px;font-size:16px;font-family:'GothamRounded',Arial,sans-serif;color:#FFF;} #golden_code .code_congratulations{float:left;font-weight:bold; margin:39px 20px 0px 20px;width:700px;font-size:14px;font-family:'GothamRounded',Arial,sans-serif;color:#FFF;} #golden_code .code_congratulations p{float:left;margin-right:10px; width:340px;} #golden_code .code_download a{position:absolute; display:block; width:197px; height:197px;text-indent:-9999px; background:url(../images/ico_download.png) no-repeat center center;top:-48px; right:-17px;} #golden_code label{position:absolute;left:-9999px;} #golden_code #secret_code{position:absolute;left:230px;top:5px;border:none;height:15px;padding:5px;width:100px;color:#BABABA;font-family: 'GothamRoundedMedium',Arial,sans-serif;font-size: 14px;} #golden_code #s_golden_code{position:absolute;left:-9999px;} #golden_code .formulaire-spiplistes-abo{float:right;margin-top:10px;margin-right:10px;} #golden_code .formulaire-spiplistes-abo fieldset p{display:none;} #golden_code .formulaire_inscription fieldset{border:none;} #golden_code .formulaire_inscription legend{display:none;} #golden_code .formulaire_inscription .forml{background:#FFFFFF!important;border: 1px solid #BABABA;color: #BABABA;font-family: 'GothamRoundedMedium',Arial,sans-serif;font-size: 15px;padding: 7px;width:350px!important;margin:0 0 5px 0;} #golden_code .coord {position:relative;} #golden_code .coord label{font-family: 'GothamRoundedMedium',Arial,sans-serif;font-size: 15px;width:350px!important;position:absolute; left:10px; top:18px;color: #BABABA;} #golden_code .formulaire_inscription p.spip_bouton{display:block;margin:10px 0!important;} #golden_code .formulaire_inscription p.spip_bouton .submit{background:url(../images/button_signup.png) no-repeat; width:96px; height:27px; text-indent:-9999px;font-size:1px;border:none;} #golden_code .formulaire_inscription p.spip_bouton .submit:hover{background:url(../images/button_signup_hover.png) no-repeat;} #golden_code .formulaire_inscription .liste-des-listes{display:none!important;} #golden_code .formulaire_inscription{} #golden_code .formulaire_inscription{} #golden_code .formulaire_inscription{} #golden_description{position:absolute; left:19px; top:40px;color:#FFF;width:550px;font-size:14px;line-height:20px;font-family: Arial, sans-serif;font-family: 'GothamRounded',Arial,sans-serif;font-weight:bold;display:none;} #membership_left{width:562px; float:left;text-align:left;color:#0e56a2; font-size:14px;margin-left:2px;} #membership_left h2{width:562px; height:143px; background: url(../images/getters_box_membership.png) no-repeat; text-indent:-9999px; position:relative; z-index:2;} #membership_left #membership_description{font-weight:bold;margin-bottom:20px;} #membership_left #membership_subscribe{background:url(../images/box_subscribe.png) no-repeat center top;width:517px;height:419px;padding:20px;margin-left:4px; margin-top:-10p; position:relative; z-index:1;} #membership_left #membership_subscribe .formulaire-spiplistes-abo fieldset p{display:none;} #membership_left #membership_subscribe .coord {position:relative;margin-top:10px;} #membership_left .souhait{font-size:12px;} #membership_left .formulaire_gestion_abonnement fieldset{border:none;} #membership_left .formulaire_gestion_abonnement li{list-style-type:none;} #membership_left .formulaire_gestion_abonnement #liste_1{display:none;} #membership_left .formulaire_gestion_abonnement .bloc-formats, #membership_left .formulaire_gestion_abonnement .desabonnement{margin:5px 0;font-size:12px;} #membership_left .formulaire_gestion_abonnement .bloc-formats legend, #membership_left .formulaire_gestion_abonnement .desabonnement legend{font-weight:bold;} #membership_left .formulaire_gestion_abonnement .spip_bouton input{margin:10px 0;background: #1d4265; /* Old browsers */ background: -moz-linear-gradient(top, #1d4265 0%, #2989d8 100%, #566380 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d4265), color-stop(100%,#2989d8), color-stop(100%,#566380)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1d4265 0%,#2989d8 100%,#566380 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1d4265 0%,#2989d8 100%,#566380 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #1d4265 0%,#2989d8 100%,#566380 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4265', endColorstr='#566380',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #1d4265 0%,#2989d8 100%,#566380 100%); /* W3C */ -moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px; color:#FFF;border:1px solid #036; padding:3px; } .message-formulaire .nom{display:none;} #golden_code_y .message-formulaire .souhait{display:none;} #golden_code_y .formulaire_gestion_abonnement{display:none;} #membership_right{float:left;text-align:left;color:#0e56a2; font-size:14px;margin-left:6px;width:399px; height:670px;} #membership_right #sns{background: url(../images/sns.png) no-repeat; width:396px; height:129px; position:relative;margin-top:8px; z-index:2;} #membership_right #sns span.radius_sns{position:absolute; left:1px; top:13px;display:block;width:394px;height:108px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;} #membership_right #sns span.radius_sns:hover{-moz-box-shadow: 0 0 5px 5px #0086D1;-webkit-box-shadow: 0 0 5px 5px #0086D1;-o-box-shadow: 0 0 5px 5px #0086D1;box-shadow: 0 0 5px 5px #0086D1;} #membership_right #sns h4{text-indent:-9999px;text-align:left;} #membership_right #sns .sns_text{position:absolute; left:13px; top:40px; color:#175BA0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:10px;text-align:left;width:170px;} #membership_right #sns .sns_text a{color:#175BA0!important;text-decoration:none!important;} #membership_right #sns .sns_text strong{font-size:11px;} #membership_right #sns #sns_fb a{text-align:left; text-indent:-9999px;position:absolute; width:64px; height:61px; left:196px; top:1px;} #membership_right #sns #sns_tw a{text-align:left; text-indent:-9999px;position:absolute; width:62px; height:62px; left:250px; top:45px;} #membership_right #sns #sns_yt a{text-align:left; text-indent:-9999px;position:absolute; width:50px; height:54px; left:273px; top:-10px;} #membership_right #sns #sns_tm a{text-align:left; text-indent:-9999px;position:absolute; width:62px; height:62px; right:30px; top:50px;} #membership_right #makefriends{background:url(../images/bg_membership.png) no-repeat top center;margin-top:-12px;margin-left:4px; position:relative; z-index:1;height:493px;} #membership_right #makefriends h2{background:url(../images/title_makefriends.png) no-repeat;width:315px; height:115px;text-indent:-9999px;font-size:1px;margin-top:-10px;margin-top:-6px;margin-left:-4px;} #membership_right #makefriends .text{padding:0 10px 10px 10px;color:#666; line-height:18px;} #membership_right #makefriends ul{list-style-type:none;margin-top:18px;} #membership_right #makefriends li{width:125px;float:left;font-size:12px;} #membership_right #makefriends .mf_image{float:left;width:125px;height:110px;} #membership_right #makefriends .mf_title{float:left;width:165px; height:36px;text-indent:-9999px;font-size:1px;} #membership_right #makefriends .mf_links{float:left;line-height:23px;margin:10px 0 15px 0;} #membership_right #makefriends .mf_links a{ background:url(../images/ico_tw.png) no-repeat left center; padding:5px 0 0 24px;text-decoration:none; color:#666;} #membership_right #makefriends .mf_links a:first-child{ background:url(../images/fb_ico.png) no-repeat left center;} #membership_right #makefriends .mf_links a:hover{ color:#CCC;} #membership_right #makefriends #gogogo{ float: left;width:378px;margin-bottom:10px;} #membership_right #makefriends #gogogo h3{ background:url(../images/gogogo_membership.png) no-repeat;width:104px; height:136px;text-indent:-9999px;float:left;margin:10px 0;} #membership_right #makefriends #gogogo .sn{float:left;margin-left:20px;} #membership_right #makefriends #gogogo .sn a.follow{background:url(../images/ico_tw.png) no-repeat left top; padding: 0 0 10px 24px;text-decoration:none; color:#666;text-decoration:none;display:block;font-size:12px;} #membership_right #makefriends #holly{ background:url(../images/mf_holly.png) no-repeat;} #membership_right #makefriends #gemma { background:url(../images/mf_gemma.png) no-repeat;} #membership_right #makefriends #carl{ background:url(../images/mf_carl.png) no-repeat;} #membership_right #makefriends #steve{ background:url(../images/mf_steve.png) no-repeat;} #membership_right #makefriends #jade{ background:url(../images/mf_jade.png) no-repeat;} #membership_right #makefriends #baffled{ background:url(../images/mf_mrbaffled.png) no-repeat;} #membership_right #makefriends #fluffalope{ background:url(../images/mf_fluffalope.png) no-repeat;} #membership_right .intro{color:#0e56a2; font-size:12px; margin:20px 0 10px 20px;float:left;font-weight:bold;width:120px;} #sn_fluffalope{position:absolute; left:260px; top:140px;width:132px;} #sn_fluffalope li{ list-style-type:none;} #alton_left{position:relative; background:url(../images/bg_alton.png) no-repeat; width:278px; height:551px; padding:20px; text-align:left;color:#0e56a2; font-size:13px;margin-left:7px;float:left;} #alton_left #place{position:absolute; left:20px;top:-100px;z-index:101;} #alton_left #place a img:hover{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} #alton_left p{margin-bottom:15px;} #alton_left p strong{font-size:14px;} #alton_right{float:left; width:627px; height:591px;margin-left:7px;} .grown_col{float:left; background:url(../images/bg_alton.png) no-repeat; width:278px; height:551px; padding:20px; text-align:left;color:#0e56a2; font-size:13px;margin-left:2px;position:relative;} #grown_col2.grown_col{background:url(../images/GGG_grownups_middle.png) no-repeat;} .grown_col h2{margin-top:-40px;position:relative; z-index:111;margin-bottom:15px;} #grown_col2.grown_col h2{margin-left:63px;} .grown_col h3{margin-bottom:15px;} .grown_col p{margin-bottom:15px;} .grown_col p strong{font-size:14px;} #grown_col1{margin-left:8px;position:relative;} #grown_col1 #place{position:absolute; right:-20px;top:-100px;z-index:101;} #grown_col1 #place a img:hover{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} #grown_col1 h2{ background:url(../images/title_the_show_at.png) no-repeat; width:198px; height:30px; text-indent:-9999px;} #grown_col2 h2{ background:url(../images/title_the_tour.png) no-repeat; width:142px; height:30px; text-indent:-9999px;} #grown_col3 h2{ background:url(../images/title_behind_the_scenes.png) no-repeat; width:301px; height:30px; text-indent:-9999px;margin-left:-10px;} #left {width:320px; color:#EAEAEA; float:left;margin-top:20px;width:800px;} #left .leftbox{padding:10px; color:#999;text-align:left;font-size:13px; line-height:16px;margin:0 10px;float:left; width:276px;} #left .leftbox a{color:#999;} #left .leftbox h2{height:31px;text-indent:-9999px; font-size:1px;margin-bottom:10px;} #left #online_safety h2{ background:url(../images/title_online_safety.png) no-repeat; width:182px;margin-left:-5px;} #left #privacy h2{ background:url(../images/title_privacy.png) no-repeat; width:182px;} .sticky{position:absolute;} #sticky_alton{width:158px; height:158px;right:15px; bottom:40px;} #sticky_alton #link_alton:hover{webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} #sticky_great{width:176px; height:180px;top:-30px; right:-50px;} #sticky_blast{width:190px; height:190px;left:-40px; bottom:60px;} #sticky_seeus{width:314px; height:113px;bottom:-40px; left:30px;} #dates{ background:url(../images/bg_dates.png) no-repeat;width:918px;height:530px; padding:20px;position:relative; left:9px; top:10px;} #dates .live{position:relative; left:14px; top:91px;width:400px;} #dates .live h4{background:url(../images/title_live.png) no-repeat center center;height:25px;text-indent:-9999px;text-align:left;} #dates .live_item{float:left;width:292px;margin:30px 10px 0 0;color:#0E56A2;font-size:14px;text-align:center;} #dates .live_item h5{font-size:16px;margin:5px 0 10px 0;} #dates ul{margin:0px auto;} #dates li{display:inline-table;width:44px; height:44px;margin-right:3px;margin-left:3px;background:#175BA0;color:#FFF;margin-bottom:5px;-moz-border-radius: 3px;border-radius: 3px;} #dates li .month{padding:2px 0 3px 0;font-size:11px; text-transform:uppercase;} #dates li .day{font-size:28px;margin-top:-7px;} #dates #place{position:absolute; right:134px;top:118px;} #dates #place a img:hover{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} #dates .more {position:absolute; right:20px; bottom:15px;font-family: 'GothamRoundedMedium', Arial, sans-serif;} #dates .more a {color:#175BA0; padding:10px 40px 10px 10px; display:block; background:url(../images/more_button.png) no-repeat right center;text-decoration:none;} #dates .more a:hover{text-decoration:underline;background:url(../images/more_button_hover.png) no-repeat right center;} #dates .infos{font-weight:bold;font-size:13px;} #dates .infos a{color:#175BA0; text-decoration:none;} #content{width:100%;position:relative;z-index:10;height:313px;margin-top:-55px;float:left;} #content ul#menu_content{list-style-type:none;width:952px; height:84px;margin:31px 9px 0 9px;position:relative; z-index:100 } #content #menu_content li{display:inline;} #content #menu_content li a{display:block; float:left;text-indent:-9999px; font-size:1px;outline:none;height:84px;width:238px;} #content li#menu_videos a{ background:url(../images/tab_videos2.png) no-repeat center top;height:60px!important;} #content li#menu_videos a.on{ background:url(../images/tab_videos2_hover.png) no-repeat center top;height:84px!important} /*html.js #content li#menu_videos a.hover.on{ background:url(../images/tab_videos2.png) no-repeat center center;}*/ #content li#menu_videos a:hover,html.js #content li#menu_videos a.hover{ background:url(../images/tab_videos2_hover.png) no-repeat center top;} #content li#menu_videos a.on:hover{ background:url(../images/tab_videos2_hover.png) no-repeat center top;} #content li#menu_games a{ background:url(../images/tab_games2.png) no-repeat center top;} #content li#menu_games a.on{ background:url(../images/tab_games2_hover.png) no-repeat center top;} /*html.js #content li#menu_games a.hover.on{ background:url(../images/tab_games2.png) no-repeat center center;}*/ #content li#menu_games a:hover,html.js #content li#menu_games a.hover{ background:url(../images/tab_games2_hover.png) no-repeat center top;} #content li#menu_games a.on:hover{ background:url(../images/tab_games2.png) no-repeat center top;} #content li#menu_photos a{ background:url(../images/tab_photos2.png) no-repeat center -16px;height:60px!important;} #content li#menu_photos a.on{ background:url(../images/tab_photos2_hover.png) no-repeat center -16px!important;height:84px!important;} html.js #content li#menu_photos a.hover.on{ background:url(../images/tab_photos2.png) no-repeat center -16px!important;height:84px!important;} #content li#menu_photos a:hover,html.js #content li#menu_photos a.hover{ background:url(../images/tab_photos2_hover.png) no-repeat center -16px!important;} #content li#menu_photos a.on:hover{ background:url(../images/tab_photos2_hover.png) no-repeat center bottom;} #content li#menu_downloads a{ background:url(../images/tab_downloads2.png) no-repeat center -16px;height:59px!important;} #content li#menu_downloads a.on{ background:url(../images/tab_downloads2_hover.png) no-repeat center -16px;height:84px!important;} /*html.js #content li#menu_downloads a.hover.on{ background:url(../images/tab_downloads.png) no-repeat center bottom;}*/ #content li#menu_downloads a:hover,html.js #content li#menu_downloads a.hover{ background:url(../images/tab_downloads2_hover.png) no-repeat center -16px;} #content li#menu_downloads a.on:hover{ background:url(../images/tab_downloads2_hover.png) no-repeat center bottom;} #content #videos{-webkit-transform:translate3d(0,0,0);position:absolute;width:953px;height:250px;background:url(../images/box_1_a.png) no-repeat left bottom;margin:0 9px 9px 9px;top:0;padding-top:60px;} #content #games{-webkit-transform:translate3d(0,0,0);position:absolute;width:953px;height:250px;background:url(../images/box_2_a.png) no-repeat left bottom;margin:0 9px 9px 9px;top:0;padding-top:60px;} #content #photos{-webkit-transform:translate3d(0,0,0);position:absolute;width:953px;height:250px;background:url(../images/box_3_a.png) no-repeat left bottom;margin:0 9px 9px 9px;top:0;padding-top:60px;} #content #downloads{-webkit-transform:translate3d(0,0,0);position:absolute;width:953px;height:250px;background:url(../images/box_4_a.png) no-repeat left bottom;margin:0 9px 9px 9px;top:0;padding-top:60px;} #content .off{display:none;} #content div.tab_container {overflow:hidden;margin:0 6px;-webkit-transform: scale3d(1, 1, 1);} #content ul.tab{list-style-type:none;position:relative;width:10000px} #content .tab li{display:block;float:left;height:244px;} #content .tab li:hover, #content .tab li.on{background:#FFFF00;} #content .tab li a img{border:none;margin-top:13px;} #content .tab li iframe{margin-top:13px;} #content .tab .info{text-align:left;padding:7px 15px; color:#666;} #content .tab .info h3{font-size:14px; font-weight:normal;font-family: 'GothamRounded', Arial, sans-serif;} #content .tab .info .description{font-size:11px;} #content .three_boxes li{width:315px;} #content .three_boxes li.left{text-align:left;} #content .three_boxes li.center{text-align:center;} #content .three_boxes li.right{text-align:right;} #content .four_boxes li{width:236px;} #content .prev a, #content .next a{top:136px;} #content .prev a{left:-70px} #content .next a{right:-78px;} .membership #content {height:auto;} #right .formulaire_spip .submit{background:url(../images/button_signup.png) no-repeat; width:96px; height:27px; text-indent:-9999px;font-size:1px;border:none;} #right .formulaire_spip .submit:hover{background:url(../images/button_signup_hover.png) no-repeat;} #footer{width:100%;position:absolute;bottom:0;z-index:30;padding-top:45px; background:url(../images/bg_footer.png) repeat-x;text-align:left;color:#7970DA;font-size:11px;} #footer .container{width:100%; background:#FFF;height:100%;} #footer .content{background:url(../images/show4kids.png) no-repeat;padding-left:70px;margin:auto;width:900px;height:60px} #footer .loaded_content {width:900px;padding-left:70px;margin:auto;position:relative;} #footer.expanded .loaded_content{padding-bottom:50px;} #footer .loaded_content ul.spip{} #footer .loaded_content ul.spip li{text-transform:none; display:block;padding-left:13px; background:url(../images/bullet_footer.png) no-repeat;;} #footer #footer_close{z-index:20;position:absolute; right:-20px; top:-20px; background:url(../images/close.png) no-repeat;width:39px; height:36px;text-indent:-9999px;outline:none; font-size:1px; } #footer .loaded_content h2{font-family:'GothamRounded', Arial, sans-serif;margin:10px 0;font-size:20px;color:#F60;} #footer .loaded_content h3.spip{font-family:'GothamRounded', Arial, sans-serif;margin-top:10px; margin-bottom:4px;font-size:14px;} #footer .loaded_content p{text-transform:none;margin-bottom:7px;font-family:'GothamRounded', Arial, sans-serif;} #footer ul{list-style-type:none;text-transform:uppercase;font-family:'GothamRounded', Arial, sans-serif;} #footer li{display:inline;} #footer li a{color:#7970DA; text-decoration:none; padding-right:4px;} #footer li a:hover{text-decoration:underline;} #footer li a.on{color:#F60;} #footer_close {} .prev a{background:url(../images/char_prev.png) no-repeat; width:73px; height:77px;position:absolute; left:-36px; top:77px;text-indent:-9999px; outline:none;font-size:1px;} #characters .prev a {left:37px} .prev a.disabled{background:url(../images/char_prev_disabled.png) no-repeat;cursor:default;} .prev a.disabled:hover{background:url(../images/char_prev_disabled.png) no-repeat;} .prev a:hover, .prev a:active{background:url(../images/char_prev_on.png) no-repeat;} .next a{background:url(../images/char_next.png) no-repeat; width:73px; height:77px;position:absolute; right:-28px; top:77px;text-indent:-9999px; outline:none;font-size:1px;} #characters .next a {right:-28px} .next a.disabled{background:url(../images/char_next_disabled.png) no-repeat;cursor:default;} .next a.disabled:hover{background:url(../images/char_next_disabled.png) no-repeat;} .next a:hover, .next a:active{background:url(../images/char_next_on.png) no-repeat;} #overlayer{background:#FFF;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:10px;max-width:707px;margin:/*20px */auto;text-align:left;color:#666;} .overlayer_image{display:block;/*margin-bottom:10px;*/} .overlayer_detail{float:left;margin-left:20px;width:210px;} .overlayer_detail h2{font-size:17px;} .overlayer_text{float:left;width:230px; margin-left:15px;} .overlayer_menu{float:right;list-style-type:none;} .overlayer_menu li a{display:block;width:171px;height:32px;} .overlayer_menu a img{border:0;} #fancybox-wrap.gallery {padding:0;} #fancybox-wrap #fancybox-outer{background:transparent !important;} #fancybox-wrap.gallery .fancybox-bg {display:none} #fancybox-wrap.gallery.initing #fancybox-frame {display: none} #fancybox-wrap.gallery #fancybox-frame {background:transparent;opacity:0} #fancybox-wrap #fancybox-close{background:url(../images/close.png) no-repeat;width:39px; height:36px;} #right .message-formulaire .nom{display:none;} #right .message-formulaire .souhait span{font-weight:bold;} #right .formulaire_gestion_abonnement fieldset{border:none;margin-bottom:5px;} #right .formulaire_gestion_abonnement .liste-des-listes{display:none;} #right .formulaire_gestion_abonnement .legend{font-weight:bold;} #right .formulaire_gestion_abonnement .submit {background: url("../images/button_send.png") no-repeat scroll 0 0 transparent!important;margin-bottom:10px;} #right .formulaire_gestion_abonnement .choix{float:left;margin-right:10px;} #right .formulaire_gestion_abonnement .choix input{width:auto!important;margin-right:5px;} #player{background:url(../images/bg_player.png) repeat-x;height:39px;width:100%; position:relative; top:0; left:0;z-index:10000;} #player span.deco{background:url(../images/bg_player_deco.png) repeat-x;height:39px;width:100%; position:absolute; top:0; left:0;z-index:10000;display:block;} #player span.left_player{background:url(../images/bg_player_left.png) repeat-x;height:39px;width:7px; position:absolute; top:0; left:0;z-index:10000;display:block;} #player span.right_player{background:url(../images/bg_player_right.png) repeat-x;height:39px;width:7px; position:absolute; top:0; right:0;z-index:10000;display:block;} .player{margin:0 auto; width:990px;position:relative;height:39px;} .player .songs{height:31px;overflow:hidden;position:absolute; left:55px;top:4px;padding:0 10px; width:250px;font-family:'GothamRounded', Arial, sans-serif;color:#3387C3;text-align:left; z-index:10100;} .player .songs dt{font-size:10px;line-height:10px;margin-left:10px;} .player .songs dd{font-size:16px;font-weight:bold;padding:0px 10px;background:#F9FF3C;} .player .songs dd span{border-bottom:1px solid #3387C3;display:block;padding:5px 0;} .player #player_bottom{height:10px; -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottomright: 10px; border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomleft: 10px; border-radius-bottomleft: 10px;} .player .expanded {height:auto} .player .songs dd.on{display:block;border-top:none;padding-top:0;background:none;margin-bottom:6px;} .player .songs dd.on span{border-bottom:none;padding:0;} .player .songs dd a{text-decoration:none;color:#3387C3;} .player .choose a{display:none;position:absolute;z-index:10000; left:25px;top:5px;width:29px; height:24px; background:url(../images/ico_choose.png) no-repeat; font-size:1px; text-indent:-9999px; outline:none;} .player .choose a:hover,.player .choose a.on{background:url(../images/ico_choose_hover.png) no-repeat;} .player #controller{position:absolute; left:20px; width:59px;list-style-type:none;z-index:10000;} .player #controller li{display:inline;} .player #controller li a{display:block;float:left;} .player #controller .pause a{position:absolute; left:0px;top:9px;width:15px; height:19px; background:url(../images/ico_pause.png) no-repeat; font-size:1px; text-indent:-9999px; outline:none;} .player #controller .pause a:hover, .player #controller .pause a.on{background:url(../images/ico_pause_hover.png) no-repeat;} .player #controller .play a{position:absolute; left:22px;top:9px;width:15px; height:19px; background:url(../images/ico_play.png) no-repeat; font-size:1px; text-indent:-9999px; outline:none;} .player #controller .play a:hover, .player #controller .play a.on{background:url(../images/ico_play_hover.png) no-repeat;} .spip-admin-float {top:50px!important} .formulaire_inscription fieldset{border:none;} .formulaire_inscription legend{display:none;} .formulaire_inscription .forml{background:#FFFFFF!important;border: 1px solid #BABABA;color: #BABABA;font-family: 'GothamRoundedMedium',Arial,sans-serif;font-size: 15px;padding: 7px;width:350px!important;} .coord {position:relative;} .coord label{font-family: 'GothamRoundedMedium',Arial,sans-serif;font-size: 15px;width:350px!important;position:absolute; left:10px; top:18px;color: #BABABA;} .formulaire_inscription p.spip_bouton{display:block;margin:15px 0!important;} .formulaire_inscription p.spip_bouton .submit{background:url(../images/button_signup.png) no-repeat; width:96px; height:27px; text-indent:-9999px;font-size:1px;border:none;} .formulaire_inscription p.spip_bouton .submit:hover{background:url(../images/button_signup_hover.png) no-repeat;} .formulaire_inscription .liste-des-listes{display:none!important;} .formulaire_inscription{} .formulaire_inscription{} .formulaire_inscription{} #right .formulaire_spip .submit{background:url(../images/button_signup.png) no-repeat; width:96px; height:27px; text-indent:-9999px;font-size:1px;border:none;} #right .formulaire_spip .submit:hover{background:url(../images/button_signup_hover.png) no-repeat;} .formulaire_demo{position:relative;margin-top:20px;} .formulaire_demo label {color: #BABABA;font-family: 'GothamRoundedMedium',Arial,sans-serif;font-size: 15px;left: 10px;position: absolute;top: 9px;width: 350px !important;} .formulaire_demo input{border: 1px solid #BABABA;color: #BABABA;font-family: 'GothamRoundedMedium',Arial,sans-serif;font-size: 15px;padding: 7px;} #right .formulaire_spip.formulaire_demo .submit{margin-top:20px;} .formulaire_gestion_abonnement,.formulaire_inscription{position:relative;} .reponse_formulaire{position:absolute;right:0; bottom:0; color:#09C; font-weight:bold;} #membership_subscribe .reponse_formulaire{left:0px; top:136px;font-size:16px;} #golden_code_y .reponse_formulaire{left:530px; top:26px; color:#FFF;} .guys #header{height:50px;} .guys #header #hero{height:50px;} .guys #header .container{height:50px;background: url("../images/bg_page_guys.png") repeat-y scroll center top transparent;} .guys #container{background: url("../images/bg_page_guys.png") repeat-y scroll center top transparent;} #col_f{width:970px;} #guys_fluffalope{float:right;margin-right:5px;position:relative;} .col{float:left;position:relative;width:160px;height:453px;} .col .spip_logos{position:absolute;left:0; top:0;} #guys_carl{left:-19px; top:0px;} #guys_gemma{left:0px; top:0px;} #guys_steve{left:0px; top:-3px;} #guys_jade{left:-16px; top:0px;z-index:1} #guys_holly{left:0px; top:-4px;} #guys_mrbaffled{left:-3px; top:1px;} #guys_fluffalope a img:hover{-webkit-transform: scale(1.02,1.02);-moz-transform: scale(1.02,1.02);transform: scale(1.02,1.02);z-index:1000} .col a img:hover{-webkit-transform: scale(1.04,1.04);-moz-transform: scale(1.04,1.04);transform: scale(1.04,1.04);z-index:1000} .guys #backgrounds{height:95%;} /*.generic #background{height:750px;}*/ span.radius_fluffalope{position:absolute; left:1px; top:13px;display:block;width:717px;height:175px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} span.radius_fluffalope:hover{-moz-box-shadow: 0 0 5px 5px #0086D1;-webkit-box-shadow: 0 0 5px 5px #0086D1;-o-box-shadow: 0 0 5px 5px #0086D1;box-shadow: 0 0 5px 5px #0086D1;} span.radius_carl{position:absolute; left:1px; top:13px;display:block;width:717px;height:175px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} span.radius_carl:hover{-moz-box-shadow: 0 0 5px 5px #0086D1;-webkit-box-shadow: 0 0 5px 5px #0086D1;-o-box-shadow: 0 0 5px 5px #0086D1;box-shadow: 0 0 5px 5px #0086D1;} span.radius_gemma{position:absolute; left:1px; top:13px;display:block;width:717px;height:175px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} span.radius_gemma:hover{-moz-box-shadow: 0 0 5px 5px #0086D1;-webkit-box-shadow: 0 0 5px 5px #0086D1;-o-box-shadow: 0 0 5px 5px #0086D1;box-shadow: 0 0 5px 5px #0086D1;} span.radius_steve{position:absolute; left:1px; top:13px;display:block;width:717px;height:175px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} span.radius_steve:hover{-moz-box-shadow: 0 0 5px 5px #0086D1;-webkit-box-shadow: 0 0 5px 5px #0086D1;-o-box-shadow: 0 0 5px 5px #0086D1;box-shadow: 0 0 5px 5px #0086D1;} span.radius_holly{position:absolute; left:1px; top:13px;display:block;width:717px;height:175px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} span.radius_holly:hover{-moz-box-shadow: 0 0 5px 5px #0086D1;-webkit-box-shadow: 0 0 5px 5px #0086D1;-o-box-shadow: 0 0 5px 5px #0086D1;box-shadow: 0 0 5px 5px #0086D1;} span.radius_mrbaffled{position:absolute; left:1px; top:13px;display:block;width:717px;height:175px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} span.radius_mrbaffled:hover{-moz-box-shadow: 0 0 5px 5px #0086D1;-webkit-box-shadow: 0 0 5px 5px #0086D1;-o-box-shadow: 0 0 5px 5px #0086D1;box-shadow: 0 0 5px 5px #0086D1;} #left{float:left;width:800px;text-align:left;padding-bottom:43px; margin-top:10px;} .news #left{width:257px;margin-top:238px;} #left #news_boxes li{position:relative;display:block; float:left;height:284px;} #news_boxes li#getters{width:262px;background:url(../images/getters.png) no-repeat;margin-left:-5px;margin-top:-17px;} #news_boxes li#getters .description{padding:160px 40px 10px;color:#FFF;text-align:left;} #news_boxes li#getters .description a{color:#FFF; text-decoration:none;} #news_boxes li#getters .description a:hover{color:#8EDBF4;} #news_boxes li#getters .join{position:absolute; left:40px; bottom:0; background:url(../images/button_boxes_join.png) no-repeat; width:90px; height:26px;text-indent:-9999px; font-size:1px; outline:none;} #news_boxes li#getters .join:hover{background:url(../images/button_boxes_join_hover.png) no-repeat;} #news_boxes li#follow{width:196px;height:264px;background:url(../images/follow.png) no-repeat;margin:15px;padding:0 20px;text-align:left;color:#FFF;} #news_boxes li#follow h4{font-family: 'GothamRounded', Arial, sans-serif;font-size:20px;margin-top:20px;text-indent:-9999px;} #news_boxes li#follow .description{position:absolute; padding:20px; bottom:28px;left:0;} #news_boxes li#follow #follow_twitter{position:absolute;width:68px; height:68px; left:12px; top:-67px;font-size:1px; text-indent:-9999px; outline:none;} #news_boxes li#follow #follow_facebook{position:absolute;width:78px; height:78px; right:11px; top:-113px;font-size:1px; text-indent:-9999px; outline:none;} #news_boxes li#follow #follow_youtube{position:absolute;width:50px; height:50px; right:11px; top:-34px;font-size:1px; text-indent:-9999px; outline:none;} #news_boxes li#follow .more{position:absolute; left:20px; bottom:0; background:url(../images/button_boxes_more.png) no-repeat; width:73px; height:26px;text-indent:-9999px; font-size:1px; outline:none;} #news_boxes li#follow .more:hover{background:url(../images/button_boxes_more_hover.png) no-repeat;} #right{float:left;padding:3px 0 0 12px;position:relative; margin-top:10px;} .news #right{margin-top:60px;margin-left:251px;} #right .news_container{width:650px;text-align:left;color:#666;width:550px;padding-bottom:40px;} #right .news_container h2{ background:url(../images/title_latest_news.png) no-repeat; width:162px; height:30px; text-indent:-9999px; font-size:1px; margin-bottom:20px;} #right .news_container .news_item{position:relative;margin-bottom:20px;} #right .news_item .news_date{position:absolute; top:0; right:-107px; background:url(../images/bg_news_date.png) no-repeat;width:96px; height:15px; text-align:center;padding:7px 0; color:#FFF;} #right .news_item .like_fb{position:absolute; top:30px; right:-148px;width:137px;text-align:center;padding:7px 0; color:#FFF;} #right .news_item h3{font-family:'GothamRounded', Arial, sans-serif;font-size:14px;margin:10px 0;width:300px;} #right .news_item p{line-height:18px;} #right .news_item .more a{height:26px; display:block;background:url(../images/button_boxes_more.png) no-repeat; width:73px; height:26px; text-indent:-9999px; display:block; font-size:1px; outline:none;margin-top:20px;} #right .news_item .more a:hover{background:url(../images/button_boxes_more_hover.png) no-repeat;} #right .news_item .back a{height:26px; display:block;background:url(../images/button_back.png) no-repeat; width:73px; height:26px; text-indent:-9999px; display:block; font-size:1px; outline:none;margin-top:20px;} #right .news_item .back a:hover{background:url(../images/button_back_hover.png) no-repeat;} #right .news_container.detail h3{font-family:'GothamRounded', Arial, sans-serif;font-size:23px;margin:10px 0;width:550px;} #right .news_container.detail img{margin-bottom:10px;} #catch_up{position:absolute; right:-35px; top:75px;} #catch_up h3{ background:url(../images/on_the_go.png) no-repeat center top; width:100%; height:38px; position:relative; z-index:1002;text-indent:-9999px;} #catch_up .screen_go{ background:url(../images/screen_go.png) no-repeat; width:269px; height:161px; margin-top:-25px; position:relative; z-index:0;} #catch_up .screen_go a {position:absolute; left:11px; top:1px; width: 246px; height: 140px; display:block; text-decoration:none;z-index:1000;} #catch_up .screen_go object {position:relative; z-index:1001;margin-top:10px;} #catch_up .screen_go iframe, #catch_up .screen_go img {margin-top:10px;} #catch_up .play_go{ background:url(../images/play_go.png) no-repeat center center; width:47px; height:47px; position:absolute; left:103px; top:60px; z-index:10;text-indent:-9999px;cursor:pointer;z-index:1001;} #catch_up .catch{/*background:url(../images/catch_us.png) no-repeat center center; */width:100%; height:74px; text-indent:-9999px;margin-top:15px;} #hero_empire {position:absolute;left:26px;top:278px;}