/* Lake District Summer Music Homepage CSS Stylesheet */ /* www.ldsm.org.uk */ /* © January 2010 CNJ Media Ltd www.cnjmedia.co.uk */ /****** Main colours we use are: Red: #e10000 Red 40: #9f1a0f Red 60: #7e140a Grey Borders: #efefef Light Grey Background #fof1f2 ******/ /****** Facebook, Youtube, Competition and flash advert ******/ /*** Menu ***/ #navigation_home { width: 980px; height: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/2008/bground_home_menu_new.gif) no-repeat 0px -1px; float: left; } * html #navigation_home { display: inline; overflow: hidden; } // #navigation_home { display: inline; overflow: hidden; } #navigation_home ul { width: 980px; height: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 0.1em; text-indent: -9999px; list-style: none; } #navigation_home li { height: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } #navigation_home li a { height: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } #navigation_home #internationalfestival { width: 243px; } #navigation_home #internationalfestival a:hover { background: url(images/2008/bground_home_menu_new.gif) no-repeat 0px -31px; } #navigation_home #summerschools { width: 199px; } #navigation_home #summerschools a:hover { background: url(images/2008/bground_home_menu_new.gif) no-repeat -243px -31px; } #navigation_home #outreach { width: 137px; } #navigation_home #outreach a:hover { background: url(images/2008/bground_home_menu_new.gif) no-repeat -442px -31px; } #navigation_home #news { width: 104px; } #navigation_home #news a:hover { background: url(images/2008/bground_home_menu_new.gif) no-repeat -579px -31px; } #navigation_home #fundraising { width: 160px; } #navigation_home #fundraising a:hover { background: url(images/2008/bground_home_menu_new.gif) no-repeat -683px -31px; } #navigation_home #aboutus { width: 137px; } #navigation_home #aboutus a:hover { background: url(images/2008/bground_home_menu_new.gif) no-repeat -843px -31px; } /*** Content ***/ #home { width: 980px; margin: 0em 0px 0px 0px; padding: 0px 0px 0px 0px; background: none; float: left; } * html #home { display: inline; } // #home { display: inline; } #content_home { width: 980px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } * html #content_home { display: inline; } #content_home_sidebar { width: 300px; height: 480px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; } * html #content_home_sidebar { display: inline; } #content_home_isma { width: 300px; height: 240px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/2008/home_0510/bground_home_content_isma.gif) no-repeat 0px 0px; float: left; overflow: hidden; } #content_home_isma h3 { display: none; visibility: hidden; } #content_home_isma p { display: none; visibility: hidden; } #content_home_isma a { width: 300px; height: 240px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -9999px; display: block; cursor: pointer; } #content_home_ysv { width: 300px; height: 240px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/2008/home_0510/bground_home_content_ysv.gif) no-repeat 0px 0px; float: left; overflow: hidden; } * html #content_home_ysv { display: inline; } #content_home_ysv h4 { display: none; visibility: hidden; } #content_home_ysv a { width: 300px; height: 240px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -9999px; display: block; } #content_home_festival { width: 680px; height: 480px; margin: 0px -980px 0px 300px; padding: 0px 0px 0px 0px; background: url(images/2008/home_0510/bground_home_content_festival.jpg) no-repeat 0px 0px; float: left; } * html #content_home_festival { display: inline; visibility: hidden; } #content_home_festival h1 { visibility: hidden; display: none; } #content_home_festival h2 { visibility: hidden; display: none; } #content_home_festival p { visibility: hidden; display: none; } #content_home_festival a { width: 680px; height: 480px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -9999px; display: block; } #content_home_information { width: 980px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/2008/home_0709/bground_home_information.gif) repeat-x 0px 0px #e10000; float: left; } * html #content_home_information { display: inline; } #content_home_information h3 { margin: 1em 0px 0.5em 0px; font-size: 1.5em; line-height: 1em; color: #F0C800; } #content_home_information p { margin: 0px 0px 1em 0px; font-size: 1.3em; line-height: 1.231em; color: #ffffff; } #content_home_information_primary { width: 450px; margin: 1em 0px 1em 20px; padding: 0px 19px 0px 0px; border-right: 1px solid #EA4C4C; float: left; } * html #content_home_information_primary { display: inline; } #content_home_information_secondary { width: 450px; margin: 1em 20px 1em -1px; padding: 0px 0px 0px 20px; border-left: 1px solid #EA4C4C; float: left; } * html #content_home_information_secondary { display: inline; } #content_home_information_news { width: 450px; margin: 1em 0px 1em 0px; padding: 0px 0px 0px 0px; float: left; } * html #content_home_information_news { display: inline; } #content_home_information_news h4 { width: 430px; margin: 0px 0px 1em 0px; padding: 0.5em 10px 0.5em 10px; font-size: 1.4em; line-height: 1em; color: #ffffff; background: #960000; float: left; } #content_home_information_news ul { width: 430px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; color: #ffffff; } #content_home_information_news li { width: 430px; margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; font-size: 1.3em; line-height: 1.231em; color: #ffffff; } #content_home_information_news li span { width: auto; margin: 0.15em 0px 0px 10px; font-size: 0.8em; color: #f9cccc; float: right; } #content_home_information_news li a { color: #ffffff; } #content_home_information_news li a:link, #content_home_information_news li a:visited { text-decoration: none; color: #F0C800; } #content_home_information_news li a:hover, #content_home_information_news li a:active { text-decoration: underline; color: #F0C800; } /****** Funders ******/ #funders_home { width: 980px; height: 60px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/2008/home_0709/bground_funders_home.gif) repeat-x 0px 0px #ffffff; float: left; } * html #funders_home { display: inline; } #funders_home div { margin: 10px 0px 10px 120px; padding: 0px 0px 0px 0px; font-size: 1.1em; line-height: 40px; color: #000000; float: left; } * html #funders_home div { display: inline; } #funders_home img { margin: 10px 30px 10px 30px; padding: 0px 0px 0px 0px; }