/* Life & Culture Pages - CSS Document for irishtimes.com */

@import url(crossword.css);
@import url(crossword_calendar.css);
@import url(sudoku.css); 

/* Life & Culture Index Page */

.life-culture .left-column .sub-section a.topstory-img{ float:left;}
.life-culture .left-column .sub-section a.topstory, .life-culture .left-column .sub-section a.topstory:visited{ display:block; padding:0px 10px 10px 10px; }
.life-culture .left-column .sub-section a.topstory:hover{ background-color:#F6F6EC;}

.life-culture .left-column .sub-section .left-column h5.ticket{clear:both; padding-top:10px;}
.life-culture .left-column .sub-section .left-column h5.ticket a{margin:0px 0px 0px 0px; padding:0px; background:none;}

.life-culture .ticket .sub-section .left-column h1, .life-culture .ticket .sub-section .right-column h1 {margin-bottom:-10px;}


/* 20090113 ED  Added .article versions for when v3article.xsl uses The Ticket's RHS code */
.life-culture .right-column .the-ticket, .article .right-column .the-ticket  { width:320px; margin:0 0 20px 0; padding-top:0; float:right; display:inline; clear:both; font-size:85%; line-height:15px; background:url(/images/v3/subpages/entertainment/grey_line.gif) repeat-y left top; }
/*.article .right-column .the-ticket {margin:14px 0 20px 0;} eoneill added - line up with breadcrumbs... */
.life-culture .right-column .the-ticket .top, .article .right-column .the-ticket .top { width:320px; height:3px; line-height:0; float:left; font-size:0; background:url(/images/v3/subpages/entertainment/grey_top.gif) no-repeat left top; }
.life-culture .right-column .the-ticket .base, .article .right-column .the-ticket .base { width:320px; height:3px; line-height:0; float:left; font-size:0; background:url(/images/v3/subpages/entertainment/grey_bottom.gif) no-repeat left top; }
.life-culture .right-column .the-ticket a , .article .right-column .the-ticket a { width:298px; margin:16px 0 13px 12px; float:left; display:inline; }
.life-culture .right-column .the-ticket .h4, .article .right-column .the-ticket .h4  { color:#333333; }
.life-culture .right-column .the-ticket a:hover .h4, .article .right-column .the-ticket a:hover .h4  { color:#C00000; }
.life-culture .right-column .the-ticket img, .article .right-column .the-ticket img { margin:0 20px 0 0; float:left; }


/* 20090126 ED Added left-column styles so that the text looks the same on the left and right. 
.life-culture .left-column .sub-section .right-column ul, .life-culture .left-column .sub-section .left-column ul { width:100%; border-top:1px solid #FECDC9; float:left; font-size:90%; }
.life-culture .left-column .sub-section .right-column ul.red { border:0px; font-size:100%; }
.life-culture .left-column .sub-section .right-column .features ul { padding-top:14px; }
.life-culture .left-column .sub-section .right-column li, .life-culture .left-column .sub-section .left-column li { width:100%; border-bottom:1px solid #FECDC9; line-height:15px; float:left; }
.life-culture .left-column .sub-section .right-column li a , .life-culture .left-column .sub-section .left-column li a { width:100%; padding:6px 0; display:block; background-color:#FFF; }
.life-culture .left-column .sub-section .right-column li a:hover, .life-culture .left-column .sub-section .left-column li a:hover  { background-color:#F6F6EC; }
.life-culture .left-column .sub-section .right-column .features ul li a:hover { background-color:#FFF; }
.life-culture .left-column .sub-section .right-column .h4, .life-culture .left-column .sub-section .left-column .h4 { margin-bottom:0; }
.life-culture .left-column .sub-section .right-column ul.pointed-list, .life-culture .left-column .sub-section .left-column ul.pointed-list { width:100%; font-size:95%; }
.life-culture .left-column .sub-section .right-column ul.pointed-list li a, .life-culture .left-column .sub-section .left-column ul.pointed-list li a  { width:283px; padding:2px 0 2px 17px; }
.life-culture .left-column .sub-section .right-column ul.extension, .life-culture .left-column .sub-section .left-column ul.extension { border-top:none; font-size:95%; }
.life-culture .left-column .sub-section .right-column ul.red li { line-height:18px; }
.life-culture .left-column .sub-section .right-column ul.red li a { width:auto; padding:0; display:inline; background-color:#FFF; }
*/

.life-culture .right-column .crossword { width:300px; margin:0 0 20px 10px; padding-top:0; float:right; display:inline; clear:both; font-size:85%; line-height:15px; }
.life-culture .right-column .crossword a { top:10px; position:relative; display:block; }
.life-culture .right-column .crossword .h4 { color:#333333; }
.life-culture .right-column .crossword a:hover .h4 { color:#C00000; }
.life-culture .right-column .crossword img { margin:0 27px 10px 0; float:left; }


.life-culture .right-column #dvd-club, .article .right-column #dvd-club { margin-top:-5px; float:left; }
.life-culture .right-column #dvd-club div, .article .right-column #dvd-club div { width:300px; margin:0 0 20px 10px; padding-top:0; float:right; display:inline; clear:both; font-size:85%; line-height:15px; }
.life-culture .right-column #dvd-club div a, .article .right-column #dvd-club div a { top:10px; position:relative; display:block; }
.life-culture .right-column #dvd-club div .h4, .article .right-column #dvd-club div .h4 { color:#333333; }
.life-culture .right-column #dvd-club div a:hover .h4, .article .right-column #dvd-club div a:hover .h4 { color:#C00000; }
.life-culture .right-column #dvd-club div img, .article .right-column #dvd-club div img  { margin:0 27px 10px 0; float:left; }


.life-culture .right-column #going-out, .article .right-column #going-out { width:310px; margin:-10px 0px 20px 0px; float:right; display:inline; clear:both; font-size:105%; } 

.life-culture .right-column .holder .label, .article .right-column .holder .label { font-size:100%; }
.life-culture .right-column .holder select, .article .right-column .holder select { font-size:100%; }


#event-listings { width:100%; margin-top:2px; float:left; border-top:1px solid #FECDC9; border-bottom	:1px solid #FECDC9; }
.holder #event-listings ul { width:290px; padding:10px 10px 10px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:110%; }
.holder #event-listings li { width:auto; height:auto; min-height:0; margin:0 7px 3px 0; padding:0 8px 0 0; float:left; display:inline; border:0px; background:url(/images/v3/subpages/entertainment/event-listing-bg.gif) no-repeat right center; }



/* 20090107 ED:  WFs star images replaced with ratings.png and .reviewlist, .star5, star4 etc. left too long for ratings.png. */
.life-culture ul.pointed-list li a, .life-culture ul.pointed-list li a:visited{ height:100%;}
.life-culture ul.pointed-list .left { width:230px; float:left; cursor:pointer;}
.life-culture ul.pointed-list li a div.reviewlist { margin:0; padding:0; height: 14px; width: 70px;  float:right; display:inline; cursor:pointer;}
.life-culture ul.pointed-list li a:after{content: ".";	display:block; height:0; clear:both; visibility:hidden;}

.starlist5 { background: url(/images/v3/subpages/entertainment/ratings-index.png) no-repeat 0px 0px; }
.starlist4 { background: url(/images/v3/subpages/entertainment/ratings-index.png) no-repeat 0px -14px; }
.starlist3 { background: url(/images/v3/subpages/entertainment/ratings-index.png) no-repeat 0px -28px; }
.starlist2 { background: url(/images/v3/subpages/entertainment/ratings-index.png) no-repeat 0px -42px; }
.starlist1 { background: url(/images/v3/subpages/entertainment/ratings-index.png) no-repeat 0px -56px; }

/* IE6 rules because png transparency is not supported */
*html .starlist5 { background: url(/images/v3/subpages/entertainment/ratings-index-w.png) no-repeat 0px 0px; }
*html .starlist4 { background: url(/images/v3/subpages/entertainment/ratings-index-w.png) no-repeat 0px -14px; }
*html .starlist3 { background: url(/images/v3/subpages/entertainment/ratings-index-w.png) no-repeat 0px -28px; }
*html .starlist2 { background: url(/images/v3/subpages/entertainment/ratings-index-w.png) no-repeat 0px -42px; }
*html .starlist1 { background: url(/images/v3/subpages/entertainment/ratings-index-w.png) no-repeat 0px -56px; }
*html ul.pointed-list li a:hover .starlist5 {background: url(/images/v3/subpages/entertainment/ratings-index-g.png) no-repeat 0px 0px; }
*html ul.pointed-list li a:hover .starlist4 { background: url(/images/v3/subpages/entertainment/ratings-index-g.png) no-repeat 0px -14px; }
*html ul.pointed-list li a:hover .starlist3 { background: url(/images/v3/subpages/entertainment/ratings-index-g.png) no-repeat 0px -28px; }
*html ul.pointed-list li a:hover .starlist2 { background: url(/images/v3/subpages/entertainment/ratings-index-g.png) no-repeat 0px -42px; }
*html ul.pointed-list li a:hover .starlist1 { background: url(/images/v3/subpages/entertainment/ratings-index-g.png) no-repeat 0px -56px; }
/* end IE6 rules */


/* Review page extras: Added by Chris 12/12/2008 */
#ratings { margin: 0px; padding: 0px; height: 20px; width: 100px; }
.star5 { background: url(/images/v3/subpages/entertainment/ratings.png) no-repeat 0px 0px; }
.star4 { background: url(/images/v3/subpages/entertainment/ratings.png) no-repeat 0px -20px; }
.star3 { background: url(/images/v3/subpages/entertainment/ratings.png) no-repeat 0px -40px; }
.star2 { background: url(/images/v3/subpages/entertainment/ratings.png) no-repeat 0px -60px; }
.star1 { background: url(/images/v3/subpages/entertainment/ratings.png) no-repeat 0px -80px; }




#review-info { float: left; width:100%;/*width: 630px;*/ margin:0 0 20px 0; }
#review-data { margin: 0px 0px 0px 20px; width: 270px; float: right; }
#review-data h1 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0px 0px 10px; padding: 0px; }
#review-data p { font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 10px; padding: 0px; }
#review-info img { float: left; margin: 0px; padding: 0px; }

/* 20090113 ED merged styles from life-culture.css, cinema-listings-template.html , listings-template.html. Panel needs to be a class as there's more than 1. */
.location {color: #c00000;font-size:120%;}
.listings {border-bottom: 1px solid #ffccc8;	margin: 0px 0px 10px;	padding: 0px;	list-style: none;}
.listings li {padding-bottom: 8px;	font-family: Arial, Helvetica, sans-serif;}
.life-culture  ul.listings-cinema li a {display:block; border-bottom: 1px solid #ffccc8; margin: 0;	padding: 5px; width:610px;	list-style: none;}
.life-culture  ul.listings-cinema li a:hover { background-color:#F6F6EC; }
.panel { width:620px; background: #d5d7ca; padding:5px; margin:0 0 20px 0; }
.panel h2 {font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 5px;}
.panel-info h2, .panel-info-below h2 {font-family: Georgia, "Times New Roman", Times, serif;	font-weight:normal;}
.panel img {float: left;	margin:0;}
.panel-info {margin-left:20px; float:right;	width:290px;}
.panel-info-below {clear:both; margin:0; width:600px;}
.serif { font-family:Georgia, 'Times News Roman' serif; font-weight:normal;}




/* Education Page */

.left-column .sub-section .left-column span.edu{display:block; padding:0px 10px 10px 10px;}


.life-culture .right-column .the-ticket { width:320px; margin:0px 0px 20px 0px; padding-top:0px; float:right; display:inline; clear:both; font-size:85%; line-height:15px; background:url(/images/v3/subpages/entertainment/grey_line.gif) repeat-y left top; }
.life-culture .right-column .the-ticket .top { width:320px; height:3px; line-height:0px; float:left; font-size:0px; background:url(/images/v3/subpages/entertainment/grey_top.gif) no-repeat left top; }
.life-culture .right-column .the-ticket .base { width:320px; height:3px; line-height:0px; float:left; font-size:0px; background:url(/images/v3/subpages/entertainment/grey_bottom.gif) no-repeat left top; }
.life-culture .right-column .the-ticket a { width:298px; margin:16px 0px 13px 12px; float:left; display:inline; }
.life-culture .right-column .the-ticket .h4 { color:#333333; }
.life-culture .right-column .the-ticket a:hover .h4 { color:#C00000; }
.life-culture .right-column .the-ticket img { margin:0px 20px 0px 0px; float:left; }


/* 20090828 ED Start: Education Supplements iCarousel */
#education-supp { width:630px; }
#edsupp { position:relative; overflow:hidden; width:630px; height:130px; margin:10px 0 0 0; background:#E7E7E0;  }
#edsupp ul#edsupp_content { position:absolute; top:0; margin:0 14px 0 31px; padding:0; text-align:left; list-style: none; }
#edsupp ul#edsupp_content li.edsupp_item { display: inline; float: left; width:191px; height:130px; line-height:16px; font-size:95%; font-family:Arial, Helvetica, sans-serif; color:#333333; padding:0 2px;} 
*html #edsupp ul#edsupp_content li.edsupp_item { overflow:hidden;}
#edsupp ul li a { background-color:#e7e7e0; float:left; width:189px; padding:10px 1px 0; margin:0;  text-decoration:none; line-height:normal;}
#edsupp ul li a:hover { color: #c00000; }
#edsupp ul li a span.edsupp_txt {display:block;}
#edsupp ul li a img{ padding:0 0 1px 0;}
#edsupp_frame { position: relative;}  
*html #edsupp_frame { z-index:50; float:left; width:100%; }
#edsupp_previous { float: left; cursor:pointer;} 
#edsupp_next { float: right;  cursor:pointer;}  
/*End: Education Supplements iCarousel */
#sponsors { padding:0; margin:0; text-align:left; list-style:none; }
#sponsors li { float:left; display: inline; padding:0; margin: 0 10px 20px 20px; } 


/* Weather Pages  */
/*
.weather .left-column { width:640px; padding-top:15px; border-top:3px solid #D7D7CB; }
.weather .left-column .left-column { border:0px none; padding:0px; }

.weather .right-column { width:310px; }
.weather .right-column .sub-section-nb { width:300px; padding-left:10px; padding-right:0px; margin-bottom:10px;}
.weather .right-column .sub-section { padding-right:0px; }
.weather .right-column .sub-section span.advertisement { margin-left:10px; }
.weather .right-column .advertisement-content { margin-right:0px; }

ul.weather-local { width:601px; float:left; background:url(/images/v3/subpages/weather/weather-local-bg.gif) repeat-y left top; }
ul.weather-local li { width:109px; padding:0px 5px; margin-left:1px; float:left; display:inline; position:relative; text-align:center; line-height:15px; font-weight:bold; }
ul.weather-local .day { display:block; padding-bottom:5px; line-height:24px; color:#999999; font-size:150%; }
ul.weather-local img { display:block; margin:0px auto; }
ul.weather-local .detail { display:block; padding:3px 0px; color:#666666; text-transform:uppercase; font-size:85%; }
ul.weather-local .temperature { display:block; padding:5px 0px; color:#000000; }
#weather-local-first { margin-top:10px; }

.generic .left-column ul.weather-national { width:147px; margin:10px 0px 0px 10px; padding-bottom:10px; clear:none; display:inline; }
.generic .left-column ul.weather-national li { width:100%; height:auto !important; height:19px; min-height:19px; float:left; }
.generic .left-column ul.weather-national li a { width:130px; display:block; padding:2px 0px 2px 17px; }

.generic .left-column ul.weather-world { width:147px; margin:10px 0px 0px 10px; padding-bottom:10px; clear:none; display:inline; }
.generic .left-column ul.weather-world li { width:100%; height:auto !important; height:19px; min-height:19px; float:left; }
.generic .left-column ul.weather-world li a { width:130px; display:block; padding:2px 0px 2px 17px; }

.weather .left-column .sub-section .features { width:140px; float:right; margin:10px 10px 0px 10px; }
.weather .left-column .sub-section .features ul { width:140px; }
.weather .left-column .sub-section .features ul li { margin:0px 0px 10px 0px; }

.weather .left-column .sub-section .left-column { width:310px; float:left; margin-left:0px; display:inline; }
.weather .left-column .sub-section .right-column { width:310px; float:right; display:inline; }


#satellite-photo { width:310px; float:left; padding-top:3px; font-size:90%; font-weight:bold; }
#satellite-photo h4 { color:#666666; }
#satellite-photo a.enlarge { font-weight:bold; }
#satellite-photo ul { width:100%; float:left; clear:both; }
#satellite-photo ul li { width:100%; float:left; }

#map-image { width:310px; max-width:310px; float:left; padding-top:3px; font-size:90%; font-weight:bold; position:relative; overflow:hidden; }
#map-image h4 { color:#666666; }
#map-image .content { float:left; overflow:hidden; }
#map-image .content a { width:310px; float:left; }
#map-image ul { width:100%; float:left; clear:both; }
#map-image ul li { width:100%; float:left; }
#map-image a.enlarge { font-weight:bold; }
#map-image a.tomorrows-map { float:right; } */