/* CSS Document */
html, body {
	color: #000000;
	background-color: #FFFFFF;
	text-align:center;
	font-size:10px;
}
#container {
	width:758px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#container a {
	text-decoration: none;
	color: #585a96;/**/
	font-weight: bold;
}
/* ------ s4c ------*/
div#s4c-head2 {
	font-size:1.28em;
}
div#s4c-foot2 {
	font-size:1.28em;
}
div#s4c-lang a, div#s4c-lang a:visited, div#s4c-lang a:active {
	padding:2px 0;
}

#textOption { float:right; }
#textOption a{ text-decoration:none; color:#333333;}
#textOption #selected{ text-decoration:underline;}
#textOption .small{ font-size:0.8em;}
#textOption .medium{ font-size:1em;}
#textOption .large{ font-size:1.2em;}

/* ------ Global ------*/
h2, h3, h4, h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
/* -------------------------- Header --------------------------  */
	
#banner {
	min-height:170px;
	width:758px;
	background: #6f95ad url(../img/global/banner-home2-winter.jpg) no-repeat right top;
}
#nextOnTv {
	float:left;
	width:225px;
	padding: 20px 0 0 20px;
}
#nextOnTv p {
	padding-bottom:0.9em;
	font-size:1.2em;
	color:#f0ba2f;
}
#nextOnTv p a {
	color:#f0ba2f;
	font-weight:normal;
}
#nextOnTv p.date {
	color:#f0ba2f;
	font-size:1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#nextOnTv h2 {
	color: #FFFFFF;/*font-size: 1.4em;*/
	font-size: 1.6em;
}
#c_nextOnTv {
	float:left;
	width:225px;
	padding: 20px 0 0 20px;
}
#c_nextOnTv p {
	padding-bottom:0.95em;
	font-size:1.2em;
	color:#f0ba2f;
}
#c_nextOnTv p a {
	color:#f0ba2f;
	font-weight:normal;
}
#c_nextOnTv p.date {
	color:#f0ba2f;
	font-size:1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#c_nextOnTv h2 {
	color: #FFFFFF;/*font-size: 1.4em;*/
	font-size: 1.5em;
}
/*---------------------------- Menu --------------------------  */

#mainNav {
	background-image: url(../img/global/nav-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #e9ab17;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	/*width:100%;*/
	padding:0.3em 0.5em;
	clear:both;
	margin:5px 0 0;
}
#mainNav ul {
	display: inline;
	margin-left: 0;
	padding-left: 0;
}
#mainNav li {
	display: inline;
	list-style-type: none;
	margin-right:0.9em;
}
#mainNav li a {
	color: #402222;
	text-decoration:none;
	font-weight: normal;
}
#mainNav li a:hover {
	color: #291616;
	text-decoration:none;
}
#mainNav li a.selected {
	color: #ad2207;
}
#mainNav.welsh {
	font-size: 1.35em;
}
#mainNav.welsh li {
	margin-right:0.5em;
}

#mainNav_c {
	background-image: url(../img/global/nav-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #e9ab17;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.35em;
	/*width:100%;*/
	padding:0.3em 0.5em;
	clear:both;
	margin:5px 0 0;
}
#mainNav_c ul {
	display: inline;
	margin-left: 0;
	padding-left: 0;
}
#mainNav_c li {
	display: inline;
	list-style-type: none;
	margin-right:0.5em;
}
#mainNav_c li a {
	color: #402222;
	text-decoration:none;
	font-weight: normal;
}
#mainNav_c li a:hover {
	color: #291616;
	text-decoration:none;
}
#mainNav_c li a.selected {
	color: #ad2207;
}

