@charset "UTF-8";
/* CSS Document */

/*
COLOURS:
pink: #ec068d; darker #ab0868;
lime: #c3cf21;
green: #009f6a;
cyan: #5ec3e4;
purple: #60247c;
red: #ef3e35; darker #d32e25;

pink: #ec068d; darker #ab0868;
lime: #c3cf21;
green: #009f6a;
cyan: #5ec3e4;
purple: #60247c;
red: #ef3e35; darker #d32e25;

*/

/*------------- Global --------------*/
* {
	margin:0;
	padding:0;
}
html {
	-webkit-font-smoothing: antialiased;
}

.left {
	float:left;
}

.right {
	float:right;
}
.img-left {
	float:left;
	margin-right:10px;
}

.img-right {
	float:right;
	margin-left:10px;
}

span[onclick] {
	cursor:pointer;
}

#outerwrap {
	background:#fff url(../images/bg1.png) repeat-x 200% 0%;
	overflow:visible;
}
#wrap {
	background:transparent url(../images/bg2.png) repeat-x -200% 0%;
	overflow:visible;
}

body.home #outerwrap, body.home #wrap {
	background:none;	
}
#flashcontainer {
	min-width:1024px;
	margin:0 auto;
	height:250px;
}



#container {
	width:758px;
	margin:0 auto;
	position:relative;
	overflow:visible;
}
.urdd-header {
	width:816px;
	position:absolute;
	left:-58px;
	text-indent:-5000px;
	height:283px;
}

body.home .urdd-header {
	height:275px;
	margin:0 auto;
	width: 874px;
	position:relative;
	left:0;
}
#content {
	position: relative;
	padding-top:255px;  /* because the urdd-header is position: absolute */
	z-index:1000;
}
body.home #content {
	padding-top:0;
}



.main {
	float:right;
	width:520px;
	position:relative;
}
.main h2, .main h3 {
	margin:0 0 10px 0;
	font-family:'VAGRoundedLight', Arial, Helvetica, sans-serif;
}
.main ul {
	margin-bottom:20px;
	padding-left:1.4em;
	font-size:1.3em;
}
.main ul li {
	border-bottom:1px solid #f3f3f3;
	padding:8px 0;
	margin:0;
}
.main ul li a {
	color:#303030;
	font-weight:bold;
}

/*----------- Panels --------------*/
.padded {
	padding:10px;
}

.sidepanel {
	width: 222px;
	float:left;
}
.sidepanel a:hover {
	color:white !important;
}
.sidepanel .selected {
	color:white !important;
}
.panel {
	margin:0 0 8px 0;
	background-image:url(../images/vigs/vig-bg.png);
	background-position:bottom right;
	background-repeat: no-repeat;
	overflow:hidden;
}
.panel img {
	padding:0;
	margin:0:
}

.panel h2 {
	font-size:1.6em;
	margin-bottom:0;
}
.panel h2.underlined {
	border-bottom: 2px solid #7ecfe9;
	padding-bottom:5px;
	margin-bottom:10px;
}
.panel.red h2.underlined {
	border-bottom: 2px solid #db6e68;
	padding-bottom:5px;
	margin-bottom:10px;
}
.panel table {
	font-size:13px;
	width:100%;
}
.panel p {
	font-weight:bold;
	margin-bottom:5px;
}
.panel ul {
	font-size:1.3em;
	margin-bottom:10px;
}
.panel ul li {
	padding-left:10px;
	list-style:none;
	font-weight:bold;
	margin-bottom:9px;
}
.panel ul li ul {
	font-size:.9em;
	margin:6px 0;
}
.panel ul li ul li {
	background:url(../images/global/white-arrow.png) no-repeat 0px 4px;
	padding-left:10px;
	list-style:none;
	font-weight:bold;
	margin-bottom:5px;
}
.panel a:link, .panel:visited {
	color:#1d1e46;
}
.panel .disabled {
	color:#9ef;
}



p.smallprint {
	color:#8a8a8a;
	font-size:1.1em;
	font-style:italic;
}
.video {   /* temporary */
	background-color:#f1f1f1;
	width:510px;
	height:317px;
}


/*------------ urdd nav ----------------*/
.urddnav {
	position:relative;
	background-color:#e1e1e1;
	height:28px;
	padding:0;
	margin:0 0 8px 0;
	font-size:13px;
}
.urddnav li {
	list-style:none;
	float:left;
	line-height:28px;
	margin: 0 0 0 15px ;
}
.urddnav li a  {
	font-weight:bold;
}
.urddnav li a:hover, .urddnav li a:focus, .urddnav li a:active  {
	outline:none;
}

