@font-face {
	font-family: 'Fontin';
	src: url('../fonts/fontin-webfont.eot?') format('eot'), 
	     url('../fonts/fontin-webfont.woff') format('woff'), 
	     url('../fonts/fontin-webfont.ttf')  format('truetype'),
	     url('../fonts/fontin-webfont.svg#svgFontName') format('svg');
}

@font-face {
	font-family: 'Fontin Bold';
	src: url('../fonts/fontin-bold-webfont.eot?') format('eot'), 
	     url('../fonts/fontin-bold-webfont.woff') format('woff'), 
	     url('../fonts/fontin-bold-webfont.ttf')  format('truetype'),
	     url('../fonts/fontin-bold-webfont.svg#svgFontName') format('svg');
}

@font-face {
	font-family: 'Gotham';
	src: url('../fonts/gotham-bold-webfont.eot?') format('eot'), 
	     url('../fonts/gotham-bold-webfont.woff') format('woff'), 
	     url('../fonts/gotham-bold-webfont.ttf')  format('truetype'),
	     url('../fonts/gotham-bold-webfont.svg#svgFontName') format('svg');
	
}


html{
	-webkit-font-smoothing: antialiased;
	font-smooth: always;
}

body{
	line-height: 1.5;
}

/* set font for all tungsten stuff */
h2, h3, h4{
	/*font: normal normal 20px 'Fontin', Arial, sans-serif;*/
	font: normal normal 20px 'Montserrat', Arial, sans-serif;
}


h2{
	font-size: 28px;
}

h3{
	font-size: 20px;	
}

h4{
	font-size: 16px;
}

h6{
	font-weight: normal;
}


.byline{
	font: normal normal 12px Arial, sans-serif; margin-top: 0; color: #666;
}

#main-content .byline{
	text-transform: uppercase; color: #8a8a8a; margin-top: 2px;
}

#content-top > #page-title {
	font-size: 30px; font-family: 'Montserrat Bold', Arial, sans-serif; 
	text-transform: uppercase; font-weight: 700;
	padding-top: 12px; padding-bottom: 6px;
}


p{
	margin: 1em 0;
}


#main-nav a, #main-nav-2 a{
	text-decoration: none;
}

.main-nav-top strong {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px; font-weight: bold;
}

#main-nav-2 strong{
	font: normal normal 18px 'Montserrat', Arial, sans-serif; letter-spacing: -1px;
}
	
	#main-nav span{
		font-size: 11px; line-height: 15px;
	}
	
	#main-nav li li{
		text-transform: uppercase; font: normal normal 12px 'Montserrat', Arial, sans-serif;
	}	
		
	
	
	#main-nav-2 strong{
		font-size: 16px;
	}
	
		#main-nav-2 li li a{
			font-size: 11px; font-family: 'Montserrat', Arial, sans-serif;
		}
		
		
#breadcrumbs{
	font-size: 11px;
}
	
	
#actions{
	font-size: 12px; text-transform: uppercase;
}
	#actions .button{
		font-size: 11px; 
	}
		
	#secondary-nav, #ecast{
		font-size: 11px; text-decoration: none;
	}
	#ecast {
		font-family: 'Montserrat', Arial, sans-serif; font-size: 12px;
	}
	
		#secondary-nav a, #ecast a{
			text-decoration: none;
		}
		


#secondary-content h3{
	font: normal normal 15px 'Montserrat', Arial, sans-serif; text-transform: uppercase; margin-bottom: 8px;
}

.front #secondary-content h3{
	font: normal normal 15px 'Montserrat Bold', Arial, sans-serif; text-transform: none; margin-bottom: 0.3em;
}


/* =============== */
/* = Forms Stuff = */
/* =============== */

::-webkit-input-placeholder { font-style: italic; }
:-moz-placeholder { font-style: italic; }

div.form-notice{
	font-size: 11px;
}

fieldset .instructions{
	font-size: 11px; margin: 2px 0 14px 0;
}

fieldset h4{
		font: normal normal 12px Arial, sans-serif;
}

fieldset label{
	font-weight: bold;
}


.question{
	font-weight: bold; font-size: 12px; margin-top: 20px;
}



	.radio-item label{
		font-weight: normal; font-size: 12px;
	}

.tab-form .summary{
	margin-top: 4px; color: #666;
}

