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,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
/*line-height:1.22em;*/
}
html {
height: 101%;
/*font-size:100.1%;*/
}
ul,
ol {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
font-size: 100%;
}
select,
input,
textarea {
font-size: 99%;
}
/*pre,code{font:115% monospace;white-space:pre;font-family:consolas,courier,freemono;}*/
* html pre,
* html code {
font-size: 100%;
}
div {
position: relative;
}
form label {
cursor: pointer;
}
fieldset {
border: none;
}
acronym:hover,
abbr:hover {
cursor: help;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
.hide,
hr,
legend {
display: none;
}
a img {
border: none;
}
/* Mixins defaults */
/* Mixins defaults */
/* ------------------- Grid mixins ------------------- */
/* Rows */
/* Columns */
/* Push / Pull */
/* ------------------- Utility mixins ------------------- */
/* ------------------- Sprite mixins ------------------- */
/* Colors */
/* @group site-specific mixins */
/* @end site-specific mixins */
/* @group base */
body {
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 16px;
line-height: 1.3;
color: #262626;
background: #ffffff url('/static/news/news/images/sprites/bg-body.png') repeat-x 0 61px;
min-width: 280px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading {
font-weight: normal;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
color: #52057f;
}
h1 {
font-size: 2.375em;
}
p {
font-size: 1.0em;
line-height: 1.3;
margin: 0 0 0.8em 0;
}
li {
font-size: 1.0em;
line-height: 1.3;
}
img {
max-width: 100%;
display: block;
}
b,
i {
font-style: normal;
font-weight: normal;
}
a:link,
a:visited {
color: #005987;
text-decoration: none;
}
a:hover {
color: #d4351e;
text-decoration: underline;
}
a:active {
color: #000;
text-decoration: underline;
}
h1 a:hover,
h1 a:active,
h2 a:hover,
h2 a:active,
h3 a:hover,
h3 a:active,
h4 a:hover,
h4 a:active,
h5 a:hover,
h5 a:active,
h6 a:hover,
h6 a:active,
.heading a:hover,
.heading a:active {
text-decoration: none;
}
p.synopsis {
color: #6B7985;
font-size: 1.125em;
margin-bottom: 1.0em;
margin-top: 1.0em;
line-height: 1.5;
}
.hideOffScreen {
position: absolute;
top: 0;
left: -3999px;
}
p.subtext {
color: #6B7985;
font-size: 1.125em;
margin-bottom: 2.0em;
}
.layout-wrapper .video .video-recepticle {
padding-top: 1px;
padding-bottom: 56%;
position: relative;
overflow: hidden;
height: 0;
}
.layout-wrapper .video object,
.layout-wrapper .video iframe,
.layout-wrapper .video embed {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.ie7 .layout-wrapper .video object,
.ie7 .layout-wrapper .video iframe,
.ie7 .layout-wrapper .video embed {
width: 100%;
height: auto;
}
.ie7 .layout-wrapper .pinned .video.c1 object,
.ie7 .layout-wrapper .pinned .video.c2 object {
height: 314px;
}
.ie7 .layout-wrapper .video object {
height: 194px;
}
.ie7 .moduleID-AV01 .video object,
.ie7 .moduleID-AV05 .video object {
width: 100%;
height: 398px;
}
/* @end base */
/* @group site-wide layout styles */
.receptacle {
overflow: hidden;
}
.receptacle > .inner {
margin: 0 auto;
max-width: 1200px;
padding-left: 20px;
padding-right: 20px;
}
#network-header.receptacle > .inner {
padding-left: 0px;
padding-right: 0px;
max-width: 100%;
}
#network-header.receptacle > .inner .gn-header {
max-width: 1200px;
}
.lt-ie9 #site-wrapper {
width: 100%;
}
.lt-ie9 .receptacle {
width: 100%;
min-width: 1200px;
}
.lt-ie9 .receptacle > .inner {
max-width: 1160px;
}
.lt-ie9 .site-masthead.pinned-masthead {
width: 100%;
min-width: 0;
}
.lt-ie9 .site-masthead.pinned-masthead > .inner {
width: auto;
}
/* @end site-wide layout styles */
/* @group Homepage layout */
.layout-homepage .primary,
.layout-homepage .secondary,
.layout-homepage .secondary .supporting,
.layout-homepage .secondary .aside,
.layout-homepage .section.header {
display: inline;
float: left;
}
.layout-homepage .primary,
.layout-homepage .secondary,
.layout-homepage .secondary-top {
width: 48.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .secondary .supporting {
width: 59.375%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .secondary .aside {
width: 34.375%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .secondary .section-inner {
width: 103.125%;
margin-left: -1.5625%;
margin-right: -1.5625%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.layout-homepage .secondary .section-inner:before,
.layout-homepage .secondary .section-inner:after {
content: "";
display: table;
}
.layout-homepage .secondary .section-inner:after {
clear: both;
}
.layout-homepage .section.header {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .secondary-top {
width: 96.875%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
@media all and (max-width: 64.375em) {
.layout-homepage .primary {
width: 54.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .secondary {
width: 42.1875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .secondary .section-inner {
width: 103.57142857142858%;
margin-left: -1.7857142857142856%;
margin-right: -1.7857142857142856%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.layout-homepage .secondary .section-inner:before,
.layout-homepage .secondary .section-inner:after {
content: "";
display: table;
}
.layout-homepage .secondary .section-inner:after {
clear: both;
}
.layout-homepage .secondary .supporting,
.layout-homepage .secondary .aside {
width: 96.42857142857143%;
margin-left: 1.7857142857142856%;
margin-right: 1.7857142857142856%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
/* @end Homepage layout */
/* @group Correspondent layout */
.layout-correspondent .primary,
.layout-correspondent .secondary,
.layout-correspondent .section.header {
display: inline;
float: left;
}
.layout-correspondent .primary {
width: 67.1875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
padding-left: 0;
margin-left: 7.03125%;
/* *margin-left: @calculated-column-width+(@calculated-gutter-width*3)-@correction;*/
}
.layout-correspondent .secondary {
width: 23.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-correspondent .section.header {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
@media all and (max-width: 64.375em) {
.layout-correspondent .primary {
width: 67.1875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-correspondent .secondary {
width: 29.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
/* @end Correspondent layout */
/* @start hub layout */
.layout-hub .primary,
.layout-hub .secondary {
display: inline;
float: left;
}
.layout-hub .primary {
padding-top: 54px;
width: 73.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-hub .secondary {
padding-top: 44px;
width: 23.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
@media all and (max-width: 64.375em) {
.layout-hub .primary {
padding-top: 0px;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-hub .secondary {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-hub .secondary .page-header .synopsis {
margin-bottom: 0em;
margin-top: 0em;
}
}
@media all and (min-width: 30em) and (max-width: 64.375em) {
.layout-hub .page-header {
width: 55%;
float: left;
}
}
@media all and (max-width: 40.5em) {
.layout-hub .secondary {
padding-top: 0;
}
}
/* @end hub layout */
/* @start default layout */
.layout-default .primary,
.layout-default .secondary {
display: inline;
float: left;
}
.layout-default .primary {
width: 67.1875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-default .secondary {
width: 29.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
@media all and (max-width: 51.875em) {
.layout-default .primary {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-default .secondary {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-default .secondary .module {
margin-right: auto;
margin-left: auto;
}
}
/* @end default layout */
/* @start article layout */
.layout-article .primary,
.layout-article .secondary {
display: inline;
float: left;
}
.layout-article .primary {
width: 60.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-article .secondary {
width: 29.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
padding-left: 0;
margin-left: 7.03125%;
/* *margin-left: @calculated-column-width+(@calculated-gutter-width*3)-@correction;*/
}
@media all and (max-width: 64.375em) {
.layout-article .primary {
width: 60.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-article .secondary {
width: 35.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
@media all and (max-width: 51.875em) {
.layout-article .primary {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-article .secondary {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-article .secondary .module {
margin-right: auto;
margin-left: auto;
}
}
/* @end article layout */
/* @start feature article layout */
.layout-feature .secondary,
.layout-video .secondary {
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.layout-feature .secondary:before,
.layout-video .secondary:before,
.layout-feature .secondary:after,
.layout-video .secondary:after {
content: "";
display: table;
}
.layout-feature .secondary:after,
.layout-video .secondary:after {
clear: both;
}
.layout-feature .supporting,
.layout-video .supporting {
display: inline;
float: left;
width: 60.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-feature .aside,
.layout-video .aside {
display: inline;
float: left;
width: 29.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
padding-left: 0;
margin-left: 7.03125%;
/* *margin-left: @calculated-column-width+(@calculated-gutter-width*3)-@correction;*/
padding-top: 15px;
}
.layout-feature .video-detail,
.layout-video .video-detail {
display: inline;
float: left;
width: 35.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-feature .video-wrapper,
.layout-video .video-wrapper {
display: inline;
float: left;
width: 60.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
float: right;
}
.layout-feature .main,
.layout-video .main {
overflow: hidden;
}
@media all and (max-width: 64.375em) {
.layout-feature .supporting {
width: 60.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-feature .aside {
width: 35.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
@media all and (max-width: 51.875em) {
.layout-feature .video-detail {
display: inline;
float: left;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-feature .video-wrapper {
display: inline;
float: left;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-feature .supporting {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-feature .aside {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-feature .supporting .module,
.layout-feature .aside .module {
margin-right: auto;
margin-left: auto;
}
}
/* @end feature article layout */
/* @group Blog layout */
.layout-blog .primary,
.layout-blog .secondary {
display: inline;
float: left;
}
.layout-blog .blog-header {
display: inline;
float: left;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-blog .blog-header > .inner {
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.layout-blog .blog-header > .inner:before,
.layout-blog .blog-header > .inner:after {
content: "";
display: table;
}
.layout-blog .blog-header > .inner:after {
clear: both;
}
.layout-blog .primary {
width: 60.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-blog .secondary {
width: 29.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
padding-left: 0;
margin-left: 7.03125%;
/* *margin-left: @calculated-column-width+(@calculated-gutter-width*3)-@correction;*/
}
.lt-ie9 .layout-blog .blog-header {
margin: 0;
width: 100%;
}
@media all and (max-width: 64.375em) {
.layout-blog .primary {
width: 60.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-blog .secondary {
width: 35.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
@media all and (max-width: 55em) {
.layout-blog .primary {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-blog .secondary {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-blog .secondary .module {
margin-right: auto;
margin-left: auto;
}
}
/* @end Correspondent layout */
@media all and (max-width: 64.375em) {
.receptacle > .inner {
padding-left: 10px;
padding-right: 10px;
}
#network-header.receptacle > .inner,
#network-footer.receptacle > .inner {
padding-left: 0px;
padding-right: 0px;
}
}
@media all and (max-width: 46.125em) {
.receptacle > .inner {
/* padding-left: 5px;
padding-right: 5px;*/
}
#network-header.receptacle > .inner,
#network-footer.receptacle > .inner {
padding-left: 0px;
padding-right: 0px;
}
.layout-wrapper .primary,
.layout-wrapper .secondary,
.layout-wrapper .secondary .supporting,
.layout-wrapper .secondary .aside,
.layout-wrapper .category-list .module {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-wrapper .secondary .section-inner {
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.layout-wrapper .secondary .section-inner:before,
.layout-wrapper .secondary .section-inner:after {
content: "";
display: table;
}
.layout-wrapper .secondary .section-inner:after {
clear: both;
}
.layout-wrapper .secondary .module {
margin-right: auto;
margin-left: auto;
}
}
/* RSS layout */
.layout-rss h3 {
margin-bottom: 10px;
}
.layout-rss #readers,
.layout-rss #feeds {
border-top: 1px solid #D2D2D2;
padding: 10px 0 20px 0;
overflow: auto;
clear: both;
}
.layout-rss #readers h2,
.layout-rss #feeds h2 {
margin-bottom: 15px;
}
.layout-rss #readers div.readerList {
width: 30%;
float: left;
margin: 15px 0 0 0;
padding: 0 0 0 15px;
}
.layout-rss #feeds .feedList li {
background: url(/static/news/news/images/sprites/RSSSprite.png) no-repeat -64px -63px;
padding-left: 20px;
}
.layout-rss #feeds .feedList li:before {
background-image: none;
}
.layout-rss #feeds #feeds-general {
padding: 0 0 20px 15px;
overflow: auto;
}
.layout-rss #feeds #feeds-general h3 {
height: 1px;
text-indent: -9999em;
}
.layout-rss #feeds #feeds-general li {
float: left;
width: 40%;
margin: 0 0 0 0;
}
.layout-rss #feeds #feeds-general li.first {
width: 40%;
}
.layout-rss #feeds #feeds-categories,
.layout-rss #feeds #feeds-blogs {
float: left;
width: 40%;
padding: 0 0 0 15px;
}
.layout-rss #feeds #feeds-categories {
clear: left;
}
.layout-rss #feeds .feedList li {
margin-bottom: 5px;
}
/* @start forms */
.receptacle.body {
overflow: visible;
}
.receptacle.body form .container {
overflow: hidden;
margin-bottom: 10px;
}
.receptacle.body label {
color: #333;
font-weight: bold;
display: block;
font-size: 0.875em;
margin-bottom: 3px;
}
.receptacle.body label span.placeholder {
position: absolute;
font-size: 75%;
color: #999;
font-family: sans-serif;
padding: 4px 3px;
z-index: 1;
}
.receptacle.body label span.placeholder-hide-exept-screenreader {
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.receptacle.body label span.placeholder-hide {
display: none;
}
.receptacle.body .checkbox label {
display: inline-block;
*display: inline;
*zoom: 1;
}
.receptacle.body textarea,
.receptacle.body input.text {
width: 97%;
border: 1px solid #CCC;
font-family: sans-serif;
font-size: 0.875em;
padding: 1.2%;
}
.receptacle.body input.text {
width: 66%;
}
.receptacle.body form p {
font-size: 0.75em;
}
.receptacle.body button {
background-color: #23679f;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#2f8cd7), to(#23679f));
/* Konqueror */
background-image: -moz-linear-gradient(#2f8cd7, #23679f);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#2f8cd7, #23679f);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f8cd7), color-stop(100%, #23679f));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#2f8cd7, #23679f);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#2f8cd7, #23679f);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f8cd7', endColorstr='#23679f', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f8cd7', endColorstr='#23679f', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#2f8cd7, #23679f);
/* the standard */
border: 1px solid #246aa3;
padding: 6px 30px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #FFF;
text-shadow: 1px 1px 1px #444;
font-size: 16px;
cursor: pointer;
-webkit-box-shadow: 0 1px 1px #999999;
-moz-box-shadow: 0 1px 1px #999999;
box-shadow: 0 1px 1px #999999;
}
.receptacle.body button:hover {
border-color: #38a3df;
background: #2f8cd7;
filter: none;
}
.receptacle.body button:active {
border-color: #1c527f;
background-color: #22659d;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#1c527f), to(#22659d));
/* Konqueror */
background-image: -moz-linear-gradient(#1c527f, #22659d);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#1c527f, #22659d);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c527f), color-stop(100%, #22659d));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#1c527f, #22659d);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#1c527f, #22659d);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c527f', endColorstr='#22659d', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c527f', endColorstr='#22659d', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#1c527f, #22659d);
/* the standard */
}
.receptacle.body button.discreet {
color: #222;
text-shadow: 1px 1px 1px #FFF;
border-color: #cfd5d9;
background-color: #d7dddf;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#fcfcfd), to(#d7dddf));
/* Konqueror */
background-image: -moz-linear-gradient(#fcfcfd, #d7dddf);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#fcfcfd, #d7dddf);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfd), color-stop(100%, #d7dddf));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#fcfcfd, #d7dddf);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#fcfcfd, #d7dddf);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfd', endColorstr='#d7dddf', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfd', endColorstr='#d7dddf', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#fcfcfd, #d7dddf);
/* the standard */
}
.receptacle.body button.discreet:hover {
background: #FFF;
filter: none;
}
.receptacle.body button.discreet:active {
background-color: #d4dadd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#c0c6c8), to(#d4dadd));
/* Konqueror */
background-image: -moz-linear-gradient(#c0c6c8, #d4dadd);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#c0c6c8, #d4dadd);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0c6c8), color-stop(100%, #d4dadd));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#c0c6c8, #d4dadd);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#c0c6c8, #d4dadd);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c6c8', endColorstr='#d4dadd', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c6c8', endColorstr='#d4dadd', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#c0c6c8, #d4dadd);
/* the standard */
}
.receptacle.body button.important {
border-color: #ce3e01;
background-color: #cb3d01;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#fa4b01), to(#cb3d01));
/* Konqueror */
background-image: -moz-linear-gradient(#fa4b01, #cb3d01);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#fa4b01, #cb3d01);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fa4b01), color-stop(100%, #cb3d01));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#fa4b01, #cb3d01);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#fa4b01, #cb3d01);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa4b01', endColorstr='#cb3d01', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa4b01', endColorstr='#cb3d01', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#fa4b01, #cb3d01);
/* the standard */
}
.receptacle.body button.important:hover {
background: #fc4b01;
filter: none;
}
.receptacle.body button.important:active {
background-color: #c03901;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#9f2f01), to(#c03901));
/* Konqueror */
background-image: -moz-linear-gradient(#9f2f01, #c03901);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#9f2f01, #c03901);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f2f01), color-stop(100%, #c03901));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#9f2f01, #c03901);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#9f2f01, #c03901);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f2f01', endColorstr='#c03901', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f2f01', endColorstr='#c03901', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#9f2f01, #c03901);
/* the standard */
}
@media all and (max-width: 46em) {
#site-body form input.text {
width: 97%;
}
}
/* @end forms */
/* @start page header */
.page-header {
overflow: hidden;
margin-bottom: 20px;
}
.page-header h1,
.page-header .synopsis {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: baseline;
margin: 0 20px 0 0;
}
.secondary .page-header .synopsis {
margin-bottom: 1.3em;
margin-top: 1.0em;
}
/* @end page header types */
/* @start skiplinks */
#skipLinks {
position: absolute;
top: 0;
left: -3999px;
}
#skipLinks li a:focus {
display: block;
position: absolute;
top: 0;
left: 3999px;
padding: 4px;
border: solid 2px black;
background-color: white;
font-size: .8em;
font-weight: bold;
color: black;
z-index: 8000;
width: 200px;
}
/* @end skiplinks */
/* @start icons */
.icon {
display: inline-block;
*display: inline;
*zoom: 1;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
}
.icon--catchup {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -50px;
height: 34px;
width: 36px;
}
.icon--snowmail {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -100px;
height: 30px;
width: 42px;
}
.icon--blogs {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px 0px;
height: 33px;
width: 36px;
}
/* weather icons */
.icon--weather {
width: 50px;
height: 54px;
background-image: url('/static/news/news/images/sprites/weather-icons.png');
background-repeat: no-repeat;
}
.symbol-SUNN {
background-position: 0 0;
}
.symbol-SUNL {
background-position: 0 -60px;
}
.symbol-LISH {
background-position: 0 -120px;
}
.symbol-HESH {
background-position: 0 -180px;
}
.symbol-CLDY {
background-position: 0 -240px;
}
.symbol-LIRA {
background-position: 0 -300px;
}
.symbol-HERA {
background-position: 0 -360px;
}
.symbol-DRIZ {
background-position: 0 -420px;
}
.symbol-THUN {
background-position: 0 -480px;
}
.symbol-THUS {
background-position: 0 -540px;
}
.symbol-SLSH {
background-position: 0 -600px;
}
.symbol-FRRA {
background-position: 0 -660px;
}
.symbol-FLUD {
background-position: 0 -720px;
}
.symbol-HASH {
background-position: 0 -780px;
}
.symbol-SLEE {
background-position: 0 -840px;
}
.symbol-FFOG {
background-position: 0 -900px;
}
.symbol-FOG {
background-position: 0 -960px;
}
.symbol-SFOG {
background-position: 0 -1020px;
}
.symbol-MIST {
background-position: 0 -1080px;
}
.symbol-POLN {
background-position: 0 -1140px;
}
.symbol-SNOW {
background-position: 0 -1200px;
}
.symbol-HESN {
background-position: 0 -1260px;
}
.symbol-SNSH {
background-position: 0 -1320px;
}
.symbol-HSNS {
background-position: 0 -1380px;
}
.symbol-NCLR {
background-position: 0 -1440px;
}
.symbol-NCLS {
background-position: 0 -1500px;
}
.symbol-NLRS {
background-position: 0 -1560px;
}
.symbol-NHRS {
background-position: 0 -1620px;
}
.symbol-NTHU {
background-position: 0 -1680px;
}
.symbol-NSNS {
background-position: 0 -1740px;
}
.symbol-NHAS {
background-position: 0 -1800px;
}
.symbol-NSLS {
background-position: 0 -1860px;
}
.symbol-NHSS {
background-position: 0 -1920px;
}
.symbol-HWIN {
background-position: 0 -1980px;
}
.symbol-LWIN {
background-position: 0 -2040px;
}
/* @end weather icons */
.moduleID-FL01-shaded-feature-stream #video-landing-feature {
padding: 10px;
background-color: #ddd;
margin-bottom: 25px;
}
.moduleID-FL01-shaded-feature-stream #video-landing-feature .heading a {
font-size: 24px;
}
/* @start metadata */
.moduleID-FL01-stream .meta,
.moduleID-AL08 .meta,
.article-header .meta {
font-size: 0.6875em;
color: #767676;
padding: 3px 0 0 0;
}
.moduleID-FL01-stream .meta > span,
.moduleID-AL08 .meta > span,
.article-header .meta > span {
padding-bottom: 10px;
}
.moduleID-FL01-stream .meta .pubDateTime,
.moduleID-AL08 .meta .pubDateTime,
.article-header .meta .pubDateTime {
display: inline-block;
*display: inline;
*zoom: 1;
background-repeat: no-repeat;
margin-right: 10px;
position: relative;
text-transform: uppercase;
}
.moduleID-FL01-stream .meta .tags,
.moduleID-AL08 .meta .tags,
.article-header .meta .tags {
display: inline-block;
*display: inline;
*zoom: 1;
background-repeat: no-repeat;
margin-right: 10px;
position: relative;
}
.moduleID-FL01-stream .meta .topics,
.moduleID-AL08 .meta .topics,
.article-header .meta .topics {
display: inline-block;
*display: inline;
*zoom: 1;
margin-bottom: 5px;
position: relative;
text-transform: uppercase;
}
.moduleID-FL01-stream .meta .pubDateTime:before,
.moduleID-AL08 .meta .pubDateTime:before,
.article-header .meta .pubDateTime:before,
.moduleID-FL01-stream .meta .tags:before,
.moduleID-AL08 .meta .tags:before,
.article-header .meta .tags:before,
.moduleID-FL01-stream .meta .topics:before,
.moduleID-AL08 .meta .topics:before,
.article-header .meta .topics:before {
display: block;
content: " ";
position: absolute;
left: 0;
top: 0;
}
.moduleID-FL01-stream .meta .pubDateTime:before,
.moduleID-AL08 .meta .pubDateTime:before,
.article-header .meta .pubDateTime:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -200px;
height: 14px;
width: 14px;
}
.moduleID-FL01-stream .meta .tags:before,
.moduleID-AL08 .meta .tags:before,
.article-header .meta .tags:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -250px;
height: 12px;
width: 12px;
}
.moduleID-FL01-stream .meta .topics:before,
.moduleID-AL08 .meta .topics:before,
.article-header .meta .topics:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -300px;
height: 12px;
width: 12px;
}
.moduleID-FL01-stream .meta .tags a:link,
.moduleID-AL08 .meta .tags a:link,
.article-header .meta .tags a:link,
.moduleID-FL01-stream .meta .topics a:link,
.moduleID-AL08 .meta .topics a:link,
.article-header .meta .topics a:link {
color: #387DA0;
}
.moduleID-FL01-stream .meta .topics a:after,
.moduleID-AL08 .meta .topics a:after,
.article-header .meta .topics a:after {
content: ", ";
color: #767676;
}
.moduleID-FL01-stream .meta .topics a:last-child:after,
.moduleID-AL08 .meta .topics a:last-child:after,
.article-header .meta .topics a:last-child:after {
content: "";
}
.lt-ie8 .moduleID-FL01-stream .meta,
.lt-ie8 .moduleID-AL08 .meta,
.lt-ie8 .article-header .meta {
padding-bottom: 8px;
}
.lt-ie8 .moduleID-FL01-stream .meta .pubDateTime,
.lt-ie8 .moduleID-AL08 .meta .pubDateTime,
.lt-ie8 .article-header .meta .pubDateTime,
.lt-ie8 .moduleID-FL01-stream .meta .tags,
.lt-ie8 .moduleID-AL08 .meta .tags,
.lt-ie8 .article-header .meta .tags,
.lt-ie8 .moduleID-FL01-stream .meta .topics,
.lt-ie8 .moduleID-AL08 .meta .topics,
.lt-ie8 .article-header .meta .topics {
zoom: 0;
}
.lt-ie8 .moduleID-FL01-stream .meta .social-buttons,
.lt-ie8 .moduleID-AL08 .meta .social-buttons,
.lt-ie8 .article-header .meta .social-buttons {
position: relative;
top: -14px;
}
.lt-ie8 .article-header .meta {
padding-bottom: 0;
}
.generatedcontent .moduleID-FL01-stream .meta .pubDateTime,
.generatedcontent .moduleID-AL08 .meta .pubDateTime,
.generatedcontent .article-header .meta .pubDateTime,
.generatedcontent .moduleID-FL01-stream .meta .tags,
.generatedcontent .moduleID-AL08 .meta .tags,
.generatedcontent .article-header .meta .tags,
.generatedcontent .moduleID-FL01-stream .meta .topics,
.generatedcontent .moduleID-AL08 .meta .topics,
.generatedcontent .article-header .meta .topics {
padding-left: 18px;
}
/* @end metadata */
/* @start see all links */
.seeallLink {
font-size: 0.8125em;
display: block;
position: relative;
}
.seeallLink a {
color: #000;
text-transform: uppercase;
}
.seeallLink a:hover {
color: #d4351e;
}
.seeallLink:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -450px;
height: 16px;
width: 10px;
display: block;
content: " ";
position: absolute;
left: 0;
top: -2px;
}
.generatedcontent .seeallLink {
padding-left: 15px;
}
/* @end see all links */
/* @start more link */
.more-results {
clear: both;
background: url('/static/news/news/images/sprites/morelink-bg.png') repeat-x 0 0;
min-height: 70px;
position: relative;
text-align: center;
margin: 30px auto 0 auto;
max-width: 860px;
}
.more-results a:link,
.more-results a:visited {
background: url('/static/news/news/images/sprites/morelink-left.png') no-repeat bottom left;
display: inline-block;
*display: inline;
*zoom: 1;
padding-left: 8px;
position: relative;
top: -5px;
color: #5A6974;
}
.more-results a:hover {
color: #d4351e;
cursor: pointer;
}
.more-results a:hover span {
color: #d4351e;
cursor: pointer;
}
.more-results a:active span {
color: #000;
}
.more-results span {
background: url('/static/news/news/images/sprites/morelink-right.png') no-repeat bottom right;
display: inline-block;
*display: inline;
*zoom: 1;
padding: 10px 97px 12px 62px;
position: relative;
}
.more-results span:after {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -50px -200px;
height: 11px;
width: 16px;
display: block;
content: " ";
position: absolute;
right: 70px;
top: 14px;
}
.more-results a:hover span:after {
background-position: -200px -300px;
}
.more-results a:active span:after {
background-position: -200px -350px;
}
/* @end more link */
/* @start standard list */
.standlist .title {
text-transform: uppercase;
color: #52057f;
margin-bottom: 0.8em;
font-size: 0.8125em;
}
.standlist li {
margin-bottom: 3px;
position: relative;
font-size: 0.8125em;
}
.standlist li:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -400px;
height: 11px;
width: 8px;
display: block;
content: " ";
position: absolute;
left: 0px;
top: 4px;
}
.generatedcontent .standlist li {
padding-left: 10px;
}
.standlist-item {
position: relative;
}
.standlist-item:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -400px;
height: 11px;
width: 8px;
display: block;
content: " ";
position: absolute;
left: 0px;
top: 4px;
}
.generatedcontent .standlist-item {
padding-left: 10px;
}
/* @end standard list */
/* @start morelinks */
.morelink-list li {
margin-bottom: 6px;
font-size: 0.8125em;
}
.generatedcontent .morelink,
.generatedcontent .morelink-list a {
display: inline-block;
*display: inline;
*zoom: 1;
padding-left: 17px;
position: relative;
}
.generatedcontent .morelink:before,
.generatedcontent .morelink-list a:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -450px;
display: inline-block;
*display: inline;
*zoom: 1;
content: "";
width: 10px;
height: 16px;
position: absolute;
left: 0;
top: 0;
}
/* @end morelinks */
/* @start mpu */
.advert-mpu {
padding-bottom: 20px;
text-align: center;
width: 300px;
margin: 0 auto;
}
.advert-mpu .advert-text {
display: block;
margin-bottom: 5px;
text-transform: uppercase;
font-size: 0.8125em;
color: #666;
}
/* @end mpu */
/* @start social button */
.social-buttons {
width: 320px;
}
.social-buttons .social-button {
display: inline-block;
*display: inline;
*zoom: 1;
}
.social-buttons .facebook {
position: relative;
top: 0;
}
.social-buttons .google-plus {
position: relative;
left: 10px;
}
.social-buttons .twitter iframe {
width: 90px !important;
}
/* @end social button */
/* @start social profile links */
.social {
font-size: 0;
}
.social li {
font-size: 16px;
width: 24px;
height: 24px;
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 5px;
}
.social a {
width: 24px;
height: 24px;
display: block;
text-indent: -9999px;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
}
i.social {
width: 24px;
height: 24px;
display: block;
text-indent: -9999px;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
}
.social li.twitter a,
i.social.twitter {
background-position: -100px 0px;
}
.social li.facebook a,
i.social.facebook {
background-position: -100px -50px;
}
.social li.googleplus a,
i.social.googleplus {
background-position: -100px -100px;
}
.social li.youtube a,
i.social.youtube {
background-position: -100px -150px;
}
.social li.linkedin a,
i.social.linkedin {
background-position: -150px 0px;
}
.social li.rss a,
i.social.rss {
background-position: -100px -200px;
}
.social li.instagram a,
i.social.instagram {
background-position: -200px -450px;
}
.sociallist i.social {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
/* @end social profile links */
/* @start filter panel */
.filter-panel,
.ubNav {
background-color: #f7f8f9;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f8f9));
/* Konqueror */
background-image: -moz-linear-gradient(#ffffff, #f7f8f9);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#ffffff, #f7f8f9);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f8f9));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#ffffff, #f7f8f9);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#ffffff, #f7f8f9);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f8f9', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f8f9', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#ffffff, #f7f8f9);
/* the standard */
border-bottom: 1px solid #CCC;
border-left: 1px solid #EEE;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
font-size: 0;
text-align: right;
}
.filter-panel li,
.ubNav li,
.filter-panel h3,
.ubNav h3,
.filter-panel .latest,
.ubNav .latest,
.filter-panel .popular,
.ubNav .popular,
.filter-panel .popOptions,
.ubNav .popOptions {
display: inline-block;
*display: inline;
*zoom: 1;
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
}
.filter-panel h3,
.ubNav h3,
.filter-panel a,
.ubNav a {
font-size: 13px;
line-height: 1.0;
display: inline-block;
*display: inline;
*zoom: 1;
padding: 9px 15px;
border-right: 1px solid #CFD0D1;
}
.filter-panel h3,
.ubNav h3 {
color: #333;
padding-right: 0;
border-right: 0;
}
.filter-panel li.selected a,
.ubNav li.selected a,
.filter-panel a.on,
.ubNav a.on {
background: #505D67;
color: #FFF;
}
.filter-panel a:hover,
.ubNav a:hover {
color: #d4351e;
text-decoration: none;
}
.filter-panel li.selected a:hover,
.ubNav li.selected a:hover,
.filter-panel a.on:hover,
.ubNav a.on:hover {
color: #FFF;
}
.filter-panel form,
.ubNav form {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: 10px;
margin-right: 10px;
}
.filter-panel select,
.ubNav select,
.filter-panel button,
.ubNav button {
font-size: 13px;
}
.boxshadow .filter-panel,
.boxshadow .ubNav {
border: 0;
box-shadow: 0 1px 3px #CCC;
}
/* @end filter panel */
/* @start explore-nav */
.explore-nav .button-wrapper {
padding: 3px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #EBEBEB;
}
.explore-nav .button {
color: #666;
display: inline-block;
*display: inline;
*zoom: 1;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #f4f6f6;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f6f6));
/* Konqueror */
background-image: -moz-linear-gradient(#ffffff, #f4f6f6);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#ffffff, #f4f6f6);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f6f6));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#ffffff, #f4f6f6);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#ffffff, #f4f6f6);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f6f6', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f6f6', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#ffffff, #f4f6f6);
/* the standard */
}
.explore-nav .button span {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 9px 44px 9px 11px;
font-size: 0.875em;
text-decoration: none;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 1px #bbbbbb;
-moz-box-shadow: 1px 1px 1px #bbbbbb;
box-shadow: 1px 1px 1px #bbbbbb;
background: url('/static/news/news/images/sprites/icon-show-nav.png') no-repeat 91% 48%;
}
.explore-nav .explore-panel {
display: none;
text-align: left;
position: absolute;
z-index: 100;
width: 440px;
color: #D5C2E0;
font-size: 0.75em;
padding-top: 8px;
background: url('/static/news/news/images/sprites/explore-panel-pointer.png') no-repeat 22px 0;
}
.explore-nav .explore-panel a:link,
.explore-nav .explore-panel a:visited {
color: #BFD8FF;
}
.explore-nav .explore-panel a:active,
.explore-nav .explore-panel a:hover {
color: #FFF;
}
.explore-nav .explore-panel .panel-inner {
background: #5f2c7c url('/static/news/news/images/sprites/explore-panel-loader.gif') no-repeat 50% 50%;
-webkit-box-shadow: 0 2px 8px #666666;
-moz-box-shadow: 0 2px 8px #666666;
box-shadow: 0 2px 8px #666666;
padding-top: 5px;
min-height: 80px;
}
.explore-nav .explore-panel .module {
border-bottom: 1px solid #46215b;
border-top: 1px solid #6f4289;
padding: 13px 22px;
overflow: hidden;
background: #5f2c7c url('/static/news/news/images/sprites/explore-panel-gradient.png') repeat-x bottom left;
}
.explore-nav .explore-panel .module.first {
border-top: 0;
}
.explore-nav .explore-panel .module.last {
border-bottom: 0;
padding-bottom: 20px;
}
.explore-nav .explore-panel .segment-inner.first {
width: 48%;
margin-right: 2%;
float: left;
}
.explore-nav .explore-panel .segment-inner.last {
width: 48%;
margin-left: 2%;
float: right;
}
.explore-nav .explore-panel .standlist {
font-size: 1.3333333333333333em;
overflow: hidden;
}
.explore-nav .explore-panel .standlist li {
float: left;
width: 40%;
margin-right: 4%;
}
.explore-nav .explore-panel .title {
color: #FFF;
font-size: 14px;
text-transform: uppercase;
padding-bottom: 8px;
position: relative;
}
.explore-nav .explore-panel .title:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -450px;
height: 16px;
width: 10px;
display: block;
content: " ";
position: absolute;
left: 0;
top: 0;
}
.explore-nav .explore-panel .moduleID-FL01-infocus .title {
padding-bottom: 5px;
}
.explore-nav .seeall {
display: block;
float: left;
padding-left: 10px;
position: absolute;
right: 5px;
top: 2px;
}
.explore-nav .seeall span:before {
background-image: url("/static/news/news/images/sprites/main-sprite.png");
background-position: 0 -400px;
background-repeat: no-repeat;
content: " ";
display: block;
height: 11px;
left: 0;
position: absolute;
top: 4px;
width: 8px;
}
.explore-nav.open .button {
background: #cccccc;
filter: none;
color: #FFF;
}
.explore-nav.open .explore-panel {
display: block;
}
.generatedcontent .explore-panel .title {
padding-left: 17px;
}
/* @end explore-nav */
/* @start rich dropdowns */
.ddloader {
width: 100%;
height: 100%;
background: url("/static/news/news/images/sprites/fl01-loader.gif") no-repeat center;
min-height: 32px;
}
.richDrops {
position: absolute;
left: 0px;
background: #dbdbdb url('/static/news/news/images/sprites/dropbg.jpg') repeat-x left top;
width: 530px;
padding: 20px;
text-align: left;
font-family: "Channel 4 Regular", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
border: 1px solid #B4B4B4;
border-top: none;
white-space: normal;
}
#richd1 {
left: -106px;
min-height: 255px;
}
#richd2 {
left: -182px;
}
#richd3 {
left: -225px;
}
#richd4 {
left: -225px;
}
#richd5 {
left: -225px;
}
#richd6 {
left: -225px;
}
#richd7 {
left: -225px;
}
#richd8 {
left: -221px;
}
#richd9 {
left: inherit;
right: -164px;
}
#richd10 {
left: inherit;
right: -1px;
}
.richDrops h3 {
text-transform: uppercase;
color: #000;
font-size: 14px;
margin: 0 0 10px;
}
.richDrops .featured {
float: left;
width: 265px;
border-left: 1px solid #b6b6b6;
padding-left: 20px;
left: -1px;
}
.richDrops .col {
float: left;
width: 250px;
}
.richDrops .col.last {
margin-left: 30px;
}
.richDrops .list {
float: left;
width: 169px;
border-right: 1px solid #b6b6b6;
padding-right: 20px;
}
.richDrops .list a.listlink {
font-size: 14px;
line-height: 1.3em;
color: #005986;
text-transform: none;
border-bottom: 1px solid #b6b6b6 !important;
margin-bottom: 10px;
padding-bottom: 10px;
display: block;
}
.richDrops .list a.listlink:hover {
background: none !important;
color: #d4351e !important;
text-decoration: none;
}
.richDrops .list a.last {
/* border-bottom: none !important; margin-bottom: 0; padding-bottom: 0; */
}
.richDrops .list img.showall {
margin-top: 10px;
}
.richDrops .article {
clear: both;
}
.richDrops .article {
border-bottom: 1px solid #b6b6b6;
margin-bottom: 20px;
padding-bottom: 20px;
}
.richDrops .col .article {
margin-bottom: 10px;
padding-bottom: 10px;
height: 30px;
}
#richd8 .col .article {
height: 70px;
}
.richDrops .article.last {
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0px;
}
.richDrops .article .img {
width: 160px;
float: left;
cursor: pointer;
}
.richDrops .article .img img,
.richDrops .story img {
max-width: 140px;
max-height: 80px;
}
.richDrops .article .headline span {
font-size: 12px;
color: #000;
margin: 5px 0 0;
display: block;
}
.richDrops .article .headline:hover {
background: inherit;
color: #d4351e;
}
.richDrops .article .headline {
width: 155px;
float: left;
font-size: 14px;
color: #005986;
}
.richDrops .article a {
display: block;
font-size: 15px;
font-weight: bold;
}
.richDrops .article a:hover {
text-decoration: none;
}
.richDrops .col .article .img {
width: 60px;
}
.richDrops .col .article .img img {
width: 50px;
}
.richDrops .article .headline {
width: 155px;
float: left;
font-size: 14px;
color: #005986;
cursor: pointer;
}
.richDrops .col .article .headline {
width: 190px;
}
.richDrops .col .article .headline.wide {
width: 250px;
}
.richDrops .horizontal {
clear: none;
float: left;
width: 150px;
border-bottom: none;
margin-right: 20px;
}
.richDrops .horizontal.last {
margin-right: 0px;
}
.richDrops .horizontal .img,
.richDrops .horizontal .headline {
float: none;
width: 150px;
margin: 10px 0 0;
}
.richDrops .horizontal .img img {
width: 150px;
}
.richDrops .video .img:after {
content: ' ';
display: block;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -200px -100px;
height: 28px;
width: 28px;
position: absolute;
bottom: 10px;
left: 10px;
pointer-events: none;
z-index: 99;
}
.richDrops .fact .img:after {
content: ' ';
display: block;
background-image: url('/static/news/news/images/sprites/factfiction2.png');
background-repeat: no-repeat;
height: 30px;
width: 50px;
position: absolute;
bottom: 5px;
right: 25px;
pointer-events: none;
z-index: 99;
}
.richDrops .featured {
float: left;
width: 319px;
}
/* OTHER */
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
.richDrops .btn {
display: inline-block;
*display: inline;
text-transform: uppercase;
padding: 3px 19px 3px 3px;
margin-bottom: 0;
*margin-left: .3em;
margin-top: 10px;
font-size: 12px;
line-height: 20px;
color: #FFF !important;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: #9d2275;
font-weight: 300;
background-image: url('/static/news/news/images/sprites/chevron.jpg');
background-position: right;
background-repeat: no-repeat;
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;
}
.richDrops .story {
float: left;
width: 160px;
font-size: 13px;
padding-right: 10px;
}
.richDrops .story a {
text-decoration: none;
}
.richDrops .story .synopsis {
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 11px;
}
.richDrops .all-special {
clear: both;
}
.richDrops .moduleID-FL01-header-nav-special-reports .story a {
font-size: 14px;
}
.site-masthead #navContainer .richDrops div.moduleID-SR15 {
position: absolute;
top: 145px;
left: 210px;
}
.site-masthead #navContainer .richDrops div.moduleID-SR15 h5 {
color: #000;
font-size: 14px;
}
.site-masthead #navContainer .richDrops div.moduleID-SR15 ul.standlist {
margin-top: 10px;
}
.site-masthead #navContainer .richDrops div.moduleID-SR15 ul.standlist li:before {
background-image: none;
}
.site-masthead #navContainer .richDrops div.moduleID-SR15 ul.standlist li {
width: 150px;
text-align: left;
border-right: none;
border-bottom: 1px solid #b6b6b6;
margin-bottom: 10px;
padding-bottom: 5px;
margin-right: 10px;
}
.site-masthead #navContainer .richDrops div.moduleID-SR15 ul.standlist li a {
text-decoration: none;
font-size: 14px;
}
/* @end rich dropdowns */
/* @start block-nav */
.block-nav .nav-item .item-link {
position: relative;
display: block;
text-decoration: none;
color: #444;
padding-left: 45px;
}
.block-nav .nav-item .icon {
position: absolute;
display: block;
left: 0;
}
.block-nav .item-link > p {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 0 0 4px;
}
.block-nav .nav-desc {
display: block;
}
.block-nav .nav-desc {
font-size: 0.75em;
color: #999;
line-height: 1.0;
}
.block-nav .nav-title {
color: #52057f;
font-size: 1.25em;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
}
.block-nav .nav-item:hover .nav-title {
color: #d4351e;
}
.block-nav .panel {
display: none;
}
/* @end block-nav */
/* @start search form */
.site-masthead .search {
border: 2px solid #D6DCE0;
display: inline-block;
*display: inline;
*zoom: 1;
padding: 2px 10px 2px 0;
background: #FFF;
}
.site-masthead .search .container {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.site-masthead .search input {
border: none;
background: #FFF;
-webkit-appearance: none;
outline: none;
padding: 0;
font-size: 0.875em;
width: 200px;
}
.site-masthead .search label {
display: none;
}
.site-masthead .search button {
background: #FFF;
padding: 0;
border: 0;
position: relative;
top: 0px;
cursor: pointer;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.site-masthead .search button span {
text-indent: -9999px;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -150px;
height: 22px;
width: 22px;
display: block;
}
.predictor {
display: none;
position: absolute;
width: 271px;
margin-top: 8px;
margin-left: -2px;
background-color: #FFF;
z-index: 99;
border: 2px solid #d6dce0;
border-top: 0;
text-align: left;
}
.predictor a {
color: #666;
display: block;
padding: 8px 10px 8px 10px;
font-size: 14px;
border-top: 1px solid #d6dce0;
}
.predictor .predictor-results li:nth-child(2n) {
background: #f7fcff;
}
.predictor .predictor-results a:focus,
.predictor .predictor-results a:hover,
.predictor .predictor-results a.selected {
color: #005985;
text-decoration: underline;
}
.predictor .predictor-results a {
color: #666;
text-decoration: none;
}
.predictor .predictor-footer {
background-color: #EEE;
color: #333;
padding: 2px 2px 1px 2px;
font-size: 11px;
text-align: center;
text-transform: uppercase;
min-height: 22px;
}
/* @end search form */
/* @start c4 global nav styles */
#network-header {
background: #000;
z-index: 101;
border-bottom: 6px solid #52057f;
}
#network-header.receptacle {
overflow: visible;
}
/* @end c4 global nav styles */
/* @start c4 global footer styles */
#network-footer {
clear: both;
position: relative;
z-index: 100;
background: #FFF;
}
#network-footer #C4NetworkFooter {
background: transparent;
margin-top: 20px;
}
/* @end c4 global footer styles */
/* @start Masthead */
.site-masthead {
background-color: #FFF;
overflow: visible;
position: relative;
float: left;
width: 100%;
height: 150px;
z-index: 1;
padding-top: 34px;
padding-bottom: 20px;
border-bottom: 5px solid #b4bec5;
}
.site-masthead .section {
display: inline;
float: left;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
z-index: 11;
}
.site-masthead .team-promo {
position: absolute;
bottom: 8px;
z-index: 1;
left: 108px;
background: transparent url('/static/news/news/images/sprites/watermark-header-top.png') no-repeat -108px 0px;
height: 187px;
}
.site-masthead .team-promo img {
transform: rotate(-1.1deg);
-webkit-transform: rotate(-1.1deg);
/* Chrome, Safari */
-ms-transform: rotate(-1.1deg);
/* IE9 */
position: relative;
bottom: -80px;
}
.site-masthead .inner {
*zoom: 1;
*zoom: 1;
}
.site-masthead .inner:before,
.site-masthead .inner:after {
content: "";
display: table;
}
.site-masthead .inner:after {
clear: both;
}
.site-masthead .site-brand {
float: left;
width: 94px;
height: 137px;
background: url('/static/news/news/images/global/c4logo_2015_news_portrait.png') no-repeat 0 0;
margin-bottom: 20px;
text-indent: -9999px;
}
.site-masthead .find {
text-align: right;
margin-left: 100px;
margin-bottom: 30px;
z-index: 2;
}
.site-masthead .listings {
color: #666;
font-size: 0.8125em;
margin-left: 15px;
display: inline-block;
*display: inline;
}
.site-masthead .explore-nav {
display: none;
margin-left: 15px;
}
.site-masthead .search {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: 15px;
}
.site-masthead .search input {
width: 230px;
padding-left: 10px;
-webkit-padding-start: 0;
}
.site-masthead .quicklinks {
clear: right;
float: right;
}
.site-masthead .watch-live {
display: inline-block;
*display: inline;
*zoom: 1;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -200px -250px;
height: 22px;
width: 72px;
text-indent: -9999px;
text-align: left;
vertical-align: middle;
position: relative;
top: -1px;
margin-right: 4px;
}
.site-masthead .block-nav .nav-item {
float: left;
padding-left: 8px;
border-left: 1px solid #CCC;
position: relative;
max-width: 166px;
z-index: 3;
padding-right: 10px;
}
.site-masthead .block-nav .nav-item.blogs {
max-width: 146px;
margin-right: 0;
}
.site-masthead .block-nav .nav-item:first-child {
border-left: 0;
padding-left: 0;
}
.site-masthead .block-nav .snowmail a {
padding-left: 51px;
}
.site-masthead .block-nav .weather .item-link .icon {
top: -8px;
}
.site-masthead .block-nav .panel {
position: absolute;
left: 0;
padding-top: 20px;
}
.site-masthead .block-nav .panel > .inner {
background: #FFF;
width: 350px;
padding: 20px;
}
/* begin nav */
.site-masthead #navContainer {
position: absolute;
bottom: -60px;
left: 0;
height: 35px;
margin: 0 auto;
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.site-masthead #navContainer .navigation {
height: 35px;
float: left;
width: 100%;
}
.site-masthead #navContainer li.navtopics {
background: #cccccc url(/static/news/news/images/sprites/navbg.jpg) repeat-x;
}
.site-masthead #navContainer li.navtypes {
background: #222222 url(/static/news/news/images/sprites/navbg2.jpg) repeat-x;
border-color: #535353;
border-right-color: #535353;
}
.site-masthead #navContainer li.uk {
width: 8.5%;
}
.site-masthead #navContainer li.world {
width: 6%;
}
.site-masthead #navContainer li.politics {
width: 8.5%;
}
.site-masthead #navContainer li.business {
width: 8.5%;
}
.site-masthead #navContainer li.science {
width: 8%;
}
.site-masthead #navContainer li.technology {
width: 10%;
}
.site-masthead #navContainer li.culture {
width: 8%;
}
.site-masthead #navContainer li.videos {
width: 8.5%;
}
.site-masthead #navContainer li.blogs {
width: 6%;
}
.site-masthead #navContainer li.factcheck {
width: 9%;
}
.site-masthead #navContainer li.reports {
width: 13%;
}
.site-masthead #navContainer li.more {
width: 20%;
display: none;
}
.site-masthead #navContainer li.more a.item {
text-align: left;
padding-left: 10px;
}
.site-masthead #navContainer li.more span.down-arrow {
background: url(/static/news/news/images/sprites/down-white.png) no-repeat;
width: 10px;
height: 7px;
margin: -20px 10px 0 0;
float: right;
}
.site-masthead #navContainer ul,
.site-masthead #navContainer li {
margin: 0;
padding: 0;
white-space: nowrap;
}
.site-masthead #navContainer li {
float: left;
border-right: 1px solid #71339C;
text-align: center;
position: relative;
display: inline-block;
}
.site-masthead #navContainer li a.item {
line-height: 33px;
text-align: center;
border-left: 1px solid #3E1B5A;
border-top: 1px solid #3D1A5E;
border-bottom: 1px solid #3D1A5E;
display: block;
color: #FFF;
font-family: "Channel 4 Medium", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 15px;
text-transform: uppercase;
}
.site-masthead #navContainer li.more div.richDrops {
text-transform: uppercase;
padding-bottom: 0;
width: 159px;
position: static;
float: right;
}
.site-masthead #navContainer li.more div.richDrops a {
font-family: "Channel 4 Medium", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 15px;
}
.site-masthead #navContainer li:hover,
.site-masthead #navContainer li.active,
.site-masthead #navContainer li.current {
border-right-color: #B4B4B4 !important;
}
.site-masthead #navContainer li.culture {
border-right-color: white !important;
}
.site-masthead #navContainer li.navtypes a.item {
border-left-color: #000;
border-top-color: #535353;
border-bottom-color: #535353;
}
.site-masthead #navContainer li.navtypes.videos a.item {
border-left-color: #fff;
}
.site-masthead #navContainer li:hover a.item,
.site-masthead #navContainer li.active a.item,
.site-masthead #navContainer li.current a.item {
text-decoration: none;
background: #e0e0e0;
color: #6B0C7B;
border-left-color: #B4B4B4 !important;
border-top-color: #B4B4B4 !important;
border-bottom-color: #e0e0e0 !important;
border-bottom-color: #B4B4B4 !important;
border-bottom-width: 0;
}
.site-masthead #navContainer li:hover a.item span.down-arrow,
.site-masthead #navContainer li.active a.item span.down-arrow,
.site-masthead #navContainer li.current a.item span.down-arrow {
background: url(/static/news/news/images/sprites/down-black.png) no-repeat;
}
.site-masthead #navContainer li.current:hover a.item {
border-bottom-color: #e0e0e0 !important;
}
/* end nav */
.csstransforms #site-wrapper {
overflow-x: hidden;
}
.csstransforms #site-body {
padding-top: 80px;
}
.csstransforms .site-masthead {
padding-bottom: 0;
border-bottom: 0;
background: none;
}
.csstransforms .site-masthead:after,
.csstransforms .site-masthead:before {
content: " ";
display: block;
border-bottom: 5px solid #b4bec5;
-webkit-transform: rotate(-1.1deg);
-moz-transform: rotate(-1.1deg);
-o-transform: rotate(-1.1deg);
transform: rotate(-1.1deg);
position: absolute;
z-index: 10;
bottom: 0px;
top: -4px;
width: 102%;
}
.lt-ie9 #site-wrapper {
overflow-x: visible;
}
.js .site-masthead .explore-nav {
display: inline-block;
*display: inline;
*zoom: 1;
}
.lt-ie8 .site-masthead {
padding-bottom: 0;
}
.lt-ie8 .site-masthead form {
position: relative;
}
.lt-ie8 .site-masthead .predictor {
position: absolute;
left: 0;
top: 32px;
}
.lt-ie8 .site-masthead .team-promo {
bottom: -65px;
}
.lt-ie8 .site-masthead .listings {
position: relative;
top: -10px;
}
.lt-ie8 .site-masthead .explore-nav {
position: relative;
top: 4px;
}
.lt-ie8 .site-masthead .find {
position: relative;
z-index: 1000;
}
@media only screen and (max-device-width: 1024px) {
.site-masthead .listings {
display: none;
}
}
/* iPad landscape */
@media all and (max-width: 69em) {
.site-masthead #navContainer li.navtypes.listitem {
display: none;
}
.site-masthead #navContainer li.navtypes.more {
display: block;
}
.site-masthead #navContainer span#nology {
display: none;
}
.site-masthead #navContainer li.uk {
width: 11%;
}
.site-masthead #navContainer li.world {
width: 10%;
}
.site-masthead #navContainer li.politics {
width: 11%;
}
.site-masthead #navContainer li.business {
width: 12%;
}
.site-masthead #navContainer li.science {
width: 10%;
}
.site-masthead #navContainer li.technology {
width: 9%;
}
.site-masthead #navContainer li.culture {
width: 11%;
}
.site-masthead #navContainer #richd1 {
left: -112px;
}
.site-masthead #navContainer #richd6 {
left: -258px;
}
}
@media all and (max-width: 57em) {
.team-promo {
display: none;
}
}
@media all and (max-width: 62em) {
.site-masthead .listings {
display: none;
}
}
/* iPad portrait */
@media all and (max-width: 67.325em) {
.site-masthead .block-nav .icon {
position: static;
height: 40px;
margin: 0 auto 3px auto;
position: relative;
}
.site-masthead .block-nav .nav-desc {
display: none;
}
.site-masthead .block-nav .nav-item .item-link {
margin-right: 10px !important;
padding-left: 0px !important;
}
.site-masthead .block-nav .icon--snowmail {
top: 4px;
}
.site-masthead #navContainer span.blogs-and,
.site-masthead #navContainer span#uknews {
display: none;
}
.site-masthead #navContainer li.more {
width: 16%;
}
.site-masthead #navContainer li.more a.item {
text-align: center;
padding-left: 0;
}
.site-masthead #navContainer li.uk {
width: 8%;
}
.site-masthead #navContainer li.world {
width: 10%;
}
.site-masthead #navContainer li.politics {
width: 13%;
}
.site-masthead #navContainer li.business {
width: 14%;
}
.site-masthead #navContainer li.science {
width: 12%;
}
.site-masthead #navContainer li.technology {
width: 9%;
}
.site-masthead #navContainer li.culture {
width: 11%;
}
.site-masthead #navContainer #richd1 {
left: -61px;
}
.site-masthead #navContainer #richd2 {
left: -138px;
}
.site-masthead #navContainer #richd5 {
left: -298px;
}
.site-masthead #navContainer #richd6 {
left: -367px;
}
}
.site-masthead.pinned-masthead {
position: fixed;
background-color: #FFF;
background-color: rgba(255, 255, 255, 0.9);
background-image: url('/static/news/news/images/sprites/masthead-tile.png');
top: 0;
padding: 10px 0;
z-index: 10000;
border-bottom: 1px solid #CCC;
}
.site-masthead.pinned-masthead .find {
margin-bottom: 0;
}
.site-masthead.pinned-masthead .site-brand {
margin-top: 1px;
margin-bottom: 0;
background-image: url('/static/news/news/images/global/c4logo_2015_news_landscape_small.png');
height: 40px;
width: 112px;
}
.site-masthead.pinned-masthead:before,
.site-masthead.pinned-masthead:after,
.site-masthead.pinned-masthead .quicklinks,
.site-masthead.pinned-masthead .listings {
display: none;
}
@media all and (max-width: 40.5em) {
/* mobile header/footer size */
body {
background-position: 0 0;
}
.site-masthead.pinned-masthead {
display: none !important;
/* !important needed to override inline styles added by JS */
}
.site-masthead {
border-bottom: 5px solid #b4bec5;
padding-top: 0;
height: 64px;
}
.site-masthead .block-nav {
display: none;
}
.site-masthead .site-brand {
float: none;
margin: 0;
position: absolute;
bottom: 13px;
left: 15px;
background-image: url('/static/news/news/images/global/c4logo_2015_news_landscape_small.png');
height: 40px;
width: 112px;
}
.site-masthead > .inner,
.site-masthead .section,
.site-masthead .find,
.site-masthead .search {
position: static;
}
.site-masthead .search {
padding: 0;
border: 0;
margin-left: 0;
}
.site-masthead .search .container {
background-color: #EAEDEF;
position: absolute;
top: -60px;
left: 0;
right: 0;
height: 50px;
padding: 5px 3%;
}
.site-masthead .search input {
background: #FFF;
border: 2px solid #DDD;
left: 10px;
right: 10px;
bottom: 8px;
top: 8px;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 42px;
width: 96%;
position: absolute;
}
.site-masthead .search button {
position: absolute;
bottom: 0;
right: -1px;
padding: 21px 14px;
width: 50px;
margin: 0;
border-left: 1px solid #E9EAEB;
background-color: #ffffff;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#f7f8f9), to(#ffffff));
/* Konqueror */
background-image: -moz-linear-gradient(#f7f8f9, #ffffff);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#f7f8f9, #ffffff);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f8f9), color-stop(100%, #ffffff));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#f7f8f9, #ffffff);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#f7f8f9, #ffffff);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9', endColorstr='#ffffff', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9', endColorstr='#ffffff', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#f7f8f9, #ffffff);
/* the standard */
}
.site-masthead .search button span {
background-color: transparent;
}
.site-masthead .explore-nav {
margin: 0;
position: absolute;
right: 53px;
bottom: 0;
}
.site-masthead .explore-nav .button-wrapper {
padding: 0;
background: none;
filter: none;
}
.site-masthead .explore-nav .button {
background: #FFF;
filter: none;
}
.site-masthead .explore-nav .button span {
-webkit-box-shadow: 0 0 0 #ffffff;
-moz-box-shadow: 0 0 0 #ffffff;
box-shadow: 0 0 0 #ffffff;
height: 66px;
padding: 0 39px 0 11px;
vertical-align: middle;
line-height: 64px;
font-size: 14px;
}
.site-masthead .explore-nav .button b {
display: none;
}
.site-masthead.open-search {
margin-top: 60px;
}
.site-masthead.open-search button span {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -150px -350px;
}
.site-masthead .predictor {
display: none !important;
/* !important needed to override inline styles added by JS */
}
.generatedcontent .site-masthead {
background-color: #FFF;
border-bottom: 5px solid #b4bec5;
}
.generatedcontent #site-body {
background-position: 67% 0;
}
.generatedcontent .site-masthead:after,
.generatedcontent .site-masthead:before {
display: none;
}
}
/* @end Masthead */
/* @start body */
#site-body {
background-image: url('/static/news/news/images/sprites/watermark-header-bottom.png');
background-repeat: no-repeat;
background-position: 67% 6px;
padding-top: 40px;
padding-bottom: 10px;
min-height: 600px;
clear: both;
}
.generatedcontent #site-body {
background-position: 63% -2px;
}
.lt-ie8 #site-body {
padding-top: 50px;
}
@media all and (max-width: 40.5em) {
.csstransforms #site-body {
background-position: 67% -10px;
padding-top: 0px;
padding-bottom: 30px;
}
}
/* @end body */
/* @start site footer */
.site-footer {
position: relative;
overflow: hidden;
width: 100%;
background: #cccccc;
color: #FFF;
-webkit-text-size-adjust: none;
}
.site-footer .explore-title,
.site-footer #primary-nav {
display: none;
}
.site-footer .site-brand {
display: inline;
float: left;
width: 10.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.site-footer .site-brand img {
max-width: 140px;
}
.site-footer .inner {
padding-top: 30px;
padding-bottom: 20px;
overflow: hidden;
position: relative;
z-index: 3;
}
.site-footer .nav {
display: inline;
float: left;
width: 54.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
float: right;
}
.site-footer .nav ul {
width: 102.77777777777777%;
margin-left: -1.3888888888888888%;
margin-right: -1.3888888888888888%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.site-footer .nav ul:before,
.site-footer .nav ul:after {
content: "";
display: table;
}
.site-footer .nav ul:after {
clear: both;
}
.site-footer .nav > .standlist,
.site-footer .nav > .sociallist {
display: inline;
float: left;
width: 30.555555555555557%;
margin-left: 1.3888888888888888%;
margin-right: 1.3888888888888888%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.site-footer .nav > .sociallist li {
font-size: 13px;
margin-bottom: 4px;
}
.site-footer .nav > .sociallist i.social {
position: relative;
top: -2px;
}
.site-footer .title {
color: #FFF;
}
.site-footer .sociallist .title {
display: none;
}
.site-footer .nav > .sociallist a,
.site-footer .nav > .standlist a {
color: #FFF;
}
.lt-ie8 .site-footer .nav .standlist,
.lt-ie8 .site-footer .nav .sociallist {
width: 30%;
}
.lt-ie8 .site-footer .nav .sociallist li {
font-size: 13px;
margin-bottom: 4px;
clear: left;
}
.lt-ie8 .site-footer .nav .sociallist i.social {
position: relative;
top: -2px;
display: block;
float: left;
}
.csstransforms .site-footer {
background: none;
}
.csstransforms .site-footer .inner {
padding-top: 70px;
}
.csstransforms .site-footer:after,
.csstransforms .site-footer:before {
content: "";
display: block;
-webkit-transform: rotate(-1.5deg);
-moz-transform: rotate(-1.5deg);
-o-transform: rotate(-1.5deg);
transform: rotate(-1.5deg);
position: absolute;
z-index: 2;
top: 20px;
left: -20px;
right: -20px;
bottom: -40px;
}
.csstransforms .site-footer:before {
background: #cccccc url('/static/news/news/images/sprites/footer-tile.png') repeat 0 0;
z-index: 1;
}
.csstransforms .sociallist {
margin-top: -20px;
}
@media all and (max-width: 60em) {
.site-footer .nav {
display: inline;
float: left;
width: 73.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
float: right;
}
.site-footer .nav ul {
width: 102.08333333333333%;
margin-left: -1.0416666666666665%;
margin-right: -1.0416666666666665%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.site-footer .nav ul:before,
.site-footer .nav ul:after {
content: "";
display: table;
}
.site-footer .nav ul:after {
clear: both;
}
.site-footer .nav > .standlist,
.site-footer .nav > .sociallist {
display: inline;
float: left;
width: 31.25%;
margin-left: 1.0416666666666665%;
margin-right: 1.0416666666666665%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
/* Mobile landscape */
@media all and (max-width: 40.5em) {
.site-footer .nav,
.site-footer .nav ul,
.site-footer .nav .standlist,
.site-footer .nav .sociallist {
width: auto;
float: none;
margin: 0;
}
.site-footer .explore-title {
display: block;
color: #FFF;
font-size: 14px;
text-transform: uppercase;
position: relative;
margin: 0 10px 10px 10px;
}
.site-footer .explore-title a {
position: absolute;
right: 0;
top: 1px;
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 12px;
color: #52057f;
}
.site-footer .inner {
padding: 11px 0 0 0;
background-color: #eeeeee;
overflow: hidden;
}
.site-footer .site-brand {
display: none;
}
.site-footer #primary-nav {
display: block;
}
.site-footer #quicklinks-content {
padding: 0 10px 5px 10px;
}
.site-footer #explore-content {
background-color: #cccccc;
}
.site-footer .block-nav .item-link {
padding: 12px 10px 12px 60px;
}
.site-footer .block-nav .item-link > .icon {
left: 10px;
}
.site-footer .block-nav .catchup .item-link > .icon {
left: 14px;
}
.site-footer .block-nav .blogs .item-link > .icon {
left: 13px;
}
.site-footer .hublinks a,
.site-footer .standlist .title,
.site-footer .sociallist .title {
color: #777777;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0;
position: relative;
}
.site-footer .hublinks a:after {
content: ' ';
display: block;
position: absolute;
right: 15px;
top: 40%;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -50px -400px;
height: 12px;
width: 7px;
}
.site-footer .nav > .standlist li a,
.site-footer .sociallist li a {
font-size: 13px;
color: #262626;
display: block;
}
.site-footer .nav > .standlist li,
.site-footer .sociallist li {
padding: 0;
margin: 0;
}
.site-footer .sociallist .items li {
margin: 0;
}
.site-footer .nav > .standlist .items a,
.site-footer .sociallist .items a {
padding: 9px 10px 9px 10px;
display: block;
color: #262626;
position: relative;
}
.site-footer .nav > .standlist li:last-child a,
.site-footer .sociallist li:last-child a {
border-bottom: 0;
}
.site-footer .nav > .standlist li:before {
display: none;
}
.site-footer .sociallist i.social {
display: none;
}
.site-footer .hublinks li {
border-top: 1px solid #ffffff;
}
.site-footer .hublinks a {
line-height: 1.0;
padding: 15px 10px 13px 8px;
display: block;
text-decoration: none;
}
.site-footer .standlist .title,
.site-footer .sociallist .title {
line-height: 1.0;
padding: 15px 10px 13px 8px;
display: block;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.site-footer .standlist .title:after,
.site-footer .sociallist .title:after {
content: ' ';
display: block;
position: absolute;
right: 15px;
top: 48%;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -50px -450px;
height: 6px;
width: 12px;
}
.site-footer .standlist .items a:after,
.site-footer .sociallist .items a:after {
content: ' ';
display: block;
position: absolute;
right: 17px;
top: 40%;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -150px -450px;
height: 10px;
width: 6px;
}
.js .site-footer .standlist .title,
.js .site-footer .sociallist .title {
cursor: pointer;
}
.js .site-footer .standlist .items,
.js .site-footer .sociallist .items {
display: none;
}
.js .site-footer .standlist.open .items,
.js .site-footer .sociallist.open .items {
display: block;
}
.js .site-footer .standlist.open .title:after,
.js .site-footer .sociallist.open .title:after {
background-position: -150px -400px;
}
.generatedcontent .site-footer .inner {
padding: 11px 0 0 0;
}
}
/* @end site footer */
/* @start article */
.article-header .meta {
margin-bottom: 10px;
overflow: hidden;
font-size: 0.75em;
}
.article-header .pubDateTime .day {
text-transform: uppercase;
color: #7F8E98;
letter-spacing: 2px;
border-right: 1px solid #B4BEC5;
padding-right: 7px;
padding-left: 4px;
margin-right: 5px;
}
.article-header .pubDateTime .date {
color: #404F5A;
}
.article-header .social-buttons {
float: left;
text-align: left;
width: 100%;
}
.article-header .meta .social-buttons {
float: right;
text-align: right;
}
.article-header h1,
.article-header h2 {
font-size: 40px;
line-hieght: 1.1;
color: #52057f;
padding-right: 70px;
margin-bottom: 30px;
}
.article-header .correspondent {
text-align: right;
padding-right: 70px;
margin-top: -10px;
display: inline-block;
float: right;
}
.article-header .correspondent .detail span {
font-size: 0.8125em;
display: block;
line-height: 1.0;
}
.article-header .correspondent .detail .name {
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 3px;
}
.article-header .correspondent .detail .role {
margin-bottom: 6px;
color: #667884;
}
.article-header .correspondent .image {
position: absolute;
right: 0;
bottom: 0;
width: 58px;
}
.ie7 .article-header .publish-date {
display: inline;
zoom: 1;
}
@media all and (max-width: 36em) {
.article-header .meta .social-buttons {
float: none;
text-align: left;
padding: 8px 0 4px 0;
width: auto;
}
}
.article-feature {
border-top: 1px solid #D6DBDF;
border-bottom: 1px solid #D6DBDF;
padding: 2% 0;
margin-top: -10px;
}
.article-video {
border-bottom: 1px solid #D6DBDF;
padding: 2% 0 10px 0;
margin-top: -10px;
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.article-video:before,
.article-video:after {
content: "";
display: table;
}
.article-video:after {
clear: both;
}
.article-video .synopsis {
font-size: 0.875em;
color: #333;
clear: both;
}
.article-video h1 {
font-size: 1.75em;
margin-bottom: 20px;
}
.article-video .correspondent .image {
float: left;
width: 58px;
margin-right: 14px;
margin-bottom: 20px;
}
.article-video .correspondent .detail {
font-size: 0.6875em;
display: block;
margin-bottom: 3px;
padding-top: 5px;
}
.article-video .correspondent .detail .name {
text-transform: uppercase;
letter-spacing: 1.0px;
}
.article-video .social-buttons {
margin: 25px 0 10px 0;
}
.article-body {
clear: both;
padding-top: 1px;
}
.article-body .groupID-VL,
.article-body .groupID-FL {
clear: both;
padding: 16px 0;
}
.article-body .groupID-VL h3,
.article-body .groupID-FL h3 {
margin-bottom: 10px;
}
.article-body .groupID-AR .image,
.article-body .moduleID-AT04 .image {
width: 100%;
}
.article-body .groupID-AR .left .image,
.article-body .moduleID-AT04 .left .image,
.article-body .groupID-AR .left.image,
.article-body .moduleID-AT04 .left.image,
.article-body .groupID-AR .right .image,
.article-body .moduleID-AT04 .right .image,
.article-body .groupID-AR .right.image,
.article-body .moduleID-AT04 .right.image {
width: 40%;
}
.article-body .groupID-AR .image img,
.article-body .moduleID-AT04 .image img {
width: 100%;
max-width: 1000000px;
}
.article-body .groupID-FL:first-child {
border-top: 0;
}
@media all and (max-width: 29em) {
.article-body .groupID-AR .left .image,
.article-body .groupID-AR .left.image,
.article-body .groupID-AR .right .image,
.article-body .groupID-AR .right.image {
width: 100%;
float: none;
margin: 0 0 1.2em 0;
}
}
.article-footer .social-buttons {
border-top: 1px solid #d6dbdf;
width: 100%;
padding: 16px 0;
}
/* @end article */
/* @start tag search pages */
.tagsearch-header {
height: 72px;
position: relative;
margin-top: -109px;
float: left;
width: 100%;
}
.tagsearch-header h1 {
font-size: 2.25em;
padding: 6px 10px;
background: #52057f;
display: inline-block;
*display: inline;
*zoom: 1;
color: #FFF;
position: absolute;
bottom: 0;
left: 0;
}
.search .tagsearch-header {
margin-top: 0;
}
.search .tagsearch-header h1 {
background: transparent;
padding: 6px 10px;
color: #52057f;
position: static;
}
/* @end tag search pages */
/* @start special report pages */
.specialreports-hub-header {
padding-right: 170px;
}
.specialreport-header {
height: 200px;
position: relative;
margin-top: -200px;
float: left;
width: 100%;
background: url('/static/news/news/images/sprites/sr-bg.png') repeat-x bottom left;
}
.specialreport-header .inner {
position: absolute;
bottom: 0;
left: 12px;
}
.specialreport-header .context {
display: inline-block;
*display: inline;
*zoom: 1;
float: left;
padding: 7px 10px 4px 10px;
background: #52057f;
font-size: 1em;
text-transform: uppercase;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
color: #FFF;
line-height: 1.0;
}
.specialreport-header h1 {
font-size: 2.25em;
}
.specialreport-header h1 span {
padding: 6px 10px;
background: #000;
display: inline-block;
*display: inline;
*zoom: 1;
color: #FFF;
clear: both;
}
.lt-ie8 .specialreport-header {
height: 170px;
}
.specialreport-overview {
background: #292A2C;
margin-top: -30px;
color: #B4BEC5;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 1.125em;
}
.specialreport-overview .intro {
padding: 16px 20px 1px 20px;
}
.specialreport-overview .intro p {
margin-bottom: 14px;
}
@media all and (max-width: 51.875em) {
.specialreport-header .inner {
left: 0;
}
.specialreport-header {
margin-top: -60px;
height: auto;
}
.specialreport-header .inner {
position: relative;
}
.specialreport-overview {
clear: both;
float: left;
margin-top: 0;
}
}
@media all and (max-width: 34em) {
.specialreport-detail .moduleID-AI11 {
display: none;
}
}
@media all and (max-width: 26em) {
.specialreports-hub-header {
padding-right: 0;
}
}
/* @end special report pages */
/* @start Homepage */
.layout-homepage .header .head {
border-bottom: 1px solid #D6DBDF;
margin-bottom: 20px;
margin-top: 10px;
}
.layout-homepage .header .head .moduleID-FL01-infocus {
position: relative;
z-index: 40;
}
@media all and (max-width: 56.25em) {
.layout-homepage .header .head {
margin-top: 20px;
}
}
@media all and (max-width: 40.5em) {
.team-promo,
#site-body .moduleID-FL01-infocus {
display: none;
}
.layout-homepage .header .head {
background: none;
margin-top: 0;
border-bottom: 0;
margin-bottom: 0;
}
.layout-homepage .header .moduleID-AL08 {
margin-bottom: 20px;
}
}
/* @end Homepage */
/* @start Explore nav footer */
#explore-contents {
border-top: 5px solid #CCC;
border-bottom: 5px solid #CCC;
}
#explore-contents li a {
padding: 10px;
border-top: 1px solid #CCC;
display: block;
}
#explore-contents h4 {
font-size: 1.125em;
padding: 10px;
position: relative;
}
#explore-contents .to-top {
font-size: 0.7222222222222222em;
position: absolute;
right: 0;
top: 3px;
display: inline-block;
*display: inline;
*zoom: 1;
padding: 10px;
}
@media all and (min-width: 46.125em) {
.js #explore-contents {
display: none;
}
}
/* @end Explore nav footer */
/* @start Snowmail page */
.snowmail-wrapper {
overflow: hidden;
display: inline;
float: left;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
padding-top: 6%;
}
.snowmail-signup #site-body {
padding-top: 30px;
}
.signup-block {
background: #52057f;
*zoom: 1;
*zoom: 1;
margin-bottom: 25px;
padding-bottom: 20px;
}
.signup-block:before,
.signup-block:after {
content: "";
display: table;
}
.signup-block:after {
clear: both;
}
.signup-block .headshot-wrapper {
background: #420466;
height: 120px;
position: relative;
margin-bottom: 30px;
width: 100%;
}
.signup-block .headshot-wrapper img {
position: absolute;
bottom: 0;
left: 0;
display: inline;
float: left;
width: 54.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.signup-block .overview {
display: inline;
float: left;
width: 54.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
float: left;
}
.signup-block .signup {
margin-top: -184px;
display: inline;
float: left;
width: 35.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
padding-right: 0;
margin-right: 5.15625%;
/* *margin-right: @calculated-column-width+(@calculated-gutter-width*3)-@correction;*/
float: right;
text-align: center;
}
.signup-block .signup h1 {
font-size: 2.125em;
color: #333;
}
.signup-block .snowmail-synopsis {
font-size: 1.5em;
color: #FFF;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
}
.signup-block .overview-inner {
margin-left: 20px;
}
.signup-block .overview-inner .standlist {
color: #CCC;
}
.signup-block .overview-inner .standlist li {
font-size: 1em;
margin-bottom: 7px;
}
.signup-block .overview-inner .standlist li:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -200px -400px;
height: 11px;
width: 8px;
}
.signup-block .form-wrapper {
border: 6px solid #b4bec5;
background-color: #f3f4f6;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f4f6));
/* Konqueror */
background-image: -moz-linear-gradient(#ffffff, #f3f4f6);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#ffffff, #f3f4f6);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f3f4f6));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#ffffff, #f3f4f6);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#ffffff, #f3f4f6);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f4f6', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f4f6', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#ffffff, #f3f4f6);
/* the standard */
padding: 25px;
margin-bottom: 25px;
}
.signup-block .form-wrapper .instructions {
color: #6B7985;
font-size: 1.125em;
margin: 14px 0;
}
.signup-block .form-wrapper label {
display: none;
}
.signup-block .form-wrapper input.text {
border-width: 2px;
padding: 8px 2%;
width: 96%;
margin: 10px auto 20px auto;
}
.signup-block .form-wrapper button {
font-size: 18px;
padding: 10px 40px;
}
.signup-block .form-wrapper .signoff {
color: #666;
font-size: 0.875em;
margin-top: 30px;
margin-bottom: 0;
}
.signup-block .back-home {
position: relative;
color: #FFF;
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 0.875em;
text-transform: uppercase;
}
.signup-block .back-home:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -450px;
height: 16px;
width: 10px;
display: block;
content: " ";
position: absolute;
left: 0;
top: 1px;
}
.signup-footer {
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
border-top: 1px solid #D6DBDF;
padding-top: 25px;
padding-bottom: 50px;
}
.signup-footer:before,
.signup-footer:after {
content: "";
display: table;
}
.signup-footer:after {
clear: both;
}
.signup-footer h2 {
color: #005985;
font-size: 1.125em;
margin-bottom: 12px;
}
.signup-footer p {
font-size: 14px;
}
.signup-footer .inner {
border-right: 1px solid #D6DBDF;
}
.signup-footer .teaser {
display: inline;
float: left;
width: 48.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.signup-footer .teaser .inner {
width: 103.125%;
margin-left: -1.5625%;
margin-right: -1.5625%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.signup-footer .teaser .inner:before,
.signup-footer .teaser .inner:after {
content: "";
display: table;
}
.signup-footer .teaser .inner:after {
clear: both;
}
.signup-footer .teaser .video-wrapper {
display: inline;
float: left;
width: 46.875%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.signup-footer .teaser .body {
display: inline;
float: left;
width: 46.875%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.signup-footer .newsroom {
display: inline;
float: left;
width: 23.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.signup-footer .newsroom .inner {
padding-left: 10px;
padding-right: 10px;
}
.signup-footer .seeallLink:before {
top: 0;
}
.signup-footer .follow {
display: inline;
float: left;
width: 23.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.signup-footer .follow ul {
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.signup-footer .follow ul:before,
.signup-footer .follow ul:after {
content: "";
display: table;
}
.signup-footer .follow ul:after {
clear: both;
}
.signup-footer .follow li {
display: inline;
float: left;
width: 43.75%;
margin-left: 3.125%;
margin-right: 3.125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
margin-bottom: 5px;
}
.signup-footer .follow a {
color: #000;
font-size: 14px;
}
.signup-footer .follow i.social {
display: block;
float: left;
margin-right: 7px;
top: -2px;
position: relative;
}
.generatedcontent .back-home {
padding-left: 15px;
}
.generatedcontent .overview-inner .standlist li {
padding-left: 15px;
}
@media all and (min-width: 39em) and (max-width: 60em) {
.signup-footer .follow li {
display: inline;
float: left;
width: 93.75%;
margin-left: 3.125%;
margin-right: 3.125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
@media all and (max-width: 50em) {
.snowmail-wrapper {
padding-top: 40px;
}
.signup-block {
padding-top: 25px;
}
.signup-block .headshot-wrapper {
display: none;
}
.signup-block .overview {
width: 42.1875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.signup-block .signup {
width: 54.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
margin-top: -60px;
}
.signup-block .snowmail-synopsis {
font-size: 1.3125em;
}
.signup-block .form-wrapper {
margin-right: 20px;
}
.signup-footer .teaser .video-wrapper {
width: 96.875%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
margin-bottom: 14px;
width: 95%;
}
.signup-footer .teaser .body {
width: 96.875%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
@media all and (max-width: 39em) {
.snowmail-signup #site-body {
padding-top: 15px;
}
.signup-block .overview,
.signup-block .signup {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.signup-block .video-wrapper {
width: 100%;
}
.signup-block .form-wrapper {
margin-right: 10px;
margin-left: 10px;
}
.signup-block .overview-inner {
margin-right: 20px;
}
.signup-block .back-home {
display: none;
}
.signup-footer .inner {
border: 0;
padding: 0;
}
.signup-footer .teaser,
.signup-footer .newsroom,
.signup-footer .follow {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
padding-bottom: 10px;
border-bottom: 1px solid #D6DBDF;
margin-bottom: 12px;
}
.signup-footer .newsroom .inner {
padding: 0;
}
.signup-footer .follow {
border-bottom: 0;
margin-bottom: 0;
}
}
/* repsonsive tweaks */
@media all and (max-width: 64.375em) {
.site-masthead #navContainer {
padding-left: 20px;
padding-right: 20px;
}
.site-masthead #navContainer li.reports {
width: 14%;
}
}
@media all and (max-width: 63em) {
.site-masthead #navContainer li.more {
width: 21%;
}
.site-masthead #navContainer li.more div.richDrops {
width: 166px;
border: none;
border-left: 1px solid #B4B4B4;
}
}
@media all and (max-width: 56.25em) {
.site-masthead #navContainer li.more {
width: 18%;
}
#site-body .moduleID-FL01-stream .pinned.count-3 .component.c2.feature .heading,
#site-body .moduleID-FL01-stream .pinned.count-4 .component.c2.feature .heading {
font-size: 1.25em !important;
}
}
/* responsive tweaks */
/* Mobile tabbed content */
#mobile-tabs {
display: none;
}
@media all and (max-width: 40.5em) {
/* ------------------- TABS ------------------- */
#mobile-tabs {
display: block;
margin-bottom: 10px;
}
#mobile-tabs ul,
#mobile-tabs li {
margin: 0;
padding: 0;
height: 40px;
}
#mobile-tabs li {
float: left;
width: 50%;
display: block;
height: 40px;
text-align: center;
line-height: 40px;
font-family: "Channel 4 Medium", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 14px;
}
#mobile-tabs li a {
display: block;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
background: #EEE;
color: #262626;
}
#mobile-tabs li a.last {
border-right: none;
}
#mobile-tabs li a.active,
#mobile-tabs li a:hover {
cursor: pointer;
background: #f7f7f8;
color: #262626;
text-decoration: none;
}
#mobile-tabs li a.active {
border-bottom-color: #f7f7f8;
}
#mobile-tabs li a.active:hover {
cursor: inherit;
}
/* ------------------- TABS ------------------- */
div.tabbed-section {
position: static;
}
div.tabbed-inner {
position: relative;
}
div.moduleID-AV04 {
border-top: none;
}
.layout-homepage .secondary div.tabbed-aside {
float: none;
left: 0;
display: block;
display: none;
margin: 0;
}
}
/* Mobile header nav */
#mobile-explore {
display: none;
}
#mobile-detect {
float: left;
display: none;
}
@media all and (max-width: 40.5em) {
#mobile-detect {
float: right;
}
.site-footer .moduleID-WF06 .today > a {
background: none;
border: none;
box-shadow: none;
}
.site-footer #primary-nav #explore-content,
.site-footer #primary-nav .blogs,
.site-footer .to-top {
display: none;
}
.site-footer #secondary-nav .standlist .title:after,
.site-footer #secondary-nav .sociallist .title:after {
background-position: -150px -300px;
width: 14px;
height: 8px;
}
.site-footer #secondary-nav .standlist.open .title:after,
.site-footer #secondary-nav .sociallist.open .title:after {
background-position: -150px -250px;
}
#site-masthead {
background: url("/static/news/news/images/sprites/masthead-tile.png");
}
.site-masthead #navContainer {
top: 0;
padding: 0;
}
.site-masthead #navContainer #mobile-explore {
display: block;
position: absolute;
right: 49px;
padding: 21px 10px;
background-color: #FFFFFF;
background-image: linear-gradient(#f7f8f9, #ffffff);
background-repeat: repeat-x;
border-left: 1px solid #E9EAEB;
}
.site-masthead #navContainer #mobile-explore span {
padding-right: 20px;
background: url('/static/news/news/images/sprites/mobile-explore-down.png') no-repeat right;
color: #262626;
font-family: "Channel 4 Medium", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
}
.site-masthead #navContainer #mobile-explore:hover,
.site-masthead #navContainer #mobile-explore.active {
text-decoration: none;
background-color: #5f2c7c;
background-image: linear-gradient(#5f2c7c, #5f2c7c);
}
.site-masthead #navContainer #mobile-explore:hover span,
.site-masthead #navContainer #mobile-explore.active span {
background: url('/static/news/news/images/sprites/mobile-explore-down_o.png') no-repeat right;
color: #ffffff;
}
.site-masthead #navContainer #mobile-explore.active span {
background: url('/static/news/news/images/sprites/mobile-explore-up.png') no-repeat right;
}
.site-masthead #navContainer .navigation {
display: none;
left: 0;
position: absolute;
right: 0;
top: 63px;
}
.site-masthead #navContainer .navigation li {
display: block;
float: none;
width: 100%;
background: #5f2c7c;
text-align: left;
border: none;
border-bottom: 1px solid #6b4288;
border-top: 1px solid #482362;
padding: 0;
}
.site-masthead #navContainer .navigation li:hover {
border-top: 1px solid #F7F8F9;
background: #F7F8F9;
}
.site-masthead #navContainer .navigation li a.item {
text-align: left;
border: none;
background: url(/static/news/news/images/sprites/mobile-explore-right.png) no-repeat right;
padding: 5px 10px;
}
.site-masthead #navContainer .navigation li a.item:hover {
background: url(/static/news/news/images/sprites/mobile-explore-right_o.png) no-repeat right;
color: #262626;
}
.site-masthead #navContainer .navigation li.navtypes.listitem {
background: #4c2363;
display: block;
}
.site-masthead #navContainer .navigation li.navtypes.listitem:hover {
border-top: 1px solid #F7F8F9;
background: #F7F8F9;
}
.site-masthead #navContainer .navigation li.more {
display: none;
}
}
/* @end Snowmail page */
.groupID-AV {
margin-bottom: 25px;
}
.moduleID-AV05 {
background: #b4bec5;
padding: 0px 15px 15px 15px;
margin-bottom: 15px;
}
@media all and (max-width: 44em) {
.moduleID-AV05 {
padding: 0px 5px 5px 5px;
}
}
.moduleID-AI01 img {
width: 100%;
}
.moduleID-AI10 {
display: inline;
float: left;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
margin-bottom: 30px;
}
.moduleID-AI10 .image {
height: 72px;
overflow: hidden;
}
.moduleID-AI10 img {
max-width: 100000px;
width: 1200px;
}
.moduleID-AI11 {
display: inline;
float: left;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
margin-bottom: 30px;
}
.moduleID-AI11 .image {
overflow: hidden;
}
.moduleID-AI11 img {
min-width: 600px;
width: 100%;
}
.primary .moduleID-AI11 {
margin: 0 0 30px 0;
width: 100%;
}
.primary .moduleID-AI11 img {
min-width: 0;
}
.groupID-AR .image {
margin-bottom: 2px;
border: 1px solid #D6DBDF;
}
.groupID-AR .left .image {
float: left;
margin-right: 12px;
}
.groupID-AR .right .image {
float: right;
margin-left: 13px;
}
.groupID-AR p,
.groupID-AR ul,
.groupID-AR ol {
line-height: 1.75;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.groupID-AR pre {
clear: both;
}
.groupID-AR pre,
.groupID-AR .shadedContent {
background: #eff4f7;
border-top: 5px solid #d6e4eb;
border-bottom: 5px solid #d6e4eb;
display: block;
padding: 20px 25px 20px 25px;
margin-bottom: 10px;
font-size: 0.9375em;
white-space: normal;
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
}
.groupID-AR pre p:last-child,
.groupID-AR .shadedContent p:last-child {
margin-bottom: 0;
}
.groupID-AR pre.right,
.groupID-AR .shadedContent.right {
min-width: 200px;
max-width: 40%;
float: right;
margin-left: 10px;
}
.groupID-AR pre.left,
.groupID-AR .shadedContent.left {
min-width: 200px;
max-width: 40%;
margin-right: 10px;
}
.groupID-AR blockquote {
padding: 0 25px 0 35px;
border-left: 6px solid #D4C0DF;
}
.groupID-AR blockquote p {
font-size: 1em;
margin-bottom: 0;
}
.groupID-AR blockquote em {
color: #7F8C98;
font-size: 0.875em;
font-style: normal;
}
.groupID-AR blockquote strong {
font-size: 1.5em;
color: #52057f;
line-height: 1.4;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
display: block;
font-weight: normal;
}
.groupID-AR iframe {
width: 100%;
}
.article-body .groupID-AR strong {
font-weight: bold;
}
.article-body .groupID-AR em {
font-style: italic;
}
.article-body .groupID-AR ul {
padding-left: 20px;
list-style: disc;
}
.article-body .groupID-AR ol {
padding-left: 20px;
list-style: decimal;
}
.article-body .groupID-AR li {
color: #596A73;
font-size: 15px;
margin-bottom: 0.6em;
}
.article-body .groupID-AR h2,
.article-body .groupID-AR h3,
.article-body .groupID-AR h4,
.article-body .groupID-AR h5,
.article-body .groupID-AR h6 {
font-size: 1.25em;
}
.article-body .groupID-AR h2 + p,
.article-body .groupID-AR h3 + p,
.article-body .groupID-AR h4 + p,
.article-body .groupID-AR h5 + p,
.article-body .groupID-AR h6 + p {
margin-top: 0.6 em;
}
@media all and (max-width: 35em) {
.article-body .groupID-AR pre.right,
.article-body .groupID-AR pre.left,
.article-body .groupID-AR .shadedContent.right,
.article-body .groupID-AR .shadedContent.left {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
}
/* GA20 / GA21 - All New Uber Gallery Module */
.moduleID-GA20,
.moduleID-GA21 {
max-width: 1200px;
margin: 0 auto 20px auto;
padding: 20px 0 0 0;
position: relative;
overflow: hidden;
}
.moduleID-GA20 .gallery-wrapper,
.moduleID-GA21 .gallery-wrapper {
width: 840px;
height: 712px;
margin: 0 auto;
}
.moduleID-GA21 .gallery-wrapper {
height: 638px;
}
.moduleID-GA20 .componentRow,
.moduleID-GA21 .componentRow {
position: absolute;
top: 0;
left: 0;
width: 20000px;
height: 630px;
background: #000;
}
.moduleID-GA21 .componentRow {
left: -844px;
}
.moduleID-GA20 .componentRow .component,
.moduleID-GA21 .componentRow .component {
width: 840px;
height: 630px;
overflow: hidden;
display: inline-block;
*display: inline;
*zoom: 1;
}
.moduleID-GA20 .componentRow .component .image,
.moduleID-GA21 .componentRow .component .image {
margin: 0 auto;
border: 2px solid #000;
position: relative;
overflow: hidden;
}
.moduleID-GA20 .componentRow .component .image:after,
.moduleID-GA21 .componentRow .component .image:after {
background: url(/static/news/news/images/global/black-transparent.png);
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.moduleID-GA20 .componentRow .component .image.current:after,
.moduleID-GA21 .componentRow .component .image.current:after {
display: none;
}
.moduleID-GA20 .componentRow .component .image img,
.moduleID-GA21 .componentRow .component .image img {
width: 100%;
}
.moduleID-GA20 .navigation,
.moduleID-GA21 .navigation {
position: absolute;
top: 271px;
width: 100%;
min-width: 840px;
max-width: 1200px;
}
.moduleID-GA20 .navigation .main-navigation,
.moduleID-GA21 .navigation .main-navigation {
display: block;
position: absolute;
width: 88px;
height: 88px;
background: url(/static/news/news/images/sprites/gallery-sprite.png) no-repeat 0 0;
text-indent: -9999em;
}
.moduleID-GA20 .navigation .main-navigation-left,
.moduleID-GA21 .navigation .main-navigation-left {
background-position: 0 0;
left: 0;
}
.moduleID-GA20 .navigation .main-navigation-right,
.moduleID-GA21 .navigation .main-navigation-right {
background-position: -88px 0;
right: 0;
}
.moduleID-GA20 .navigation .main-navigation.hide,
.moduleID-GA21 .navigation .main-navigation.hide {
display: none;
}
.moduleID-GA20 .image-overlay,
.moduleID-GA21 .image-overlay {
position: absolute;
bottom: 0;
width: 840px;
margin: -100px auto 0 auto;
background: url(/static/news/news/images/global/black-transparent.png);
}
.moduleID-GA20 .image-overlay .image-info,
.moduleID-GA21 .image-overlay .image-info {
position: relative;
overflow: hidden;
padding: 10px 15px;
}
.moduleID-GA20 .image-overlay .image-info .image-description,
.moduleID-GA21 .image-overlay .image-info .image-description,
.moduleID-GA20 .image-overlay .image-info .image-title,
.moduleID-GA21 .image-overlay .image-info .image-title {
display: block;
color: #fff;
float: left;
width: 600px;
font-size: 14px;
}
.moduleID-GA20 .image-overlay .image-info .image-title,
.moduleID-GA21 .image-overlay .image-info .image-title {
font-size: 18px;
font-weight: bold;
}
.moduleID-GA20 .image-overlay .image-info .image-source,
.moduleID-GA21 .image-overlay .image-info .image-source {
color: #999999;
font-weight: normal;
}
.moduleID-GA20 .image-overlay .image-info .image-count,
.moduleID-GA21 .image-overlay .image-info .image-count {
display: block;
color: #999999;
float: right;
font-size: 13px;
text-align: right;
width: 100px;
}
.moduleID-GA20 .image-overlay .thumbnail-toggle {
display: none;
width: auto;
text-align: center;
color: #999999;
font-size: 13px;
padding: 10px 0;
border-top: 1px solid #666666;
}
.moduleID-GA20 .image-overlay .thumbnail-toggle:hover {
text-decoration: none;
}
.moduleID-GA20 .image-overlay .thumbnail-toggle span {
display: inline-block;
*display: inline;
*zoom: 1;
padding-right: 20px;
background: url(/static/news/news/images/sprites/gallery-sprite-small.png) no-repeat right -68px;
}
.moduleID-GA20 .image-overlay .thumbnail-toggle span.down {
background-position: right -45px;
}
.moduleID-GA20 .image-overlay .image-explorer {
overflow: hidden;
height: 71px;
padding: 0;
border: 5px solid #000;
background: #000;
}
.moduleID-GA20 .image-overlay .image-explorer .slider {
position: absolute;
left: 0;
top: 0;
display: inline-block;
*display: inline;
*zoom: 1;
}
.moduleID-GA20 .image-overlay .image-explorer .image {
display: inline-block;
*display: inline;
*zoom: 1;
width: 92px;
height: 69px;
overflow: hidden;
border: 2px solid #000;
position: relative;
}
.moduleID-GA20 .image-overlay .image-explorer .image.current a:after,
.moduleID-GA20 .image-overlay .image-explorer .image a:hover:after {
content: "";
display: block;
width: 86px;
height: 63px;
position: absolute;
top: 0;
left: 0;
border: 3px solid #fff;
}
.moduleID-GA20 .image-overlay .image-explorer .image-explorer-navigation {
position: absolute;
display: block;
width: 30px;
height: 69px;
background: url(/static/news/news/images/sprites/gallery-sprite.png) no-repeat;
top: 2px;
text-indent: -9999em;
}
.moduleID-GA20 .image-overlay .image-explorer .image-explorer-navigation-left {
background-position: 0 -88px;
left: 0;
}
.moduleID-GA20 .image-overlay .image-explorer .image-explorer-navigation-right {
background-position: -30px -88px;
right: 0;
}
@media all and (max-width: 54.125em) {
.moduleID-GA20 .gallery-wrapper,
.moduleID-GA21 .gallery-wrapper {
width: 728px;
height: 632px;
}
.moduleID-GA21 .gallery-wrapper {
height: 555px;
}
.moduleID-GA21 .componentRow {
left: -732px;
}
.moduleID-GA20 .componentRow .component,
.moduleID-GA21 .componentRow .component {
width: 728px;
height: 546px;
}
.moduleID-GA20 .image-overlay,
.moduleID-GA21 .image-overlay {
width: 728px;
}
.moduleID-GA20 .image-overlay .image-info .image-description,
.moduleID-GA21 .image-overlay .image-info .image-description,
.moduleID-GA20 .image-overlay .image-info .image-title,
.moduleID-GA21 .image-overlay .image-info .image-title {
width: 500px;
}
.moduleID-GA20 .navigation,
.moduleID-GA21 .navigation {
min-width: 728px;
}
}
@media all and (max-width: 43.25em) {
.moduleID-GA20,
.moduleID-GA21 {
width: 300px;
}
.moduleID-GA20 .gallery-wrapper,
.moduleID-GA21 .gallery-wrapper {
width: 300px;
height: auto;
overflow: hidden;
}
.moduleID-GA21 .componentRow {
left: -305px;
}
.moduleID-GA20 .componentRow .component,
.moduleID-GA21 .componentRow .component {
width: 300px;
height: 225px;
}
.moduleID-GA20 .componentRow .component .image,
.moduleID-GA21 .componentRow .component .image {
border: none;
}
.moduleID-GA20 .image-overlay,
.moduleID-GA21 .image-overlay {
width: 300px;
position: relative;
margin-top: 225px;
background: #000;
}
.moduleID-GA20 .image-overlay .thumbnail-toggle,
.moduleID-GA21 .image-overlay .thumbnail-toggle {
display: block;
}
.moduleID-GA20 .image-overlay .image-explorer {
height: auto;
display: none;
}
.moduleID-GA20 .image-overlay .image-explorer .slider {
position: relative;
width: auto;
}
.moduleID-GA20 .image-overlay .image-explorer .image-explorer-navigation {
display: none;
}
.moduleID-GA20 .navigation,
.moduleID-GA21 .navigation {
width: 300px;
top: 220px;
min-width: 300px;
}
.moduleID-GA20 .navigation .main-navigation,
.moduleID-GA21 .navigation .main-navigation {
background: url(/static/news/news/images/sprites/gallery-sprite-small.png) no-repeat;
width: 60px;
height: 44px;
}
.moduleID-GA20 .navigation .main-navigation-left,
.moduleID-GA21 .navigation .main-navigation-left {
background-position: 0 0;
}
.moduleID-GA20 .navigation .main-navigation-right,
.moduleID-GA21 .navigation .main-navigation-right {
background-position: -60px 0;
}
.moduleID-GA20 .image-overlay .image-info .image-title,
.moduleID-GA21 .image-overlay .image-info .image-title {
text-align: center;
float: none;
width: 100%;
font-size: 14px;
}
.moduleID-GA20 .image-overlay .image-info .image-description,
.moduleID-GA21 .image-overlay .image-info .image-description {
text-align: center;
float: none;
width: 100%;
font-size: 13px;
}
.moduleID-GA20 .image-overlay .image-info .image-count,
.moduleID-GA21 .image-overlay .image-info .image-count {
text-align: center;
width: 100%;
color: #999999;
font-size: 13px;
}
.moduleID-GA20 .image-overlay .image-info .imageRater {
margin-top: 10px;
margin-right: 45px;
}
}
.no-js .moduleID-GA20 .componentRow {
background: none;
}
.no-js .moduleID-GA20 .component {
background: #000000;
}
.groupID-PR {
margin-bottom: 20px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #EEE;
background: #FFF;
overflow: hidden;
max-width: 350px;
}
.groupID-PR h4 {
position: absolute;
top: 10px;
left: 10px;
font-size: 14px;
color: #FFF;
z-index: 10;
}
.groupID-PR a {
font-size: 13px;
line-height: 1.4;
display: block;
position: relative;
}
.groupID-PR .promoLink a:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -400px;
height: 11px;
width: 8px;
display: block;
content: " ";
position: absolute;
left: 0px;
top: 4px;
}
.groupID-PR .promoLink {
padding: 12px 15px 14px 15px;
border-top: 1px solid #EEE;
background-color: #ffffff;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9fa), to(#ffffff));
/* Konqueror */
background-image: -moz-linear-gradient(#f9f9fa, #ffffff);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#f9f9fa, #ffffff);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9fa), color-stop(100%, #ffffff));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#f9f9fa, #ffffff);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#f9f9fa, #ffffff);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9fa', endColorstr='#ffffff', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9fa', endColorstr='#ffffff', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#f9f9fa, #ffffff);
/* the standard */
}
.groupID-PR p {
margin: 0;
font-size: 12px;
color: #333;
}
.groupID-PR .promoBody p {
position: absolute;
bottom: 0;
left: 0;
font-size: 18px;
background: #52057f;
display: inline-block;
*display: inline;
*zoom: 1;
padding: 7px 15px 5px 15px;
color: #FFF;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
}
.groupID-PR .promoLink p {
margin-bottom: 10px;
}
.groupID-PR .promoBody p a {
color: #FFF;
font-size: 18px;
}
.boxshadow .groupID-PR {
border: 0;
-webkit-box-shadow: 0px 1px 2px #cccccc;
-moz-box-shadow: 0px 1px 2px #cccccc;
box-shadow: 0px 1px 2px #cccccc;
}
.generatedcontent .groupID-PR .promoLink a {
padding-left: 11px;
}
.moduleID-PR02 .promoBody {
padding: 12px 15px;
}
.moduleID-PR02 h4 {
position: static;
margin-bottom: 10px;
color: #666;
font-size: 14px;
}
.moduleID-PR02 .promoBody {
position: relative;
padding: 12px 15px 15px 15px;
}
.moduleID-PR02 .promoBody:after {
content: ' ';
width: 18px;
height: 9px;
background: url('/static/news/news/images/sprites/promolink-triangle.png') no-repeat 0 0;
position: absolute;
bottom: -9px;
z-index: 100;
}
.moduleID-PR02 .promoBody p {
position: static;
display: block;
padding: 0;
background: #FFF;
color: #52057f;
}
.moduleID-PR02 .promoLink {
border-top: 1px solid #DDD;
}
.moduleID-PR02 .promoLink a:before {
display: none;
}
.generatedcontent .moduleID-PR02 .promoLink a {
padding-left: 0;
}
.moduleID-PR04 h4 {
top: 0;
left: 0;
float: left;
padding: 4px 15px;
background: #FFF;
color: #666;
}
.moduleID-PR05 .promoBody {
position: absolute;
top: 15px;
left: 0;
z-index: 100;
}
.moduleID-PR05 h4,
.moduleID-PR05 .promoBody p {
position: static;
margin-bottom: 15px;
}
.moduleID-PR05 h4 {
margin-left: 15px;
}
.moduleID-PR05 .promoLink p {
display: none;
}
@media all and (max-width: 51.875em) {
.layout-wrapper .secondary .groupID-PR {
max-width: 100000px;
width: 47.5%;
margin-left: 1%;
margin-right: 1%;
display: inline-block;
vertical-align: top;
}
.layout-wrapper .secondary .groupID-PR img {
width: 100%;
max-width: 10000px;
}
}
@media all and (max-width: 31em) {
.layout-wrapper .secondary .groupID-PR {
max-width: 350px;
width: auto;
margin-left: auto;
margin-right: auto;
display: block;
}
}
.moduleID-SM04 #sitemap-index,
.moduleID-SM04 #sitemap-articles {
border-top: 1px solid #D2D2D2;
padding: 10px 0 20px 0;
clear: both;
overflow: auto;
}
.moduleID-SM04 #sitemap-index h2,
.moduleID-SM04 #sitemap-articles h2 {
margin-bottom: 15px;
}
.moduleID-SM04 #sitemap-articles span.searchKey {
text-transform: uppercase;
}
.moduleID-SM04 #sitemap-index li {
display: block;
float: left;
width: 50px;
height: 50px;
background: #005989;
margin: 0 10px 10px 0;
}
.moduleID-SM04 #sitemap-index li a {
color: #ffffff;
font-size: 22px;
display: block;
padding: 23px 10px 5px 5px;
text-transform: uppercase;
}
.moduleID-SM04 #sitemap-index li.noResults span {
color: #333333;
font-size: 22px;
display: block;
padding: 23px 10px 5px 5px;
text-transform: uppercase;
}
.moduleID-SM04 #sitemap-index li.selected {
background: #ccc8d0;
}
.moduleID-SM04 #sitemap-index li.selected a {
color: #333333;
}
.moduleID-SM04 #sitemap-index li a:hover {
text-decoration: none;
}
.moduleID-SM04 #sitemap-articles li {
background: url(/static/news/images/icons/arrow-grey.gif) no-repeat left 6px;
padding: 0 0 0 15px;
}
.moduleID-SM04 #sitemap-articles li a {
font-size: 1em;
}
.groupID-VL {
padding: 25px 0 20px 0;
border-top: 1px solid #D6DBDF;
}
.groupID-VL h3 {
margin-bottom: 15px;
font-size: 1.125em;
}
.groupID-VL li {
margin-bottom: 8px;
}
.groupID-VL .pubDateTime,
.groupID-VL .authorName,
.groupID-VL .from,
.groupID-VL .extras > span {
color: #999;
font-size: 12px;
}
.groupID-VL .exploreLink {
display: block;
padding-top: 4px;
font-size: 13px;
margin-left: 10px;
}
.groupID-VL .exploreLink a {
color: #666;
}
.groupID-VL .exploreLink a:after {
content: " \2192";
}
.moduleID-VL13 {
padding: 10px;
font-size: 13px;
padding: 12px 0;
}
.moduleID-VL13 h3,
.moduleID-VL13 .component {
margin-right: 5px;
color: #666;
font-size: 13px;
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
display: inline;
}
.article-video .moduleID-VL13 {
border: 0;
}
.moduleID-AA01 {
float: left;
margin: 10px 20px 2px 0;
padding-top: 1px;
position: relative;
z-index: 1;
}
.moduleID-AA01 .component {
background: #D9EEE3;
padding: 10px 5px 5px 0;
}
.moduleID-AA01 .from {
padding-bottom: 10px;
background: url('/static/news/news/images/sprites/remark-arrow.png') no-repeat 0 100%;
margin-left: 92px;
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 13px;
color: #333;
}
.moduleID-AA01 .remark {
background: #FFF;
padding: 10px 10px 10px 0;
width: 260px;
-webkit-box-shadow: 1px 1px 1px #cccccc;
-moz-box-shadow: 1px 1px 1px #cccccc;
box-shadow: 1px 1px 1px #cccccc;
}
.moduleID-AA01 .correspondent img {
margin-top: -50px;
float: left;
width: 82px;
}
.moduleID-AA01 .correspondent .cr-name,
.moduleID-AA01 .correspondent .cr-role {
margin-left: 92px;
font-size: 13px;
}
.moduleID-AA01 .correspondent .cr-name {
padding-top: 6px;
color: #005985;
text-transform: uppercase;
letter-spacing: 2px;
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
}
.moduleID-AA01 .correspondent .cr-role {
color: #667884;
}
.moduleID-AA01 blockquote {
clear: both;
padding-top: 20px;
padding-bottom: 10px;
}
.moduleID-AA01 blockquote p {
color: #767676;
font-family: Georgia, Palatino, "Palatino Linotype", Times New Roman, serif;
font-size: 16px;
line-height: 1.75;
font-style: italic;
}
.moduleID-AA01 .morelink {
font-size: 14px;
}
.article-body .moduleID-AA01 {
clear: none;
}
@media all and (max-width: 32.5em) {
.moduleID-AA01 {
float: none;
margin: 10px 0;
}
.moduleID-AA01 .remark {
width: auto;
}
}
.moduleID-AL08 {
margin-bottom: 20px;
}
.moduleID-AL08 .badge {
font-weight: normal;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
color: #fff;
background: #ED3B21;
padding: 3px;
font-size: 0.8125em;
text-transform: uppercase;
}
.moduleID-AL08 .content {
overflow: hidden;
padding-top: 20px;
border-top: 1px solid #D6DBDF;
}
.moduleID-AL08 .content-inner {
overflow: hidden;
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
background: url('/static/news/news/images/sprites/splash-bg-light.jpg') repeat-x bottom left;
}
.moduleID-AL08 .content-inner:before,
.moduleID-AL08 .content-inner:after {
content: "";
display: table;
}
.moduleID-AL08 .content-inner:after {
clear: both;
}
.moduleID-AL08 .meta {
margin-top: 0;
overflow: hidden;
}
.moduleID-AL08 .image {
display: inline;
float: left;
width: 48.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
float: right;
margin-bottom: 0;
border: 0;
}
.moduleID-AL08 .image img {
width: 100%;
}
.moduleID-AL08 .body {
display: inline;
float: left;
width: 48.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-AL08 .title-wrapper {
border-left: 15px solid #52057f;
padding-bottom: 3px;
padding-top: 4px;
margin-bottom: 20px;
overflow: hidden;
}
.moduleID-AL08 .title {
font-size: 40px;
line-height: 52px;
color: #FFF;
background: #52057f;
padding: 10px 12px 10px 0;
display: inline;
}
.moduleID-AL08 .title a {
color: #FFF;
}
.moduleID-AL08 .description {
width: 62%;
float: left;
margin-left: 15px;
font-size: 1em;
}
.moduleID-AL08 .description p,
.moduleID-AL08 .description li {
line-height: 1.3;
margin-top: 0;
margin-bottom: 10px;
}
.moduleID-AL08 .read-more {
width: 30%;
float: right;
margin: 0 0 10px 0;
}
.moduleID-AL08 .read-more a {
font-size: 13px;
}
.moduleID-AL08 .read-more li {
line-height: 1.1;
margin-bottom: 9px;
position: relative;
}
.moduleID-AL08 .read-more a:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -450px;
height: 16px;
width: 10px;
display: block;
content: " ";
position: absolute;
left: 0;
top: 0;
}
.moduleID-AL08.boxed .content-inner {
background: #262626;
}
.moduleID-AL08.boxed .meta {
padding-top: 15px;
padding-left: 15px;
}
.moduleID-AL08.boxed .badge {
margin-left: 15px;
}
.moduleID-AL08.boxed .meta a,
.moduleID-AL08.boxed .read-more a {
color: #BFD8FF;
}
.moduleID-AL08.boxed .description {
color: #CCC;
}
.generatedcontent .moduleID-AL08 .read-more li {
padding-left: 15px;
}
@media all and (max-width: 56.25em) {
.moduleID-AL08 .description {
width: 90%;
margin-bottom: 10px;
}
.moduleID-AL08 .read-more {
width: 100%;
}
.moduleID-AL08 .read-more li {
margin-left: 15px;
}
}
@media all and (max-width: 56.25em) {
.moduleID-AL08 {
/* .title-wrapper {
border-left: 15px solid @c4-purple;
padding-bottom: 3px;
padding-top: 4px;
margin-bottom: 20px;
overflow: hidden;
}
.title {
font-size: 40px;
line-height: 52px;
color: #FFF;
background: @c4-purple;
padding: 10px 12px 10px 0;
display: inline;
}*/
margin-bottom: 0;
}
.moduleID-AL08 .title {
font-size: 30px;
line-height: 42px;
}
.moduleID-AL08 .image {
display: inline;
float: left;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
margin-bottom: 13px;
}
.moduleID-AL08 .body {
display: inline;
float: left;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-AL08 .content {
padding-top: 0;
border-top: 0;
border-bottom: 0;
}
.moduleID-AL08.boxed .meta {
padding-top: 0;
}
}
.moduleID-AV04 {
padding: 25px 0 20px 0;
border-top: 1px solid #d6dbdf;
}
.moduleID-AV04 h3 {
display: none;
}
.moduleID-AV04 .subTitle {
margin-bottom: 15px;
font-size: 0.875em;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
display: block;
text-transform: uppercase;
color: #52057f;
}
.moduleID-AV04 li {
margin-bottom: 15px;
}
.moduleID-AV04 a {
font-weight: bold;
font-size: 0.8125em;
}
.moduleID-AV04 .pubDateTime {
font-size: 0.75em;
color: #999;
display: block;
}
.moduleID-AV04 .image {
width: 136px;
height: 76px;
margin-bottom: 1px;
position: relative;
}
.moduleID-AV04 .image:after {
content: ' ';
display: block;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -200px -100px;
height: 28px;
width: 28px;
position: absolute;
bottom: 10px;
left: 10px;
pointer-events: none;
z-index: 99;
}
.moduleID-AV05 {
margin-bottom: 0;
}
.moduleID-AV05 .component {
background: #36393B;
padding: 17px 17px 0 17px;
}
.moduleID-AV05 .currentVideoDisplay {
width: 65%;
float: left;
padding-bottom: 17px;
}
.moduleID-AV05 .currentVideoDisplay .video {
box-shadow: 0 0 12px #222;
}
.moduleID-AV05 .playListDescription {
width: 35%;
float: left;
}
.moduleID-AV05 .playListDescription h2 {
color: #FFF;
padding-left: 15px;
font-size: 1.75em;
margin-top: 5px;
margin-bottom: 14px;
}
.moduleID-AV05 .playListDescription p {
color: #CCC;
padding-left: 15px;
font-size: 0.875em;
}
.moduleID-AV05 .nowPlaying {
clear: both;
background: #F3F4F6;
margin-left: -17px;
margin-right: -17px;
padding: 15px 15px 10px 15px;
}
.moduleID-AV05 .nowPlaying p {
margin: 0;
font-size: 1em;
color: #666;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
}
.moduleID-AV05 .playList {
margin-left: -17px;
margin-right: -17px;
padding: 0 0 15px 0;
font-size: 0;
background: #f3f4f6 url('/static/news/news/images/sprites/catchup-item-bg.png') no-repeat 105% 0;
}
.moduleID-AV05 .playList .article {
width: 10.5%;
padding: 10px 1% 10px 1%;
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 16px;
vertical-align: top;
margin-bottom: 5px;
background: transparent url('/static/news/news/images/sprites/catchup-item-bg.png') repeat-x right top;
position: relative;
}
.moduleID-AV05 .playList .article:last-child {
background-position: left top;
}
.moduleID-AV05 .playList img {
max-width: 100000px;
width: 90px;
margin-bottom: 5px;
border: 3px solid transparent;
margin-left: -3px;
}
.moduleID-AV05 .playList .article.selected a {
color: #d4351e;
}
.moduleID-AV05 .playList .image {
position: relative;
}
.moduleID-AV05 .playList .selected .image:after {
content: ' ';
display: block;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -200px -150px;
height: 24px;
width: 24px;
position: absolute;
top: 17px;
left: 33px;
z-index: 10;
}
.moduleID-AV05 .playlistInfo h3 {
font-size: 13px;
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
}
.moduleID-AV05 .playlistInfo span {
color: #666;
font-size: 12px;
margin-top: -1px;
}
.js .moduleID-AV05 .playList .article {
cursor: pointer;
}
.js .moduleID-AV05 .playList .article:hover a {
text-decoration: underline;
}
.js .moduleID-AV05 .playList .article:hover img {
border-color: #888888;
}
.js .moduleID-AV05 .playList .article.selected:hover img {
border-color: #d4351e;
}
@media all and (min-width: 59em) {
.moduleID-AV05 .playList .article:nth-child(8n) {
background-position: left top;
}
}
@media all and (min-width: 44em) and (max-width: 59em) {
.moduleID-AV05 .playList .article {
width: 14.666666667%;
}
.moduleID-AV05 .playList .article:nth-child(6n) {
background-position: left top;
}
}
@media all and (max-width: 44em) {
.moduleID-AV05 .component {
padding: 8px 8px 0 8px;
}
.moduleID-AV05 .nowPlaying,
.moduleID-AV05 .playList {
margin-left: -8px;
margin-right: -8px;
}
.moduleID-AV05 .currentVideoDisplay,
.moduleID-AV05 .playListDescription {
width: 100%;
float: none;
padding-bottom: 10px;
}
.moduleID-AV05 .playListDescription h2,
.moduleID-AV05 .playListDescription p {
padding-left: 0;
margin-bottom: 5px;
}
}
@media all and (min-width: 27em) and (max-width: 44em) {
.moduleID-AV05 .playList .article {
width: 23%;
}
.moduleID-AV05 .playList .article:nth-child(4n) {
background-position: left top;
}
}
@media all and (max-width: 27em) {
.moduleID-AV05 .playList .article {
width: 94%;
display: block;
padding: 8px 3%;
background-position: left top;
border-top: 1px solid #DDD;
overflow: hidden;
}
.moduleID-AV05 .playList .image {
float: left;
width: 90px;
margin-right: 15px;
}
.moduleID-AV05 .playList .playlistInfo {
margin-left: 105px;
padding-top: 8px;
}
.moduleID-AV05 .playlistInfo h3 {
font-size: 15px;
}
.moduleID-AV05 .playlistInfo span {
font-size: 13px;
}
}
.moduleID-CU01 {
margin-bottom: 15px;
background: #b4bec5;
padding: 15px;
margin-bottom: 0px;
}
.moduleID-CU01 h3 {
padding: 14px 10px 10px 10px;
font-size: 1.125em;
}
.moduleID-CU01 ul {
overflow: hidden;
background-color: #f3f4f6;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f4f6));
/* Konqueror */
background-image: -moz-linear-gradient(#ffffff, #f3f4f6);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#ffffff, #f3f4f6);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f3f4f6));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#ffffff, #f3f4f6);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#ffffff, #f3f4f6);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f4f6', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f4f6', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#ffffff, #f3f4f6);
/* the standard */
-webkit-box-shadow: 0 1px 2px #777777;
-moz-box-shadow: 0 1px 2px #777777;
box-shadow: 0 1px 2px #777777;
}
.moduleID-CU01 li {
float: left;
width: 14.2857143%;
background-color: #f3f4f6;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f4f6));
/* Konqueror */
background-image: -moz-linear-gradient(#ffffff, #f3f4f6);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#ffffff, #f3f4f6);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f3f4f6));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#ffffff, #f3f4f6);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#ffffff, #f3f4f6);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f4f6', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f4f6', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#ffffff, #f3f4f6);
/* the standard */
}
.moduleID-CU01 li h4 {
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
}
.moduleID-CU01 li a {
padding: 10px 10px 10px 10px;
display: block;
border-left: 1px solid #FFF;
border-right: 1px solid #c4c4c5;
}
.moduleID-CU01 li a:hover {
text-decoration: none;
}
.moduleID-CU01 li .day {
display: block;
font-size: 15px;
margin-bottom: 2px;
}
.moduleID-CU01 li .date {
display: block;
color: #999;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1.0px;
}
.moduleID-CU01 li:hover {
background-color: #ffffff;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#f3f4f6), to(#ffffff));
/* Konqueror */
background-image: -moz-linear-gradient(#f3f4f6, #ffffff);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#f3f4f6, #ffffff);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f4f6), color-stop(100%, #ffffff));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#f3f4f6, #ffffff);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#f3f4f6, #ffffff);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f4f6', endColorstr='#ffffff', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f4f6', endColorstr='#ffffff', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#f3f4f6, #ffffff);
/* the standard */
}
.moduleID-CU01 li.selected,
.moduleID-CU01 li.selected:hover {
background-color: #5a6974;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#515e68), to(#5a6974));
/* Konqueror */
background-image: -moz-linear-gradient(#515e68, #5a6974);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#515e68, #5a6974);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #515e68), color-stop(100%, #5a6974));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#515e68, #5a6974);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#515e68, #5a6974);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515e68', endColorstr='#5a6974', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#515e68', endColorstr='#5a6974', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#515e68, #5a6974);
/* the standard */
}
.moduleID-CU01 li.selected .day,
.moduleID-CU01 li.selected:hover .day {
color: #FFF;
}
.moduleID-CU01 li.selected .date,
.moduleID-CU01 li.selected:hover .date {
color: #CCC;
}
.moduleID-CU01 li.selected a,
.moduleID-CU01 li.selected:hover a {
border-right-color: #222;
border-left-color: #000;
}
.moduleID-CU01 li:last-child a {
border-right: 0;
}
.moduleID-CU01 .catchupSelect {
padding: 10px 10px 10px 10px;
display: none;
}
.moduleID-CU01 .catchupSelect label,
.moduleID-CU01 .catchupSelect select {
display: inline-block;
*display: inline;
*zoom: 1;
}
@media all and (max-width: 44em) {
.moduleID-CU01 {
padding: 5px;
}
.js .moduleID-CU01 {
margin-bottom: 5px;
}
.js .moduleID-CU01 ul {
display: none;
}
.js .moduleID-CU01 .catchupSelect {
display: block;
}
.no-js .moduleID-CU01 {
background: none;
padding-bottom: 0;
}
.no-js .moduleID-CU01 li {
width: 100%;
float: none;
background: none;
}
.no-js .moduleID-CU01 li a {
padding: 5px 10px;
}
.no-js .moduleID-CU01 li.selected {
background: none;
}
.no-js .moduleID-CU01 li .article {
background: none;
}
}
.moduleID-CA01 {
margin-bottom: 3%;
position: relative;
}
.moduleID-CA01 .carousel-wrapper {
overflow: hidden;
}
.moduleID-CA01 .carousel {
height: 200px;
overflow: hidden;
}
.moduleID-CA01 .slide {
overflow: hidden;
position: relative;
background: #000;
height: 200px;
position: relative;
}
.moduleID-CA01 .slide a,
.moduleID-CA01 .slide a:hover {
display: block;
text-decoration: none;
}
.moduleID-CA01 img {
max-width: 1000px;
width: 356px;
height: 200px;
position: absolute;
top: 0;
right: 0;
}
.moduleID-CA01 .synopsis {
background: #000;
background: rgba(0, 0, 0, 0.8);
width: 46.7066%;
color: #FFF;
height: 200px;
position: relative;
z-index: 0;
}
.moduleID-CA01 .synopsis .inner {
position: absolute;
bottom: 0;
}
.moduleID-CA01 .type {
position: relative;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
color: #FFF;
font-size: 12px;
padding-top: 15px;
display: block;
margin-left: 15px;
text-transform: uppercase;
}
.moduleID-CA01 .title {
padding: 0 10px 0 15px;
font-size: 22px;
color: #d4351e;
line-height: 1.1;
}
.moduleID-CA01 .description {
font-size: 13px;
margin: 10px 15px 10px 15px;
}
.moduleID-CA01 .jumplinks {
font-size: 0;
position: absolute;
top: 15px;
left: 10px;
z-index: 0;
}
.moduleID-CA01 .jumplinks a {
font-weight: bold;
width: 8px;
height: 8px;
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 2px 0 2px;
font-size: 14px;
text-indent: -9999px;
background: #404040;
border-radius: 1.0em;
}
.moduleID-CA01 .jumplinks a.current {
background: #FFF;
}
.moduleID-CA01 .navigation {
position: static;
}
.moduleID-CA01 .navigation a {
display: block;
width: 44px;
height: 44px;
position: absolute;
z-index: 10;
background-color: rgba(255, 255, 255, 0.9);
background-color: #FFF;
background-repeat: no-repeat;
background-image: url('/static/news/news/images/sprites/CA01-sprite.png');
border: 1px solid #D6DCE0;
text-indent: -9999px;
}
.moduleID-CA01 .navigation a:hover {
background-color: #FFF;
}
.moduleID-CA01 .navigation .prev {
top: 154px;
right: 45px;
background-position: 16px 12px;
}
.moduleID-CA01 .navigation .next {
top: 154px;
right: 0;
background-position: -34px 12px;
}
.moduleID-CA01 .navigation .prev:hover {
background-position: 16px -88px;
}
.moduleID-CA01 .navigation .next:hover {
background-position: -34px -88px;
}
.moduleID-CA01 .navigation .prev:active {
background-color: #d4351e;
background-position: 16px -138px;
}
.moduleID-CA01 .navigation .next:active {
background-color: #d4351e;
background-position: -34px -138px;
}
.moduleID-CA01 .navigation .prev.disabled {
background-position: 16px -38px;
}
.moduleID-CA01 .navigation .next.disabled {
background-position: -34px -38px;
}
.lt-ie9 .moduleID-CA01 .navigation a {
background-color: #FFF;
}
@media all and (max-width: 54em) {
.layout-homepage .secondary .moduleID-CA01 .synopsis {
height: auto;
position: absolute;
bottom: 0;
width: 100%;
padding-top: 10px;
}
.layout-homepage .secondary .moduleID-CA01 .synopsis .inner {
position: relative;
bottom: 0;
}
.layout-homepage .secondary .moduleID-CA01 .title {
padding-left: 10px;
}
.layout-homepage .secondary .moduleID-CA01 .description {
margin: 0;
padding: 5px 10px 10px 10px;
}
.layout-homepage .secondary .moduleID-CA01 .navigation .prev {
top: 0;
}
.layout-homepage .secondary .moduleID-CA01 .navigation .next {
top: 0;
}
}
.moduleID-FD03 {
padding-top: 20px;
font-size: 0;
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.moduleID-FD03:before,
.moduleID-FD03:after {
content: "";
display: table;
}
.moduleID-FD03:after {
clear: both;
}
.moduleID-FD03 .presenter {
vertical-align: top;
display: inline-block;
*display: inline;
*zoom: 1;
width: 10.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
font-size: 16px;
padding-bottom: 5%;
}
.moduleID-FD03 .personalityName {
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 1.25em;
margin-bottom: 3px;
line-height: 1.0;
}
.moduleID-FD03 .personalityTitle {
font-style: italic;
color: #6B7985;
font-size: 0.8125em;
margin-bottom: 12px;
}
.moduleID-FD03 .image {
width: 98px;
margin-bottom: 15px;
}
.moduleID-FD03 .image img {
width: 98px;
}
.moduleID-FD03 .standlist li {
font-size: 0.75em;
padding-left: 0;
}
.moduleID-FD03 .standlist li:before {
display: none;
}
.moduleID-FD03 .standlist .pubDateTime {
display: block;
}
@media all and (max-width: 66em) {
.moduleID-FD03 .presenter {
width: 15.104162500000001%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
@media all and (max-width: 48em) {
.moduleID-FD03 .presenter {
width: 23.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
@media all and (max-width: 30em) {
.moduleID-FD03 .presenter {
width: 48.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
margin-bottom: 15px;
}
}
@media all and (max-width: 25em) {
.moduleID-FD03 .presenter {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FD03 .presenter .image {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
}
/* Stream */
.moduleID-FL01-stream,
.moduleID-FL01-shaded-feature-stream {
/* results */
/* article */
/* blog post */
/* gallery */
/* video */
/* pinned */
/* filter */
}
.moduleID-FL01-stream .contentType,
.moduleID-FL01-shaded-feature-stream .contentType {
display: none;
}
.moduleID-FL01-stream .componentRow,
.moduleID-FL01-shaded-feature-stream .componentRow {
clear: both;
}
.moduleID-FL01-stream .heading,
.moduleID-FL01-shaded-feature-stream .heading {
line-height: 1.1;
}
.moduleID-FL01-stream .badge,
.moduleID-FL01-shaded-feature-stream .badge {
display: none;
margin-right: 10px;
top: 3px;
position: relative;
margin-bottom: 11px;
}
.moduleID-FL01-stream .image img,
.moduleID-FL01-shaded-feature-stream .image img {
border: 1px solid #D6DCE0;
box-sizing: border-box;
}
.moduleID-FL01-stream .component .meta,
.moduleID-FL01-shaded-feature-stream .component .meta,
.moduleID-FL01-stream .component .image,
.moduleID-FL01-shaded-feature-stream .component .image,
.moduleID-FL01-stream .component .body,
.moduleID-FL01-shaded-feature-stream .component .body {
display: inline;
float: left;
}
.moduleID-FL01-stream .results,
.moduleID-FL01-shaded-feature-stream .results {
clear: both;
}
.moduleID-FL01-stream .results .feature .heading,
.moduleID-FL01-shaded-feature-stream .results .feature .heading {
padding-left: 0;
}
.moduleID-FL01-stream .results.ajaxLoading,
.moduleID-FL01-shaded-feature-stream .results.ajaxLoading {
background: url('/static/news/news/images/sprites/loader-40.gif') no-repeat center bottom;
padding-bottom: 50px;
}
.moduleID-FL01-stream .component,
.moduleID-FL01-shaded-feature-stream .component {
border-top: 1px solid #D6DCE0;
padding: 15px 0 15px 0;
overflow: hidden;
position: relative;
}
.moduleID-FL01-stream .component .meta,
.moduleID-FL01-shaded-feature-stream .component .meta {
margin-top: -2px;
margin-bottom: 2px;
}
.moduleID-FL01-stream .component .heading,
.moduleID-FL01-shaded-feature-stream .component .heading {
font-size: 1.25em;
display: block;
margin-bottom: 0.4em;
clear: both;
}
.moduleID-FL01-stream .component p,
.moduleID-FL01-shaded-feature-stream .component p {
font-size: 0.8125em;
}
.moduleID-FL01-stream .component:first-child,
.moduleID-FL01-shaded-feature-stream .component:first-child {
border-top: 0;
padding-top: 0;
}
.moduleID-FL01-stream .component .content,
.moduleID-FL01-shaded-feature-stream .component .content {
width: 102.27272727272727%;
margin-left: -1.1363636363636365%;
margin-right: -1.1363636363636365%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.moduleID-FL01-stream .component .content:before,
.moduleID-FL01-shaded-feature-stream .component .content:before,
.moduleID-FL01-stream .component .content:after,
.moduleID-FL01-shaded-feature-stream .component .content:after {
content: "";
display: table;
}
.moduleID-FL01-stream .component .content:after,
.moduleID-FL01-shaded-feature-stream .component .content:after {
clear: both;
}
.moduleID-FL01-stream .component .meta,
.moduleID-FL01-shaded-feature-stream .component .meta {
width: 15.909090909090908%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .feature .body,
.moduleID-FL01-shaded-feature-stream .feature .body {
width: 79.54545454545455%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .feature .with-image .image,
.moduleID-FL01-shaded-feature-stream .feature .with-image .image {
width: 25%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .feature .with-image .body,
.moduleID-FL01-shaded-feature-stream .feature .with-image .body {
width: 52.27272727272727%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .feature .heading,
.moduleID-FL01-shaded-feature-stream .feature .heading {
padding-left: 10px;
}
.moduleID-FL01-stream .blog .body,
.moduleID-FL01-shaded-feature-stream .blog .body,
.moduleID-FL01-stream .tweet .body,
.moduleID-FL01-shaded-feature-stream .tweet .body {
width: 79.54545454545455%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .gallery .image,
.moduleID-FL01-shaded-feature-stream .gallery .image {
width: 34.090909090909086%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .gallery .body,
.moduleID-FL01-shaded-feature-stream .gallery .body {
width: 43.18181818181818%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .remark .body,
.moduleID-FL01-shaded-feature-stream .remark .body {
width: 79.54545454545455%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .remark .added-to,
.moduleID-FL01-shaded-feature-stream .remark .added-to {
margin: 0;
background: #D9EEE3;
padding: 12px 10px 2px 10px;
font-size: 0.75em;
}
.moduleID-FL01-stream .remark .added-to a,
.moduleID-FL01-shaded-feature-stream .remark .added-to a {
font-weight: bold;
}
.moduleID-FL01-stream .remark .quote-wrapper,
.moduleID-FL01-shaded-feature-stream .remark .quote-wrapper {
background: url('/static/news/news/images/sprites/remark-left.png') no-repeat 0 0;
}
.moduleID-FL01-stream .remark blockquote,
.moduleID-FL01-shaded-feature-stream .remark blockquote {
color: #767676;
font-size: 16px;
font-family: Georgia, Palatino, "Palatino Linotype", Times New Roman, serif;
line-height: 1.75;
font-style: italic;
background: url('/static/news/news/images/sprites/remark-right.png') no-repeat right top;
padding: 20px 15px 1px 15px;
}
.moduleID-FL01-stream .remark blockquote p,
.moduleID-FL01-shaded-feature-stream .remark blockquote p {
font-size: 1.0em;
line-height: 1.75;
}
.moduleID-FL01-stream .feature .author img,
.moduleID-FL01-shaded-feature-stream .feature .author img {
width: 50px;
float: left;
margin: 0 10px 5px 0;
}
.moduleID-FL01-stream .feature .author,
.moduleID-FL01-shaded-feature-stream .feature .author {
font-size: 0.6875em;
color: #999;
display: block;
margin-bottom: 6px;
}
.moduleID-FL01-stream .feature .author a,
.moduleID-FL01-shaded-feature-stream .feature .author a {
text-transform: uppercase;
}
.moduleID-FL01-stream .feature p,
.moduleID-FL01-shaded-feature-stream .feature p {
clear: both;
}
.moduleID-FL01-stream .blog body,
.moduleID-FL01-shaded-feature-stream .blog body {
padding-bottom: 9px;
}
.moduleID-FL01-stream .blog .body .inner,
.moduleID-FL01-shaded-feature-stream .blog .body .inner {
-moz-border-radius: 7px;
border-radius: 7px;
padding: 17px 15px 15px 58px;
background-color: #F1EBF5;
position: relative;
margin-left: 15px;
background-image: url('/static/news/news/images/sprites/blog-bg.png');
}
.moduleID-FL01-stream .blog .body .inner:before,
.moduleID-FL01-shaded-feature-stream .blog .body .inner:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -50px -50px;
display: inline-block;
*display: inline;
*zoom: 1;
content: "";
width: 20px;
height: 10px;
position: absolute;
left: 58px;
bottom: -9px;
}
.moduleID-FL01-stream .blog .heading,
.moduleID-FL01-shaded-feature-stream .blog .heading {
font-size: 1.625em;
margin-bottom: 9px;
}
.moduleID-FL01-stream .blog .heading a:link,
.moduleID-FL01-shaded-feature-stream .blog .heading a:link,
.moduleID-FL01-stream .blog .heading a:visited,
.moduleID-FL01-shaded-feature-stream .blog .heading a:visited {
color: #5F0A7B;
}
.moduleID-FL01-stream .blog .heading a:hover,
.moduleID-FL01-shaded-feature-stream .blog .heading a:hover {
color: #d4351e;
}
.moduleID-FL01-stream .blog .blog-title,
.moduleID-FL01-shaded-feature-stream .blog .blog-title {
color: #333;
font-size: 0.75em;
text-transform: uppercase;
display: block;
margin-bottom: 9px;
}
.moduleID-FL01-stream .blog .description,
.moduleID-FL01-shaded-feature-stream .blog .description {
font-size: 0.8125em;
}
.moduleID-FL01-stream .blog .comments,
.moduleID-FL01-shaded-feature-stream .blog .comments {
margin-bottom: 4px;
}
.moduleID-FL01-stream .blog .comments a,
.moduleID-FL01-shaded-feature-stream .blog .comments a {
font-size: 0.9285714285714286em;
}
.moduleID-FL01-stream .blog .comments a:before,
.moduleID-FL01-shaded-feature-stream .blog .comments a:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -400px;
display: inline-block;
*display: inline;
*zoom: 1;
content: "";
width: 11px;
height: 8px;
position: relative;
}
.moduleID-FL01-stream .blog .comments a.comment-count:before,
.moduleID-FL01-shaded-feature-stream .blog .comments a.comment-count:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -50px -350px;
display: inline-block;
*display: inline;
*zoom: 1;
content: "";
width: 12px;
height: 11px;
padding-left: 7px;
}
.moduleID-FL01-stream .blog .author-image,
.moduleID-FL01-shaded-feature-stream .blog .author-image {
position: absolute;
top: 0;
left: -15px;
width: 60px;
}
.moduleID-FL01-stream .gallery .slideshowLink,
.moduleID-FL01-shaded-feature-stream .gallery .slideshowLink {
padding-left: 14px;
display: inline-block;
*display: inline;
*zoom: 1;
position: relative;
}
.moduleID-FL01-stream .gallery .slideshowLink:before,
.moduleID-FL01-shaded-feature-stream .gallery .slideshowLink:before {
padding-left: 12px;
display: block;
content: " ";
position: absolute;
left: 0;
top: 5px;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -400px;
height: 12px;
width: 12px;
}
.moduleID-FL01-stream .gallery .image,
.moduleID-FL01-shaded-feature-stream .gallery .image {
position: relative;
padding-bottom: 2px;
border-bottom: 2px solid #CCC;
}
.moduleID-FL01-stream .gallery .image a,
.moduleID-FL01-shaded-feature-stream .gallery .image a {
display: block;
padding-bottom: 2px;
border-bottom: 2px solid #CCC;
}
.moduleID-FL01-stream .gallery .image:after,
.moduleID-FL01-shaded-feature-stream .gallery .image:after,
.moduleID-FL01-stream .gallery .image:before,
.moduleID-FL01-shaded-feature-stream .gallery .image:before,
.moduleID-FL01-stream .gallery .image a:after,
.moduleID-FL01-shaded-feature-stream .gallery .image a:after,
.moduleID-FL01-stream .gallery .image a:before,
.moduleID-FL01-shaded-feature-stream .gallery .image a:before {
content: ' ';
position: absolute;
background: #FFF;
pointer-events: none;
border: 0;
}
.moduleID-FL01-stream .gallery .image:after,
.moduleID-FL01-shaded-feature-stream .gallery .image:after,
.moduleID-FL01-stream .gallery .image:before,
.moduleID-FL01-shaded-feature-stream .gallery .image:before {
width: 2px;
top: 0;
bottom: 4px;
}
.moduleID-FL01-stream .gallery .image:after,
.moduleID-FL01-shaded-feature-stream .gallery .image:after {
left: 32%;
}
.moduleID-FL01-stream .gallery .image:before,
.moduleID-FL01-shaded-feature-stream .gallery .image:before {
left: 65%;
}
.moduleID-FL01-stream .gallery .image a:after,
.moduleID-FL01-shaded-feature-stream .gallery .image a:after,
.moduleID-FL01-stream .gallery .image a:before,
.moduleID-FL01-shaded-feature-stream .gallery .image a:before {
height: 2px;
left: 0;
right: 0;
}
.moduleID-FL01-stream .gallery .image a:after,
.moduleID-FL01-shaded-feature-stream .gallery .image a:after {
top: 32%;
}
.moduleID-FL01-stream .gallery .image a:before,
.moduleID-FL01-shaded-feature-stream .gallery .image a:before {
top: 65%;
}
.moduleID-FL01-stream .video .image,
.moduleID-FL01-shaded-feature-stream .video .image {
position: relative;
margin-bottom: 10px;
float: right;
}
.moduleID-FL01-stream .gallery .heading,
.moduleID-FL01-shaded-feature-stream .gallery .heading,
.moduleID-FL01-stream .video .heading,
.moduleID-FL01-shaded-feature-stream .video .heading {
font-size: 1em;
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
margin-bottom: 12px;
}
.moduleID-FL01-stream .tweet,
.moduleID-FL01-shaded-feature-stream .tweet {
padding: 9px 0 10px 3px;
}
.moduleID-FL01-stream .pinned,
.moduleID-FL01-shaded-feature-stream .pinned {
overflow: hidden;
clear: both;
}
.moduleID-FL01-stream .pinned .pubDateTime,
.moduleID-FL01-shaded-feature-stream .pinned .pubDateTime {
display: none;
}
.moduleID-FL01-stream .pinned .badge,
.moduleID-FL01-shaded-feature-stream .pinned .badge {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -200px -200px;
height: 17px;
width: 61px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.moduleID-FL01-stream .pinned .component .content,
.moduleID-FL01-shaded-feature-stream .pinned .component .content {
width: 102.27272727272727%;
margin-left: -1.1363636363636365%;
margin-right: -1.1363636363636365%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.moduleID-FL01-stream .pinned .component .content:before,
.moduleID-FL01-shaded-feature-stream .pinned .component .content:before,
.moduleID-FL01-stream .pinned .component .content:after,
.moduleID-FL01-shaded-feature-stream .pinned .component .content:after {
content: "";
display: table;
}
.moduleID-FL01-stream .pinned .component .content:after,
.moduleID-FL01-shaded-feature-stream .pinned .component .content:after {
clear: both;
}
.moduleID-FL01-stream .pinned .component .content,
.moduleID-FL01-shaded-feature-stream .pinned .component .content {
margin-left: 0;
}
.moduleID-FL01-stream .pinned .component .meta,
.moduleID-FL01-shaded-feature-stream .pinned .component .meta {
width: 97.72727272727273%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .pinned .component .meta span,
.moduleID-FL01-shaded-feature-stream .pinned .component .meta span {
padding-bottom: 6px;
}
.moduleID-FL01-stream .pinned .component .meta .badge,
.moduleID-FL01-shaded-feature-stream .pinned .component .meta .badge {
margin-bottom: 0;
}
.moduleID-FL01-stream .pinned .feature .body,
.moduleID-FL01-shaded-feature-stream .pinned .feature .body {
width: 97.72727272727273%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .pinned .feature .with-image .image,
.moduleID-FL01-shaded-feature-stream .pinned .feature .with-image .image {
width: 34.090909090909086%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .pinned .feature .with-image .body,
.moduleID-FL01-shaded-feature-stream .pinned .feature .with-image .body {
width: 61.36363636363637%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .pinned .feature heading,
.moduleID-FL01-shaded-feature-stream .pinned .feature heading {
padding-left: 10px;
}
.moduleID-FL01-stream .pinned .blog .body,
.moduleID-FL01-shaded-feature-stream .pinned .blog .body {
width: 97.72727272727273%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .pinned .gallery .image,
.moduleID-FL01-shaded-feature-stream .pinned .gallery .image,
.moduleID-FL01-stream .pinned .video .image,
.moduleID-FL01-shaded-feature-stream .pinned .video .image {
width: 52.27272727272727%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .pinned .gallery .body,
.moduleID-FL01-shaded-feature-stream .pinned .gallery .body,
.moduleID-FL01-stream .pinned .video .body,
.moduleID-FL01-shaded-feature-stream .pinned .video .body,
.moduleID-FL01-stream .pinned .gallery .heading,
.moduleID-FL01-shaded-feature-stream .pinned .gallery .heading,
.moduleID-FL01-stream .pinned .video .heading,
.moduleID-FL01-shaded-feature-stream .pinned .video .heading,
.moduleID-FL01-stream .pinned .gallery .meta,
.moduleID-FL01-shaded-feature-stream .pinned .gallery .meta,
.moduleID-FL01-stream .pinned .video .meta,
.moduleID-FL01-shaded-feature-stream .pinned .video .meta {
width: 34.090909090909086%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
float: left;
}
.moduleID-FL01-stream .pinned + .stream-filter,
.moduleID-FL01-shaded-feature-stream .pinned + .stream-filter {
margin-top: 20px;
}
.moduleID-FL01-stream .stream-filter,
.moduleID-FL01-shaded-feature-stream .stream-filter {
text-align: right;
clear: both;
margin-bottom: 30px;
}
.moduleID-FL01-stream .stream-filter ul,
.moduleID-FL01-shaded-feature-stream .stream-filter ul {
display: none;
}
.moduleID-FL01-stream .stream-filter form,
.moduleID-FL01-shaded-feature-stream .stream-filter form {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: 10px;
margin-right: 10px;
}
.moduleID-FL01-stream .stream-filter select,
.moduleID-FL01-shaded-feature-stream .stream-filter select,
.moduleID-FL01-stream .stream-filter button,
.moduleID-FL01-shaded-feature-stream .stream-filter button {
font-size: 13px;
}
.moduleID-FL01-stream .stream-filter.linear,
.moduleID-FL01-shaded-feature-stream .stream-filter.linear {
text-align: left;
}
.moduleID-FL01-stream .stream-filter.linear h3,
.moduleID-FL01-shaded-feature-stream .stream-filter.linear h3 {
padding-right: 15px;
border-right: 1px solid #CFD0D1;
display: none;
}
.moduleID-FL01-stream .stream-filter.linear form,
.moduleID-FL01-shaded-feature-stream .stream-filter.linear form {
display: none;
}
.moduleID-FL01-stream .stream-filter.linear ul,
.moduleID-FL01-shaded-feature-stream .stream-filter.linear ul {
display: inline-block;
*display: inline;
*zoom: 1;
}
.moduleID-FL01-stream .stream-filter.linear ul li.ajaxLoading,
.moduleID-FL01-shaded-feature-stream .stream-filter.linear ul li.ajaxLoading {
background: #ffffff url('/static/news/news/images/sprites/loader-12.gif') no-repeat 2px 10px;
}
.layout-homepage .moduleID-FL01-stream .pinned + .stream-filter + .results .component:first-child {
border-top: 1px solid #d6dce0;
padding-top: 15px;
}
.js .moduleID-FL01-stream button {
display: none;
}
.lt-ie8 .moduleID-FL01-stream .badge {
top: 0;
}
.no-generatedcontent .moduleID-FL01-stream .pubDateTime,
.no-generatedcontent .moduleID-FL01-stream .tags,
.no-generatedcontent .moduleID-FL01-stream .topics {
padding-left: 0;
}
.layout-homepage .moduleID-FL01-stream .component .content {
width: 103.125%;
margin-left: -1.5625%;
margin-right: -1.5625%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.layout-homepage .moduleID-FL01-stream .component .content:before,
.layout-homepage .moduleID-FL01-stream .component .content:after {
content: "";
display: table;
}
.layout-homepage .moduleID-FL01-stream .component .content:after {
clear: both;
}
.layout-homepage .moduleID-FL01-stream .component .meta {
width: 96.875%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .moduleID-FL01-stream .component .meta span {
padding-bottom: 6px;
}
.layout-homepage .moduleID-FL01-stream .component .meta .badge {
margin-bottom: 0;
}
.layout-homepage .moduleID-FL01-stream .feature .body {
width: 96.875%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .moduleID-FL01-stream .feature .with-image .image,
.layout-homepage .moduleID-FL01-stream .feature .with-image .body {
width: 46.875%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .moduleID-FL01-stream .blog .body {
width: 96.875%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .moduleID-FL01-stream .gallery .image,
.layout-homepage .moduleID-FL01-stream .video .image {
width: 59.375%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .moduleID-FL01-stream .gallery .body,
.layout-homepage .moduleID-FL01-stream .video .body {
width: 34.375%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .moduleID-FL01-stream .stream-filter {
display: none;
}
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.feature .meta,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.gallery .meta,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.video .meta {
margin-left: 0;
margin-right: 0;
}
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.feature .content,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.gallery .content,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.video .content {
width: 100%;
margin: 0;
}
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.feature .image,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.gallery .image,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.video .image,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.feature .body,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.gallery .body,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.video .body {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.feature .image,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.gallery .image,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.video .image {
margin-bottom: 15px;
}
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.feature .heading,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.gallery .heading,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.video .heading {
font-size: 1.125em;
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
margin-bottom: 0.6em;
padding-left: 0px;
}
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.feature .description,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.gallery .description,
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.video .description {
font-size: 1em;
}
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.feature .heading {
font-size: 2.125em;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
margin-bottom: 0.3em;
}
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.feature .description {
font-size: 1em;
}
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.blog .heading,
.layout-homepage .moduleID-FL01-stream .pinned.count-3 .component.c2.blog .heading,
.layout-homepage .moduleID-FL01-stream .pinned.count-4 .component.c2.blog .heading {
font-size: 2.25em;
}
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.blog .description,
.layout-homepage .moduleID-FL01-stream .pinned.count-3 .component.c2.blog .description,
.layout-homepage .moduleID-FL01-stream .pinned.count-4 .component.c2.blog .description {
font-size: 1em;
}
.layout-correspondent .moduleID-FL01-stream .blog .author-image,
.layout-correspondent .moduleID-FL01-stream .blog .blog-title {
display: none;
}
.layout-correspondent .moduleID-FL01-stream .blog .body .inner {
margin-left: 0;
padding-left: 28px;
}
.layout-correspondent .moduleID-FL01-stream .blog .body .inner:before {
left: 28px;
}
@media all and (max-width: 64.375em) {
.layout-homepage .moduleID-FL01-stream .component .meta,
.layout-homepage .moduleID-FL01-stream .feature .body {
width: 96.875%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .moduleID-FL01-stream .feature .with-image .image,
.layout-homepage .moduleID-FL01-stream .gallery .image {
width: 46.875%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .moduleID-FL01-stream .with-image .body,
.layout-homepage .moduleID-FL01-stream .gallery .body {
width: 46.875%;
margin-left: 1.5625%;
margin-right: 1.5625%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .component .meta,
.moduleID-FL01-stream .feature .body,
.moduleID-FL01-stream .blog .body,
.moduleID-FL01-stream .tweet .body,
.moduleID-FL01-stream .remark .body {
width: 97.72727272727273%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .meta .badge {
margin-bottom: 0;
}
.moduleID-FL01-stream .feature .with-image .image,
.moduleID-FL01-stream .gallery .image {
width: 25%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .feature .with-image .body,
.moduleID-FL01-stream .gallery .body {
width: 70.45454545454545%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .tweet .body {
margin-top: -7px;
}
.moduleID-FL01-stream .body .inner {
padding: 15px;
}
.moduleID-FL01-stream .meta span {
padding-bottom: 6px;
}
.moduleID-FL01-stream .video .body {
width: 43.18181818181818%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-FL01-stream .video .image {
width: 52.27272727272727%;
margin-left: 1.1363636363636365%;
margin-right: 1.1363636363636365%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
@media all and (max-width: 46.125em) {
.layout-wrapper .moduleID-FL01-stream .component .content {
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.layout-wrapper .moduleID-FL01-stream .component .content:before,
.layout-wrapper .moduleID-FL01-stream .component .content:after {
content: "";
display: table;
}
.layout-wrapper .moduleID-FL01-stream .component .content:after {
clear: both;
}
.layout-wrapper .moduleID-FL01-stream .component .meta,
.layout-wrapper .moduleID-FL01-stream .feature .body {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-wrapper .moduleID-FL01-stream .feature .with-image .image,
.layout-wrapper .moduleID-FL01-stream .gallery .image {
width: 35.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-wrapper .moduleID-FL01-stream .feature .with-image .body,
.layout-wrapper .moduleID-FL01-stream .gallery .body {
width: 60.9375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-wrapper .moduleID-FL01-stream .video .image {
width: 54.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-wrapper .moduleID-FL01-stream .video .body {
width: 42.1875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
#site-body .moduleID-FL01-stream .pinned .component.c1.feature .heading,
#site-body .moduleID-FL01-stream .pinned.count-3 .component.c2.feature .heading,
#site-body .moduleID-FL01-stream .pinned.count-4 .component.c2.feature .heading,
#site-body .moduleID-FL01-stream .pinned .component.c1.blog .heading,
#site-body .moduleID-FL01-stream .pinned.count-3 .component.c2.blog .heading,
#site-body .moduleID-FL01-stream .pinned.count-4 .component.c2.blog .heading {
font-size: 1.625em;
}
}
@media all and (max-width: 25em) {
.layout-wrapper .moduleID-FL01-stream .feature .with-image .image,
.layout-wrapper .moduleID-FL01-stream .author img,
.layout-wrapper .moduleID-FL01-stream .gallery p,
.layout-wrapper .moduleID-FL01-stream .video p,
.layout-wrapper .moduleID-FL01-stream .blog .description {
display: none;
}
.layout-wrapper .moduleID-FL01-stream .feature .with-image .body,
.layout-wrapper .moduleID-FL01-stream .gallery .body,
.layout-wrapper .moduleID-FL01-stream .video .body,
.layout-wrapper .moduleID-FL01-stream .gallery .image,
.layout-wrapper .moduleID-FL01-stream .video .image {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.layout-homepage .moduleID-FL01-stream .pinned .component.c1.feature .image,
.layout-homepage .moduleID-FL01-stream .pinned.count-3 .component.c2.feature .image,
.layout-homepage .moduleID-FL01-stream .pinned.count-4 .component.c2.feature .image {
display: block;
}
}
/* List */
.moduleID-FL01-list {
padding: 25px 0 20px 0;
border-top: 1px solid #D6DBDF;
font-size: 1.0em;
}
.moduleID-FL01-list h3 {
margin-bottom: 15px;
font-size: 1.125em;
}
.moduleID-FL01-list li {
margin-bottom: 8px;
}
.moduleID-FL01-list li {
overflow: hidden;
}
.moduleID-FL01-list .image {
width: 90px;
margin-right: 14px;
float: left;
display: block;
}
.moduleID-FL01-list li .article {
margin-left: 104px;
margin-top: 5px;
}
.moduleID-FL01-list li h4 {
font-size: 0.8125em;
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
}
.moduleID-FL01-list .pubDateTime,
.moduleID-FL01-list .authorName {
color: #999;
font-size: 12px;
}
.moduleID-FL01-list li.Video .image {
margin-top: 5px;
}
.moduleID-FL01-list li.Video .image:after {
background-image: url("/static/news/news/images/sprites/main-sprite.png");
background-position: -200px -100px;
background-repeat: no-repeat;
bottom: 10px;
content: " ";
display: block;
height: 28px;
left: 30px;
pointer-events: none;
position: absolute;
width: 28px;
z-index: 99;
}
.lt-ie9 .article-body .moduleID-FL01-list .component {
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.lt-ie9 .article-body .moduleID-FL01-list .component:before,
.lt-ie9 .article-body .moduleID-FL01-list .component:after {
content: "";
display: table;
}
.lt-ie9 .article-body .moduleID-FL01-list .component:after {
clear: both;
}
.lt-ie9 .article-body .moduleID-FL01-list li {
display: inline;
float: left;
width: 31.5625%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.lt-ie9 .article-body .moduleID-FL01-list .image {
width: 100%;
}
.lt-ie9 .article-body .moduleID-FL01-list li .article {
margin-left: 0;
margin-top: 10px;
}
@media all and (min-width: 25em) {
.article-body .moduleID-FL01-list .component {
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.article-body .moduleID-FL01-list .component:before,
.article-body .moduleID-FL01-list .component:after {
content: "";
display: table;
}
.article-body .moduleID-FL01-list .component:after {
clear: both;
}
.article-body .moduleID-FL01-list .image {
width: 100%;
margin: 0;
float: none;
padding-bottom: 8px;
}
.article-body .moduleID-FL01-list li .article {
margin: 0 0 0 0;
}
}
@media all and (min-width: 25em) and (max-width: 51.875em) {
.secondary .moduleID-FL01-list .image {
width: 100%;
margin: 0;
float: none;
padding-bottom: 8px;
}
.secondary .moduleID-FL01-list li .article {
margin: 0 0 0 0;
}
}
@media all and (min-width: 25em) and (max-width: 33.75em) {
.article-body .moduleID-FL01-list .component,
.secondary .moduleID-FL01-list .component {
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.article-body .moduleID-FL01-list .component:before,
.secondary .moduleID-FL01-list .component:before,
.article-body .moduleID-FL01-list .component:after,
.secondary .moduleID-FL01-list .component:after {
content: "";
display: table;
}
.article-body .moduleID-FL01-list .component:after,
.secondary .moduleID-FL01-list .component:after {
clear: both;
}
.article-body .moduleID-FL01-list li,
.secondary .moduleID-FL01-list li {
display: inline;
float: left;
width: 48.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
@media all and (min-width: 33.75em) and (max-width: 51.875em) {
.article-body .moduleID-FL01-list .component,
.secondary .moduleID-FL01-list .component {
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.article-body .moduleID-FL01-list .component:before,
.secondary .moduleID-FL01-list .component:before,
.article-body .moduleID-FL01-list .component:after,
.secondary .moduleID-FL01-list .component:after {
content: "";
display: table;
}
.article-body .moduleID-FL01-list .component:after,
.secondary .moduleID-FL01-list .component:after {
clear: both;
}
.article-body .moduleID-FL01-list li,
.secondary .moduleID-FL01-list li {
display: inline;
float: left;
width: 31.770625000000003%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
@media all and (min-width: 51.875em) {
.article-body .moduleID-FL01-list .component {
width: 102.49999999999999%;
margin-left: -1.25%;
margin-right: -1.25%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.article-body .moduleID-FL01-list .component:before,
.article-body .moduleID-FL01-list .component:after {
content: "";
display: table;
}
.article-body .moduleID-FL01-list .component:after {
clear: both;
}
.article-body .moduleID-FL01-list li {
display: inline;
float: left;
width: 22.5%;
margin-left: 1.25%;
margin-right: 1.25%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
/* Video List */
.moduleID-FL01-videolist {
padding: 25px 0 20px 0;
border-top: 1px solid #d6dbdf;
}
.moduleID-FL01-videolist .subTitle {
margin-bottom: 15px;
font-size: 0.875em;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
display: block;
text-transform: uppercase;
color: #52057f;
}
.moduleID-FL01-videolist li {
margin-bottom: 15px;
}
.moduleID-FL01-videolist a {
font-weight: bold;
font-size: 0.8125em;
}
.moduleID-FL01-videolist .pubDateTime {
font-size: 0.75em;
color: #999;
display: block;
}
.moduleID-FL01-videolist .image {
width: 136px;
height: 76px;
margin-bottom: 1px;
position: relative;
}
.moduleID-FL01-videolist .image:after {
content: ' ';
display: block;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -200px -100px;
height: 28px;
width: 28px;
position: absolute;
bottom: 10px;
left: 10px;
pointer-events: none;
z-index: 99;
}
/* In Focus */
.moduleID-FL01-infocus a:link,
.moduleID-FL01-infocus a:visited {
color: #BFD8FF;
font-size: 12px;
text-transform: uppercase;
}
.moduleID-FL01-infocus a:hover,
.moduleID-FL01-infocus a:active {
color: #FFF;
text-decoration: none;
}
#site-body .moduleID-FL01-infocus {
margin-bottom: 15px;
background: #5f2c7c;
padding-right: 67px;
min-height: 33px;
overflow: hidden;
}
#site-body .moduleID-FL01-infocus .title {
font-size: 0.875em;
color: #FFF;
text-transform: uppercase;
margin: 10px 0 0 10px;
line-height: 1.0;
width: 8em;
float: left;
}
#site-body .moduleID-FL01-infocus .body {
position: relative;
top: 1px;
overflow: hidden;
}
#site-body .moduleID-FL01-infocus ul {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 8px 10px 7px 10px;
width: 10000px;
font-size: 0;
-moz-transition-property: marginLeft;
-moz-transition-duration: 1s;
-moz-transition-timing-function: linear;
}
#site-body .moduleID-FL01-infocus li {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 12px;
}
#site-body .moduleID-FL01-infocus li:after {
content: '\2022';
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 7px 0 7px;
font-size: 10px;
color: #BFD8FF;
position: relative;
top: -2px;
}
#site-body .moduleID-FL01-infocus li:last-child:after {
content: '';
display: none;
}
#site-body .moduleID-FL01-infocus .controls:before {
pointer-events: none;
position: absolute;
top: 0;
content: ' ';
right: 67px;
height: 33px;
width: 50px;
background: url('/static/news/news/images/sprites/infocus-fade.png') no-repeat 0 0;
}
#site-body .moduleID-FL01-infocus .controls {
position: absolute;
top: 0;
right: 0;
width: 67px;
height: 33px;
}
#site-body .moduleID-FL01-infocus .controls a {
background-color: #5f2c7c;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#7c39a1), to(#5f2c7c));
/* Konqueror */
background-image: -moz-linear-gradient(#7c39a1, #5f2c7c);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#7c39a1, #5f2c7c);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7c39a1), color-stop(100%, #5f2c7c));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#7c39a1, #5f2c7c);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#7c39a1, #5f2c7c);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c39a1', endColorstr='#5f2c7c', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c39a1', endColorstr='#5f2c7c', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#7c39a1, #5f2c7c);
/* the standard */
max-width: 33px;
max-height: 33px;
padding: 10px 11px 9px 12px;
display: block;
float: left;
text-indent: -9999px;
}
#site-body .moduleID-FL01-infocus .controls a:hover {
background-color: #9844cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#a75fd4), to(#9844cd));
/* Konqueror */
background-image: -moz-linear-gradient(#a75fd4, #9844cd);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#a75fd4, #9844cd);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a75fd4), color-stop(100%, #9844cd));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#a75fd4, #9844cd);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#a75fd4, #9844cd);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a75fd4', endColorstr='#9844cd', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#a75fd4', endColorstr='#9844cd', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#a75fd4, #9844cd);
/* the standard */
}
#site-body .moduleID-FL01-infocus .controls a:active {
background: #361948;
filter: none;
}
#site-body .moduleID-FL01-infocus .controls .next {
padding-right: 10px;
}
#site-body .moduleID-FL01-infocus .controls span {
height: 14px;
width: 10px;
display: block;
}
#site-body .moduleID-FL01-infocus .controls .prev span {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -200px 0px;
}
#site-body .moduleID-FL01-infocus .controls .next span {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -200px -50px;
}
#site-body .moduleID-FL01-infocus .controls .next {
border-left: 1px solid #4f1b6d;
}
.lt-ie8 #site-body .moduleID-FL01-infocus li a {
padding-right: 15px;
}
.site-footer .moduleID-FL01-infocus li,
.site-masthead .moduleID-FL01-infocus li {
display: inline;
line-height: 1.6;
}
.site-footer .moduleID-FL01-infocus li:after,
.site-masthead .moduleID-FL01-infocus li:after {
content: '\2022';
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 4px 0 8px;
font-size: 8px;
color: #CCC;
position: relative;
top: -2px;
}
.site-footer .moduleID-FL01-infocus li:last-child:after,
.site-masthead .moduleID-FL01-infocus li:last-child:after {
content: '';
display: none;
}
.site-footer .moduleID-FL01-infocus .title,
.site-masthead .moduleID-FL01-infocus .title {
color: #FFF;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 3px;
}
.site-footer .moduleID-FL01-infocus .controls,
.site-masthead .moduleID-FL01-infocus .controls {
display: none;
}
.no-generatedcontent .site-footer .moduleID-FL01-infocus li,
.no-generatedcontent .site-masthead .moduleID-FL01-infocus li {
margin-right: 16px;
}
.site-footer .moduleID-FL01-infocus {
padding: 13px 10px 11px 10px;
}
.moduleID-FL01-narrow-list {
padding: 25px 0 20px 0;
border-top: 1px solid #D6DBDF;
}
.moduleID-FL01-narrow-list h3 {
margin-bottom: 15px;
font-size: 1.125em;
}
.moduleID-FL01-narrow-list li {
margin-bottom: 8px;
}
.moduleID-FL01-narrow-list h3 {
font-size: 0.875em;
text-transform: uppercase;
}
/* Overrides for News video landing page */
.moduleID-FL01-shaded-feature-stream .video .result-meta,
.moduleID-FL01-shaded-feature-stream .video .result-body,
.moduleID-FL01-shaded-feature-stream .video .result-image,
.moduleID-FL01-shaded-feature-stream .video .video-info {
float: left;
}
.moduleID-FL01-shaded-feature-stream .video .result-meta {
width: 20%;
}
.moduleID-FL01-shaded-feature-stream .video .result-body {
width: 40%;
}
.moduleID-FL01-shaded-feature-stream .video .result-image {
width: 40%;
}
.moduleID-FL01-shaded-feature-stream .video .tags {
background: url("/static/news/news/images/sprites/tags.png") no-repeat left 3px;
vertical-align: top;
padding-left: 20px;
}
.moduleID-FL01-shaded-feature-stream .video .tags a {
vertical-align: top;
}
.moduleID-FL01-shaded-feature-stream .video .pubDateTime {
background: url("/static/news/news/images/sprites/pub-time.png") no-repeat left 3px;
padding-left: 20px;
}
.moduleID-FL01-shaded-feature-stream .video .heading,
.moduleID-FL01-shaded-feature-stream .video .description {
padding: 0 10px 0 0;
}
.moduleID-FL01-shaded-feature-stream .video .pubDateTime,
.moduleID-FL01-shaded-feature-stream .video .tags {
padding-right: 10px;
}
.moduleID-FL01-shaded-feature-stream #video-landing-feature .video .video-info {
width: 40%;
}
.moduleID-FL01-shaded-feature-stream #video-landing-feature .video .video-info .result-meta,
.moduleID-FL01-shaded-feature-stream #video-landing-feature .video .video-info .result-body,
.moduleID-FL01-shaded-feature-stream #video-landing-feature .video .video-info .heading {
width: 100%;
margin: 0;
padding: 0;
float: none;
}
.moduleID-FL01-shaded-feature-stream #video-landing-feature .video .result-image {
width: 60%;
}
.moduleID-FL01-shaded-feature-stream .results .video .result-meta span.pubDateTime,
.moduleID-FL01-shaded-feature-stream .results .video .result-meta span.tags {
display: block;
margin-left: 11px;
font-size: .9em;
margin-bottom: 5px;
}
@media all and (max-width: 40.5em) {
.moduleID-FL01-shaded-feature-stream .video .result-meta,
.moduleID-FL01-shaded-feature-stream .video .result-body,
.moduleID-FL01-shaded-feature-stream .video .result-image,
.moduleID-FL01-shaded-feature-stream .video .video-info {
float: none;
width: 100%;
}
.moduleID-FL01-shaded-feature-stream .video .result-body {
margin-left: 11px;
}
.moduleID-FL01-shaded-feature-stream #video-landing-feature .video .video-info,
.moduleID-FL01-shaded-feature-stream #video-landing-feature .video .result-image {
width: 100%;
}
}
@media all and (min-width: 64.375em) {
.moduleID-FL01-stream .component .body {
margin-left: 10px;
}
}
.moduleID-IF01a iframe {
width: 100%;
}
.moduleID-FU01 {
background: #F6F5F7;
padding: 30px;
}
.moduleID-FU01 input[type=text],
.moduleID-FU01 textarea {
border: 2px solid #D6DCE0;
padding: 5px;
}
.moduleID-FU01 .field,
.moduleID-FU01 .captcha {
margin: 0 0 15px 0;
}
.moduleID-FU01 label {
margin: 0 0 10px 0;
}
.moduleID-FU01 .terms {
margin: 20px 0;
}
.moduleID-FU01 .terms input {
float: left;
margin: 0 5px 5px 0;
}
.moduleID-FU01 .terms label {
color: #666666;
font-weight: normal;
}
.moduleID-FU01 .form-submit {
text-align: center;
}
.moduleID-FU01 .form-submit button p {
font-size: 1em;
margin: 0;
padding: 0;
}
.moduleID-FU01 span.error {
color: red;
}
.moduleID-SN06 {
font-size: 0.8125em;
}
.moduleID-SN06 .title {
width: 240px;
height: 51px;
text-indent: -9999px;
background: url('/static/news/news/images/global/newsroom-logo.png') no-repeat 0 0;
margin: 0 auto 20px auto;
}
.moduleID-SN06 a {
color: #d4351e;
}
.moduleID-SN06 .componentRow {
text-align: center;
padding: 23px 20px 10px 20px;
background: #f9f8f3;
border: 1px solid #ebe8da;
}
.moduleID-SN06 .component {
margin-bottom: 24px;
}
.moduleID-SN06 .posts {
margin-top: 14px;
}
.moduleID-SN06 .pubDate {
color: #999;
text-transform: uppercase;
font-size: 0.875em;
display: block;
margin-bottom: 8px;
letter-spacing: 1px;
}
.moduleID-SN06 img {
margin-bottom: 10px;
margin: 0 auto;
}
.moduleID-SN06 blockquote {
font-size: 1.6153846153846154em;
font-family: Georgia, Palatino, "Palatino Linotype", Times New Roman, sans-serif;
color: #d4351e;
}
.moduleID-SN06 blockquote p {
margin-bottom: 10px;
}
.moduleID-OM01 {
padding: 25px 0 20px 0;
border-top: 1px solid #D6DBDF;
}
.moduleID-OM01 h3 {
margin-bottom: 15px;
font-size: 1.125em;
}
.moduleID-OM01 li {
margin-bottom: 8px;
}
.moduleID-OM01 h3 {
font-size: 0.875em;
text-transform: uppercase;
}
.moduleID-PY01 h1 {
line-height: 1.1;
margin-bottom: 8px;
}
.moduleID-PY01 .personalityTitle {
color: #6B7985;
font-size: 1.125em;
margin-bottom: 30px;
display: block;
}
.moduleID-PY01 .image {
margin-bottom: 20px;
max-width: 200px;
}
.moduleID-PY01 .synopsis {
color: #6B7985;
font-size: 1.125em;
margin-bottom: 1.0em;
margin-top: 1.0em;
line-height: 1.5;
}
.moduleID-PY01 h2 {
margin: 16px 0 3px 0;
text-transform: uppercase;
font-size: 0.875em;
}
.moduleID-PY01 .website {
overflow: hidden;
}
.moduleID-PY01 .website a {
font-size: 0.875em;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}
.moduleID-PY01 .social {
margin-top: 5px;
}
.moduleID-PY01 .elsewhere {
margin-bottom: 32px;
}
.moduleID-PY01 .twitter-follow {
margin-top: 15px;
}
.moduleID-PY01 .profileText p {
font-size: 0.875em;
line-height: 1.4;
}
@media all and (min-width: 31em) and (max-width: 46.125em) {
.moduleID-PY01 .component {
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.moduleID-PY01 .component:before,
.moduleID-PY01 .component:after {
content: "";
display: table;
}
.moduleID-PY01 .component:after {
clear: both;
}
.moduleID-PY01 .profileHead {
display: inline;
float: left;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-PY01 .image {
margin-bottom: 0;
}
.moduleID-PY01 .image,
.moduleID-PY01 .externalLinks {
display: inline;
float: left;
width: 29.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
clear: left;
}
.moduleID-PY01 .profileText {
padding-left: 0;
margin-left: 32.03125%;
/* *margin-left: @calculated-column-width+(@calculated-gutter-width*3)-@correction;*/
}
}
@media all and (max-width: 31em) {
.moduleID-PY01 .component {
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.moduleID-PY01 .component:before,
.moduleID-PY01 .component:after {
content: "";
display: table;
}
.moduleID-PY01 .component:after {
clear: both;
}
.moduleID-PY01 h1 {
margin-bottom: 0;
}
.moduleID-PY01 .profileHead {
display: inline;
float: left;
width: 79.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
float: right;
}
.moduleID-PY01 .image {
display: inline;
float: left;
width: 17.1875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-PY01 .personalityTitle {
margin-bottom: 10px;
}
.moduleID-PY01 .externalLinks {
overflow: hidden;
clear: both;
border-top: 1px solid #D6DCE0;
border-bottom: 1px solid #D6DCE0;
padding-top: 10px;
padding-bottom: 12px;
display: inline;
float: left;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-PY01 .elsewhere {
display: inline;
float: left;
width: 42.1875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-PY01 .website {
display: inline;
float: left;
width: 54.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-PY01 .elsewhere {
margin-bottom: 0;
}
.moduleID-PY01 h2 {
margin-top: 0;
}
.moduleID-PY01 .profileText {
display: inline;
float: left;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
margin-bottom: 10px;
}
}
.moduleID-RR01 {
padding: 25px 0 20px 0;
border-top: 1px solid #D6DBDF;
}
.moduleID-RR01 h3 {
margin-bottom: 15px;
font-size: 1.125em;
}
.moduleID-RR01 li {
margin-bottom: 8px;
}
.moduleID-RR01 .component {
margin-bottom: 26px;
}
.moduleID-RR01 .standlist li {
font-size: 1.0em;
padding-left: 16px;
margin-bottom: 6px;
}
.moduleID-RR01 .standlist li:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: 0px -450px;
height: 16px;
width: 10px;
top: 1px;
}
.moduleID-RR01 .from {
color: #999;
font-size: 0.8125em;
display: block;
margin-bottom: 4px;
}
.moduleID-RR01 .synopsis {
color: #666;
font-size: 0.875em;
}
.moduleID-SR08 {
border-bottom: 1px solid #B4BEC5;
margin-bottom: 25px;
padding-bottom: 20px;
position: relative;
}
.moduleID-SR08 div {
position: static;
}
.moduleID-SR08 .seeallLink {
position: absolute;
top: 11px;
right: 0;
}
.moduleID-SR08 h2 {
font-size: 1.6875em;
margin-bottom: 15px;
}
.moduleID-SR08 h2 a {
color: #52057F;
}
.moduleID-SR08 .component,
.moduleID-SR08 .standlist,
.moduleID-SR08 .image,
.moduleID-SR08 .article {
display: inline;
float: left;
}
.moduleID-SR08 .componentRow {
width: 102.08333333333333%;
margin-left: -1.0416666666666665%;
margin-right: -1.0416666666666665%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.moduleID-SR08 .componentRow:before,
.moduleID-SR08 .componentRow:after {
content: "";
display: table;
}
.moduleID-SR08 .componentRow:after {
clear: both;
}
.moduleID-SR08 .component {
width: 56.25%;
margin-left: 1.0416666666666665%;
margin-right: 1.0416666666666665%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-SR08 .standlist {
width: 39.58333333333333%;
margin-left: 1.0416666666666665%;
margin-right: 1.0416666666666665%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-SR08 .content {
width: 103.57142857142858%;
margin-left: -1.7857142857142856%;
margin-right: -1.7857142857142856%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.moduleID-SR08 .content:before,
.moduleID-SR08 .content:after {
content: "";
display: table;
}
.moduleID-SR08 .content:after {
clear: both;
}
.moduleID-SR08 .image {
width: 39.285714285714285%;
margin-left: 1.7857142857142856%;
margin-right: 1.7857142857142856%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-SR08 .article {
width: 53.57142857142857%;
margin-left: 1.7857142857142856%;
margin-right: 1.7857142857142856%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-SR08 .article .heading {
font-size: 1.125em;
margin-bottom: 7px;
display: block;
margin-top: 5px;
}
.moduleID-SR08 .article p {
color: #6B7985;
font-size: 0.8125em;
}
.moduleID-SR08:last-child {
border-bottom: 0;
}
@media all and (max-width: 64.375em) {
.moduleID-SR08:first-child {
border-top: 1px solid #B4BEC5;
padding-top: 20px;
}
.moduleID-SR08:first-child .seeallLink {
top: 31px;
}
}
@media all and (max-width: 31.25em) {
.moduleID-SR08 .image {
width: 82.14285714285714%;
margin-left: 1.7857142857142856%;
margin-right: 1.7857142857142856%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-SR08 .article {
width: 96.42857142857143%;
margin-left: 1.7857142857142856%;
margin-right: 1.7857142857142856%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-SR08 .article .heading {
font-size: 0.875em;
margin-top: 9px;
}
}
.moduleID-SR10 {
padding-top: 20px;
}
.moduleID-SR10 .componentRow {
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.moduleID-SR10 .componentRow:before,
.moduleID-SR10 .componentRow:after {
content: "";
display: table;
}
.moduleID-SR10 .componentRow:after {
clear: both;
}
.moduleID-SR10 .component {
vertical-align: top;
display: inline-block;
*display: inline;
*zoom: 1;
width: 23.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
font-size: 16px;
padding-bottom: 2%;
}
.moduleID-SR10 .results {
font-size: 0;
clear: both;
}
.moduleID-SR10 .image {
margin-bottom: 12px;
}
.moduleID-SR10 .heading {
font-size: 1.375em;
display: block;
margin-bottom: 4px;
}
.moduleID-SR10 .pubDateTime {
color: #666;
font-size: 0.8125em;
display: block;
margin-bottom: 10px;
}
.moduleID-SR10 p {
font-size: 0.875em;
}
.moduleID-SR10 .counts span {
font-size: 0.6875em;
color: #666;
padding-left: 14px;
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 10px;
}
.moduleID-SR10 .counts span:before {
position: absolute;
left: 0;
top: 0;
width: 12px;
height: 12px;
content: ' ';
display: block;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
}
.moduleID-SR10 .countArticle:before {
background-position: -50px -250px;
}
.moduleID-SR10 .countBlog:before {
background-position: -50px -300px;
}
.moduleID-SR10 .countComments:before {
background-position: -50px -350px;
}
.moduleID-SR10 .ubNav {
float: right;
position: absolute;
top: -74px;
right: 1.3%;
}
.moduleID-SR10 .popOptions {
display: none;
}
.moduleID-SR10 .ajaxLoading {
background: url('/static/news/news/images/sprites/loader-40.gif') no-repeat center bottom;
padding-bottom: 50px;
}
.moduleID-SR10 + .ajaxLoading {
background: url('/static/news/news/images/sprites/loader-40.gif') no-repeat center bottom;
padding-bottom: 50px;
}
.no-generatedcontent .moduleID-SR10 .counts span {
padding-left: 0;
}
@media all and (max-width: 64.375em) {
.moduleID-SR10 .component {
width: 31.7708125%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-SR10 .ubNav {
position: relative;
top: -20px;
}
}
@media all and (max-width: 46.125em) {
.moduleID-SR10 .component {
width: 48.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
@media all and (max-width: 26em) {
.moduleID-SR10 .component {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
margin-bottom: 15px;
}
.moduleID-SR10 .ubNav {
float: none;
text-align: left;
position: static;
}
.moduleID-SR10 .seealllink {
position: absolute;
top: 34px!important;
left: 0;
}
.moduleID-SR10 .article {
margin-top: 8px;
}
}
.moduleID-SR13 .component {
border-bottom: 1px solid #B4BEC5;
margin-bottom: 25px;
padding-bottom: 20px;
position: relative;
overflow: hidden;
}
.moduleID-SR13 .component div {
position: static;
}
.moduleID-SR13 .component:last-child {
border-bottom: 0;
}
.moduleID-SR13 .seeallLink {
position: absolute;
top: 11px;
right: 0;
}
.moduleID-SR13 h2 {
font-size: 1.6875em;
margin-bottom: 15px;
display: inline;
float: left;
width: 97.91666666666666%;
margin-left: 1.0416666666666665%;
margin-right: 1.0416666666666665%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-SR13 .content {
width: 102.08333333333333%;
margin-left: -1.0416666666666665%;
margin-right: -1.0416666666666665%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.moduleID-SR13 .content:before,
.moduleID-SR13 .content:after {
content: "";
display: table;
}
.moduleID-SR13 .content:after {
clear: both;
}
.moduleID-SR13 .article .heading {
font-size: 1.125em;
margin-bottom: 5px;
display: block;
}
.moduleID-SR13 .article p {
color: #6B7985;
font-size: 0.8125em;
}
.moduleID-SR13 .image,
.moduleID-SR13 .article {
display: inline;
float: left;
}
.moduleID-SR13 .image {
width: 22.916666666666664%;
margin-left: 1.0416666666666665%;
margin-right: 1.0416666666666665%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-SR13 .article {
width: 72.91666666666666%;
margin-left: 1.0416666666666665%;
margin-right: 1.0416666666666665%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-SR13 .tags,
.moduleID-SR13 .pubDateTime {
color: #404F5A;
font-size: 0.75em;
display: block;
margin-bottom: 5px;
}
.moduleID-SR13 .article .tags,
.moduleID-SR13 .article .pubDateTime,
.moduleID-SR13 .article .heading,
.moduleID-SR13 .article p {
width: 44%;
float: left;
clear: left;
}
.moduleID-SR13 .standlist {
margin-left: 45.8%;
}
@media all and (max-width: 64.375em) {
.moduleID-SR13 {
border-top: 1px solid #B4BEC5;
padding-top: 20px;
}
}
@media all and (max-width: 37em) {
.moduleID-SR13 {
border-top: 1px solid #B4BEC5;
padding-top: 20px;
}
.moduleID-SR13 .image {
display: none;
}
.moduleID-SR13 .article {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.moduleID-SR13 .article .tags,
.moduleID-SR13 .article .pubDateTime,
.moduleID-SR13 .article .heading,
.moduleID-SR13 .article p {
width: 55%;
float: left;
clear: left;
}
.moduleID-SR13 .standlist {
margin-left: 57%;
padding-left: 3%;
border-left: 1px solid #B4BEC5;
padding-top: 6px;
padding-bottom: 6px;
}
.moduleID-SR13 .article .heading {
font-size: 0.875em;
}
.moduleID-SR13 .seeallLink {
position: absolute;
top: 34px!important;
left: 0;
}
.moduleID-SR13 .article {
margin-top: 8px;
}
}
#site-body .moduleID-ST02 .title {
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
color: #333;
font-size: 1.125em;
margin-bottom: 0.8em;
}
#site-body .moduleID-ST02 .synopsis {
font-size: 0.875em;
line-height: 1.5;
}
#site-body .moduleID-ST02 .selectCountry {
padding-top: 14px;
}
#site-body .moduleID-ST02 button {
font-size: 13px;
padding: 5px 10px;
}
@media all and (max-width: 64.375em) {
.layout-hub .moduleID-ST02 {
font-size: 0.9em;
padding: 14px 10px;
background: #EEE;
margin-bottom: 15px;
}
}
@media all and (min-width: 30em) and (max-width: 64.375em) {
.layout-hub .moduleID-ST02 {
width: 40%;
float: right;
}
}
.moduleID-WF06 a:link,
.moduleID-WF06 a:visited,
.moduleID-WF06 a:hover,
.moduleID-WF06 a:active {
color: #FFF;
}
.moduleID-WF06 .today > a {
padding-left: 60px;
position: relative;
display: block;
padding-right: 20px;
background: url('/static/news/news/images/sprites/blocknav-dd-marker.png') no-repeat 97% 21px;
text-decoration: none;
}
.moduleID-WF06 .today .icon {
position: absolute;
top: -7px;
left: 0;
}
.moduleID-WF06 .today .temp {
color: #52057f;
font-size: 1.625em;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
display: block;
line-height: 1.0;
margin-top: -2px;
}
.moduleID-WF06 .today .location {
font-size: 0.75em;
color: #999999;
display: block;
line-height: 1.0;
margin-top: 2px;
}
.moduleID-WF06 .today:hover .temp {
color: #d4351e;
}
.moduleID-WF06 .weather-panel {
display: none;
}
.moduleID-WF06 .component.open .weather-panel {
display: block;
}
.moduleID-WF06 .panel-inner {
background: #005480;
}
.moduleID-WF06 .weather-details .head {
padding: 20px 10px 0 90px;
background: url('/static/news/news/images/sprites/weather-panel-header.png') no-repeat bottom left;
}
.moduleID-WF06 .weather-details .title {
color: #FFF;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 0.875em;
text-transform: uppercase;
}
.moduleID-WF06 .weather-details .title .location {
font-size: 1.7142857142857142em;
display: block;
text-transform: none;
padding-top: 7px;
padding-bottom: 2px;
line-height: 1.1em;
}
.moduleID-WF06 .weather-details .change-link {
color: #BFD8FF;
font-size: 0.8125em;
}
.moduleID-WF06 .weather-details .byline {
margin-left: -90px;
padding-top: 20px;
margin-bottom: 0;
}
.moduleID-WF06 .weather-details .byline span {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 0.75em;
color: #CCC;
background: #000;
padding: 6px 8px;
}
.moduleID-WF06 .weather-details .byline a {
color: #BFD8FF;
}
.moduleID-WF06 .weather-details .foot {
background: #00476D;
padding: 14px 15px;
}
.moduleID-WF06 .weather-details .foot .morelink {
color: #FFF;
font-size: 14px;
}
.moduleID-WF06 .weather-details .foot .morelink:before {
top: 1px;
}
.moduleID-WF06 .weather-details .results a {
text-decoration: none;
display: block;
background-color: #e8ebed;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#e8ebed));
/* Konqueror */
background-image: -moz-linear-gradient(#ffffff, #e8ebed);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#ffffff, #e8ebed);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e8ebed));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#ffffff, #e8ebed);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#ffffff, #e8ebed);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8ebed', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8ebed', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#ffffff, #e8ebed);
/* the standard */
padding: 14px 10px 8px 10px;
border-bottom: 1px solid #DADDDF;
overflow: hidden;
position: relative;
}
.moduleID-WF06 .weather-details .results a.selected {
text-decoration: underline;
}
.moduleID-WF06 .weather-details .results a:after {
content: ' ';
display: block;
position: absolute;
right: 15px;
top: 40%;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -100px -450px;
height: 18px;
width: 10px;
}
.moduleID-WF06 .weather-details .results .icon {
vertical-align: middle;
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
left: -2px;
margin-right: 5px;
}
.moduleID-WF06 .weather-details .results .temp {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
min-width: 55px;
}
.moduleID-WF06 .weather-details .results .overview {
line-height: 1.0;
vertical-align: middle;
display: inline-block;
*display: inline;
*zoom: 1;
}
.moduleID-WF06 .weather-details .results .high {
display: block;
font-size: 1.375em;
color: #000;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
}
.moduleID-WF06 .weather-details .results .low {
display: block;
font-size: 1em;
color: #666;
font-family: "Channel 4 Heavy", Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
}
.moduleID-WF06 .weather-details .results .day {
color: #005985;
font-size: 1.375em;
margin-bottom: 3px;
margin-top: -2px;
}
.moduleID-WF06 .weather-details .results a:hover .day {
color: #d4351e;
}
.moduleID-WF06 .weather-details .results .description {
font-size: 0.8125em;
color: #666;
}
.moduleID-WF06 .weather-settings {
display: none;
}
.moduleID-WF06 .weather-settings a {
color: #BFD8FF;
}
.moduleID-WF06 .weather-settings .toolbar {
background: #004C74;
padding: 10px 30px 10px 10px;
font-size: 13px;
border-bottom: 1px solid #00689F;
}
.moduleID-WF06 .weather-settings .back {
position: relative;
}
.moduleID-WF06 .weather-settings .back:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 3px;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -150px -50px;
height: 8px;
width: 5px;
}
.moduleID-WF06 .weather-settings .body {
padding: 12px 5px 5px 5px;
}
.moduleID-WF06 .weather-settings .title {
color: #FFF;
margin-left: -5px;
font-size: 1.5em;
margin-bottom: 15px;
}
.moduleID-WF06 .weather-settings label {
color: #FFF;
font-size: 0.875em;
margin-bottom: 4px;
display: block;
}
.moduleID-WF06 .weather-settings .search-wrapper {
border: 1px solid #D6DCE0;
background: #FFF;
padding: 5px 35px 5px 4px;
position: relative;
}
.moduleID-WF06 .weather-settings .search-wrapper input {
border: 0;
width: 100%;
box-sizing: border-box;
padding: 3px 4px;
font-size: 13px;
font-family: sans-serif;
}
.moduleID-WF06 .weather-settings .search-wrapper button {
border: 0;
background: #FFF;
padding: 4px;
margin: 0;
cursor: pointer;
position: absolute;
right: 5px;
top: 5px;
}
.moduleID-WF06 .weather-settings .search-wrapper button span {
text-indent: -9999px;
display: block;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -150px -150px;
height: 16px;
width: 16px;
}
.moduleID-WF06 .weather-settings .results {
display: none;
margin-top: 25px;
}
.moduleID-WF06 .weather-settings .results h6 {
font-size: 0.875em;
color: #FFF;
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
margin-bottom: 8px;
}
.moduleID-WF06 .weather-settings .results li {
border-bottom: 1px solid #3C7C9E;
}
.moduleID-WF06 .weather-settings .results li:last-child {
border-bottom: 0;
}
.moduleID-WF06 .weather-settings .results li:before {
top: 8px;
background-position: -150px -200px;
}
.moduleID-WF06 .weather-settings .results a {
display: block;
padding: 5px 0 8px 3px;
text-decoration: none;
}
.moduleID-WF06 .weather-settings .results a.selected {
text-decoration: underline;
}
.moduleID-WF06 .predictor {
width: 286px;
margin-top: 0;
margin-left: 0;
}
.moduleID-WF06 .predictor a {
color: #666;
}
.moduleID-WF06 .component.change-settings .weather-details {
display: none;
}
.moduleID-WF06 .component.change-settings .weather-settings {
display: block;
}
.generatedcontent .moduleID-WF06 .back {
padding-left: 12px;
}
.site-masthead .moduleID-WF06 .today .icon {
position: absolute;
}
.site-masthead .moduleID-WF06 .panel-inner {
width: 300px;
border: 10px solid #005480;
position: absolute;
-webkit-box-shadow: 0 2px 8px #666666;
-moz-box-shadow: 0 2px 8px #666666;
box-shadow: 0 2px 8px #666666;
}
.site-masthead .moduleID-WF06 .weather-panel {
background: url('/static/news/news/images/sprites/weather-panel-pointer.png') no-repeat 20px 100%;
padding-top: 18px;
margin-left: 52px;
}
.site-footer .moduleID-WF06 {
margin-bottom: 6px;
}
.site-footer .moduleID-WF06 .today {
position: relative;
}
.site-footer .moduleID-WF06 .today > a {
background-color: #e8ebed;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#e8ebed));
/* Konqueror */
background-image: -moz-linear-gradient(#ffffff, #e8ebed);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#ffffff, #e8ebed);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e8ebed));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#ffffff, #e8ebed);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#ffffff, #e8ebed);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8ebed', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8ebed', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#ffffff, #e8ebed);
/* the standard */
padding: 17px 10px 16px 70px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px #1d0d27;
-moz-box-shadow: 0 1px 1px #1d0d27;
box-shadow: 0 1px 1px #1d0d27;
background-position: 0 0;
}
.site-footer .moduleID-WF06 .today .icon {
left: 8px;
top: auto;
bottom: 7px;
}
.site-footer .moduleID-WF06 .today .temp {
font-size: 1.25em;
margin-top: 0;
}
.site-footer .moduleID-WF06 .today .location {
margin-top: 0;
}
.site-footer .moduleID-WF06 .today:after {
content: ' ';
display: block;
position: absolute;
right: 15px;
top: 46%;
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -150px -300px;
height: 8px;
width: 14px;
}
.site-footer .moduleID-WF06 .open .today:after {
background-position: -150px -250px;
}
.site-footer .moduleID-WF06 .weather-settings .body {
padding-left: 10px;
padding-right: 10px;
}
.site-footer .moduleID-WF06 .weather-settings .title {
margin-left: 0;
}
.site-footer .moduleID-WF06 .component.open .today a {
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.site-footer .moduleID-WF06 .predictor {
display: none !important;
/* using !important to override inline styles to make sure that the predictive search results are not shown in the footer context */
}
@media all and (max-width: 56.25em) {
.site-masthead .moduleID-WF06 {
position: relative;
z-index: 1000;
}
.site-masthead .moduleID-WF06 .today {
margin-top: 10px;
text-align: right;
}
.site-masthead .moduleID-WF06 .today > a {
padding-right: 80px;
padding-left: 0;
background-position: 100% 21px;
}
.site-masthead .moduleID-WF06 .today .icon {
right: 20px;
left: auto;
height: 54px;
}
.site-masthead .moduleID-WF06 .today .location {
margin-top: 4px;
}
.site-masthead .moduleID-WF06 .weather-panel {
margin-left: 25px;
}
}
.imageRater {
clear: both;
float: right;
margin-top: -20px;
width: 95px;
*margin-top: 0px;
}
#BoxOfFailAndWin {
text-align: center;
font-size: 13px;
color: #ffffff;
}
.star-rating,
.imageRating .rating {
position: relative;
display: block;
width: 82px;
height: 21px;
line-height: 21px;
background: transparent url(/static/news/news/images/sprites/rating-stars.png) no-repeat left top;
overflow: hidden;
}
.imageToolbar,
.no-js .rated .imageToolbar {
display: block;
}
#FormRater,
.no-js .rated #FormRater {
display: none;
}
.no-js #FormRater {
display: block;
}
.no-js .imageToolbar {
display: none;
}
.imageRater #BoxOfFailAndWin .rated {
position: relative;
display: block;
width: 82px;
height: 21px;
line-height: 21px;
background: transparent url(/static/news/news/images/sprites/rating-stars.png) no-repeat left top;
}
.imageRater #BoxOfFailAndWin .rated span {
top: 4px;
}
.article .rating {
position: relative;
display: block;
width: 98px;
height: 18px;
line-height: 18px;
background: transparent url(/static/news/news/images/sprites/rating-stars.png) no-repeat left bottom;
overflow: hidden;
margin-left: 6px;
}
.rating span,
.imageRating .rating span {
position: absolute;
left: -9999px;
}
.imageRater #BoxOfFailAndWin .r0_0 {
background-position: 0 -220px;
}
.imageRater #BoxOfFailAndWin .r0_5 {
background-position: 0 -198px;
}
.imageRater #BoxOfFailAndWin .r1_0 {
background-position: 0 -176px;
}
.imageRater #BoxOfFailAndWin .r1_5 {
background-position: 0 -154px;
}
.imageRater #BoxOfFailAndWin .r2_0 {
background-position: 0 -132px;
}
.imageRater #BoxOfFailAndWin .r2_5 {
background-position: 0 -110px;
}
.imageRater #BoxOfFailAndWin .r3_0 {
background-position: 0 -88px;
}
.imageRater #BoxOfFailAndWin .r3_5 {
background-position: 0 -66px;
}
.imageRater #BoxOfFailAndWin .r4_0 {
background-position: 0 -44px;
}
.imageRater #BoxOfFailAndWin .r4_5 {
background-position: 0 -22px;
}
.imageRater #BoxOfFailAndWin .r5_0 {
background-position: 0 0%;
}
.imageToolbar .r0_0 {
background-position: 0 -179px;
}
.imageToolbar .r0_5 {
background-position: 0 -161px;
}
.imageToolbar .r1_0 {
background-position: 0 -143px;
}
.imageToolbar .r1_5 {
background-position: 0 -125px;
}
.imageToolbar .r2_0 {
background-position: 0 -107px;
}
.imageToolbar .r2_5 {
background-position: 0 -89px;
}
.imageToolbar .r3_0 {
background-position: 0 -71px;
}
.imageToolbar .r3_5 {
background-position: 0 -53px;
}
.imageToolbar .r4_0 {
background-position: 0 -35px;
}
.imageToolbar .r4_5 {
background-position: 0 -17px;
}
.imageToolbar .r5_0 {
background-position: 0 0%;
}
.r0_0 {
background-position: 0 -251px;
}
.r0_5 {
background-position: 0 -224px;
}
.r1_0 {
background-position: 0 -197px;
}
.r1_5 {
background-position: 0 -170px;
}
.r2_0 {
background-position: 0 -143px;
}
.r2_5 {
background-position: 0 -116px;
}
.r3_0 {
background-position: 0 -90px;
}
.r3_5 {
background-position: 0 -65px;
}
.r4_0 {
background-position: 0 -42px;
}
.r4_5 {
background-position: 0 -20px;
}
.r5_0 {
background-position: 0 0%;
}
/*
* =Rating Stars
* Based on code from
* http://www.komodomedia.com/blog/2007/01/css-star-rating-redux/
*/
.imageToolbar .star-rating:hover {
background-position: 0 -220px;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
background: url(/static/news/news/images/sprites/rating-stars.png) left -1000px repeat-x;
}
.star-rating {
position: absolute;
top: -1px;
width: 98px;
height: 18px;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
background-position: 0 -220px;
}
.star-rating li {
display: inline;
}
.star-rating a,
.star-rating .current-rating {
position: absolute;
left: 0;
text-indent: -1000em;
height: 18px;
line-height: 18px;
outline: none;
overflow: hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
background-position: left top;
}
.star-rating a.r_1 {
width: 20%;
z-index: 6;
}
.star-rating a.r_2 {
width: 40%;
z-index: 5;
}
.star-rating a.r_3 {
width: 60%;
z-index: 4;
}
.star-rating a.r_4 {
width: 80%;
z-index: 3;
}
.star-rating a.r_5 {
width: 100%;
z-index: 2;
}
.star-rating .current-rating {
z-index: 1;
background-position: left center;
}
.inline-rating {
display: -moz-inline-block;
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
}
.imageRater .text {
color: #ffffff;
font-size: 13px;
font-weight: normal;
position: absolute;
left: -80px;
}
.blog-header {
background: #a12780 url('/static/news/news/images/blog/blog-tile.png') repeat-x top left;
color: #FFF;
padding-top: 15px;
}
.blog-header div {
position: static;
}
.blog-header .primary .section-inner {
padding-left: 96px;
padding-bottom: 1px;
position: relative;
}
.blog-header h1 {
color: #FFF;
font-size: 1.5em;
margin-bottom: 12px;
}
.blog-header .image {
width: 76px;
position: absolute;
bottom: 0;
left: -1px;
}
.blog-header .strapline {
margin-bottom: 22px;
}
.blog-header a {
color: #FFF;
}
.blog-header .updates-box {
padding: 16px 20px 3px 20px;
background: #F5F6F8;
border: 1px solid #B4BEC5;
float: left;
margin-bottom: -200px;
margin-right: 20px;
color: #333;
position: relative;
z-index: 2;
}
.blog-header .updates-box h3 {
font-size: 1em;
color: #333;
margin-bottom: 10px;
}
.blog-header .updates-box p {
margin-bottom: 12px;
font-size: 0.8125em;
}
.blog-header .updates-box a.rss {
color: #333;
font-size: 1.0769230769230769em;
display: block;
padding: 4px 0 3px 31px;
background: url('/static/news/news/images/blog/rss.png') no-repeat 0 1px;
}
.blog-header .morelink-list {
margin-top: 4px;
margin-bottom: 10px;
}
.blog-header .morelink-list li {
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 14px;
}
.lt-ie8 .blog-header {
z-index: 10;
}
.lt-ie8 .blog-header .secondary .updates-box {
position: absolute;
width: 290px;
}
.blog-home .blog-header {
padding-top: 27px;
}
.blog-home .blog-header .primary .section-inner {
padding-left: 156px;
}
.blog-home .blog-header h1 {
font-size: 2.25em;
margin-top: -2px;
}
.blog-home .blog-header .image {
width: 136px;
}
.blog-home .blog-header .morelink-list {
margin-top: -8px;
margin-bottom: 10px;
}
.blog-home .blog-body .secondary {
padding-top: 4.5em;
}
.blog-body {
clear: both;
background: url('/static/news/news/images/blog/blog-body-bg.png') no-repeat 44% 0;
background-size: 99% auto ;
top: -4px;
position: relative;
z-index: 1;
}
.blog-body > .inner {
overflow: hidden;
}
.blog-body .primary {
padding-top: 35px;
}
.blog-body .secondary {
padding-top: 35px;
}
.blog-body .secondary .advert-mpu {
margin-left: 0;
margin-right: 0;
}
.blog-body .secondary h4 {
font-size: 1.125em;
margin-top: 40px;
margin-bottom: 16px;
}
.blog-body .archive-title {
font-size: 2.25em;
margin-bottom: 0.4em;
border-bottom: 1px solid #D6DBDF;
padding-bottom: 1.0em;
margin-top: 0.2em;
}
.blog-body .archive {
padding-left: 20px;
}
.post-list .post {
padding-bottom: 20px;
border-bottom: 1px solid #D6DBDF;
margin-bottom: 20px;
}
.post-list .post > .inner {
width: 102.49999999999999%;
margin-left: -1.25%;
margin-right: -1.25%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
overflow: hidden;
}
.post-list .post > .inner:before,
.post-list .post > .inner:after {
content: "";
display: table;
}
.post-list .post > .inner:after {
clear: both;
}
.post-list .post .meta {
display: inline;
float: left;
width: 27.500000000000004%;
margin-left: 1.25%;
margin-right: 1.25%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.post-list .post .body {
display: inline;
float: left;
width: 67.5%;
margin-left: 1.25%;
margin-right: 1.25%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.post-list .post .body p:last-child {
margin-bottom: 0;
}
.post-list .post .post-title {
font-size: 1.5em;
margin-bottom: 0.6em;
}
.post-list .post p,
.post-list .post ul,
.post-list .post ol {
font-size: 0.875em;
}
.post-list .post .meta {
color: #3F4E59;
font-size: 0.8125em;
}
.post-list .post .meta .publish-date,
.post-list .post .meta a,
.post-list .post .meta .sm {
display: block;
margin-bottom: 9px;
margin-left: 15%;
}
.post-list .post .meta .comments {
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
}
.post-list .post .comments:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -100px -250px;
display: inline-block;
*display: inline;
*zoom: 1;
content: "";
width: 16px;
height: 15px;
position: absolute;
left: 0;
top: 0;
}
.post-list .post.first .post-title {
font-size: 2.25em;
margin-bottom: 0.4em;
}
.post-list .post.first p,
.post-list .post.first ul,
.post-list .post.first ol {
font-size: 1em;
line-height: 1.75;
margin: 1.0em 0;
}
.post-list .post.first .morelink {
color: #333;
text-transform: uppercase;
font-size: 0.9375em;
}
.post-list .post.first .morelink:before {
top: 4px;
}
.post-list .post:last-child {
border-bottom: 0;
}
.lt-ie8 .post-list .post .body {
width: 67%;
}
.generatedcontent .post-list .meta .comments {
padding-left: 23px;
}
.post-detail .post-title {
margin-top: -12px;
}
.post-detail .post {
padding-left: 0;
margin-left: 11.25%;
/* *margin-left: @calculated-column-width+(@calculated-gutter-width*3)-@correction;*/
}
.post-detail h3 {
font-size: 1.125em;
margin-bottom: 12px;
margin-top: 25px;
}
.post-detail #comments li.depth-1 {
background-color: #F6F1F7;
border-radius: 6px;
margin-bottom: 7px;
color: #262626;
font-size: 0.8125em;
overflow: hidden;
}
.post-detail #comments li > .inner {
padding: 10px;
}
.post-detail #comments li ol.children {
background: url('/static/news/news/images/blog/blog-comment-nested-top.png') no-repeat 0 0;
padding-top: 8px;
background-color: #FBF8FB;
}
.post-detail #comments li.depth-2 {
background-color: #FBF8FB;
border-bottom: 1px solid #E8E8E8;
}
.post-detail #comments li.depth-2:last-child {
border-bottom: 0;
}
.post-detail #comments li .author {
width: 17.5%;
margin-left: 1.25%;
margin-right: 1.25%;
float: left;
font-size: 12px;
}
.post-detail #comments li .inner .comment {
margin-left: 23%;
margin-right: 1.25%;
}
.post-detail #comments .comment .links a {
display: inline-block;
*display: inline;
*zoom: 1;
position: relative;
margin-right: 7px;
}
.post-detail #comments .comment .links a:before {
position: absolute;
left: 0;
}
.post-detail #comments .comment .links .comment-permalink:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -100px -300px;
display: inline-block;
*display: inline;
*zoom: 1;
content: "";
width: 13px;
height: 7px;
top: 3px;
}
.post-detail #comments .comment .links .comment-reply-link:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -100px -350px;
display: inline-block;
*display: inline;
*zoom: 1;
content: "";
width: 11px;
height: 9px;
top: 2px;
}
.post-detail #comments .comment .links .comment-report-link:before {
background-image: url('/static/news/news/images/sprites/main-sprite.png');
background-repeat: no-repeat;
background-position: -100px -400px;
display: inline-block;
*display: inline;
*zoom: 1;
content: "";
width: 11px;
height: 11px;
top: 1px;
}
.post-detail #comments .postDate {
margin-top: 5px;
}
.post-detail #comments .postDate,
.post-detail #comments .postTime {
display: block;
color: #777;
}
.post-detail #respond form {
background-color: #F6F1F7;
border-radius: 6px;
padding: 10px;
}
.post-detail #respond .countdownbox {
text-align: right;
}
.post-detail #respond .countdownbox input {
border: none;
background: transparent;
text-align: right;
padding: 0;
display: inline;
font-weight: bold;
}
.post-detail #respond #commentbox label {
float: left;
width: 30%;
}
.post-detail #respond #commentbox .countdownbox {
float: right;
width: 69%;
padding-right: 1%;
}
.post-detail #respond p.submit {
margin: 25px 0 20px 0;
text-align: center;
}
.generatedcontent .comment .links a {
padding-left: 16px;
}
@media all and (min-width: 55em) and (max-width: 64.375em) {
.post-list .post .meta .publish-date,
.post-list .post .meta a,
.post-list .post .meta .sm {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 12px 10px 0;
vertical-align: middle;
}
.post-list .post .meta,
.post-list .post .body {
display: inline;
float: left;
width: 87.5%;
margin-left: 1.25%;
margin-right: 1.25%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
padding-left: 0;
margin-left: 7.03125%;
/* *margin-left: @calculated-column-width+(@calculated-gutter-width*3)-@correction;*/
}
.post-detail .post {
display: inline;
float: left;
width: 97.5%;
margin-left: 1.25%;
margin-right: 1.25%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.post-detail .article-header,
.post-detail .article-body,
.post-detail .article-footer {
padding-left: 3%;
}
}
@media all and (max-width: 55em) {
.blog-home .blog-header .strapline,
.blog-header .strapline {
max-width: 90%;
}
.blog-home .blog-header .image,
.blog-header .image {
width: 76px;
bottom: auto;
top: -35px;
}
.blog-home .blog-header .morelink-list,
.blog-header .morelink-list {
padding-left: 86px;
}
.blog-home .blog-header .updates-box,
.blog-header .updates-box {
margin: 10px auto;
padding: 16px 10px 1px 10px;
float: none;
margin-bottom: 0;
margin-right: 0;
}
.blog-home .blog-header .primary .section-inner,
.blog-header .primary .section-inner {
padding-left: 86px;
}
.blog-body {
background: none;
}
.blog-body .archive {
padding-left: 0;
}
.blog-home .blog-body .secondary {
padding-top: 0;
}
.post-list .post .meta {
display: inline;
float: left;
width: 17.1875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.post-list .post .meta .publish-date,
.post-list .post .meta a,
.post-list .post .meta .sm {
margin-left: 0;
}
.post-list .post .body {
display: inline;
float: left;
width: 79.6875%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
.post-detail .post {
display: inline;
float: left;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
@media all and (max-width: 46.125em) {
.post-list .post .meta .publish-date,
.post-list .post .meta a,
.post-list .post .meta .sm {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 12px 10px 0;
vertical-align: middle;
}
.post-list .post .meta,
.post-list .post .body {
display: inline;
float: left;
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
/* blog hub */
.blogs-list {
padding-top: 20px;
font-size: 0;
vertical-align: top;
width: 101.5625%;
margin-left: -0.78125%;
margin-right: -0.78125%;
display: block;
/* *width: @calculated-row-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
*zoom: 1;
*zoom: 1;
}
.blogs-list:before,
.blogs-list:after {
content: "";
display: table;
}
.blogs-list:after {
clear: both;
}
.blogs-list .blog {
vertical-align: top;
display: inline-block;
*display: inline;
*zoom: 1;
width: 23.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
font-size: 16px;
padding-bottom: 6%;
}
.blogs-list .blog > .inner {
border-left: 1px solid #D6DBDF;
padding-left: 6%;
}
.blogs-list .overview {
position: relative;
overflow: hidden;
margin-top: -16px;
float: left;
width: 100%;
margin-bottom: 12px;
}
.blogs-list .overview .image {
float: left;
width: 58px;
}
.blogs-list .overview .blog-title {
position: absolute;
bottom: 5px;
left: 70px;
font-size: 1.5em;
line-height: 1.0;
}
.blogs-list .overview .blog-title a {
color: #9F1F6C;
}
.blogs-list .overview .blog-title span {
display: block;
font-size: 0.75em;
}
.blogs-list .description {
color: #262626;
font-size: 0.8125em;
}
.blogs-list .standlist {
margin-bottom: 12px;
}
.blogs-list .standlist li {
margin-bottom: 6px;
}
.blogs-list .standlist .meta {
color: #666;
font-size: 12px;
display: block;
}
.blogs-list .morelink {
color: #000;
text-transform: uppercase;
font-size: 0.8125em;
}
.blogs-list .morelink:before {
top: -2px;
}
.lt-ie8 .overview {
overflow: visible;
float: none;
}
@media all and (max-width: 64.375em) {
.blogs-list .blog {
width: 31.770833124999996%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
@media all and (max-width: 46.125em) {
.blogs-list .blog {
width: 48.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
}
}
@media all and (max-width: 40.5em) {
#site-body.layout-blog {
padding-top: 40px;
}
}
@media all and (max-width: 26em) {
.blogs-list .blog {
width: 98.4375%;
margin-left: 0.78125%;
margin-right: 0.78125%;
/* *width: @calculated-column-width - @correction;
*margin-left: @calculated-gutter-width - @correction;
*margin-right: @calculated-gutter-width - @correction;*/
margin-bottom: 15px;
}
.blogs-list .blog > .inner {
border-left: 0;
padding-left: 0;
}
}