.urddnav li div {
	position:absolute;
	z-index:5000;
	display:none;
	overflow:hidden;
	background:#e1e1e1;
	padding:0 5px;
}

.urddnav li:hover div {
	display:block;
}

/*------------- Page specific ---------------*/
/* sets image for header and overrides h1, h2, a:hover colours according to the body id */

body.home .urdd-header {
	background:transparent url(../images/cym/header-home.png) no-repeat top left;
}
body.home a:hover, body.home a:focus, body.home a:active, body.home a.selected,
body.home .main h2, body.home .main h3
{ color:#3097b9; }
body.home div#s4c-lang a:hover {color:#9AD310;}


body.scholarships .urdd-header {
	background:transparent url(../images/cym/header-scholarships.png) no-repeat top left;
}
body.scholarships a:hover, body.scholarships a:focus, body.scholarships a:active, body.scholarships a.selected,
body.scholarships .main h2, body.scholarships .main h3 
{ color:#60247c; }
body.scholarships div#s4c-lang a:hover {color:#9AD310;}

.scholarship-image1 {
	float:right;
	margin:10px 0 10px 10px
}

.scholarship-image2 {
	float:left;
	margin:5px 10px 10px 0
}

.scholarship-image3 {
	float:right;
	margin:0 0 10px 10px;
}

body.competitions .urdd-header {
	background:transparent url(../images/cym/header-competitions.png) no-repeat top left;
}
body.competitions a:hover, body.competitions a:focus, body.competitions a:active, body.competitions a.selected,
body.competitions .main h2, body.competitions .main h3
{ color:#60247c; }
body.competitions div#s4c-lang a:hover {color:#9AD310;}

body.festivalfun .urdd-header {
	background:transparent url(../images/cym/header-festivalfun.png) no-repeat top left;
}
body.festivalfun a:hover, body.festivalfun a:focus, body.festivalfun a:active, body.festivalfun a.selected
{ color:#009f6a; }
body.festivalfun .main h2, body.festivalfun .main h3 {color:#fff; font-family:'VAGRoundedRegular', Arial, Helvetica, sans-serif;}
body.festivalfun div#s4c-lang a:hover {color:#9AD310;}

body.ceremonies .urdd-header {
	background:transparent url(../images/cym/header-ceremonies.png) no-repeat top left;
}
body.ceremonies a:hover, body.ceremonies a:focus, body.ceremonies a:active, body.ceremonies a.selected
{ color:#ab0868; }
body.ceremonies .main h2, body.ceremonies .main h3 {color:#ab0868;}
body.ceremonies div#s4c-lang a:hover {color:#9AD310;}

body.watchlive .urdd-header {
	background:transparent url(../images/cym/header-watchlive.png) no-repeat top left;
}
body.watchlive a:hover, body.watchlive a:focus, body.watchlive a:active, body.watchlive a.selected
{ color:#d32e25; }
body.watchlive .main h2, body.watchlive .main h3 {color:#d32e25;}
body.watchlive div#s4c-lang a:hover {color:#9AD310;}

body.watchlive .sidepanel {float:right}
body.watchlive .main {float:left;}

.main table{
	font-size:1.2em;
}

.main table strong{
	color:#60247c;
}
.position1 {
	background-color:#cdb6d8 !important;
}
.position2 {
	background-color:#decfe6 !important;
}

/*------------ Colours ----------------*/
/* for panels and home vigs */
.cyan {
	background-color:#5ec3e4;
	color:#1d1e46;
}
.cyan h2 {
	color:#1d1e46;		
}
.lime {
	background-color:#c3cf21;
	color:#323506;
}
.lime h2 {
	color:#323506;
}
.green {
	background-color:#009f6a;
	color:#fff;
}
.green a {	color:#fff; }

.lightgreen {
	background-color:#e8f7f1;
}
.lightgreen a, .lightgreen h2 { color:#009f6a; }

.pink {
	background-color:#ec068d;
	color:#fff;
}
.pink a {	color:#fff; }

.purple {
	background-color:#60247c;
	color:#fff;
}
.purple a, .purple h2 {	color:#fff; }

.red {
	background-color:#ef3e35;
	color:#fff;
}
.red a {	color:#fff; }

.pink.darker {
	background-color:#ab0868;
}
.red.darker {
	background-color:#d32e25;
}



/*---------- Home specific ---------------*/
#content div.homevigs {
	width:100%;
	overflow:hidden;	
}
#content div.homevigs .col1 {
	width:375px;
	float:left;
}
#content div.homevigs .col2 {
	width:375px;
	float:right;
}

/*------------ home vigs ----------------*/
.homevig {
	width:100%;
	height:161px;
	margin:0 0 8px 0;
	background-image:url(../images/vigs/vig-bg.png);
	background-position:bottom right;
	background-repeat: no-repeat;
}
.homevig h2 {
	font-size:1.6em;
	padding:5px 10px 0;
	margin:0;
}
.homevig ul {
	padding-left:10px;
	font-size:1.2em;
}
.homevig ul li {
	margin:0 0 3px 0;
	list-style:none;
}
.homevig h2.tight {
	margin:0;
	padding:2px 10px 2px;
}
.homevig p {
	font-size:1.2em;
	font-weight:bold;
	padding:5px 10px 0;
	margin:0 0 5px 0;
}
.homevig .disclaimer {
	clear:left;
	position:relative;
	top:-25px;
	padding-left:120px;
	font-size:0.8em;
	line-height:110%;
	font-weight:normal;
}
.homevig div.inner {
	width:100%;
	height:110px;
	width:245px;
}
#ceremonies.homevig {
	background-image:url(../images/vigs/chair.png);
	background-position:bottom right;
	background-repeat:no-repeat;	
}
#watch.homevig {
	background-image:url(../images/vigs/watch-live-bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;	
	position: relative;
}
#watch.homevig p.watch {
	width: 85px;
	line-height:120%;
}
#watch.homevig p#watchlink {
	position:absolute;
	left:0;
	top:135px;
	line-height:120%;
}
#watch.homevig p#textlink {
	position:absolute;
	left:265px;
	top:135px;
	line-height:120%;
}

#watch.homevig h2.text {
	position:absolute;
	left:204px;
	top:0;
	line-height:120%;
}
#watch.homevig h2#TXT {
	position:absolute;
	left:265px;
	top:45px;
	font-size:32px;
	line-height:120%;
}
#ceremonies.homevig p {
	width:160px;	
}
#results.homevig ul {
	width:150px;
}
#scholarships.homevig {
	background-image:url(../images/vigs/scholarships.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}
#scholarships.homevig p, #scholarships.homevig ul {
	width:150px;
}
body.home #scholarships.homevig a:hover, body.home #scholarships.homevig a:focus, body.home #scholarships.homevig a:active {
	color:#fff;
}

ul.social {
	padding:0;
	margin:0;
	float:left;
	width:125px;
}
ul.social li {
	margin:0 5px 0 0;
	padding:0;
	list-style: none;
	font-weight:bold;
	display:inline;
}
ul.social li a:hover {
	color:white;
}

.panel small {
	float:left;
	width:200px;
	font-size:102%;
	margin-top:2px;
}

#carousel1  li, #carousel2  li {
	border:2px solid #fff;
	margin-right:9px;
}