.tab-form h3{
	font: normal normal 15px 'Montserrat Bold', Arial, sans-serif; color: #333;
	border-bottom: #ccc 1px solid; margin-top: 20px; padding-bottom: 2px;
}

.tab-form h3:first-child{
	margin-top: 3px;
}

.tab-form footer strong{
	font: normal normal 15px 'Montserrat', Arial, sans-serif; font-weight: normal; padding: 0 6px;
}



		
/* =================== */
/* = Page Components = */
/* =================== */




.button{
	font: normal normal 10px 'Montserrat', Arial, sans-serif;
	text-transform: uppercase; white-space:nowrap; text-decoration: none;
}


.ui-tabs .ui-tabs-nav li a{
	font: normal normal 11px 'Montserrat', Arial, sans-serif; font-weight: normal;
}

.ui-accordion h3.ui-accordion-header{
	font: normal bold 14px Arial, sans-serif;
}

table.striped{
	font-size: 11px;
}







/* ======================== */
/* = Page Specific Colors = */
/* ======================== */

#filter-summary h3{
		font: normal normal 12px 'Montserrat', Arial, sans-serif; text-transform: uppercase;
}

#filter-summary h4{
		font: normal bold 12px Arial, sans-serif; text-transform: none;
}
#filter-summary li{
	font-size: 11px;
}

/* Programme Details page */
#player-note{
	font-size: 11px; text-align: center; color: #868686; background-color: #f1f1f1; line-height: 33px; 
	position: relative; width: 100%; padding: 0 20px;  margin: 0 0 0 -20px;
}

	#player-note strong{
		color: #333333;
	}
.details h4{
	font: normal bold 12px Arial, sans-serif; text-transform: none;
}


#other-episodes li{
	position: relative; font-size: 11px; padding-left: 82px; line-height: 15px; padding-top: 7px; padding-bottom: 7px;
}

#other-episodes strong{
	position: absolute; left: 10px; 
}



.radio-group.with-label .radio-item label{
	font-size: 10px;
}


/* Channel List Page */

.channels h3{
	 font: normal normal 18px 'Montserrat', Arial, sans-serif;
	 color: #333333;
}

/* login page */

.login #content-top{
	font: normal normal 16px Verdana, Arial, sans-serif; line-height: 20px;
}

.login #content-top h2{
		font: normal normal 34px 'Montserrat', Arial, sans-serif;
}
	#content.login #main-content strong{
		font-family: 'Montserrat Bold', Arial, sans-serif; font-size: 13px;
	}


#content.login h3{
	font: normal normal 15px 'Montserrat Bold', Arial, sans-serif; text-transform: none;
}

#content.login #secondary-content h3{
	border-bottom: #ccc 1px solid; padding-bottom: 2px;
}

#content.login #page-title{
	border: none; 	font: normal normal 18px 'Montserrat Bold', Arial, sans-serif; 
}

#content.login .box1 ul{
	margin-top: 13px;
}

#content.login .box1 li{
	 color: #444;
}

#content.login .box2 ul{
	margin-top: 13px;
}

#content.login .box2 li{
	 color: #444;
}

.login #login-problem{
	font-size: 11px; margin: 12px 0 12px 0; border-bottom: #ccc 1px solid; padding-bottom: 25px;
}

.login #login-signup{
	font-weight: bold; border-top: #ccc 1px solid; padding-top: 15px;
}


/* home page */
ul.programme-list li{
	font-size: 12px;
}

	ul.programme-list li h4{
		font: normal normal 14px 'Montserrat Bold', Arial, sans-serif;
	}
		ul.programme-list li h4 span{
			font: normal normal 14px 'Montserrat', Arial, sans-serif; 
		}
		
	ul.programme-list p{
		 line-height: 1.5em; margin: .7em 0;
	}

/* request recording */



/* personal details page */
.personal-details h3{
	font: normal normal 14px 'Montserrat Bold', Arial, sans-serif; border-bottom: #ccc 1px solid; margin-bottom: 0;
}

.personal-details fieldset{
	margin-top: 10px;
}

.personal-details .input-text input{
	width: 450px;
}


.email-alerts h3{
	font: normal normal 15px 'Montserrat Bold', Arial, sans-serif; border-bottom: #ccc 1px solid; margin-bottom: 10px;
}