/* -------------------------- Content --------------------------  */
#content {
	padding:0;
}
#content p {
	font-size:1.2em;
	padding-bottom:0.5em;
	line-height:1.4em;
}
#content ul li {
	font-size:1.2em;/**/
}
#content h2 {
	font-size:1.8em;
	padding-bottom:0.3em;
	color:#292657;/**/
}
#content h3 {
	font-size:1.6em;
	padding-bottom:0.3em;
	color:#1d1850;
}
#content h4 {
	font-size:1.4em;
	padding-bottom:0.3em;
	color:#1d1850;
}
/* -------------------------- Promo --------------------------  */
#promo {
	background-color:#a3adc6;
	width: 485px;
	padding:1em;
	margin: 0 0 1em;
}
#promo p {
	padding:15px;
}
#promo-container {
	background-color:#FFFFFF;
	width:484px;
	padding:2px 2px 0;
}
/* Vignettes */

#comingUp {
	width:225px;
	background: #a3d0e9 url(../img/vignettes/blue-bg.jpg) no-repeat left top;
	padding: 10px 10px 0;
	color:#292657;
	margin-top:10px;
	min-height:35.5em;
}
#comingUp ul {
	list-style-type: none;
}
#comingUp ul li {
	padding-bottom: 1em;
	line-height:1.2em;
	font-size:1.2em;
	list-style-type: none;
}
#comeAndSing p {
	padding-bottom: 1em;
	line-height:1.2em;
	font-size:1.2em;
}
#comeAndSing {
	width:225px;
	padding: 10px;
	color:#1c1850;
	background: #a3d0e9 url(../img/vignettes/blue-pic.jpg) no-repeat right bottom;
}
#content #comingUp h2, #content #comeAndSing h2 {
	margin-bottom:0.3em;
	border-bottom: 1px solid #b7dcf1;
	color:#292657;
	font-size:1.7em;
}
#comeAndSing div {
	width:55%;
}
#comingUp a, #comeAndSing a {
	color:#1c1850;
}
.darkBlue {
	width:231px;
	padding: 5px;
	/*padding: 10px;
	color:#FFFFFF;*/
	border: 2px solid #595b97;
	margin-top:10px;
	min-height:15em;
}
#content .darkBlue a {
	color:#585a96;
}
#content .darkBlue h2 {
	width:231px;
	padding: 3px 5px;
	margin:-5px -5px 5px;
	color:#FFFFFF;
	font-size:1.6em;
	background: #4A4C8D url(../img/vignettes/blue-header-bg.png) repeat-x left bottom;
}
#content .darkBlue h3 {
	font-size:1.6em;
	color:#585a96;
}
.darkBlue ul {
	padding:0;
	margin:0;
}
#jukebox ul {
	padding:0;
	margin:0;
	width:85%;
}
#jukebox p {
	width:98%;
}
.darkBlue li {
	margin: 0.2em 0 0.3em 0;
	list-style-type: none;
}
#jukebox {
	background: #FFFFFF url(../img/vignettes/jukebox-bg.jpg) no-repeat right bottom;
}
#content #jukebox a.sound {
	background-image: url(../img/vignettes/jukebox-bullet.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;
	font-weight: normal;
	color: #000000;
}
#think {
	background-color: #FFFFFF;
	background-image: url(../img/vignettes/think-bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#think ul {
	padding:0;
	margin:0;
	width:70%;
	line-height:200%;
}
#think li {
	padding-left:10px;
	list-style-type: none;
	text-indent: -10px;
}
#c_think {
	background-color: #FFFFFF;
	background-image: url(../img/vignettes/think-bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height:16em;
}
#c_think ul {
	padding:0;
 margin:0;
	width:70%;
	line-height:200%;
}
#c_think li {
	padding-left:10px;
	list-style-type: none;
	text-indent: -10px;
}
.IESpacing {
	min-height:161px;
}
#preview {
	width:496px;
	/*padding: 10px;
	color:#FFFFFF;*/
	border: 2px solid #53456c;
	clear:both;
	margin-top:10px;
}
#preview h2 {
	width:486px;
	padding: 3px 5px;
	color:#FFFFFF;
	background-color: #53456c;
	background-image: url(../img/vignettes/preview-header-bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size:1.6em;
}
.orangeVig {
	width:231px;
	padding:5px;
	border: 2px solid #E98A17;
	margin-top:10px;
	/*height:10.5em;*/
	min-height:10.8em;
}
.orangeVig ul {
	padding:0;
	margin:0;
	width:70%;
}
.orangeVig ul li {
	margin:0.2em 0 0.3em 0;
	padding:0 0 0 10px;
	list-style-type: none;
	text-indent: -10px;
}
#content .orangeVig ul li a {
	color:#a65600;
}
#content .orangeVig h2 {
	width:231px;
	padding: 3px 5px;
	margin:-5px -5px 5px;
	color: #402222;
	background:#E98A17 url(../img/vignettes/orange-header-bg.png) repeat-x left bottom;
	font-size:1.6em;
}
#calendar {
	background: url(../img/vignettes/calendar.jpg) no-repeat right bottom;
	width:231px;
	padding:5px;
}
#content #calendar p {
	margin:0;
	padding:0;
}
#content #calendar p em {
	/*font-size:1.2em;*/
	color:#727272;
	font-style:normal;
}
#calendar h3 {
	margin:0;
	padding:0;
}
#calendar div {
	width:170px;
}
#content #calendar p a {
	font-weight:normal;
	color:#000;
}
#presenter, #usefullLinks {
	position:relative;
}
#presenter .image, #usefullLinks .image {
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
	z-index:1;
}
#usefullLinks div {
	width:130px;
	position:relative;
	z-index:2;
}
#presenter div {
	position:relative;
	z-index:2;
}
/* home */
#homeLeft {
	width:245px;
	float:left;
	margin-right:11px;
}
#homeLeft #comeAndSing {
	margin-bottom:0;
}
#homeRight {
	width:501px;
	float:right;
}
#homeRight #jukebox {
	margin-right:11px;
}

#homeRight #competition {
	margin-right:11px;
}


#homeRight #presenter {
	margin-right:11px;
	margin-bottom:0;
}
#homeRight #calendar {
	margin-bottom:0;
}
/* programmes */

#programmes {
	width:503px;
	float:left;
	margin-right:10px;
	padding-top:10px;
}
#vignettes {
	width:245px;
	float:right;
}
#content .year {
	margin-top: 10px;
	height:2.4em;
}
#content .year ul li {
	/*display:inline;*/
	list-style-type:none;
	display:block;
	float:left;
	padding-left: 13px;
	margin-right: 3px;
	background-color: #E4F3FA;
	background-image: url(../img/programmes/prog-tab-left-off.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#content .year ul li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding:3px 13px 3px 0;
	display:block;
	font-size:1.4em;
	font-weight:normal;
	color:#2a2757;
	background: #E4F3FA url(../img/programmes/prog-tab-right-off.png) no-repeat right top;
}
#content .year ul li.selected {
	background: #C9EAFB url(../img/programmes/prog-tab-left.png) no-repeat left top;
}
#content .year ul li.selected a {
	background:#C9EAFB url(../img/programmes/prog-tab-right.png) no-repeat right top;
}
#content .year ul li a:hover {
	color:#48a5d5;
}
#content .watchAgain {
	background: url(../img/programmes/availableToWatch.jpg) no-repeat left center;
	padding-left: 19px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #e4890d;
	font-size: 1.2em;
	font-weight:normal;
}
#content .smaller {
	color: #575757;
	font-size:1.2em;
}
.listing {
	clear:both;
	background: #AFDBF1 url(../img/programmes/programmes-bg.jpg) repeat-x left top;
	padding: 5px;
	width:490px;
}
.progDetails {
	float:left;
	width:150px;
	padding:3px;
	margin: 3px;
	background:#fff;
}
.progDetails img {
	margin-bottom: 5px;
}
.progDetails p {
	padding:0 4px;
}
#content .blue {
	color:#1c1850;
}
.progDetails em {
	color:#1c1850;
	background-image: url(../img/programmes/availableToWatch.jpg);
	height: 15px;
	width: 15px;
	background-repeat: no-repeat;
	display:block;
	float:left;
	margin-right:2px;
}
#programmes .image {
	float:left;
	margin:0 10px 10px 0;
}
#programmes .text {
	float:left;
	width:340px;
}
#content .previous {
	float: left;
	padding:5px;
	font-weight:bold;
	color:#67a8c9;
}
#content .previous a {
	color: #1c1850;
	font-weight: bold;
}
#content .next {
	float: right;
	padding:5px;
	font-weight:bold;
	color:#67a8c9;
}
#content .next a {
	color: #1c1850;
	font-weight: bold;
}
/* history */
#leftCol {
	width:503px;
	float:left;
	margin-right:10px;
	padding-top:10px;
}
.marginTop {
	margin-top:10px
}
.imageFloat {
	margin:0 10px 10px 0;
	float:left;
}
/* presenters */
.presenters {
	list-style-type: none;
}
.presenters li {
	clear:both;
	margin-bottom:10px;
}
.presenters .text {
	width:500px;
	float:left;
}
#content .presenters li h3 {
	float:left;
	font-size:1.35em;
}
.presenters .introtext {
	width:310px;
	float:left;
	/*font-size:1.1em;*/
}
/* jukebox */
#jukeboxHeader {
	background-image: url(../img/jukebox/jukebox-bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding:10px 340px 10px 0;
}
.jukeboxItemLeft {
	width:218px;
	float:left;
	margin:10px 0 0 0;
	padding:0;
}
.jukeboxItemLeft ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.jukeboxItemLeft li {
	list-style-type: none;
	margin-bottom:4px;
	display:block;
	background-image: url(../img/jukebox/top-corner-off.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #e4f3fa;
}
.jukeboxItemLeft li a {
	padding:8px;
	list-style-type: none;
	background:url(../img/jukebox/bot-corner-off.png) no-repeat left bottom;
	display:block;
}
.jukeboxItemLeft li.selected {
	background-image: url(../img/jukebox/top-corner-on.png);
	background-color: #c9eafb;
}
.jukeboxItemLeft li.selected a {
	background-image:url(../img/jukebox/bot-corner-on.png);
}
#content .watchAgainBlue {
	background: url(../img/jukebox/availableToWatch-blue.jpg) no-repeat left center;
	padding-left: 19px;
	color: #292756;
	font-weight:normal;
	font-style:normal;
}
#content .selected .watchAgainBlue {
	background: url(../img/jukebox/availableToWatch-blue2.jpg) no-repeat left center;
}
.jukeboxItemRight {
	width:526px;
	float:right;
	margin-top:10px;
	background-color:#c9eafb;
	padding:7px;
	min-height:50em;
}
.jukeboxItemRight h3 {
	border-bottom:2px solid #def2fd;
	margin-bottom:12px;
}
.jukeboxItemRight .title {
	color:#292756;
	margin-top:10px;
}
.jukeboxItemRight .title strong {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight:normal;
}
.jukeboxItemRight p {
	width:500px;
}
.videoplayer {
	background-color:#FFFFFF;
	width:522px;
	padding: 2px;
}
#video p {
	padding:15px;
}
/* links */
.links {
	color:#4A4C8C;
	padding:1.5em 0 0 1.5em;
	font-size:1.05em;
}
#content .links a {
	color:#4A4C8C;
}
.black {
	color:#000;
	font-style: normal;
}
#content .links li {
	padding-bottom:0.5em;
}
#bottomVignettes {
	margin-top:10px;
	clear:both;
}
#bottomVignettes .orangeVig {
	float:left;
}
#bottomVignettes #calendar {
	margin-right:11px;
}
#bottomVignettes #calendar div {
	width:160px;
}
#bottomVignettes #presenter {
	margin-right:11px;
}