.facebook, .twitter {
	float:right;
	margin-top:5px;
}

.facebook {
	margin-right:5px;
}

.twitter {
	margin-right:10px;
}

.news {
	clear:both;
	line-height:33px;
	background-color:#e8f7f1;
	padding:7px 10px;
	font-weight:bold;
	color:#303030;
	font-size:1.2em;
	position:relative;
	min-height:20px;
	overflow:auto;
	width:738px;
}
.news h3 {
	color:#009f6a;
	float:left;
	font-size:14px;
	line-height:20px;
}

.news ul{
	margin-left:10px;
	list-style-type:none;
	float:left;
	width:520px;
	}
.news ul li {
	margin:0;
}

.news span.more a {
	float:right;
	color:#009f6a;
}

.news img{
float:right;
position:absolute;
right:0px;
top:0px;
	}

.news img{
float:right;
position:absolute;
right:0px;
top:0px;
	}

/*------------- finalists ---------------*/
h3.listsheader {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff !important;
	height:23px;
	line-height:23px;
	font-size:13px;
	margin:0;
	padding:0 6px;
	border-bottom:1px solid #fff;
}
body.competitions h3.listsheader {
	background-color:#60247c;
}
h3.listsheader span {
	display:block;
	float:right;
}
ul.finalists {
	margin:0 0 20px 0;
	padding:0;
}
ul.finalists li {
	list-style:none;
	background-color:#efe8f3;
	margin:0;
	width:508px;
	padding:6px;
	border-bottom:1px solid #fff;
	overflow:auto;
}
ul.finalists li img {
	float:left;
	margin-right:6px;
}
ul.finalists li img {
	float:left;
	margin-right:6px;
}
ul.finalists li h4 {
	font-size:1em;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

body.ceremonies ul.finalists li h4 {
	font-family:'VAGRoundedLight', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ab0868;
	font-size:16px;
}
body.ceremonies ul.finalists li p {
	font-size:1em;
	font-weight:bold;
	margin-bottom:0;
}

ul.finalists li a.clip {
	display:block;
	float:right;
}
ul.finalists li a.chat {
	display:block;
	float:right;
}
ul.finalists li a.chat.inactive, ul.finalists li a.clip.inactive {
	opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .50; /* Safari 1.x */
	-moz-opacity: .50; /* FF lt 1.5, Netscape */
}
ul.finalists li.first {
	background-color:#cdb6d8;
}
ul.finalists li.second {
	background-color:#decfe6;
}

ul.finalists h3{
	}

body.ceremonies h3.listsheader {
	background-color:#ab0868;
}
body.ceremonies ul.finalists li {
	background-color:#fef2f9;
}



/*------------- Miri'r Maes -------------*/
body.festivalfun .main .col1 {
	margin-top:10px;
	float:left;
	width:288px;
}
body.festivalfun .main .col2 {
	margin-top:10px;
	float:right;
	width:222px;
}
body.festivalfun .sidepanel .panel.cyan {
	height:614px;
}
body.festivalfun #videos {
	min-height:200px;
}
body.festivalfun .nojs_videos {
	overflow:auto;	
	padding:0;
	margin:0:
}
body.festivalfun .nojs_videos li {
	float:left;
	padding:0;
	margin:10px 10px 0 0;
	list-style:none;
	border:none;
}
body.festivalfun .nojs_videos li a img {
	border:2px solid #fff;
	width:152px;
	height:101px;
}

