/* CSS Document for Irish Times Homepage */


/* Hyperlinks */
a:link, a:visited{}
a:hover { background-color:#F6F6EC; } /*  v general ? */ 


/* Main Headline area */
#main-headlines { width:960px; padding:9px 0px 0px 0px; float:left; }
#main-headlines .left-column { width:320px; margin:0px 10px 0px 0px; font-size:105%; float:left; display:inline; }
#main-headlines .left-column h1 { clear:both;}
*html #main-headlines .left-column h1{ width:100%;} /* IE6 - fix :hover jump bug */ 
#main-headlines .left-column ul li a, #main-headlines .left-column ul li a:visited {line-height:18px; display:block; padding:0px 10px 10px 10px;}
#main-headlines .left-column ul li a:hover{ background-color:#F6F6EC;}
#main-headlines .center-column { width:292px; float:left; font-size:105%; line-height:18px; }
#main-headlines .right-column { width:310px; float:right; margin:-5px 10px 0px 0px; display:inline; }

/* eoneill - caption styling controled in generic */
/*#main-headlines #headline-image {  width:320px;  margin:0px 0px 16px 0px; }
#main-headlines #headline-image p {font-size:95%; margin-bottom:0px;}*/

#main-headlines ul.tabs { width:301px; margin-left:10px; clear:both; }
#main-headlines .left-column ul.numbered-list { width:301px; margin-top:-2px; }
#main-headlines .left-column ul.numbered-list li a{line-height:normal;  padding:2px 0;}
* html #main-headlines .left-column ul.numbered-list { margin-top:-6px; } /* for IE 6 */
* + html #main-headlines .left-column ul.numbered-list { margin-top:-6px; } /* for IE 7 */
#main-headlines .left-column ul.numbered-list li { width:301px; }
#main-headlines .center-column ul li { /*padding-bottom:8px;*/ margin-bottom:10px; border-bottom:1px solid #FFCCC8; }
#main-headlines .center-column ul li a { color:#333333; display:block; width:271px; /*width:276px; padding:0px 5px; margin-left:5px;*/ padding:0px 10px 10px 10px; }
#main-headlines .center-column ul li ul li a {width:270px;}
#main-headlines .right-column ul.timed-list { width:301px; margin-top:2px; margin-left:9px; }
#main-headlines .right-column ul.timed-list li { width:301px; }
#main-headlines .right-column .advertisement-content { margin-left:9px; float:left; }
#main-headlines .right-column .advertisement { margin-top:0px; margin-left:9px; float:left; display:inline; }

#main-headlines .tab-shown { margin-left:10px; }


/* Topic Headlines */
#topic-headlines { width:960px; padding:28px 0px 0px 0px; float:left; }
#topic-headlines .left-column { width:310px; margin:0px 10px 0px 0px; padding-top:7px; float:left; display:inline; border-top:3px solid #D5D7C9; }
#topic-headlines .center-column { width:310px; padding-top:7px; float:left; border-top:3px solid #D5D7C9; display:inline; }
#topic-headlines .right-column { width:320px; padding-top:7px; float:right; display:inline; border-top:3px solid #D5D7C9; }
#topic-headlines .right-column h1 { clear:both; }
* html #topic-headlines .right-column h1 { /* float:left;*/ width:320px; } /* for IE 6 */

#topic-headlines ul.tabs { width:303px; margin-left:7px; margin-bottom:9px; font-size:90%; }
#topic-headlines ul.tabs li { padding:0px 4px 5px 3px; }


/* eoneill adjusted */
#topic-headlines .tab-shown { width:300px;  margin-left:10px;  line-height:18px; font-size:105%; clear:both; }
#topic-headlines .tab-shown a { color:#333333; display:block; width:280px; /* width:294px; padding:3px; */ padding:3px 10px 5px 10px; }

#topic-headlines .tab-shown .pointed-list a { width:auto; padding:2px 0px 2px 17px; }
#topic-headlines .tab-shown .pointed-list a:hover { color:#C00000; }
#topic-headlines .tab-shown a img { position:relative; }
#topic-headlines .headline-info { float:none; line-height:18px; background:none; display:block; margin-bottom:-18px; }

#topic-headlines .h4 { display:inline; }




/* Your Vote */
#your-vote { width:293px; margin:0px 0px 9px 9px; padding-bottom:7px; float:left; display:inline; line-height:18px; font-size:105%; border-bottom:1px solid #FFCCC8; }
#vote-controls { width:105px; margin-left:10px; float:right; text-align:center; display:inline; font-size:95%; }
#vote-controls .yes { width:52px; padding-bottom:4px; float:left; border:solid #FFCCC8; border-width:0px 1px 1px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:170%; line-height:25px; text-align:left; }
#vote-controls .no { width:52px; padding-bottom:4px; float:right; border-bottom:1px solid #FFCCC8; font-family:Georgia, "Times New Roman", Times, serif; font-size:170%; line-height:25px; text-align:right; }
#vote-controls a { clear:both; }
#vote-controls a:hover { color:#C00000; background:none; }



/* Comment */
#comment { width:302px; margin:0px 0px 0px 0px; float:left; display:inline; line-height:18px; font-size:105%; }
#comment a { width:287px; display:block; margin-left:9px; padding:0px 3px; color:#333333; }
#comment .pointed-list { margin-left:9px; }
#comment .pointed-list a { width:auto; margin:0px; padding:2px 0px 2px 17px; }
#comment .pointed-list a:hover { color:#C00000; }



/* Supplements */
#supplements { width:960px; height:auto !important; height:160px; min-height:160px; margin:5px 0 20px 0; float:left; background:#E7E6E1; position:relative;  }
#supplements a { display:block; }
#supplements a:hover { background:none; color:#C00000; }
#supplements ul { width:850px; margin:21px 31px 0px 0px; float:left; list-style:none; display:inline; }
#supplements ul li { width:150px; margin:0px 25px 0px 0px; padding-bottom:5px; float:left; display:inline; font-size:90%; background:#E7E6E1; color:#000000; }
#supplements ul li.last { margin-right:0px; }
#supplements ul li img { display:block; margin-bottom:5px; }
#supplements ul li .h4 { font-size:120%; margin-bottom:0px; }

#supplements .paginate { width:auto; margin:6px 5px 0px 0px; float:right; display:none; }
#supplements .paginate li { width:10px; margin:0px 0px 0px 4px; padding:0px; height:10px; float:left; background:url(/images/v3/generic/01homepage_r36_c80.gif) no-repeat left top; cursor:pointer; }
#supplements .paginate li.nav-on { background:url(/images/v3/generic/01homepage_r36_c76.gif) no-repeat left top; }
#supplements .move-left { width:31px; height:93px; background:url(/images/v3/generic/01homepage_r38_c3.gif) no-repeat left top; cursor:pointer; position:absolute; top:22px; left:0px; display:none; }
#supplements .move-right { width:31px; height:93px; background:url(/images/v3/generic/01homepage_r38_c79.gif) no-repeat left top; cursor:pointer; position:absolute; top:22px; right:0px; display:none; }
#supplements .slider { width:850px; min-width:850px; max-width:850px; height:auto !important; height:160px; min-height:160px; margin:0px 0px 0px 55px; float:left; display:inline; overflow:hidden; position:relative; }
#supplements .content { width:20000px; height:auto !important; height:160px; min-height:160px; float:left; position:relative; }



/* Featured Topics */
#featured-topics { width:960px; margin-top:24px; padding-bottom:3px; float:left; background:url(/images/v3/homepage/featured_topics_bg.gif) no-repeat left bottom; }
#featured-topics a { display:block; width:166px; padding:0px 3px; color:#333333; font-family:Arial, Helvetica, sans-serif; }
#featured-topics h3 a { display:inline; width:auto; padding:0px; color:#C00000; }
#featured-topics h3 a:hover { color:#000000; }
#featured-topics a.enlarge { width:auto; margin-top:15px; padding:0px; padding-right:26px; }
#featured-topics a.enlarge:hover { color:#C00000; }
#featured-topics a.rss-icon { width:auto; display:inline; padding:0px; }
#featured-topics a.rss-icon img { margin:2px 0px 0px 0px; }
#featured-topics li { width:172px; height:auto !important; height:280px; min-height:280px; margin:0px 20px 0px 0px; padding:12px 0px 7px 0px; float:left; display:inline; border-top:3px solid #D8D8CC; line-height:18px; position:relative; }
#featured-topics li .img-left { margin-right:5px; }
#featured-topics li .img-right { margin-left:5px; }



/* video slider / carousel */
#featured-topics li .slider{width:172px; height:219px; /*min-height:219px; max-height:219px;*/ margin:0px; /*float:left; display:inline;*/ overflow:hidden; position:relative; }
* html #featured-topics li .slider {/* margin-bottom:-10px;*/ } /* for IE 6 */
* + html #featured-topics li .slider { /*margin-bottom:-10px;*/ } /* for IE 7 */

#featured-topics li .content, #featured-topics-video-content{width:172px; background-color:#EEEEEE; height:auto !important; position:absolute; left:0px; top:0px; zoom:1;/*height:20000px; min-height:20000px; float:left; position:relative;*/  }


#featured-topics li .content ul.video{width:172px; /*height:auto !important;*/ height:219px; /*min-height:219px; float:left; clear:both;*/ }

/* div#featured-topics li ul.video li {} */
#featured-topics li .content .video li { height:auto; min-height:0px; margin:0px; padding:0px 0px 7px 0px; border:0px none; }
#featured-topics li .content .video li .img-left { margin-bottom:0px; }
#featured-topics li .content .video li .img-right { margin-bottom:0px; }
#featured-topics li .content .video li a { display:block;  padding:0px; width:100%; /* float:left;*/ }
#featured-topics li .content .video li a:after{content: "."; display:block;	height:0; clear:both; visibility:hidden;} /* clear */
#featured-topics li .content .video li span { margin-bottom:0px; display:block; height:100%; cursor:pointer; }



/* video slider / carousel  - original css */
/*#featured-topics li .slider { width:172px; height:219px; min-height:219px; max-height:219px; margin:0px; float:left; display:inline; overflow:hidden; position:relative; }*/
/* * html #featured-topics li .slider { margin-bottom:-10px; }  for IE 6 */
/* * + html #featured-topics li .slider { margin-bottom:-10px; }  for IE 7 */
/*#featured-topics li .content {width:172px; height:auto !important; height:20000px; min-height:20000px; float:left; }
#featured-topics li .content ul { width:172px; height:auto !important; height:219px; min-height:219px; float:left; clear:both; }
#featured-topics li .video li { height:auto; min-height:0px; margin:0px; padding:0px 0px 7px 0px; border:0px none; }
#featured-topics li .video li .img-left { margin-bottom:0px; }
#featured-topics li .video li .img-right { margin-bottom:0px; }
#featured-topics li .video li a { display:block; width:100%; padding:0px; float:left; }
#featured-topics li .video li span { margin-bottom:0px; display:block; height:100%; cursor:pointer; }*/







#featured-topics li.with-prev-next {height:auto !important; height:250px; min-height:250px; padding-bottom:37px; }
#featured-topics li h3 { margin-bottom:11px; font-family:Arial, Helvetica, sans-serif !important;  }
#featured-topics li .prev-next li { width:auto; height:auto; min-height:0px; margin:0px 5px 0px 0px; padding:0px 5px 0px 0px; border:none; }
#featured-topics li .prev-next li.last { padding:0px; margin:0px; background:none; }
#featured-topics li .prev-next li a { width:auto; display:inline; padding:0px; }

#featured-topics #todays-images { width:172px; max-width:172px; float:left; overflow:hidden; }
#featured-topics #in-depth-images { width:172px; max-width:172px; float:left; overflow:hidden; }

#featured-topics .images-holder { width:20000px; margin-bottom:7px; background:#F2F2F2; float:left; overflow:hidden; }
#featured-topics .images-holder a { width:172px; padding:0px; float:left; display:block; text-align:center; }
#featured-topics #todays-images .images-holder a { display:none; }
#featured-topics #todays-images .images-holder a.first { display:block; }
#featured-topics .images-holder img { margin:9px 8px 9px 9px; }

#featured-topics .captions-holder { width:20000px; height:18px; min-height:18px; float:left; overflow:hidden; }
#featured-topics .captions-holder span { width:172px; padding:0px; float:left; display:block; line-height:18px; }




/* Services */
#services { width:960px; margin-top:31px; float:left; border-bottom:3px solid #D8D8CC; background:url(/images/v3/homepage/services_bg.gif) repeat-y left top; }
#services ul { width:730px; float:left; overflow:hidden; display:inline; }
#services ul.right { width:240px; float:right; display:inline; margin-left:-15px; }
#services li { width:109px; margin:0px 1px 0px 0px; padding:0px 5px 5px 5px; float:left; display:inline; font-size:105%; border:0px none; overflow:hidden; }
#services ul.right li { width:240px; margin:0px; padding:0px 0px 5px 0px; }
#services li.first { padding-left:0px; }
#services li.kwick { border-right:1px solid #D8D8CC; margin:0px; }
#services li.last { width:240px; margin:0px; padding-right:0px; }
#services li img { display:block; margin:13px 0px; }
#services li a { background:none; display:block; }
#services li a:hover { color:#C00000; }
#services li h1 a:hover, #services li h2 a:hover, #services li h3 a:hover, #services li h4 a:hover, #services li h5 a:hover { color:#000; }


#services #subscribe { padding:15px 10px 0px 10px; }
#services #subscribe form { margin-top:10px; padding-bottom:20px; float:left; width:220px; font-size:95%; position:relative; }
#services #subscribe form br { clear:both; }
#services #subscribe form span.left { float:left; margin:14px 0px 0px 0px; }
#services #subscribe form span.right { width:auto; float:right; margin:14px 0px 0px 0px; clear:none; }
#services #subscribe form span.right-bottom { float:right; margin:4px 0px 0px 0px; }
#services #subscribe input { float:left; display:inline; font-size:95%; }
#services #subscribe input#subscribe-first-name { width:98px; margin:10px 0px 8px 0px; }
#services #subscribe input#subscribe-last-name { width:98px; margin:10px 0px 8px 0px; float:right; }
#services #subscribe input#subscribe-email { width:210px; margin:0px 0px 10px 0px; }
#services #subscribe label { margin-top:3px; float:left; clear:right; }
#services #subscribe span.submit { position:absolute; bottom:0px; right:0px; font-weight:bold; }
#services #subscribe span.submit a { }