/*--------------------------------------------------------- S4/C Style Sheet ----------------------------------------------------------- For page(s): events Last modified: 02/01/07 Modified by: James Stagg, S4C Additional notes: ***** ---------------------------------------------------------*/ /* -------------------------------------------- ELEMENTS */ *{font-size:100%;} body{margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.80em;text-align:center;line-height:1.4em;color:#4d4d4d;background:#fff;} html{margin:0 0 20px 0;padding:0;} /* h1 rules */ h1{position:relative;height:35px;overflow:hidden;margin:0 0 10px 0;padding:0 0 5px 0;border-bottom:1px solid #989898;} h1 span{display:block;position:absolute;height:35px;width:528px;top:2px;left:0;background:transparent url("") no-repeat top left;} h1#e_h-events span{background:url(../../img/e_h-events.gif);} h1#d_h-events span{background:url(../../img/c_h-events.gif);} /* events */ #events-archive h2{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.6em;padding:0 0 0.4em 0;color:#786e19;margin:1em 9px 1em 9px;font-weight:normal;border-bottom:1px solid #e7e7e7;} #events-archive p{margin:0;margin:0 9px 0 9px;padding:0 0 0.7em 0;color:#494949;} #events h2{text-shadow: 0 0 0 #000;font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.6em;padding:0 9px 0 9px;color:#51671d;margin:0.2em 0 0.7em 0;font-weight:normal;} #linebreak{display:block;} #events p{text-shadow: 0 0 0 #000;width:200px;margin:0;margin-left:9px;padding:0.2em 1em 1.5em 0;color:#555555;} #events p.tight{text-shadow: 0 0 0 #000;width:200px;margin:0;margin-left:9px;padding:0.2em 1em 0 0;color:#555555;} #events img{width:256px;float:left;} #events ul{margin:10px 0 2em 0;padding:0;list-style-type:none;} #events a{color:#555555;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0;} #events a:hover{color:#555555;border-bottom:1px solid #555555;text-decoration:none;padding:0 0 0.1em 0;margin:0;} div.events-column h3{border-bottom:1px solid #9CA4A4;font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;padding:0 9px 0.2em 0;color:#000018;margin:0 0 0 0;font-weight:normal;line-height:1.2em;} div.events-column ul{margin:0.4em 0 0 0;padding:0;list-style-type:none;} div.events-column ul li{padding:0.1em 0 0.3em 10px;margin:0;color:#4d4d4d;background:transparent url("../../img/bulletonwhite.gif") no-repeat top left;} div.events-column ul li a{color:#786e19;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0;} div.events-column ul li a:hover{color:#494949;border-bottom:1px solid #898989;text-decoration:none;padding:0 0 0.1em 0;margin:0;} div.events-column h3.h-level{padding-top:1.2em;} /*coloured columns */ .events-column-01{width:175px;float:left; margin:0 7px 0 0;background:url(../../img/box_bottom.jpg) no-repeat bottom;color:#555;min-height:125px;padding:0;} .events-column-01 h2 {padding:8px; /*line-height:1.6em;*/ font-size:0.9em; background:url(../../img/box_top.jpg) no-repeat top; margin:0;} .events-column-01 h2 a{color:#555; padding:0em 0px 0.2em 0px; text-decoration:none; border-bottom: 1px solid #555;} .events-column-01 h2 a:hover{color:#555; padding:0.1em 0px 0.2em 0px; text-decoration:none; border-bottom: 1px solid #555;} .events-column-01 a{color:#555;padding:0.1em 0px 0.2em 0px; text-decoration:none; border-bottom: 1px solid #555;} .events-column-01 a:hover{color:#555;} .events-column-01 p{padding:0 6px 0 6px;} /*#events1,#events2,#events3{width:175px;float:left; margin:0 7px 0 0;background:url(../../img/box_bottom.jpg) no-repeat bottom;color:#555;min-height:125px;padding:0;} #events1 h2,#events2 h2,#events3 h2 {padding:8px;font-size:0.9em; background:url(../../img/box_top.jpg) no-repeat top; margin:0;} #events1 h2 a,#events2 h2 a,#events3 h2 a{color:#555; padding:0em 0px 0.2em 0px; text-decoration:none; border-bottom: 1px solid #555;} #events1 h2 a:hover,#events2 h2 a:hover,#events3 h2 a:hover{color:#555; padding:0.1em 0px 0.2em 0px; text-decoration:none; border-bottom: 1px solid #555;} #events1 a,#events2 a,#events3 a{color:#555;padding:0.1em 0px 0.2em 0px; text-decoration:none; border-bottom: 1px solid #555;} #events1 a:hover,#events2 a:hover,#events3 a:hover{color:#555;} #events1 p,#events2 p,#events3 p{padding:0 6px 0 6px;}*/ div.events{width:175px;float:left; margin:0 7px 0 0;background:url(../../img/box_bottom_grey.jpg) no-repeat bottom;color:#555;min-height:125px;padding:0;} div.events h2{padding:10px 4px 0 12px;font-size:0.9em; background:url(../../img/box_top_grey.jpg) no-repeat top; margin:0;} div.events h2 a{color:#555; padding:0em 0px 0.2em 0px; text-decoration:none; border-bottom: 1px solid #ccc;} div.events h2 a:hover{color:#555; padding:0.1em 0px 0.2em 0px; text-decoration:none; border-bottom: 1px solid #555;} div.events a{color:#555;padding:0.1em 0px 0.2em 0px; text-decoration:none; border-bottom: 1px solid #ccc;} div.events a:hover{color:#555; border-bottom: 1px solid #555;} div.events p{padding:0 6px 0 6px; margin:10px 0 0 6px} #bottomholder{clear:both;} /* Misc. */ .cb{clear:both; margin:0;padding:0;} .nb{border:0px;} .error{color:red;font-weight:bold;} .hide{width:1px;position:absolute;left:-9999px;} .cbHide{clear:both;margin:0;padding:0;line-height:0;} .block{display:block;} .fl{float:left;} .fr{float:right;} ol.alpha{list-style-type:lower-alpha;} abbr, acronym{border:0;} .np{padding-left:0;margin-left:11px;} /* --------------------------------------------- LAYOUT */ /* Main content areas */ #content{clear:both;padding-top:1em;border-top:1px solid #989898;} #content-nb{clear:both;padding-top:1em;} /* Two column */ #content-2col-col1{width:190px;float:left;padding-top:43px;/*background:transparent url("../../img/nav-top.gif") no-repeat top left;*/} #content-2col-col2{width:548px;float:right;} #content-2col-col2 ul li{padding:0 0 1em 0; margin:0; list-style-type:none;} #content-2col-col2 a.watch{color:#555;border-bottom:1px solid #d6e03e;text-decoration:none;padding:0 0 0.1em 1.8em;margin:0em 0em 0.8em 0em;background:transparent url("../../img/watch.gif") no-repeat top left;} #content-2col-col2 a.watch:hover{color:#000;border-bottom:1px solid #d6e03e;} /*Sub content sections of inner pages (contact and feeds) */ div.subContent-2col-col1{width:264px;float:left;} div.subContent-2col-col2{width:264px;float:right;} /* events */ #events{padding:0; margin:0px 0px 15px 0px;min-height:207px;background:#fff url("../../img/header_bk_logo.jpg") no-repeat center right;} #events div{clear:both;padding:10px 10px 0 10px;} div.events-directory{clear:both;} div.events-directory h3{border-bottom:1px solid #9CA4A4;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.3em;padding:0 9px 0.2em 20px;color:#1c4a7b;margin:0 0 0 0;font-weight:normal;line-height:1.2em;} div.events-column{width:159px;float:left;margin:1em 10px 10px 10px;clear:right;} /* ------------------------------------------ NAVIGATION */ a img{border:none;} /* Sidenav */ #sideNav{width:188px;float:left;} #sideNav div{margin:8px 0 10px 0;} #sideNav h4{padding:0.8em 0.8em 0 0.8em;margin:0;color:#fff;} #sideNav .sideNav-promo img{margin:0.8em 0 0 0.8em;} #sideNav .sideNav-promo p{color:#fff;margin-bottom:1em;} /* Generic side links styles */ #sideNav ul, #sideNav p{list-style-type:none;margin:0.7em;padding:0.2em 0 0.6em 0;line-height:1.6em;} #sideNav ul li{padding:0.3em 0.5em 0.2em 0.5em;} #sideNav ul li a{color:#FFFFFF;text-decoration:none;border-bottom:1px solid #EBEDA2;padding:0 0 0.2em 0;} #sideNav ul a:link{} #sideNav ul a:visited{} #sideNav ul a:hover{} #sideNav ul a:active{} #sideNav ul a:focus{} /* Individual side links styles */ .sideNav-yellow-dk{background:#d6e03e;} #sideNav .sideNav-yellow-dk ul {padding-top:0.1em;} #sideNav .sideNav-yellow-dk ul li {color:#3a4c00;} #sideNav .sideNav-yellow-dk ul li a{color:#3a4c00;} #sideNav .sideNav-yellow-dk ul a:hover{color:#fff;;border-bottom-color:#fff;} .sideNav-yellow-lt{background:#F9D94B;} #sideNav .sideNav-yellow-lt ul {padding-top:0.1em;} #sideNav .sideNav-yellow-lt ul li {color:#FFF;} #sideNav .sideNav-yellow-lt ul li a{color:#717171;border-bottom:1px solid #cccccc;padding:0 0 0.2em 0;} #sideNav .sideNav-yellow-lt ul a:hover{color:#000018;border-bottom-color:#3d3d50;} #sideNav .sideNav-feeds{background:#1B3867;} #sideNav .sideNav-feeds h3{color:#fff;border-bottom:0px solid #403b37;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;padding:0 0 0 1.2em;} #sideNav .sideNav-feeds ul li{padding:0 0 0.5em 0.3em;} #sideNav .sideNav-feeds ul li a{color:#fff;border-bottom:1px solid #403b37;text-decoration:none;padding:0em 0 0.2em 2em;background:transparent url("../../img/pdf_icon.gif") no-repeat bottom left;} #sideNav .sideNav-feeds ul li a:link{padding:0.1em 0 0.5em 2em;background:transparent url("../../img/pdf_icon.gif") no-repeat bottom left;} #sideNav .sideNav-feeds ul li a:visited{background:transparent url("../../img/pdf_icon.gif") no-repeat bottom left;} #sideNav .sideNav-feeds ul li a:hover{color:#555555;background:transparent url("../../img/pdf_icon.gif") no-repeat bottom left;} #sideNav .sideNav-feeds ul li.none {color:#FFF;padding:0.5em 0 0.3em 0.4em;background:none;line-height:1.4em;} #sideNav .sideNav-feeds ul li.none a{color:#FFF;padding:0.5em 0 0 0;background:none;} #sideNav .sideNav-feeds ul li.none a:hover{color:#555555;padding:0.5em 0 0 0;background:none;} /* events */ #events ul li a{text-decoration:none;color:#fff;} div.events-column ul li a{text-decoration:none;color:#555555;} #llangollen{padding:0; margin:0px 0px 5px 0px;min-height:207px;background:#fff url("../../img/llangollen_bk.jpg") no-repeat top left;} #llangollen div{clear:both;padding:10px 10px 0 10px;} #eisteddfod{padding:0; margin:0px 0px 5px 0px;min-height:207px;background:#fff url("../../img/eisteddfod_bk.jpg") no-repeat top left;} #eisteddfod div{clear:both;padding:10px 10px 0 10px;} #sioe{padding:0; margin:0px 0px 5px 0px;min-height:207px;background:#fff url("../../img/sioe_bk.jpg") no-repeat top left;} #sioe div{clear:both;padding:10px 10px 0 10px;} #dolgellau{padding:0; margin:0px 0px 5px 0px;min-height:207px;background:#fff url("../../img/dolgellau_bk.jpg") no-repeat top left;} #dolgellau div{clear:both;padding:10px 10px 0 10px;} #faenol{padding:0; margin:0px 0px 5px 0px;min-height:207px;background:#fff url("../../img/faenol_bk.jpg") no-repeat top left;} #faenol div{clear:both;padding:10px 10px 0 10px;} #wakestock{padding:0; margin:0px 0px 5px 0px;min-height:207px;background:#fff url("../../img/wakestock_bk.jpg") no-repeat top left;} #wakestock div{clear:both;padding:10px 10px 0 10px;} #trideg{padding:0; margin:0px 0px 5px 0px;min-height:207px;background:#fff url("../../img/trideg_bk.jpg") no-repeat top left;clear:both;padding:10px 10px 0 10px;} /* new learners (also used in about pages) styles */ #learners h2{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.6em;padding:0 0 0.4em 0;color:#7D9327;margin:1em 9px 0.2em 9px;font-weight:normal;border-bottom:1px solid #e7e7e7;} #learners h3{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;padding:0.2em 9px 0 9px;color:#000018;margin:0;font-weight:normal;} #learners p{margin:0.5em 9px 1.7em 9px; clear:both;} #learners img{float:right;padding:0 0.7em 0 0.7em;} #learners a{color:#7D9327;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0;} #learners a:hover{color:#4d4d4d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0;} #learners ul {list-style-type:none;margin:0.7em;padding:0em 0 0em 0;line-height:1.6em;} #learners ul li{list-style-type:none;padding:0em;} #learners ul li a{list-style-type:none;color:#7D9327;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0;} #learners ul li a:hover{color:#4d4d4d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0;} #schedulelist h3{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;padding:0.2em 9px 0 0px;color:#7D9327/*#228eb4*/;margin:0;font-weight:normal;} #schedulelist ul{padding:0.2em 9px 0 9px;color:#4d4d4d4;margin:0;font-weight:normal; list-style: none;} #schedulelist ul li{padding:0.2em 9px 0 0px;color:#4d4d4d4;margin:0;font-weight:normal; list-style: none; margin:0em 0em 1em 0em;} #schedulelist ul li.tight{padding:0em 9px 0 0px;color:#4d4d4d4;margin:0;font-weight:normal; list-style: none; margin:0em 0em 0em 0em;} #schedulelist ul li a{color:#7D9327;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0em;margin:0em 0em 0.8em 0em;/*background:transparent url("../../img/watch.gif") no-repeat top left;*/} #schedulelist ul li.watch a{color:#555555;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 1.8em;margin:0em 0em 0.8em 0em;background:transparent url("../../img/watch.gif") no-repeat top left;} #schedulelist ul li.watch a:hover{color:#555555;border-bottom:1px solid #555555;text-decoration:none;padding:0 0 0.1em 1.8em;margin:0;background:transparent url("../../img/watch.gif") no-repeat top left;} #schedule{padding:0; margin:0px 0px 5px 0px;min-height:207px;background:#fff url("../../img/schedule_bk.jpg") no-repeat top left;} #schedule div{clear:both;padding:10px 10px 0 10px;} .onlineNav{padding:1px;border:1px solid #dadada; background:#fff;margin: 0.8em 0 1.5em 10px;} .onlineNav p{text-shadow: 0 0 0 #000;margin:0;padding:0.2em 0em 0.5em 0.6em;} .onlineNav ul {list-style-type:none;margin:0.7em;padding:0.2em 0 0em 0;line-height:1.4em;} .onlineNav ul li{} .onlineNav ul li a{color:#FFFFFF;text-decoration:none;} .onlineNav_inner{padding:0.1em 0.1em 0.1em 0; background-color:/*#E8EED1*/#EFF2E2;} .onlineNav_inner ul{} .onlineNav_inner ul li{} .onlineNav_inner ul li a{color:#7D9327;text-decoration:none;} /*.onlineNav_inner ul li.watch a{color:#555555;border-bottom:1px solid #e7e7e7;text-decoration:none;background:transparent url("../../img/watch.gif") no-repeat top left; border:1px solid red;} .onlineNav_inner ul li.watch a:link{color:#7D9327 ;border-bottom:1px solid #cccccc;text-decoration:none;background:transparent url("../../img/watch.gif") no-repeat top left;} .onlineNav_inner ul li.watch a:hover{color:#4d4d4d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} .onlineNav_inner ul li.gwylio a{color:#555555;border-bottom:1px solid #e7e7e7;text-decoration:none;background:transparent url("../../img/watch.gif") no-repeat top left; border:1px solid red;}*/ .onlineNav_inner ul li.gwylio a{color:#4d4d4d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} .onlineNav_inner ul li.gwylio a:link{color:#4d4d4d ;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} .onlineNav_inner ul li.gwylio a:hover{color:#B8400B;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} /* video */ div#video-player-container{margin:0 0 1em 0;} div#video-alt {margin-left:18px; background:url(../../img/haf08_header_bk.jpg) no-repeat top; min-height:300px;} div#video-alt ul {margin:0;padding:0;} div#video-alt li {margin:0 0 .5em 0;padding:0 0 0 15px;list-style:none;background:url(../../img/watch.gif) no-repeat top left;} div#video-alt li p {margin:.2em 0 0 0;font-size:.9em;} div#video-alt li a {font-size:1.2em;} div#video-alt h3{text-indent:-5000px;} div#topholder{margin:1em 0 0 0;} /* ------------------------------------ END STYLE SHEET */