body.festivalfun div#presenter {
	background-image:url(../images/vigs/presenter.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:140px;
}
body.festivalfun div#presenter h2 {
	width: 110px;
	font-size:2em;
}
body.festivalfun div#presenter a {
	color:#fff;
}
body.festivalfun div#upload {
	background-image:url(../images/vigs/laptop.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:15px;
}
body.festivalfun div#upload h2 {
	color:#545911;	
	width:117px;
}
body.festivalfun div#upload p {
	font-size:1.2em;
	width:117px;
	margin-bottom:20px;
}
body.festivalfun div#upload form {
	padding-top:10px;
	width:100%;
	overflow:auto;
}
body.festivalfun div#upload label {
	width:100%;
	clear:both;
	font-size:1.2em;
	font-weight:bold;
	line-height:18px;
	height:18px;
	margin:8px 0;
}
body.festivalfun div#upload input.text {
	border:none;
	width:140px;
	float:right;
	line-height:18px;
	height:18px;
	padding:0 3px;
}
body.festivalfun div#upload a#uploadbtn {
	margin:20px 0;
	border:none;
	background-color:#545911;
	padding:5px 7px;
	font-family:'VAGRoundedLight', Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#fff;
	cursor:pointer;
}

body.festivalfun div#pictures {
	overflow-y:auto;
	overflow-x:hidden;
	padding-bottom:10px;
	position:relative;
	height:387px;
	width:288px;
}
body.festivalfun div#pictures h2 span {
	float:right;
}
body.festivalfun div#pictures #gallerycontainer {
	position: absolute;
	top: 33px; left: 0;
	height:360px;
	overflow:hidden;
}
body.festivalfun div#pictures h2 {
	padding:0 10px;	
}
body.festivalfun .yourpictures  {
	margin:0;
	padding:0;
	padding-left:12px;
	width:276px;
	overflow:hidden;
	float:left;
}
body.festivalfun .yourpictures li {
	float:left;
	margin:0;
	padding:0;
	margin-right:10px;
	margin-bottom:8px;
	border:none;
	height:82px;
}
body.festivalfun .yourpictures li img {
	border:2px solid #fff;
}
.paglink {
	visiblity:hidden;
	opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .50; /* Safari 1.x */
	-moz-opacity: .50; /* FF lt 1.5, Netscape */
}
.paglink.active {
	opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1; /* Safari 1.x */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
}

/* presenter */
body.festivalfun h2#presenter {
	color:#009f6a;
}
body.festivalfun dt {
	color:#009f6a;
	font-family:'VAGRoundedRegular', Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:140%;
}
body.festivalfun dt.inline { display:inline; }
body.festivalfun dd.inline { display:inline; }
body.festivalfun dd {
	margin-bottom:18px;
	font-size:1.3em;
	line-height:140%;
}

