@charset "utf-8";
/*
----------------------------------------
Site:			http://www.rte.ie/tv/latelate/
Description:	Stylesheet for The Late Late show
Author:			Rob Tierney
Updated:		27/09/2009
----------------------------------------
*/
@import url('/tv/programmes/css/tvdb_style.css');
@import url('/tv/homepage/css/tvhome_style.css');


p {
	padding: 8px;
	padding-left: 3em;
	padding-right: 3em;
	margin: 0;	
}

h1 {
 display:inline-block;


}

h2 {
 font-family: "Times New Roman", Times, serif;
 color: #416252;
 font-weight: normal;
 margin: 0;
 padding: 0;
 margin-top: 1em;
 margin-left: 30px;
}

h2.centered {
 text-align: center;
 margin-left: 0;
}

h3 {
 font-family: "Times New Roman", Times, serif;
 color: #416252;
  display:inline-block;
 font-weight: normal;
 padding: 0;
 margin: 0 100px 0px 5px;

}


/* =========================================================== Page Elements == */

.subHead {
 font-family: "Times New Roman", Times, serif;
 color: #416252;
 font-weight: normal;
 font-size:.8em;
 margin: 0;
 padding: 0;
 margin-top: 1em;
 margin-left: 4px;
}

#homeMainCol {
background-color:#DADADA;
margin-bottom:0;
margin-top:0;
padding:0 0 0 0;
}

.bodyContainer {

	background:#CCCCCC;
}

.test {
	width:120px;
	height:80px;
	background:#00CC00;
}


#homeWhatsOn {
padding:0px;
margin:2px 0 0 0;
}

#homeWhatsOn h2 {
width:305px;
height:22px;
padding:10px 10px 10px 10px;
margin:2px 0 0 0;
}


.storyBox {
	float:left;
	display:block;
	margin-bottom:14px;
}

.content_block h2 {
background:#FEFEFE url(/tv/programmes/img/content_left_heading.jpg) repeat-x scroll left bottom;
margin-left:0;
margin-right:0;
padding:8px 14px 5px 10px;
}

.content_block ul.quicklinks li {
background:transparent url(../img/graphics/arrow_09.gif) no-repeat scroll left top;
border-bottom:1px dotted #DADADA;
margin:0;
padding:5px 0 5px 20px;
}

.content_block ul.quicklinks li {`
background:transparent url(../images/graphics/arrow_09.gif) no-repeat scroll left top;
border-bottom:1px dotted #DADADA;
margin:0;
padding:5px 0 5px 20px;
}

#MainCol {
float:left;
background-color:#DADADA;
margin-bottom:0;
margin-top:0;

}


div#header-graphic {
	background-image: url(../images/header.jpg);
	background-color:#ffffff;
	height: 25px;
	color: #ffffff;
	border-top: solid 1px #FFFFFF;
	background-repeat: no-repeat;
	padding: 240px 0 0 7px;
	font-size:12px;
	text-decoration:
}


	div#box-white {
	background-color: #FFFFFF;
	width: 607px;
	margin: 4px 0 0 10px;
	clear: both;
	background-image: url(../images/bg_box-white.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	float: left;
	padding: 0 14px 14px 14px;
}


img.poster-home {
	float: right;
	padding: 7px;
	border: solid 1px #CCCCCC;
	margin: 20px;
	margin-top: 10px;
}

a.credits-top, a.tracing-top {
	display: block;
	width: 40px;
	height: 20px;
	margin-left: 20px;
	background-image: url(../images/anchor_credits_top.gif);
	background-repeat: no-repeat;
}

/* =========================================================== top nav == */


div#top-nav {
	height: 47px;
	background-color: #202020;
	text-align: center;
}

		div#top-nav ul {
			margin: 0 auto;
			padding: 0;
			list-style: none;
		}
			
				div#top-nav ul li {
					float: left;
					font-size: .9em;
					margin-left: 2.1em;					
				}
				
						div#top-nav ul li a {
							color: #CCCCCC;
							text-decoration: none;
							padding-top: 16px;
							display: block;
						}
						
						div#top-nav ul li a:hover {

							color: #FFFFFF;
						}						

						div#top-nav ul li a.current {

							color: #FFFFFF;
						}
.pad-mpu {
	width:300px;
	padding:7px;
	background:#ececec;
}


#player_bug {
	visibility:hidden;
}

#player_bug a.watch {
	margin-right: -1000px;
	}

.btnplayer {
width:196px;
background:#292929 url(/tv/programmes/img/graphics/content_btn01.gif) no-repeat scroll left top;
font-weight:bold;
margin:1px 0 1px;
padding:9px 7px 7px 110px;
}

.btnplayer a {
color:#F6CC1D;
display:block;
height:16px;
padding:0 15px 0 110px;
}

#btnplayerLink {
width:150px;
	padding:0;
	margin:0;
}

#btnplayerTitle {
margin-left:-2500px;
padding:0;

}



/* =========================================================== Sliding Menu == */				


#heading {
	display: block;
	text-align: center;
	margin-bottom: 4px;
}

	#heading * {
		display: inline;
		padding: 4px;
		user-select: none;
		cursor: pointer;
		vertical-align: middle;
		text-align: center;
		margin: 0 auto;
	}
	
		#heading li.active {
			background-color: #FFFFFF;
			border-bottom: #FFFFFF 1px solid;
			border-left: solid 1px #999999;
			border-right: solid 1px #999999;
			color: #000000;
		}

#wrapper { 
	margin: 0; padding: 0; 
}

ul#buttons li {
	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px;
	color: #999999;			
}

#panes {
	text-align: justify;
	border-style: none;
	margin: 0;
	width: 650px;
}

#panes div div.pane { 
	overflow: hidden;
	height: 350px;
}

#previous { 
	float: left; 
	cursor: pointer; 
	display: block; 
	width: 36px; 
	height: 36px; 
	background-image: url(../images/button_arrow_left.png);
	background-repeat: no-repeat;
	margin: 3px;	  
}

#next { 
	float: right; 
	cursor: pointer; 
	display: block; 
	width: 36px; 
	height: 36px; 
	background-image: url(../images/button_arrow_right.png);
	background-repeat: no-repeat;	
	margin: 3px;	
}

#panes div div.pane h1, h1 { 
	color: #727c1d;
	font-size: 2.2em;
	letter-spacing: -1px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	padding: 7px;
	padding-top: 20px;	
}

#panes div div.pane p {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	padding: 15px;
}

#panes div div.pane img.photo-slider {
	float: left;
	margin: 15px;
	border: #999999 solid 1px;
}

a.link-profile {
	display: block;
	width: 180px;
	height: 30px;
	margin-left:35px;
	float: left;
	background-image: url(../images/button_view-complete.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	font-size: .85em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #727c1d;
}



	
 div#box-white-footer {
	height: 30px;
	background-image: url(../images/shadow_box-white_footer.png);
	width: 544px;
	margin: 0 auto;
	clear: both;
	background-repeat: no-repeat;
}

div#profile-gallery {
float:right;
 height: 250px;
 margin-bottom: 2em;
 margin-top: 0;
  margin-left: 1em;
 padding: 7px;
 border: solid 1px #CCCCCC;
}

div#profile-quote {
float:left;
margin:10px;
 font-size: 1em;
 line-height: 1.2em;
 font-style: normal;
 padding-right: .5em;
 color: #333333;

}