/* 3rd party headers & footers - updated Dec 2014 */

/* custom font declaration */
@font-face {
    font-family: 'DINWeb-Bold';
    src: url('/assets/fonts/DINWeb-BoldV2.woff');
    src: url('/assets/fonts/DINWeb-BoldV2.eot?#iefix') format('embedded-opentype'),	
         url('/assets/fonts/DINWeb-BoldV2.woff') format('woff');
    font-weight: bold;
    font-style: normal; 
}

#footer, #header, .nav{ display:block; }

.hidden { display:none !important; visibility:hidden; }
.accessibility, .no-display { position:absolute; left:-999em; top:-999em; }
a .accessibility { position:relative; left:0; top:0; visibility:hidden; }
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-y:scroll; }
html, button, input, select, textarea { color:#515151; }
body {margin:0; font-size:16px; line-height:1.5em; font-family:Georgia, "Times New Roman", Times, serif; }
html, body { height:100%; }
.no-touch body { text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }

/*typography & links*/
h1 { margin:0; padding:10px 0 5px; color:#000; line-height:1.1em; font-weight:normal; font-size:220%; }
h2 { margin:0; padding:10px 0 5px; color:#000; line-height:1.3em; font-weight:normal; font-size:128%; }
h3 { margin:0; padding:10px 0 5px; color:#000; line-height:1.1em; font-size:130%; }
h4 { margin:0; padding:10px 0 5px; color:#000; line-height:1.1em; font-size:115%; }
h5 { margin:0; padding:10px 0 5px; color:#000; line-height:1.1em; font-size:100%; }
a {text-decoration:none; }
a:visited {  }
a:focus{color:#000; }
a:hover, a:active { color:#000; outline:0; }
a span { cursor:pointer; }
object, embed, a{outline: 0;} /*remove ugly dots*/
a:link, a:active, a:focus, object, embed, .btn:focus {outline:none !important; -moz-outline-style: none !important;}

/*general*/
b, strong { font-weight:bold; }
blockquote { margin:1em 40px; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
small { font-size:85%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
p { margin:0; padding:0 0 1.5em; }
ul, ol { margin:1em 0; padding:0 0 0 40px; }
.nav ul, .nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }
img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }

/* ### Layout ### */
#wrapper { width:100%; min-width:960px; height:auto !important; /*height:100%;*/  /*min-height:100%; can push the footer off shorter pages... */ min-height:100%;  float:left; position:relative; z-index:0; overflow-x:hidden; -moz-transition:margin .4s; -webkit-transition:margin .4s; -o-transition:margin .4s; transition:margin .4s; overflow:hidden; }
.container { width:960px; float:left; position:relative; }
.left-remainder{width:49.999%; height:auto !important; height:1px; min-height:1px; margin-right:-480px; float:left; display:inline;}
.left-remainder .inner { margin-right:480px; }
.right-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-left:-480px; float:left; display:inline; }
.right-remainder .inner { margin-left:480px; }
#touch-cover { width:100%; height:100%; display:none; position:absolute; left:0; top:0; z-index:2; }
.js.touch #touch-cover { display:block; }

/* ### Header ### */
#header { width: 100%; float: left; font-family: Arial, Helvetica, sans-serif; position: relative; z-index: 2; left: 0; background-color: #FFF; -moz-transition: margin .4s; -webkit-transition: margin .4s; -o-transition: margin .4s; transition: margin .4s; -webkit-backface-visibility: hidden; /*this seems to vastly improve the sticky nav behaviour in Safari! */ }
.touch #header * { -webkit-transform:translate3d(0, 0, 0); }

/* ads - leader & small tile */
#header .banner { float:left; line-height: 0; margin: 15px 0 0; position: relative; width: 100%; z-index: 10; }
#header .banner .container div {display: inline-block; text-align: center;}
#header .banner .column-1{width:100%}
#header .banner .column-1 * {margin:auto;}
#header .banner .column-2{display:none !important;}
#header .banner .full {width:100%}
#header .banner .full * {margin:auto;}
#header .banner .full img{display:inline-block;}

/* "Rainbow" nav - NO MORE!!! */
#top-line-navigation { width: 100%; background-color: #333; border-bottom: 1px solid #666; text-transform: uppercase; position: relative; z-index: 20; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left;}
#top-line-navigation .container{z-index:1;}
#top-line-navigation .column-1{float:left;}
#top-line-navigation .column-2{float:right;}
#top-line-navigation .nav ul li { display: inline-block; color: #FFF; border-left: 1px solid #000; }
#top-line-navigation .nav ul li:last-child { border-right: 1px solid #666; }
#top-line-navigation .nav ul li:last-child a { border-right: 1px solid #000; }
#top-line-navigation li.active{ }
#top-line-navigation .nav ul li a { position: relative; display: block; color: inherit; padding: 7px 10px; border-left: 1px solid #666; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; }
#top-line-navigation a:hover, #top-line-navigation a:focus, #top-line-navigation a:active, #top-line-navigation li.active a {  }

#top-line-navigation .gradient { display:none; }
#top-line-navigation .gradient, #top-line-navigation .gradient .top {  }
#top-line-navigation .gradient .top{ }

#top-line-navigation .nav ul li.subscribe {background-color: #fad165; color: #333;}
#top-line-navigation .nav ul li.subscribe a {padding: 7px 14px; color: #333;}

/*fixes for where background size is unsupported
.no-backgroundsize #top-line-navigation .gradient .top{background-image:none;}
.no-backgroundsize #top-line-navigation .gradient{background-image:url(//www.irishtimes.com/static/images/gradient-combined.jpg);}*/

/* logo / section area */
#page-metadata { width:100%; float:left;  padding-bottom:10px; padding-top: 25px; }
#page-metadata #logo { width:100%; height:34px; float:left; display:inline; text-align:center; background:url(../images/logo_theirishtimes.png) no-repeat center top; position:relative; z-index:1; overflow:hidden; }
#page-metadata.with-section-title #logo { width:194px; height:22px; margin:21px 0 0 8px; background-image:url(../images/logo_with_title.jpg); }
#page-metadata #logo a { width:415px; height:34px; margin:0 auto; display:block; }
#page-metadata.with-section-title #logo a { width:100%; height:100%; }
#page-metadata .date { width:100%; margin:-1px 0 8px; float:left; display:inline; text-align:center; color:#000; font-size:70%; font-family:Arial, Helvetica, sans-serif; color:#666; position:relative; z-index:1; white-space:nowrap; }
#page-metadata.with-section-title .date { width:auto; margin:23px 10px 0 0; float:right; }
#page-metadata .section-title { font-family:"DINWeb-Bold", Arial, Helvetica, sans-serif; font-weight: bold; width:100%; margin:-48px 0 0; padding:0 0 16px; float:left; text-align:center; font-size:320%;  position:relative; z-index:0; line-height:1em; letter-spacing:-2px; }

/* Section title depending on section */
.news .section-title { color:#CC0000 !important; }
.sport .section-title { color:#3EA447 !important; }
.business .section-title, .business .section-title a { color:#1190AF; }
.life-and-style .section-title, .life-and-style .section-title a { color: #F60; }
.culture .section-title, .culture .section-title a { color: #B74F7D; }
.debate .section-title, .debate .section-title a { color:#777552; }
.debate .section-title { border-color: #777552; }
.life-and-style #page-metadata .section-title { color:#FF6600; }
.culture #page-metadata .section-title { color:#B74F7D; }
.offers #page-metadata .section-title { color:#0098FF; }

.third-party #page-metadata .section-title { color:#0098FF; }

#small-logo { width:0; height:41px; float:left; display:inline; background:url(../images/logo_stickynav.gif) no-repeat right center #000; position:relative; overflow:hidden; }
.lt-ie8 #small-logo { height:63px; line-height:33px; margin:-30px 0 0; }
#small-logo a { width:48px; height:33px; display:block; }

/* Main nav */
#primary-navigation{ width:100%; float:left; border:solid #aaa; border-width:0 0 1px 0;  height: 41px; overflow: hidden;}

#primary-navigation li{display:inline-block; float: left; font-family: "DINWeb-Bold",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold;
margin-right: 12px; text-transform: uppercase;}
#primary-navigation li.sm a{font-size:15px; padding:0 12px;}
#primary-navigation li:last-child{margin-right:0;}
/*#primary-navigation .nav{ width:864px; float:left; }
#primary-navigation .nav > ul, #primary-navigation .nav ul{ float:left; }
#primary-navigation .nav > ul > li, #primary-navigation .nav ul li{float:left; display:inline; position:relative; z-index:0;}
#primary-navigation .nav > ul > li.selected, #primary-navigation .nav ul li.selected{ margin:-4px 0 -5px; padding:0 0 5px 0; z-index:1; }
#primary-navigation .main{ float:left; position:relative; z-index:1; }
#primary-navigation .selected .main { margin:0 0 -5px; padding:0 0 5px; }

#primary-navigation .main a{ padding:7px 20px 5px 21px; float:left; font-weight:bold; font-size:110%;  line-height:1.2em; text-align:center; font-family:"DINWeb-Bold",Arial, Helvetica, sans-serif; letter-spacing:-1px; }

#primary-navigation .selected .main a{ padding-bottom:5px; margin-bottom:-3px; background:#FFF; }
#primary-navigation .main a .inner, #secondary-navigation .main a .inner { margin:0 auto; }
#primary-navigation .main a .inner span, #secondary-navigation .main a .inner span { float:left; display:inline; }
#primary-navigation .selected{ margin:-4px 0 -5px; padding:0 0 5px 1px; z-index:1;}*/

#primary-navigation .nav{height: 39px; line-height: 39px; vertical-align: bottom;}
#primary-navigation li a{color:inherit; display:block;  padding: 0 16px;}

#pnav-li-1 {border-top:2px solid #CC0000; }
#pnav-li-2 {border-top:2px solid #3EA447; }
#pnav-li-3 {border-top:2px solid #1190AF; }
#pnav-li-4 {border-top:2px solid #777552; }
#pnav-li-5 {border-top:2px solid #FF6600; }
#pnav-li-6 {border-top:2px solid #B74F7D; }
#pnav-li-7 {border-top:2px solid #000; }

.news #pnav-li-1.selected {color:#CC0000; }
.sport #pnav-li-2.selected {color:#3EA447; }
.business #pnav-li-3.selected {color:#1190AF; }
.debate #pnav-li-4.selected {color:#777552; }
.life-and-style #pnav-li-5.selected {color:#FF6600; }
.culture #pnav-li-6.selected {color:#B74F7D;  }
.offers #pnav-li-7.selected {color:#000; }

/*hover styles needed when not using JS for mega nav*/
#primary-navigation .main a:hover{color:inherit; }
#primary-navigation .nav ul li:hover{ }
#pnav-li-1:hover {color:#CC0000;}
#pnav-li-2:hover {color:#3EA447;}
#pnav-li-3:hover {color:#1190AF;  }
#pnav-li-4:hover {color:#777552;}
#pnav-li-5:hover {color:#FF6600; }
#pnav-li-6:hover {color:#B74F7D;}
#pnav-li-7:hover {color:#000;} 
 
/* Torso */
#torso-wrapper { width:100%; float:left; position:absolute; left:0; bottom:0; z-index:1; overflow:visible !important; -webkit-backface-visibility:hidden; }
#torso-scroll { width:100%; float:left; position:absolute; z-index:1; -webkit-backface-visibility:hidden; }
#torso { width:100%; float:left; }
#torso > .container{ width:940px; padding:20px 10px; float:left; position:relative; z-index:0; }

/* Breadcrumbs - no drop downs */
.breadcrumb_holder{float:left; margin-bottom: 10px; width: 100%; }
.breadcrumb_title{background:white; float:left; margin-top:-4px; position:relative; top:0; width: 100%; z-index: 500;}

.breadcrumb_holder .breadcrumb_item{display: inline; position: relative; float:left;}
.breadcrumb_holder .breadcrumb_item.highlighted{z-index: 99999; border-left: 1px solid #c6c6c6; border-right:1px solid #c6c6c6; margin-right:-1px; float:left; margin-top:-4px;}
.breadcrumb_holder .breadcrumb_item.highlighted .breadcrumb_title { margin-right: -1px; display: inline-block; }

.breadcrumb_holder .breadcrumb_border_top{float:left; z-index:500; position:relative; top:0; background:white; width:100%; height:4px;}
.breadcrumb_holder .h4_breadcrumb_nav.divider{margin-right:20px;}
.breadcrumb_holder .breadcrumb_text{padding:10px 5px 5px; position:absolute; top -99999px; left:-1px; z-index:400; background:#FFF; width:170px; border:1px solid #C6C6C6;}
.breadcrumb_holder .breadcrumb_text.visible{top:30px;}
.touch .breadcrumb_holder .breadcrumb_text.visible{z-index:99999}

.breadcrumb_item ul{font-family:Arial, Helvetica, sans-serif; padding-left: 5px;}
.breadcrumb_item ul li{padding-left: 10px; display: block; font-weight: bold; font-size:75%; list-style-type:none;}
.breadcrumb_item ul li a {color:#515151;}

.news .breadcrumb_border_top.highlighted { border-top: 4px solid #C00; }
.sport .breadcrumb_border_top.highlighted { border-top: 4px solid #3EA447; }
.business .breadcrumb_border_top.highlighted { border-top: 4px solid #1190AF; }
.debate .breadcrumb_border_top.highlighted { border-top: 4px solid #777552; }
.indepth .breadcrumb_border_top.highlighted { border-top: 4px solid #000000; }
.life-and-style .breadcrumb_border_top.highlighted { border-top: 4px solid #F60; }
.culture .breadcrumb_border_top.highlighted { border-top: 4px solid #B74F7D; }
.offers .breadcrumb_border_top.highlighted { border-top: 4px solid #0098FF; }

span.h4_breadcrumb_nav{margin-left: 10px; padding: 0; font-family: "DINWeb-Bold", Arial, sans-serif; font-style: normal; font-weight: bold; font-size:16px; line-height:32px; float:left; }

.news span.h4_breadcrumb_nav{color: #C00; }
.news .breadcrumb_holder { border-bottom: 2px solid #C00; }
.indepth span.h4_breadcrumb_nav { color: #000000; }
.indepth .breadcrumb_holder { border-bottom: 2px solid #000000; }
.business span.h4_breadcrumb_nav { color: #1190AF; }
.business .breadcrumb_holder { border-bottom: 2px solid #1190AF; }
.sport span.h4_breadcrumb_nav { color: #3EA447; }
.sport .breadcrumb_holder { border-bottom: 2px solid #3EA447; }
.debate span.h4_breadcrumb_nav { color: #777552; }
.debate .breadcrumb_holder { border-bottom: 2px solid #777552; }
.life-and-style span.h4_breadcrumb_nav { color: #F60; }
.life-and-style .breadcrumb_holder { border-bottom: 2px solid #F60; }
.culture span.h4_breadcrumb_nav { color: #B74F7D; }
.culture .breadcrumb_holder { border-bottom: 2px solid #B74F7D; }
.offers span.h4_breadcrumb_nav { color: #0098FF; }
.offers .breadcrumb_holder { border-bottom: 2px solid #0098FF; }



/* Footer */
#footer { position: relative; width:100%; padding:20px 0 0; float:left; clear:both; border-top:1px solid #E2E2E2; background:url(../images/pattern_tile.gif) repeat; font-family:Arial, Helvetica, sans-serif; }
#footer .column { width:160px; padding:0 0 10px; float:left; }
#footer .column-2-break, #footer .column-3-break { display:none; }
#footer h5 { margin:0; padding:0 0 5px; font-size:80%; }
#footer .nav { font-size:70%; }
#footer .nav ul {padding:5px 0 0; list-style:none; list-style-image:none; margin:0; }
#footer .nav li { padding:0 0 8px; line-height:1.2em; }
#footer .nav a, #footer .nav a:visited { color:#515151; }
#footer .nav a:hover, #footer .nav a:focus, #footer .nav a:active { color:#000; }
#copyright { width:100%; padding:10px 0; float:left; text-align:center; border-top:1px solid #E2E2E2; background:url(../images/pixel_grey_footer.png) repeat; font-family:"Times New Roman", Times, serif; color:#000; font-size:70%; font-weight:bold; line-height:1.3em; }
#footer #copyright a { color:#000; }

/* Clearing DIV */
.clear { width:100%; height:0; float:left; clear:both; position:relative; overflow:hidden; }

#no-script, .ie6-upgradebar{background:#000; color:#FFFFFF; float:left; left:0; padding:15px 0; position:fixed; text-align:center; top:0; width:100%;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { *display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */