/*
Theme Name: Interpreter
Description: Custom theme for The Interpreter
Author: Nabu Media
Author URI: http://nabumedia.com/
Version: 1.0
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:14px;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}


/*

COLOURS:

003366	blue
b2c1d1	30% blue
e5eaef	10% blue

990000	red

000000	black
404040	75% black
bfbfbf	25% black
ffffff		white

2d3034	75% black on 30% blue
393b3c	75% black on 10% blue

*/

html, body {padding:0;margin:0;border:0;font-family:'Open Sans'}
div {position:relative;}
a {color:#990000;text-decoration:none;}
a:hover {text-decoration:underline;}
i, em {font-style:italic;}
b, strong {font-weight:700;}
blockquote {padding-left:20px;font-style:italic;}

a.block {color:#000000;}
a.block:hover  {text-decoration:none;}

#All {min-height:100%;width:100%;position:absolute;top:0;}

header {height:130px;width:100%;background-image:url(img/edge-bottom.png);background-position:0 120px;background-repeat:repeat-x;margin-bottom:10px; }
#HeaderInner {height:1120px;width:940px;padding:0 30px; margin:auto;overflow:hidden;margin-bottom:-1000;}

header h1, header h3 {display:block;position:absolute;width:600px;height:80px;background-image:url(img/logo-theinterpreter.png);background-repeat:no-repeat;margin:0;padding:0;text-indent:-900px;top:20px;left:15px;}
img.specialProject {position:absolute;right:30px;top:20px;}

header .Superfish-wrap {top:90px;position:absolute;z-index:1000;font-size:16px;}
ul.Superfish {display:block;padding:0 0 0 2px;margin:0;background-image:url(img/perf-vertical.png);background-repeat:no-repeat;background-position:0 100%;height:30px;}
ul.Superfish>li {float:left;position:relative;}
ul.Superfish>li a{color:#003366;padding:7px 22px 0 20px;background-image:url(img/perf-vertical.png);background-repeat:no-repeat;background-position:100% 100%;height:23px;color:#003366;font-weight:800;text-transform:uppercase;display:block;}
ul.Superfish>li>ul {background-color:#e5eaef;position:absolute;width:auto;padding:5px 0;}
ul.Superfish>li>ul>li a {background-image:none;padding:5px 20px 5px 20px;font-size:12px;height:auto;width:auto;white-space:nowrap;}
.sf-sub-indicator {display:none;}
ul.Superfish>li.wpm-hover {background-color:#e5eaef;}
ul.Superfish>li a:hover {background-color:#b2c1d1;text-decoration:none;}

header #Social {position:absolute;right:-60px;top:88px;}
header .socialButton {display:block;padding:5px;float:left;}


header #search {position:absolute;right:30px;top:50px;}

#Content {width:960px;margin:auto;overflow:auto;padding-bottom:70px;}

.column {float:left;padding:10px;}
.column1 {width:150px;}
.column2 {width:300px;}
.column3 {width:450px;}
.column4 {width:620px;}

.kicker {color:#ffffff;background-color:#990000;font-weight:800;font-size:14px;height:19px;text-align:center;text-transform:uppercase;padding-top:5px;margin-bottom:1px;}
/*.strapline {color:#990000;text-transform:uppercase;font-weight:800;padding-left:15px;font-size:14px;background-image:url(img/bullet-triangle.png);background-position:0 50%;background-repeat:no-repeat;} */
.strapline {text-transform:uppercase;font-weight:800;font-size:14px;color:#ffffff;overflow:auto;}
.strapline .category {float:left;background-color:#990000;padding:2px 10px 0;margin-right:1px;height:22px;}
.strapline .category:last-child {background-color:#003366;}
.readMore {display:inline-block;float:right;text-transform:uppercase;font-weight:800;color:#990000;font-size:11px;}

footer {bottom:0;position:absolute;padding-top:30px;height:40px;background-color:#ffffff;background-image:url(img/edge-top.png);background-repeat:repeat-x;background-position:0 0;width:100%;text-align:center;}
footer ul {display:block;padding:0;margin:0;color:#003366;}
footer ul li {display:inline-block;position:relative;font-size:12px;background-image:url(img/middot.png);background-position:0 50%;background-repeat:no-repeat;padding:0 10px 0 20px;}
footer ul li:first-child {background-image:none;padding-left:12px;}
footer ul li a {color:#003366;}

/* SPOTLIGHT */

#Spotlight {width:940px;margin:0 auto 20px;overflow:auto;}
#SpotlightImage {float:left;width:620px;height:350px;background-color:#e5eaef;overflow:hidden;}
#SpotlightSlider {width:2480px;height:350px;position:absolute;}
.spotlightImage {width:620px;height:350px;background-position:50% 50%;background-size:cover;float:left;}
.spotlightButton {float:left;margin-bottom:10px;height:80px;width:320px;background-color:#b2c1d1;font-weight:700;color:#2d3034;line-height:22px;display:table;background-image:url(img/edge-spotlight.png);background-repeat:repeat-y;text-shadow: 0px 1px 2px #ffffff;}
.spotlightButton.highlighted {color:#ffffff;background-color:#990000;background-image:none;text-shadow: 0px 1px 2px #000000;}
.spotlightText {padding:0 10px 0 20px;display:table-cell;vertical-align:middle;}
.spotlightText .subhead {font-weight:400;font-size:13px;line-height:18px;}

/* PROMOS */

#Promos {padding-bottom:20px;}
#Promos img {padding-bottom:10px}
#Promos p {padding-bottom:10px;font-size:12px;line-height:15px;}
#Promos a.promoBlock {padding-bottom:10px;display:block;color:#7f7f7f;}
#Promos a.promoBlock:hover {text-decoration:none;}


/* BLOG */

#BlogPromo {background-image:url(img/logo-thebell.png);background-repeat:no-repeat;padding-top:80px;}
#BlogPromo .article {font-weight:400;font-size:13px;margin-bottom:5px;line-height:17px;min-height:75px;padding:0 5px 5px 10px;overflow:auto;}
#BlogPromo a .article {color:#000000;}
#BlogPromo a:hover {text-decoration:none;}
#BlogPromo a:hover .article {background-color:#e5eaef;}
#BlogPromo .article .photo {float:left;margin:0 10px 5px -10px;}
#BlogPromo .article h3 {font-weight:700;font-size:18px;line-height:22px;margin:5px 0 5px;float:left;width:205px;}
#BlogPromo .article .author {margin-left:-10px;padding:2px 5px 0px 10px;height:22px;background-color:#990000;color:#ffffff;display:inline-block;font-weight:700;line-height:19px;}

.socialBlock {margin:20px 0;}

/* MAIN NEWS */

#MainList {}
#MainList .article {padding:10px;margin-bottom:10px;line-height:20px;font-size:14px;overflow:auto;}
#MainList a .article {color:#000000;}
#MainList a:hover {text-decoration:none;}
#MainList a:hover .article {background-color:#e5eaef;}
#MainList h2 {margin:24px 0 10px;padding:0;font-weight:700;font-size:30px;line-height:32px;letter-spacing:-1px;}
#MainList h3 {margin:0 0 10px;padding:0;font-weight:700;font-size:22px;line-height:24px;letter-spacing:-1px;}
#MainList .image {margin:-10px -10px -14px -10px;width:450px;background-size:cover;}
#MainList .strapline {position:absolute;top:0;left:0;}

/* NEWS HIGHLIGHTS */

.quoteBlock {color:#393b3c;font-size:13px;line-height:18px;margin-bottom:20px;display:block;background-color:#e5eaef;padding:0 10px 10px;}
.quoteBlock:hover {text-decoration:none;background-color:#b2c1d1;}
.quoteTitle {color:#ffffff;background-color:#003366;line-height:14px;font-weight:800;font-size:14px;height:19px;text-align:center;text-transform:uppercase;padding-top:5px;overflow:hidden;margin:0 -10px;}
.quoteArt{font-family:'Times New Roman', Times, serif;position:absolute;font-size:80px;font-weight:normal;letter-spacing:-13px;display:block;}
.quoteImage{height:100px;width:150px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0 -10px 5px;border-top:1px solid #ffffff;}
.quoteAuthor {text-align:right;font-size:12px;}
.quoteAuthor b {font-weight:700;color:#003366;display:block;}

.newsHighlight {background:#e5eaef;color:#393b3c;margin-bottom:1px;padding:10px 5px 10px 10px;font-size:12px;line-height:15px;}
.newsHighlight h3 {padding:0;margin:10px 0;font-size:15px;font-weight:700;}
#NewsHighlights a {color:#000000;}
#NewsHighlights a:hover {text-decoration:none;}
#NewsHighlights a:hover .newsHighlight {background-color:#b2c1d1;}

.fullArticle {line-height:22px;font-size:15px;}
.fullArticle p {margin-bottom:10px;}
.fullArticle ul {list-style:disc;}
.fullArticle ul li {margin-left:20px;margin-bottom:5px;}
.fullArticle .image {background-size:cover;}
.fullArticle .imageCaption {font-size:12px;color:#404040;line-height:15px;}
.fullArticle h1 {font-size:38px;font-weight:700;margin:20px 0;line-height:40px;letter-spacing:-1px;}
.fullArticle h1 a {color:#000000;}
.fullArticle h1 a:hover {text-decoration:none;}
.fullArticle .entry-meta {font-weight:700;color:#404040;padding-bottom:10px;}
.fullArticle .entry-date {float:right;margin-right:5px;}
.fullArticle h3 {font-size:18px;font-weight:700;margin:20px 0;line-height:24px;letter-spacing:-1px;}
.fullArticle .blurb {font-size:17px;line-height:24px;margin-bottom:10px;font-style:italic;}
.fullArticle .pullquote {font-size:18px;line-height:24px;margin-bottom:10px;font-weight:700;color:#990000;width:300px;margin:0 0 10px 20px;float:right;}
a.originalSource {font-weight:normal;color:#393b3c;display:block;margin-bottom:10px;background-color:#e5eaef;padding:5px 10px;font-size:14px;}
a.originalSource:hover {text-decoration:none;background-color:#b2c1d1;color:#2d3034;}
a.firstPublished {font-weight:normal;color:#393b3c;display:block;margin:10px 0;background-color:#e5eaef;padding:5px 10px;font-size:12px;text-align:center;}
a.firstPublished:hover {text-decoration:none;background-color:#b2c1d1;color:#2d3034;}
a.firstPublished img {vertical-align:text-bottom;}

.entrySummary {padding:10px 5px 10px 170px;margin-bottom:20px;height:auto;}
.entrySummary .image {width:150px;position:absolute;height:100%;left:0;top:0;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;}
.entrySummary h2 {font-size:20px;line-height:22px;font-weight:700;}
a:hover .entrySummary {background-color:#e5eaef;}

.relatedPosts a {color:#404040;display:block;overflow:auto;padding:10px;margin-bottom:1px;font-size:13px;line-height:18px;}
.relatedPosts a:hover {text-decoration:none;background-color:#e5eaef;color:#393b3c;}
.relatedPosts h4 {font-size:20px;line-height:22px;margin-bottom:5px;font-weight:700;}
.relatedPosts h5 {font-size:14px;font-weight:700;margin-bottom:5px;}

.latestBlogPosts {background-color:#e5eaef;}
.latestBlogPosts ul {padding:7px 0;}
.latestBlogPosts li a {color:#393b3c;display:block;overflow:auto;padding:3px 10px;margin-bottom:1px;font-size:13px;line-height:18px;}
.latestBlogPosts li a:hover {text-decoration:none;background-color:#b2c1d1;color:#2d3034;}

.blogRoll {background-color:#e5eaef;}
.blogRoll ul {padding:7px 0;}
.blogRoll li a {color:#393b3c;display:block;overflow:auto;padding:3px 10px;margin-bottom:1px;font-size:13px;line-height:18px;}
.blogRoll li a:hover {text-decoration:none;background-color:#b2c1d1;color:#2d3034;}

.blogArticle {font-weight:400;font-size:15px;margin-bottom:20px;line-height:20px;min-height:75px;overflow:auto;}
.blogArticle .image {height:270px;width:100%;background-size:cover;background-position:50% 50%;border-top:5px solid #990000;}
.blogArticle .photoBox {float:left;margin:0 10px 5px 0;z-index:5;}
.blogArticle .headlines {font-weight:700;margin:30px 0 10px;float:left;width:525px;}
.blogArticle h2 {font-size:30px;line-height:32px;margin:10px 0 10px;letter-spacing:-1px;}
.blogArticle h3 {font-size:18px;margin:10px 0 10px;line-height:24px;}
.blogArticle .metaBar {left:0;position:absolute;padding-top:2px ;height:22px;background-color:#990000;color:#ffffff;line-height:19px;width:100%;}
.blogArticle .author {display:inline-block;font-weight:700;margin-left:90px;}

.nav-previous {float:right;}
.nav-next {float:left;}
.archive-meta {margin-bottom:20px;font-size:13px;}

/* SOCIAL */
.social-sharing {height:30px;padding-top:20px;}
.social-item {float:left;margin-right:10px;}

figure.alignright {float:right;margin:10px 0 10px 20px;}
figure.alignleft {float:left;margin:10px 10px 10px 0;}
figcaption.wp-caption-text {font-size:12px;color:#404040;line-height:15px;padding-right:10px;}
/*

COLOURS:

003366	blue
b2c1d1	30% blue
e5eaef	10% blue

990000	red

000000	black
404040	75% black
bfbfbf	25% black
ffffff		white

2d3034	75% black on 30% blue
393b3c	75% black on 10% blue

*/