a.back {
	color:#009f6a;
	font-family:'VAGRoundedRegular', Arial, Helvetica, sans-serif;
}
	



/*---------------- watch live -------------*/

body.watchlive .panel.lime h2, body.watchlive .panel.lime p, body.watchlive .panel.lime a {
	color: #323506;
}
body.watchlive .panel.purple h2, body.watchlive .panel.purple h3,  body.watchlive .panel.purple p, body.watchlive .panel.purple a {
	color: #fff;
}
body.watchlive .panel.cyan h2, body.watchlive .panel.cyan h3, body.watchlive .panel.cyan p, body.watchlive .panel.cyan a {
	color: #1d1e46;
}

body.watchlive .main .panel {
	width:146px;
	height:140px;
	margin-right:11px;
	float:left;
	margin-bottom:20px;
}

body.watchlive .main .panel h2 {
	font-size:22px;
	margin:0;
}
body.watchlive .main .panel h3 {
	font-size:16px;
	margin:0;
	font-family:'VAGRoundedLight', Arial, Helvetica, sans-serif;
}
body.watchlive .main .panel p {
	font-size:13px;
	margin-top: 20px;	
}
body.watchlive .main .panel.col3 {
	margin-right:0;
}
/*--------------upload page -------------*/

body.upload {
	background:#fff url(../images/upload/upload-bg.jpg) no-repeat top right;
}
body.upload p {
	font-weight:bold;
}
body.upload .container {
	width:760px;
	margin:30px auto;
}/*
body.upload div {
	margin:50px 0;
}*/
body.upload h1 {
	font-size:27px;
	color:#ec068d;
	margin-bottom:33px;
}
body.upload h2 {
	color:#ec068d;
	font-size:18px;
	padding-left:35px;
	line-height:27px;
	height:27px;
	margin-bottom:15px;
	margin-top:40px;
}
body.upload h3 {
	color:#ec068d;
}
body.upload div#step1, body.upload div#step2 {
	width:440px;
}
body.upload div#step1 h2 {
	background:url(../images/upload/step1.gif) no-repeat left;
}
body.upload div#step2 h2 {
	background:url(../images/upload/step2.gif) no-repeat left;
}
body.upload div#step3 h2 {
	background:url(../images/upload/step3.gif) no-repeat left;
}
body.upload div#step4 h2 {
	background:url(../images/upload/step4.gif) no-repeat left;
}
body.upload .btn {
	margin:20px 0;
	border:none;
	background-color:#ec068d;
	padding:5px 7px;
	font-family:'VAGRoundedLight', Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#fff;
	cursor:pointer;
}
body.upload input[type="text"] {
	border:1px solid #ccc;
	height:16px;
	padding:2px;
}

#thank-you {
	padding-left:0 !important;
}
.click-here {
	color:#ec068d;
}

/*------------- Twitter ------------------*/
.twitter_update_list {
	width:520px;
	margin-top:10px;	
}
.twitter_update_list li a {
	font-size:.8em;
	font-weight:normal;
	display:block;
	line-height:120%;
}

/*------------ flip clock ----------------*/
#countdown {
	margin:0 auto;
	height:110px;
	font-family:Helvetica, Arial, sans-serif;
	text-align:center;
	padding-top:20px;
}
#countdown h2 {
	color:#FFF;
	font-size:1.5em;
	margin-bottom:4px;
}
#countdown .unit {
	width:74px;
	float:left;
	margin-right:7px;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:-1px;
	position:relative;
}
#countdown #flash {
	width:325px;
	height:80px;
	margin:0 auto;
}
.digit {
	-webkit-border-radius: 6px;
	-moz-border-radius:6px;
	background-color:#333;
	width: 74px;
	height:65px;
	color:#fff;
	font-weight:bold;
	font-size:58px;
	line-height:65px;
	margin-bottom:4px;
	overflow:hidden;
	letter-spacing:-3px;
}
.unit .overlay {
	width:74px;
	height:65px;
	top:0px;
	background:url(../images/flipclock/flip.png) repeat-x 0 31px;
	position:absolute;
}

.mr-urdd {
	min-height:360px;
	background:#8719a9 url(../images/vigs/mr-urdd-vig.png) top left no-repeat;
}

.mr-urdd > a:first-child {
	display:block;
	height:200px;
}

.mr-urdd .social {
	width:180px;
}

.mr-urdd, .mr-urdd h2, .mr-urdd a {
	color:white;
}

#ceredigion-link {
	padding:10px;
	border-top:2px solid #7ECFE9;
}

#ceredigion-link a {
	color:black;
}