/* Competition */

#competition{
	background: url(http://www.s4c.co.uk/dechraucanu/img/competition/50.jpg) no-repeat bottom right;
	}

#competition p{
	width:200px;
	}


	

/* Contact */

#getInTouch {
	margin:10px 10px 0 0;
	padding:10px;
	float: left;
	width: 354px;
	color:#292657;
	background: #8cc6e7 url(img/contact/getintouch-bg.jpg) no-repeat center bottom;
	min-height:36em;
}
#getInTouch h2 {
	margin-bottom:0.3em;
	border-bottom: 1px solid #b7dcf1;
	color:#292657;
}
#getInTouch div {
	clear:both;
	padding:1em 0 0;
}
#getInTouch label {
	width:110px;
	float:left;
	color:#292657;
	font-size:1.2em;
	padding-right:10px;
	font-weight:bold;
}
#getInTouch .fields {
	float:left;
	font-size:1.2em;
	width:230px;
	border:1px solid #bbc6cc;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
fieldset {
	border:none;
}
#applyForTicket {
	margin:10px 0 0;
	padding:10px;
	float: left;
	width: 354px;
	color:#FFFFFF;
	background-color: #4A4C8C;
	background-image: url(../img/contact/applyforticket-bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	min-height:36em;
}
#applyForTicket h2 {
	margin-bottom:0.3em;
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99A3C8;
}
#applyForTicket div {
	clear:both;
	padding:1em 0 0;
}
#applyForTicket label {
	width:110px;
	float:left;
	color:#FFFFFF;
	font-size:1.2em;
	padding-right:10px;
	font-weight:bold;
}
#applyForTicket .fields {
	float:left;
	font-size:1.2em;
	width:230px;
	border:1px solid #bbc6cc;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#note {
	padding-top: 10px;
	clear:both;
}
#content .contactdetails {
	padding:0.5em 0 ;
	clear:both;
	color:#1c1850;
}
/* calendar */
.calendarDetails {
	list-style-type: none;
}
.calendarDetails li {
	clear:both;
	list-style-type: none;
	color:#292756;
}
.calendarDetails .image {
	float:left;
	margin:0 10px 10px 0;
}
.calendarDetails .text {
	float:left;
	width:417px;
}
.calendarDetails em {
	color:#727272;
}
.calendarDetails strong {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight:normal;
}

