/* CSS generated by SiteManager at 03:26pm 10/08/2010 - do not edit this file directly */ /* CSS FOR [Cumbria Sport] - Home Stylesheet AUTHOR: Alison Springall (alisonspringall@silktide.com) / Silktide Studios - All Rights Reserved CREATED: 08/02/2010 */ /* BUTTON STYLES ----------------------------------------------------------------------------------------------------------------------------- */ #home input.button, #home a.button { width: 60px; height: 30px; background: #0284b0 url(/templatefiles/arrow.png) no-repeat 40px 8px; font-weight: bold; font-size: 1.2em; line-height: 20px; text-transform: uppercase; text-decoration: none!important; color: #fff!important; padding: 5px 32px 5px 9px; border: 0; margin: 0; cursor: pointer; } #home a.button { width: 19px; height: 20px; display: block; } #home input.button:hover, #home a.button:hover { background-color: #0b5872; text-decoration: none; color: #fff; } p.menulink a, p.menulink a:visited { width: 275px; min-height: 20px; background-color: #89A341; background-position: 290px center; padding-right: 22px; } p.menulink a:hover, p.menulink a:active { background-color: #A4AF84; } /* HEADER ----------------------------------------------------------------------------------------------------------------------------- */ #home #header #grunge { height: 758px; } #home #header .wrapper { height: 740px; position: relative; } #home #header .banner { width: 614px; position: relative; background-color: #8c817d; padding: 6px; margin: 10px 0 15px 14px; } #home #header #bannerimg { position: absolute; top: -15px; left: -15px; } #home #header #bannertext { width: 280px; position: absolute; right: 0; top: 25px; background-color: #fff; opacity: 0.8; padding: 50px 20px 0 100px; margin-right: 6px; } #home #header #bannertext p { font-weight: bold; color: #333; margin: 0 0 10px; } #home #header .banner .button { background-color: #88a51a; position: absolute; bottom: 15px; right: 15px; } #home #header .banner .button:hover { background-color: #708912; } #home #header #bannershadow { position: absolute; bottom: -23px; left: 50px; } #home #header .video { width: 294px; height: 200px; position: relative; background-color: #8c817d; padding: 6px; margin-top: 10px; } #home #header .video p { font-size: 0.85em; line-height: 1.2em; color: #fff; margin: 0; } #home #header .video .play { position: absolute; top: 50%; left: 50%; margin: -46px 0 0 -46px; } #home #header .homecol { width: 306px; height: 264px; overflow: hidden; position: relative; background: transparent url(/templatefiles/homecol_bg.png) repeat; padding: 0; margin-bottom: 0; } #home #header .homecol h2 { font: bold 2.3em Base02Regular, arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #28bce0; margin: 0 0 15px; } #home #header .homecol select { width: 210px; background: #fff none; font-size: 1.2em; padding: 5px; border: 0; margin: 10px 0; } #home #header .homecol .taosInputText { width: 200px; background: #fff none; font-size: 1.2em; padding: 5px; border: 0; margin: 10px 0; } #home #header .homecol .button { background-color: #0284b0; margin-top: 10px; } #home #header .homecol .button:hover { background-color: #0b5872; } #home #header #col1 { width: 219px; height: 182px; /*width: 306px; height: 264px;*/ background: transparent url(/templatefiles/col1_bg.png) no-repeat 0 0; padding: 26px 53px 46px 34px; } #home #header #col2 { width: 234px; height: 182px; /*width: 306px; height: 264px;*/ background: transparent url(/templatefiles/col2_bg.png) no-repeat 0 0; padding: 26px 45px 46px 27px; } #home #header #col2 h2 { color: #b90c08; margin-bottom: 5px; } #home #header #col2 .homeclubsearch span.taosrequiredfieldicon, #home #header #col2 .homeclubsearch span.formprompt, #home #header #col2 .homeclubsearch span.inputlabel { display: none; } #home #header #col2 .homeclubsearch select { margin: 5px 0; } #home #header #col2 .homeclubsearch .taosTextField { width: 210px; background: #fff none; font-size: 1.2em; padding: 5px; border: 0; margin: 5px 0; } #home #header #col2 .homeclubsearch .button { background-position: 85px 8px; } #home #header #col3 { width: 257px; height: 195px; /*width: 306px; height: 264px;*/ background: transparent url(/templatefiles/homecol_3_bg.jpg) no-repeat 0 0; padding: 37px 49px 22px 0; } #home #header #col3 .homecol_a { position: absolute; left: 0; top: 0; } #home #header #col3 .homecol_b { position: absolute; left: 0; top: 42px; } #home #header #col3 .homecol_c { position: absolute; right: 0; top: 42px; } #home #header #col3 .homecol_d { position: absolute; left: 0; bottom: 0; } #home #header #col3 h2 { background-color: #88a51a; color: #fff; padding: 0 5px 2px 25px; margin-bottom: 25px; } #home #header #col3 p { width: 180px; background-color: #000; opacity: .7; font-weight: bold; line-height: 1.8em; padding: 5px 15px 5px 25px; margin: 0 0 25px 0; } #home #header #col3 .button { background-color: #88a51a; margin-left: 25px; margin-top: -10px; } #home #header #col3 .button:hover { background-color: #708912; } #home #header #socialmedia { } #home #header #socialmedia h3 { width: 90px; float: left; font: bold 1.0em Base02Regular, arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #000; margin: 0 0 0 20px; } #home #header #socialmedia img { margin-right: 10px; } #home #header #twitterfeed { overflow: hidden; background: #d7d4d1 none; margin-top: 0; } #home #header #twitterfeed .padding { padding: 5px 15px; } #home #header #twitterfeed #tweet { color: #333; } #home #header #twitterfeed #tweet p { font-size: 0.9em; color: #333; margin: 0; } #home #header #twitterfeed #tweet ul { padding: 0; margin: 0; } #home #header #twitterfeed #tweet li { list-style-type: none; font-size: 0.9em; color: #333; padding: 0; margin: 0; } #home #header #twitterfeed #tweet li span.twitterTime { font-size: 0.9em; } /* CONTENT ----------------------------------------------------------------------------------------------------------------------------- */ #home .contentwrapper .rounded { width: 306px; margin-bottom: 20px; } #home .contentwrapper .rounded h2 { font: bold 1.8em/1.3em Base02Regular, arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #fff; margin: 0 0 10px; } #home .contentwrapper #homemenu { width: 306px; } #home .contentwrapper #homemenu p { font: bold 1.3em/1.2em Base02Regular, arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #fff; margin: 5px 0 3px 0; } #home .contentwrapper #homemenu p a, #home .contentwrapper #homemenu p a:visited { display: block; background: transparent url(/templatefiles/homemenu_bg1.jpg) no-repeat right center; text-decoration: none; color: #fff; padding: 5px; } #home .contentwrapper #homemenu p#opt10574 a, #home .contentwrapper #homemenu p#opt10574 a:visited, #home .contentwrapper #homemenu p#opt13740 a, #home .contentwrapper #homemenu p#opt13740 a:visited { background-image: url(/templatefiles/homemenu_bg2.jpg); } #home .contentwrapper #homemenu p#opt884 a, #home .contentwrapper #homemenu p#opt884 a:visited { background-image: url(/templatefiles/homemenu_bg3.jpg); } #home .contentwrapper #homemenu p#opt863 a, #home .contentwrapper #homemenu p#opt863 a:visited { background-image: url(/templatefiles/homemenu_bg4.jpg); } #home .contentwrapper #homemenu p a:hover, #home .contentwrapper #homemenu p a:active { background-color: #10181B; text-decoration: none; color: #fff; } #home .contentwrapper #partners { } #home .contentwrapper #partners h2 { color: #9FBB55; } #home .contentwrapper #partners .centerimg { background: #fff; } .yui-carousel-content { width: 286px !important; padding: 0; border: 0; margin: 0; } /* Clipped content region */ .yui-carousel-nav {display: none; } /* Built-in navigation */ ol.yui-carousel-element { height: 145px !important; z-index: 10; padding: 0 !important; margin: 0 !important; } ol.yui-carousel-element li { width: 286px; display: table-cell; vertical-align: middle; background: transparent none; border: none !important; list-style: none !important; text-align: center; padding: 0 !important; margin: 0 !important; } .yui-carousel-item-selected { border: none !important; margin: 0 !important; } #home .contentwrapper #newsmenu { margin-bottom: 30px; } #home .contentwrapper #newsmenu h2 { font: bold 1.8em/1.3em Base02Regular, arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #28bce0; margin: 0 0 10px; } #home .contentwrapper #newsmenu p { color: #fff; padding: 7px 0; margin: 0; } #home .contentwrapper #newsmenu p a, #home .contentwrapper #newsmenu p a:visited { font-weight: bold; text-decoration: none; } #home .contentwrapper #enews h3 { font-weight: bold; text-transform: uppercase; color: #fff; } #home .contentwrapper #feature .padding { background: transparent url(/templatefiles/features_bg.png) no-repeat top right; } #home .contentwrapper #feature p { width: 180px; } #home .contentwrapper #countdown { width: 306px; padding: 0; } #home .contentwrapper #countdown .padding { background: transparent url(/templatefiles/countdown.jpg) no-repeat left bottom; } #home .contentwrapper #countdown .padding h3 { font: normal 1.3em Base02Regular, arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #fff; margin: 15px 10px 20px; } #home .contentwrapper #countdown .padding p#olympics { font-weight: bold; margin: 5px 20px 12px; } #home .contentwrapper #countdown .padding p#olympics span { background-color: #DF0095; font-size: 2.2em; padding: 3px; margin-right: 2px; } #home .contentwrapper #countdown .padding p#paralympics { font-weight: bold; margin: 5px 20px 12px; } #home .contentwrapper #countdown .padding p#paralympics span { background-color: #00BB9A; font-size: 2.2em; padding: 3px; margin-right: 2px; } #home .contentwrapper #countdown p#bottomlink { font-weight: bold; font-size: 1.3em; text-transform: uppercase; color: #fff; margin: 5px 20px 10px; } #home .contentwrapper #countdown a, #home .contentwrapper #countdown a:visited { color: #fff; } #home .contentwrapper #countdown a:hover, #home .contentwrapper #countdown a:active { text-decoration: none; color: #fff; } p.homemenulink { background-color: #152228; font: bold 1.3em/1.2em Base02Regular, arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #fff; margin: 15px 0 0; } p.homemenulink a, p.homemenulink a:visited { display: block; background: transparent url(/templatefiles/homemenu_bg1.jpg) no-repeat right center; text-decoration: none; color: #fff; padding: 5px 7px 7px; } p.homemenulink a:hover, p.homemenulink a:active { background-color: #10181B; text-decoration: none; color: #fff; } #bottomlink p.homemenulink { background: transparent; font-size: 1.2em; line-height: 1.5em; color: #9FBB55; margin: 0; } #bottomlink p.homemenulink a, #bottomlink p.homemenulink a:visited { background: transparent url(/templatefiles/arrow.png) no-repeat 280px center; color: #9FBB55; } #bottomlink p.homemenulink a:hover, #bottomlink p.homemenulink a:active { color: #fff; }