/*--------------------------------------------------------- S4/C Style Sheet ----------------------------------------------------------- For page(s): adloniant Last modified: 21/12/10 Modified by: Richard Grey, 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-adloniant span{background:url(../../img/e_h-adloniant.gif); } h1#c_h-adloniant span{background:url(../../img/c_h-adloniant.gif);} /* adloniant */ #adloniant-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;} #adloniant-archive p{margin:0;margin:0 9px 0 9px;padding:0 0 0.7em 0;color:#fff;} #adloniant-one{float:right; width:287px; text-align:left; margin:20px 20px 20px 20px;} #adloniant h2{text-shadow: 0 0 0 #000;font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.6em;padding:5px 0 2px 5px;color:#000;margin:0 0 5px 0;font-weight:normal; width:250px !important; background:#E8E8E8; float:right;clear:both;} #adloniant .thin h2{width:130px;padding-right:0.2em; margin-bottom} #adloniant p{background-color:#E8E8E8;margin:0;padding: /*changed from 5px to 1px*/ 1px 0 3px 5px;text-align:left;width:250px !important; float:right;clear:both;} #adloniant .thin p{width:130px;padding-right:0.2em;} #adloniant img{width:256px;float:left;} #adloniant ul{margin:10px 0 2em 0;padding:0;list-style-type:none;} #adloniant a{color:#000;border-bottom:1px solid #666666;text-decoration:none;padding:0 0 0.1em 0;margin:0;} #adloniant a:hover{color:#e94403;border-bottom:1px solid #5684c0;text-decoration:none;padding:0 0 0.1em 0;margin:0;} .clear{clear:both;} p a{color:#000;border-bottom:1px solid #666666;text-decoration:none;padding:0 0 0.1em 0; margin:0;} p a:hover{color:#000;border-bottom:none;text-decoration:none;padding:0 0 0.1em 0; margin:0;} div.adloniant-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:#9C0058;margin:0 0 0 0;font-weight:normal;line-height:1.2em;} div.adloniant-column ul{margin:0.4em 0 0 0;padding:0;list-style-type:none;} div.adloniant-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.adloniant-column ul li a{color:#786e19;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0;} div.adloniant-column ul li a:hover{color:#494949;border-bottom:1px solid #898989;text-decoration:none;padding:0 0 0.1em 0;margin:0;} div.adloniant-column h3.h-level{padding-top:1.2em;} /*coloured columns */ #adloniant-column-01{width:174px;float:left;margin:0 3px 1em 0px;overflow:hidden;} #adloniant-column-02{width:174px;float:left;margin:0 0px 1em 9px;overflow:hidden;} #adloniant-column-03{width:174px;float:right;margin:0 0px 1em 0px;overflow:hidden;} #adloniant-column-01{background:#9C0058;} #adloniant-column-02{background:#9C0058;} #adloniant-column-03{background:#9C0058;} #adloniant-column-01 div, #adloniant-column-02 div, #adloniant-column-03 div, #adloniant-column-04 div, #adloniant-column-05 div,#adloniant-column-06 div{padding:0 10px 10px 10px;color:#fff;min-height:120px;} #adloniant-column-01 div h2, #adloniant-column-02 div h2, #adloniant-column-03 div h2, #adloniant-column-04 div h2, #adloniant-column-05 div h2, #adloniant-column-06 div h2 {color:#228eb4; padding:0.5em 0px 0px 0px; } #adloniant-column-01 div h2 a, #adloniant-column-02 div h2 a, #adloniant-column-03 div h2 a, #adloniant-column-04 div h2 a, #adloniant-column-05 div h2 a, #adloniant-column-06 div h2 a{color:#fff; padding:0em 0px 0.2em 0px;text-decoration:none; border-bottom: 1px solid #C55B8F;} #adloniant-column-01 div h2 a:hover, #adloniant-column-02 div h2 a:hover, #adloniant-column-03 div h2 a:hover, #adloniant-column-04 div h2 a:hover, #adloniant-column-05 div h2 a:hover, #adloniant-column-06 div h2 a:hover{color:#fff; padding:0em 0px 0.2em 0px; text-decoration:none; border-bottom: 1px solid #fff;} #adloniant-column-01 div a, #adloniant-column-02 div a, #adloniant-column-03 div a, #adloniant-column-04 div a, #adloniant-column-05 div a, #adloniant-column-06 div a{color:#fff; text-decoration:none; border-bottom: 1px solid #C55B8F;} #adloniant-column-01 div a:hover, #adloniant-column-02 div a:hover, #adloniant-column-03 div a:hover, #adloniant-column-04 div a:hover, #adloniant-column-05 div a:hover, #adloniant-column-06 div a:hover{color:#fff; text-decoration:none; border-bottom: 1px solid #fff;} /* Side Nav */ #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;} /* 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;} /*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;} /* adloniant */ /*#adloniant{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/dimondun.jpg") no-repeat top left; width:100%; border:1px solid red;clear:both;padding:10px 10px 0 10px;}*/ /*#adloniant{padding:0; margin:0px 0px 10px 0px;height:207px;background:#fff url("../../img/ffermffactor_2010.jpg") no-repeat center right;}*/ /*#adloniant{padding:0; margin:0px 0px 10px 0px;height:207px;background:#fff url("../../img/cai-large.jpg") no-repeat center right;}*/ /*#adloniant{padding:0; margin:0px 0px 10px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/ffeithiol/img/100lle.jpg") no-repeat center right;}*/ /*#adloniant{padding:0; margin:0px 0px 10px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/fferm-ffactor.jpg") no-repeat center right;}*/ /*#adloniant{padding:0; margin:0px 0px 10px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/mwy-am-lai.jpg") no-repeat center right;} #adloniant{padding:0; margin:0px 0px 10px 0px;height:207px;background:#fff url("../../img/mwy-am-lai_548.jpg") no-repeat center right;}*/ /*#adloniant{padding:0; margin:0px 0px 10px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/dudley-ar-daith.jpg") no-repeat center right;}*/ /*#adloniant{padding:0; margin:0px 0px 10px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/840x250/dudley-pryd-o-ser.jpg") no-repeat center right;}*/ #adloniant{padding:0; margin:0px 0px 10px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/840x250/jonathan2.jpg") no-repeat center right;} #adloniant div{clear:both;padding:10px 10px 0 10px;} #schedule{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/schedule_bk.jpg") no-repeat top left;} #schedule div{clear:both;padding:10px 10px 0 10px;} div.adloniant-directory{clear:both;} div.adloniant-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:#9C0058;margin:0 0 0 0;font-weight:normal;line-height:1.2em;} div.adloniant-column{width:159px;float:left;margin:1em 10px 10px 10px;clear:right;} /* ------------------------------------------ NAVIGATION */ a img{border:none;} /* Sidenav */ #sideNav{width:188px;float:left;} /* 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 #C55B8F;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-pink-dk{background:#5A002C;} #sideNav .sideNav-pink-dk ul {padding-top:0.1em;} #sideNav .sideNav-pink-dk ul li {color:#FFF;} #sideNav .sideNav-pink-dk ul li a{color:#fff;} #sideNav .sideNav-pink-dk ul a:hover{color:#C55B8F;border-bottom-color:#C55B8F;} .sideNav-greener-lt{background:#36312d;} .sideNav-greener-lt h3{margin:0.5em;padding:0.2em 0 0.4em 0.4em;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.1em;text-align:left;line-height:1.4em;color:#a3a2a2; font-weight:normal; border-bottom:1px solid #3f3c3b;} #sideNav .sideNav-greener-lt ul li{padding:0.3em 0 0.5em 0.3em;} #sideNav .sideNav-greener-lt ul li a{color:#fff;border-bottom:1px solid #534F4C;text-decoration:none;padding:0em 0 0.3em 0em;} #sideNav .sideNav-greener-lt ul li a:hover{color:#555555;} #sideNav .sideNav-feeds{background:#36312D;} #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.3em 0.5em 0.2em 0.5em;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;} /* adloniant */ #adloniant ul li a{text-decoration:none;color:#fff;} div.adloniant-column ul li a{text-decoration:none;color:#555555;} /* new learners (also used in about pages) styles */ /* 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:#5A002C;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:#5A002C;margin:0;font-weight:normal;} #learners h4{font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;font-size:1.4em;padding:1em 9px 1em 9px;color:#000;margin:0;font-weight:normal;} #learners p{margin:0.5em 9px 1.7em 9px;} #learners a.contentlink{ color:#4d4d4d;border-bottom:1px solid #cccccc;padding:0 0 0.1em 0em; text-decoration:none;} #learners a:hover.contentlink { color:#5A002C;border-bottom:1px solid #cccccc;padding:0 0 0.1em 0em; text-decoration:none;} #learners ol li{padding:0 0 8px 0;} #schedulelist h3{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;padding:0.2em 9px 0 0px;color:#5A002C;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 0.3em 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:#555555;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0em 0em 0em 0em;} #schedulelist ul li a:hover{color:#555555;border-bottom:1px solid #555555;text-decoration:none;padding:0 0 0.1em 0;margin:0;} /*#schedulelist ul li.watch{padding:0.2em 9px 0 0px;color:#4d4d4d4;margin:0 0 1em 0;font-weight:normal; list-style: none;} #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 1em 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:0em 0em 0em 0em;background:transparent url("../../img/watch.gif") no-repeat top left;} */ #schedulelist ul li.nowatch{padding:0.2em 9px 0 0px;color:#4d4d4d4;margin:0 0 1em 0;font-weight:normal; list-style: none;} #schedulelist ul li.nowatch a{color:#555555;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0em;margin:0em 0em 1em 0em;} #schedulelist ul li.nowatch a:hover{color:#555555;border-bottom:1px solid #555555;text-decoration:none;padding:0 0 0.1em 0em;margin:0;} /*.onlineNav{width:260px;float:right; margin:0px 0px 5px 10px;text-align:right;} .onlineNav p{text-shadow: 0 0 0 #000;margin:0;padding:0.7em 0.4em 0.5em 0.3em;} .onlineNav ul {list-style-type:none;margin:0.7em;padding:0.2em 0em 0.7em 0;line-height:1.4em;} .onlineNav ul li{padding:0em 0em 0em 0.3em;} .onlineNav ul li a{color:#FFFFFF;text-decoration:none;padding:0 0 0em 0;} .onlineNav ul li.watch a{color:#4E5827;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.3em 1.5em; background:transparent url("../../img/watch.gif") no-repeat top left;} .onlineNav ul li.watch a:link{color:#4E5827 ;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.3em 1.5em; background:transparent url("../../img/watch.gif") no-repeat top left;} .onlineNav ul li.watch a:hover{color:#4d4d4d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.3em 1.5em; background:transparent url("../../img/watch.gif") no-repeat top left;}*/ .onlineNav{/*width:300px;float:right; margin:0px 0px 5px 0px;text-align:right;*/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 0 0em 0;} .onlineNav ul {list-style-type:none;margin:0.7em;padding:0.2em 0 0em 0;line-height:1.4em;} .onlineNav ul li{padding:0em 0em 0em 0.5em;} .onlineNav ul li a{color:#FFFFFF;text-decoration:none;padding:0 0 0em 0;} .onlineNav_inner{padding:0.1em 0.1em 0.1em 0; background-color:#E8E8E8;} .onlineNav_inner ul{margin:0.5em 0 0.3em 0;padding:0;} .onlineNav_inner ul li{padding:0.3em 0em 0.3em 0.5em;} .onlineNav_inner ul li a{color:#000018;text-decoration:none;padding:0 0 0.1em 0;border-bottom:1px solid #cccccc;text-decoration:none;} .onlineNav_inner ul li a:hover{color:#4d4d4d;text-decoration:none;padding:0 0 0.1em 0;border-bottom:1px solid #cccccc;text-decoration:none;} /*.onlineNav_inner ul li.watch a{color:#000018;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.watch a:link{color:#000018 ;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.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.facebook a{color:#000018;border-bottom:1px solid #cccccc;text-decoration:none;padding:0.4em 2em 0.2em 2.5em; background:transparent url("../../img/facebook_icon.jpg") no-repeat top left;} .onlineNav_inner ul li.facebook a:link{color:#000018 ;border-bottom:1px solid #cccccc;text-decoration:none;padding:0.4em 2em 0.2em 2.5em; background:transparent url("../../img/facebook_icon.jpg") no-repeat top left;} .onlineNav_inner ul li.facebook a:hover{color:#4d4d4d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0.4em 2em 0.2em 2.5em; background:transparent url("../../img/facebook_icon.jpg") no-repeat top left;} .onlineNav_inner ul.indent{margin:0 0 0.3em 0;padding:0;} .onlineNav_inner ul.indent li{padding:0em 0em 0.2em 2em;} #sioemontwentyeleven{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/sioemon2011.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #eist{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/eist11.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #dathlu{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/dathlu_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #cmtc{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/cmtc2.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #wal{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/04wal_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #dimondun{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/dimondun_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #eisteddfodffermwyr{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/ifan.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #hwylio{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/hwyliornosonlawen_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #salonimogen{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/salonimogen_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #istanbwl{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/istanbwl_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #noson_cymru{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/noson_cymru.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #bwrwrbar{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/bwrwrbar_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #nosonlawen{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/hwyliornosonlawen_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #nosonlawentawe{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/nosonlawen_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #promo-holder{padding:0; margin:0px 0px 10px 0px;height:207px;background:#fff url("../../img/promo-holder.jpg") no-repeat center right;} #ysgol{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/ysgol_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #rhydian{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/rhydian_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #rhydian div{clear:both;padding:10px 10px 0 10px;} #leslie{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/leslie_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #leslie div{clear:both;padding:10px 10px 0 10px;} #beryl{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/beryl_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #magnifico{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/magnifico_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #llechwedd{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/llechwedd_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #tudor{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/tudor_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #tudurowen{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/tudurowen_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #tudurowen2{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/tudurowen3.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #gofod{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/gofod_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #dywediadau{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/dywediadau_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #pcleslie{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/pcleslie_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #jonathan{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/jonathan_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} /*#jonathan_new{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/jonathan_new.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;}*/ #jonathan_new{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/jonathan_latest.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #jonathan_2012{padding:0; margin:0px 0px 5px 0px;height:250px;background:#fff url("http://www.s4c.co.uk/amg/web/840x250/jonathan2.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px; overflow:hidden;} #sioerty{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/sioerty_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #nosoncofiogari{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/gari_williams_bg.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #cyngerdd{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/cyngerdd_bg.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #cyngerdd_aberteifi{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/cyngerdd_aberteifi.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #cyngerdd_bala{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/cyngerdd_bala.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #cyngerdd_llanelli{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/cyngerdd_llanelli.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #cmonmidffild{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/cmonmidffild_bk.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} /*#pub{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/pub.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;}*/ #gwobrau{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/gwobrau_gwir_flas.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #ffermwyrifanc{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/eisteddfod-ffermwyr-ifanc.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #hengalan{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/hengalan11.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #dotcym{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/dotcym.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #teulutomos{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/yteulutomos.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #ffermwyrgrand{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/nigelowens.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #ddoeamddeg{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/ddoeamddeg.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #argamera{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/argamera.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #meical{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/meical.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #wilacet{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/wilacet.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #mwyamlai{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/mwy-am-lai-bg.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #bro{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/bro-bg.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #cariad{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/cariadatiaith.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #genod{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/genod-y-carnifal.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} /*#misscymru{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/miss_cymru.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;}*/ #misscymru{padding:0; margin:0px 0px 5px 0px;height:250px;background:#fff url("http://www.s4c.co.uk/amg/web/840x250/miss-cymru-a-miss-byd.jpg") no-repeat center left;clear:both;padding:10px 10px 0 10px; overflow:hidden;} #mel-nia{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/mel-nia.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #mark-evans{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/mark-evans.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #huw-edwards{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/huw-edwards.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #llais-gymru{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/llais-i-gymru.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #nadolig-tudur-owen{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/nadolig-tudur-owen-2011.jpg") no-repeat center right;clear:both;padding:10px 10px 0 10px;} #promo-holder {padding:0;} #promo {float:left; width:365px; height:207px; overflow:hidden; display:none;} #promo-link a {display:block; float:left; padding-top:96px; width:52px; height:111px; border-left: 2px solid #fff; border-right:1px solid #fff; background:url(../../img/trailer-out.gif) top #d8d9dc;} #promo-link a.promo-in {background:url(../../img/trailer-in.gif) top;} #test{float:left; width:100%; height:10px; overflow:hidden; display:none; display: inline; background-color:#FF0000; clear:both; display:none;} #gallery ul{list-style: none;height:60px;margin:10px 0px 20px 0px;padding:0 10px 0 10px;} #gallery ul li{list-style: none; float:left; margin:6px 12px 0px 0px;width:60px;height:60px;} div.video{margin: 20px 0px 20px 10px;} label{float:left; width:5em;} label.error{float:none;display:block;width:auto;} /*input.formfield{width:260px;} textarea.formfield{width:260px;height:10em;}*/ img.right{float:right; padding:0 0 5px 5px;} div.second_nav{font-family:Verdana,Arial,Helvetica,sans-serif; color:#4D4D4D; border:1px solid #efefef; width:160px; float:right; padding:0; margin:0 0 5px 5px; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;} div.second_nav ul{padding:0 0 0 10px;} div.second_nav ul li #active{font-weight:bold;} div.second_nav ul li{list-style-type:none; padding:0 0 5px 0} div.second_nav ul li a{color:#000; text-decoration:none; border-bottom:1px solid #CCC;} div.second_nav ul li a:hover{color:#000; text-decoration:none; border-bottom:1px solid #000;} /* div.second_nav{font-family:Georgia, "Times New Roman", Times, serif; color:#000; border:1px solid #999; width:160px; float:right; padding:0; margin:0 0 5px 5px;} div.second_nav ul{padding:0 0 0 10px;} div.second_nav ul li{list-style-type:none; padding:0 0 5px 0} div.second_nav ul li a{color:#000; text-decoration:none; border-bottom:1px solid #CCC;} div.second_nav ul li a:hover{color:#000; text-decoration:none; border-bottom:1px solid #000;} */ /*Generic form style*/ #personal-details label{display:block;} #answer label{display:block;} form{color:#404040;} form p strong{color:red;} form p label{width:400px;} fieldset{border:0;margin:0;padding-bottom:0;} legend{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;padding:0.5em 0.5em 0.4em 0;color:#494949;margin:0;font-weight:normal;} legend.blue{color:#494949;} legend.grey{color:#494949;line-height:1.5em;white-space:normal;} label{clear:both;} label.radio{float:left; clear:none;} input, textarea{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;padding:0.1em;margin-top:0.5em;margin-bottom:1.5em;} textarea{height:10em;margin-bottom:0;width:98%} div.radio{clear:both;margin-bottom:1em;} div.radio input{float:left;margin:0 1em 1em 0;padding:0;} div.radio label{margin:0;padding:0;} .right_image { float: right; margin: 0 0 10px 10px;} ul li.fb_icon{background:url(../../img/fb.png) left no-repeat;padding:10px 10px 10px 30px;margin-left:10px;} ul li.youtube_icon{background:url(../../img/youtube_icon.png) left no-repeat;padding:10px 10px 10px 30px;margin-left:10px;} /* ------------------------------------ END STYLE SHEET */ .onlineNav_inner ul li.watch a{color:#000018;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;margin-left:10px;} .onlineNav_inner ul li.watch a:link{color:#000018 ;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;margin-left:10px;} .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;margin-left:10px;} #sponsor { float:right; position:relative; top:25px; padding-right:10px; } /*video-popup*/ #video-popup { position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:url(/hafan/img/black35.png); display:none; } #video-popup-holder { padding:20px; position:absolute; z-index:10001; left:50%; background:#ffffff; background:rgba(255,255,255,.85); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0 0 110px rgba(0,0,0,.8), 0 0 8px rgba(0,0,0,1); -moz-box-shadow:0 0 110px rgba(0,0,0,.8), 0 0 8px rgba(0,0,0,1); box-shadow:0 0 110px rgba(0,0,0,.8), 0 0 8px rgba(0,0,0,1); behavior: url(PIE.htc); display:none; } #video-popup-close { position:absolute; z-index:10002; top:-7px; right:-7px; } .content_image { display: block;position: relative;float: right; clear:both;} .content_image_left { display: block;position: relative;float: left;} h3#archive-link.arrowDown { background: url("http://www.s4c.co.uk/img/archive-show.gif") no-repeat scroll right center transparent; border-bottom: medium none; cursor: pointer; } h3#archive-link.arrowUp { background: url("http://www.s4c.co.uk/img/archive-hide.gif") no-repeat scroll right center transparent; border-bottom: medium none; cursor: pointer; } /*New Styles*/ /*#adloniant {width: 710px; margin-bottom:20px;} #adloniant-column-01 { width:240px; margin-right:5px;} #adloniant-column-02 { width:240px; margin-right:5px;} #adloniant-column-03 { width:200px; overflow:hidden;}*/