.joinusDetails {
	list-style-type: none;
}
.joinusDetails li {
	clear:both;
	list-style-type: none;
	color:#292756;
}
.joinusDetails .image {
	float:left;
	margin:0 10px 10px 0;
}
.joinusDetails .text {
	float:left;
	width:417px;
}
.joinusDetails em {
	color:#727272;
}
.joinusDetails strong {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight:normal;
	color:#4A4C8C;
}


#content .border {
	border-bottom:1px solid #cccccc;
	clear:both;
	padding:0;
	margin:10px 0;
}
/*  come and sing */

#ticketForm {
	margin:10px 0 0;
	padding:10px;
	float: left;
	color:#FFFFFF;
	background: #4A4C8C url(../img/contact/applyforticket-bg.jpg) no-repeat center bottom;
	min-height:54em;
}
#ticketForm h2 {
	margin-bottom:0.3em;
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99A3C8;
}
#ticketForm h3 {
	margin-bottom:0.3em;
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99A3C8;
	font-size:1.4em;
	margin-top:1em;
}
#ticketForm div {
	clear:both;
	padding:1em 0 0;
}
#ticketForm label {
	font-size:1.2em;
}
#ticketForm .fields label {
	width:60px;
	color:#FFFFFF;
	padding-right:10px;
	float:left;
}
#ticketForm .fields input {
	font-size:1.2em;
	border:1px solid #bbc6cc;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	float:left;
	width:145px;
}
#joinUs {
	margin:1.5em 0;
}