/*
Theme Name: Cardiff Student Media
Description: Custom CSM theme
Author: Joe Birkin
Author URI: http://hodephinitely.com/
Version: 1.1

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

@font-face {
    font-family: 'museo500';
    src: url('/museo500-regular-webfont-webfont.eot');
    src: url('/museo500-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('/museo500-regular-webfont-webfont.woff') format('woff'),
         url('/museo500-regular-webfont-webfont.ttf') format('truetype'),
         url('/museo500-regular-webfont-webfont.svg#museo500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'akzidenz-grotesk_bq_condensBd';
    src: url('akzidenzgrotesk-boldcond-webfont.eot');
    src: url('akzidenzgrotesk-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('akzidenzgrotesk-boldcond-webfont.woff2') format('woff2'),
         url('akzidenzgrotesk-boldcond-webfont.woff') format('woff'),
         url('akzidenzgrotesk-boldcond-webfont.ttf') format('truetype'),
         url('akzidenzgrotesk-boldcond-webfont.svg#akzidenz-grotesk_bq_condensBd') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'casloncpbold';
    src: url('/casloncp-webfont.eot');
    src: url('/casloncp-webfont.eot?#iefix') format('embedded-opentype'),
         url('/casloncp-webfont.woff') format('woff'),
         url('/casloncp-webfont.ttf') format('truetype'),
         url('/casloncp-webfont.svg#casloncpbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'frozenmedium';
    src: url('/frozen-webfont.eot');
    src: url('/frozen-webfont.eot?#iefix') format('embedded-opentype'),
         url('/frozen-webfont.woff') format('woff'),
         url('/frozen-webfont.ttf') format('truetype'),
         url('/frozen-webfont.svg#frozenmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tex';
    src: url('/texgyreadventor-bold-webfont.eot');
    src: url('/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/texgyreadventor-bold-webfont.woff') format('woff'),
         url('/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TeXGyreTermesRegular';
    src: url('/texgyretermes-regular-webfont.eot');
    src: url('/texgyretermes-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/texgyretermes-regular-webfont.woff') format('woff'),
         url('/texgyretermes-regular-webfont.ttf') format('truetype'),
         url('/texgyretermes-regular-webfont.svg#TeXGyreTermesRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreTermesBold';
    src: url('/texgyretermes-bold-webfont.eot');
    src: url('/texgyretermes-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/texgyretermes-bold-webfont.woff') format('woff'),
         url('/texgyretermes-bold-webfont.ttf') format('truetype'),
         url('/texgyretermes-bold-webfont.svg#TeXGyreTermesBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreTermesBoldItalic';
    src: url('/texgyretermes-bolditalic-webfont.eot');
    src: url('/texgyretermes-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/texgyretermes-bolditalic-webfont.woff') format('woff'),
         url('/texgyretermes-bolditalic-webfont.ttf') format('truetype'),
         url('/texgyretermes-bolditalic-webfont.svg#TeXGyreTermesBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BPreplayRegular';
    src: url('/BPreplay-webfont.eot');
    src: url('/BPreplay-webfont.eot?#iefix') format('embedded-opentype'),
         url('/BPreplay-webfont.woff') format('woff'),
         url('/BPreplay-webfont.ttf') format('truetype'),
         url('/BPreplay-webfont.svg#/BPreplayRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'BPreplayBold';
    src: url('/BPreplayBold-webfont.eot');
    src: url('/BPreplayBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/BPreplayBold-webfont.woff') format('woff'),
         url('/BPreplayBold-webfont.ttf') format('truetype'),
         url('/BPreplayBold-webfont.svg#/BPreplayBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'archivo_narrowbold';
    src: url('ArchivoNarrow-Bold-webfont.eot');
    src: url('ArchivoNarrow-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('ArchivoNarrow-Bold-webfont.woff2') format('woff2'),
         url('ArchivoNarrow-Bold-webfont.woff') format('woff'),
         url('ArchivoNarrow-Bold-webfont.ttf') format('truetype'),
         url('ArchivoNarrow-Bold-webfont.svg#archivo_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'archivo_narrowregular';
    src: url('ArchivoNarrow-Regular-webfont.eot');
    src: url('ArchivoNarrow-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('ArchivoNarrow-Regular-webfont.woff2') format('woff2'),
         url('ArchivoNarrow-Regular-webfont.woff') format('woff'),
         url('ArchivoNarrow-Regular-webfont.ttf') format('truetype'),
         url('ArchivoNarrow-Regular-webfont.svg#archivo_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	height:auto;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

/* Form fields, general styles first */
button,
input,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
button,
input {
    line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #999;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
	border: 1px solid #999;
	border-radius: 3px;
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #f5f5f5;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
	background-image: -ms-linear-gradient(top, #fff, #f5f5f5);
	background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
	background-image: -o-linear-gradient(top, #fff, #f5f5f5);
	background-image: linear-gradient(top, #fff, #f5f5f5);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: 1px solid transparent;
}
li.bypostauthor cite span {
	color: #fff;
	background-color: #555;
	background-image: none;
	border: 1px solid #444;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.featured object {max-height: 100%;}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:10px;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.entry-content .gallery {background:#eee;margin-bottom:20px !important;}

.gallery .gallery-icon img {
	height: auto;
	max-width: 95%;
	padding: 2.5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

.gallery-item { width:25% !important; margin-top:0!important;}
.gallery-item img {border: 1px solid #ddd !important;border-radius:3px;background:#fff;}

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
	float: left;
	width: 50%;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
	background-color:#fff !important;
}
body.custom-font-enabled {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
a {
	outline: none;
	color: #21759b;
}
a:hover {
	color: #0f3647;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site {
	padding: 0 20px !important;
	background-color: #fff;
	max-width: 100% !important;	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:0 auto !important;	
}
.widget-area {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}

/* Header */
.site-header {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
.site-header h1,
.site-header h2 {
	text-align: center;
}
.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.header-image {
	margin-top: 24px;
	margin-top: 1.714285714rem;
}

/* Navigation Menu */
.main-navigation a {
	color: #fff;text-decoration:none;text-transform:uppercase;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #21759b;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
	font-size: 20px;
	font-size: 1.428571429rem;
	line-height: 1.2;
	font-weight: normal;
}
.entry-header .entry-title a {
	text-decoration: none;
}
.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}
.entry-header .comments-link {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.comments-link a,
.entry-meta a {
	color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}
article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}
.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.846153846;
}
.entry-content h4,
.comment-content h4 {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.entry-content h6,
.comment-content h6 {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.846153846;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 20px;
	margin: 0 0 1.5rem;
	line-height: 1.7;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
.site-content article {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}


/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}


/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}
article.format-aside h1 a:hover {
	color: #2e3542;
}
article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}
article.format-aside p {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}


/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */
article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}
article.format-link .entry-content {
	max-width: 80%;
	float: left;
}
article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;
}

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}

/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}


/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 10px 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
	margin-right:5px;
}
.comments-area article header cite,
.comments-area article header time {
display:block;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}


/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}
.template-front-page .widget-area {
	clear: both;
	float: none;
	width: auto;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	margin: 0.571428571rem 0 0;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.714285714;
	list-style-type: square;
	list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
	color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}
.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}


/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}


/* =Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	a {
		text-decoration: none;
	}
	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {
		border-radius: 0;
		box-shadow: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a,
	.site-header h2 a {
		color: #000;
	}
	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.main-navigation {
		display: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
	.site-content {
		margin: 0;
		width: auto;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.singular .site-content,
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular .comments-title {
		margin: 0;
		width: 100%;
	}
	.entry-header .entry-title,
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	footer.entry-meta,
	footer.entry-meta a {
		color: #444;
		font-size: 10pt;
	}
	.author-description {
		float: none;
		width: auto;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.comments-area article header cite,
	.comments-area article header time {
		margin-left: 50px;
		margin-left: 3.57142857rem;
	}
}
#site-navigation {background:#000;background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;width:100%;z-index:99;}
#site-navigation > div {width:100%;max-width:1200px;box-sizing:border-box;-moz-box-sizing:border-box;margin:0;margin:0 auto;padding:0 20px;position:relative;}
.riser {position:absolute;width:100%;height:100%;max-height:0px;bottom:0;background:#000;left:0;opacity:0;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
#searchbar {position:absolute;top:100%;right:10px;padding:0 10px;background:#000;background:rgba(0,0,0,0.3);overflow:hidden;max-height:0;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
#searchbar input {margin:0;border:none;box-shadow:none;}
#searchbar input[type=submit] {height: 26px;margin-left:5px;}
#searchbar input[type=text] {font-size:0.8em;min-width:200px;border-radius:2px;}
#site-navigation #soc {float:right;}
#site-navigation #soc img {width:20px;}
#site-navigation #soc a {display:block;float:left;padding:10px 0 0 10px;opacity:0.8;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;}
#site-navigation #soc a:hover {opacity:1;}
#main {max-width:1160px;margin:0 auto;}
.main-navigation li {float:left; box-sizing:border-box;-moz-box-sizing:border-box;position:relative;border-right:1px solid #444; border-right:1px solid rgba(255,255,255,0.2);margin:0;}
.main-navigation li a {padding:14px 20px;display:block;}
.main-navigation li:hover .riser {
	max-height:4px;opacity:1;
}
.main-navigation ul {overflow:auto;}
.main-navigation li:first-child a {padding:6px 18px 4px 0;}
.ie8 .main-navigation li {margin:0 !important;}
.ie8 .main-navigation li a {line-height:0.8em;text-align:top;margin:0;color:#fff;}
.ie8 .main-navigation li a:hover {color:#fff;}
.ie8 .main-navigation li:first-child a {padding:4px 18px 4px 0;}
.riser.xpress {background:#78548d;}
.riser.gairrhydd {background:#ececec;}
.riser.cutv {background:#a52d3e;}
.riser.quench {background:#393939;}

.ie8 .riser.quench {background:#777;}

#main {padding-top:20px;}

body > header {height:300px;width:100%;background:#eee;background-size:cover;}
header.csm {background:#43628e url(/images/header-csm.jpg) no-repeat bottom right;}
body > header > div {box-sizing:border-box;-moz-box-sizing:border-box;margin: 0 auto;max-width: 1200px; padding:80px 20px 0;position:relative;}
body > header #logo {margin-right:25px;height:180px;padding:0;}
body > header.xpress #logo {height:160px;padding:10px 0;}
#main-title, body > header #logo {float:left;}
body > header h1 {color:#fff;padding-top:14px;font-weight:normal; clear:none;}
body > header.csm h1 {font-size:3.2em; line-height:1.15em; clear:none;font-family: 'frozenmedium';text-transform:uppercase;}
body > header h1 span {display:block;}
body > header.csm h1 .medium {color:#a8bcd7;}
body > header.csm h1 .dark {color:#7e96ba;}

#sections {float:right;padding-top:42px;}
#sections a {margin-left:35px;position:relative;}
#sections a > div {position:absolute;top:100%;left:0;width:100%; box-sizing:border-box;-moz-box-sizing:border-box;margin-top:5px;max-height:0;overflow:hidden;text-align:center;opacity:0;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
.ie8 #sections a > div {display:none;}
#sections a > div > span {border-bottom:6px solid #000;border-bottom:6px solid rgba(0,0,0,0.5);border-left:6px solid transparent;border-right:6px solid transparent;display:block;width:0;height:0;margin:0 auto;clear:both;}
#sections a > div > h2 {background:#000;padding:0;background:rgba(0,0,0,0.5);color:#fff;text-align:center;clear:both;font-weight:bold;font-size:0.8em;display:inline-block;border-radius:3px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
#sections a:hover > div {max-height:50px;opacity:1;}
#sections a:hover > div > h2 {font-size:1em;padding:5px;}
#sections img {height:100px;opacity:0.7;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;}
#sections img:hover {opacity:1;}

#xpress, #site-navigation, footer {font-family:Arial, Helvetica, sans-serif;}

header.xpress {background:#78548d url(/images/header-xpress.png) no-repeat bottom right;}
body > header.xpress h1 {margin-top:15px;font-family: 'tex';font-size:3.2em; line-height:1.15em;text-transform:uppercase;}
#xpress h2 {font-size: 1.3em;}

body > header.xpress h2 {color:#a286b3;clear:none;font-size:1.5em; line-height:1.15em;margin-top:10px;text-transform:uppercase;font-family: 'tex';}

#xpress-nav {width:100%;background:#78548D;overflow:auto;margin-bottom:20px;}
#xpress-nav a {box-sizing:border-box;-moz-box-sizing:border-box;height:60px;font-family: Cambria, Georgia, serif;font-size:1.2em;text-decoration:none;overflow:hidden;position:relative;color:#555;text-align:center;width:16.66%;display:block;float:left;padding:20px 0;font-family: 'tex';color:#fff !important;text-decoration:none!important;opacity:0.8;text-transform:uppercase;border-left:1px solid #634375;}
#xpress-nav a:first-child {border-left:none;}
#xpress-nav a.current, #xpress-nav a:hover {opacity:1;background:#634375;}

/* TEMP VARSITY */

#xpress-nav a {width:}


/* END TEMP */

#xpress .seemore {float:right;display:block;padding:3px 0 0;font-size:0.7em;font-weight:normal;}
#xpress .site-content h2 {clear:none;}

.newday {margin:17px 0;border-top:1px solid #eee;padding-top:15px;}
.newday ul {margin-top:15px;}
.newday li {padding:10px;background:#eee;overflow:auto;color:#555;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
.newday span {display:block;float:left;}
span.show-time {width:15%;}
span.show-name {width:70%;font-weight:bold;line-height:1.5em;}
span.show-info {width:15%;text-align:right;}
.newday .full-info {max-height:0;padding:0;overflow:hidden;clear: both;color:#fff;font-style:italic;border-top:1px solid transparent;margin-top:10px;line-height:1.3em;
transition: max-height 0.3s;
-moz-transition: max-height 0.3s;
-webkit-transition: max-height 0.3s;
-o-transition: max-height 0.3s;
transition: padding 0.1s;
-moz-transition: padding 0.1s;
-webkit-transition: padding 0.1s;
-o-transition: padding 0.1s;
transition: margin-top 0.1s;
-moz-transition: margin-top 0.1s;
-webkit-transition: margin-top 0.1s;
-o-transition: margin-top 0.1s;
}

.show {margin-top:15px;line-height:1.3em;overflow:auto;clear:both;}
.show img {float:left;margin:0 10px 10px 0;max-width:32%;}
.show .show-time {color:#999;margin-bottom:10px;font-size:0.9em;}

.banner img {width:100%;}

#user-submitted-posts label {width:22%;display:inline-block;}
#user-submitted-posts fieldset {margin-bottom:14px;width:50%;float:left;}
.usp-content label {display:block;clear:none;}
#user-submitted-posts input[type="text"] {width:70%;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;}
#user-submitted-posts textarea {width:70%;box-sizing:border-box;-moz-box-sizing:border-box;margin-top:10px;height:120px;}
#usp-submit {text-align:right;float:right;}
#user-submitted-image input {margin:12px 0;display:block;}
#user-submitted-image a {display:block;}
#user-submitted-posts {overflow:auto;padding-top:10px;}
/*#collator {float:left; width:40%;margin-bottom:20px;}*/

select {padding:5px;box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid #ccc;border-radius:2px;margin:0;font-family: Cambria, Georgia, serif; clear:none;}

#xpress #recent-posts {margin-bottom:30px;}
#xpress #recent-posts li {border-top:1px solid #ddd;}

#xpress .site-content a {color:#78548D;text-decoration:none;}
#xpress .site-content a:hover {text-decoration:underline;}

#now-playing2 {overflow:auto;display:none;background:#634375;margin-bottom:15px;color:#fff;font-size: 1.2em;}
#now-playing2 p, #now-playing2 h3 {padding:10px;}
#now-playing2 h3 {padding-top:0;clear:none;}
#now-playing2 #play-button {width:60px;height:60px;}
#now-playing2 #play-button span {zoom:1.8;}

.xpress-box {width:32%; margin-left:2%;float:left;height:270px;position:relative;overflow:hidden;margin-top:1.2em;padding:0 0 60px;box-sizing:border-box;-moz-box-sizing:border-box;background:#78548D;color:#fff;}
.xpress-box:first-child {margin-left:0;}
.xpress-container {overflow:auto;width:100%;}
.xpress-box .image {background:#fff;}
.xpress-box p { margin:12px 0 7px; font-weight:bold; font-size:1.2em;}
.xpress-box p, .xpress-box h3 {padding:0 8px;}
.xpress-box h3 a {color:#fff !important;}
.xpress-title {margin-top:20px;padding-top:20px;border-top:1px solid #ddd;}
#xpress #twitter { margin-top:80px; }
#xpress #instagram { margin-top:80px; }
#play-button {float:right;width:34px;height:34px;background:#78548D;padding:0;}
#play-button span {display:block;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #fff;margin:9px 12px;}
#play-button:hover {background:#9874aD;cursor:pointer;}

#now-playing {position:absolute;right:20px;top:90px;height:290px;width: 28%;background:#634375;padding:15px;box-sizing:border-box;-moz-box-sizing:border-box;}
#np-inner {width:100%;height:100%;position:relative;}
#np-inner .image {height:85%;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
#np-inner .caption {background:#634375;padding:10px 0 0;}
#np-inner .caption h3 {margin-top:7px;clear:none;}

header.gairrhydd {background:#eee /*url(/images/header-gr.jpg) no-repeat top right*/;}
body > header.gairrhydd h1  {color:#000; font-family: 'akzidenz-grotesk_bq_condensBd'; text-transform:lowercase;font-size:6em;display:block;}
body > header.gairrhydd h1 span {display:inline-block;}
/*body > header.gairrhydd h1 span {font-family: 'TeXGyreTermesBoldItalic', serif;display:inline-block;}*/
body > header.gairrhydd h2 {font-family: 'Tinos', serif; clear:none;font-size:1.6em;margin-top:15px;line-height:1.2em;color:#aaa;}

header.cutv {background:#a52d3e url(/images/header-cutv.jpg) no-repeat bottom right;}
body > header.cutv h1  {font-family: 'archivo_narrowbold';font-size:5em;display:block;margin-top:25px;}
body > header.cutv h2 { clear:none;font-family: 'archivo_narrowbold';font-size:1.8em;margin-top:10px;line-height:1.2em;color:#c77b86;text-transform:uppercase;}

header.quench {background:#393939 url(/images/header-quench.jpg) no-repeat bottom right;}
#quench h1, #quench h2, #quench h3, #quench h4 {font-family: 'futura-pt', 'Nunito', sans-serif;font-weight:400;clear:none;}

header.quench #logo {margin-right:30px;}
body > header.quench h1  {display:block;font-family: 'casloncpbold' !important;font-size:6em;}
body > header.quench h2 { clear:none;font-size:1.4em;margin-top:5px;line-height:1.2em;color:#999;font-weight:normal;}

.featured {width:30%;position:relative;background:#000;float:left;overflow:hidden;}
.badge {position:absolute;top:-1px;left:-1px;width:40px;height:40px;background:#fff;padding:9px 8px 8px 9px;}
.badge img {width:100%;}
.caption {position:absolute;bottom:0;left:-0.5%;width:101%;box-sizing:border-box;-moz-box-sizing:border-box;padding:15px;color:#fff;font-weight:bold;}
.caption a, .newsticker a {color:#fff;text-decoration:none;}
.caption a:hover, .newsticker a:hover {text-decoration:underline;}
.caption.dark {background:#43628e;}
.caption.mid {background:#7e96ba;}
.caption.light {background:#a8bcd7;}
.caption.white {background:#eee;background:rgba(238,238,238,0.95);}
.newsticker {background:#7e96ba;float:left;width:20%;color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px;line-height:1.3em;}
#social {width:20%;float:left;}
#social .twitter {background:#a8bcd7 url(/images/twitter.png) center no-repeat;background-size:contain;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;}
#social .facebook {background:#43628e url(/images/facebook.png) center no-repeat;background-size:contain;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;}
#social .twitter:hover {background-color:#98acc7}
#social .facebook:hover {background-color:#33527e}
#social div {width:100%;height:50%;text-align:center;}
#social img {display:none;height:100%;}
.ie8 #social img {display:block;}
.ie8 #social div {background-image:none;overflow:hidden;}
.newsticker li {padding-top:9px;margin-top:9px;border-top:1px solid #c8cce7;font-size:0.9em;}
.firstrow {height:240px;overflow:hidden;}
.secondrow {height:320px;overflow:hidden;}
.featured img {width:102%;margin-left:-1%;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;}
.video {width:50%;}
/*.featured > a > img:hover {opacity:0.9;}*/
.featured iframe {width:100% !important;height:100% !important;-moz-box-sizing: border-box;
	box-sizing: border-box;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}

.breadcrumbs {font-size:0.8em;background:#eee; margin:10px 0;overflow:auto;}
.breadcrumbs a {display:inline-block;padding:8px;}

.gr-latest {background:#eee;position:relative; float:left;margin:0 0 0 2%;width:23.5%;overflow:hidden;}
.gr-latest:first-child {margin-left:0;}
.caption.white a {color:#555;}
.caption.white {padding:0;margin-bottom:-1%;padding-bottom:1%;}
.caption > div {position:relative;width:100%;height:100%;padding:10px;-moz-box-sizing: border-box;
	box-sizing: border-box;}
.gr-container {width:100%;overflow:auto;margin-top:20px;}
.gr-latest {font-family: 'Tinos', serif;overflow:hidden;}
.gr-latest h4 {font-size:1.1em;}
.gr-latest img {border-radius:0;box-shadow:none;max-width:100%;float:left;}

footer {padding:20px 0;margin:20px auto 0;border-top:1px solid #ddd;color:#aaa;font-size:11px !important;clear:both;max-width:1160px;}
footer a {text-decoration:none;color:#777;}
#footer-links {float:right;}
#footer-links a {margin-left:10px;}
#footer-links a:first-child {margin-left:0;}

#gr-nav a {box-sizing:border-box;-moz-box-sizing:border-box;height:57px;font-family: 'Tinos', serif;font-size:1.2em;text-decoration:none;overflow:hidden;position:relative;color:#555;text-align:center;width:10.3%;display:block;float:left;padding:9px 0;}
#gr-nav {overflow:auto;background:#eee;overflow:hidden;margin-bottom:2em;}
#gr-nav a:first-child span {border-left:none;}
#gr-nav a.sport, #gr-nav a.news {width:8.8%;}

#gr-nav a:hover {color:#fff;}
#gr-nav a:hover span {border-left:1px solid transparent;}
#gr-nav a:hover + a span {border-left:1px solid transparent;}
#gr-nav a:hover div {max-height:200px;}

#gr-nav span {display:block;position:absolute;z-index:10;padding:10px 0;box-sizing:border-box;-moz-box-sizing:border-box;border-left:1px solid #ddd;width:100%;}

#gr-nav a div {display:block;height:200px;z-index:1;max-height:5px;width:102%;position:absolute;bottom:0px;left:0;}
#gr-nav a.headlines div {background:#000;}
#gr-nav a.politics div {background:#57b8a3;}
#gr-nav a.opinion div {background:#9e0a0f;}
#gr-nav a.science div {background:#f4841f;}
#gr-nav a.advice div {background:#e7d21f;}
#gr-nav a.sport div {background:#00adee;}
#gr-nav a.societies div {background:#2bb14a;}
#gr-nav a.cymraeg div {background:#bf1d83;}
#gr-nav a.news div {background:#2b3794;}
#gr-nav a.park-life div {background:#8f593b;}

.tagger {position:absolute;right:0; bottom:0;border-left:15px solid transparent;}
.tagger.headlines {border-bottom:15px solid #000;}
.tagger.politics {border-bottom:15px solid #57b8a3;}
.tagger.opinion {border-bottom:15px solid #9e0a0f;}
.tagger.science {border-bottom:15px solid #f4841f;}
.tagger.sport {border-bottom:15px solid #00adee;}
.tagger.news {border-bottom:15px solid #2b3794;}
.tagger.societies {border-bottom:15px solid #2bb14a;}
.tagger.tafod {border-bottom:15px solid #bf1d83;}
.tagger.park-life {border-bottom:15px solid #8f593b;}

#gr-nav a.current {color:#fff;}
#gr-nav a.current span {border-left:1px solid transparent;}
#gr-nav a.current div {max-height:200px;}

#gr-nav a.current + a span {border-left:1px solid transparent;}

body.category .archive-header {display:none;}

#gr-featured-news {position:relative;font-family: 'Tinos', serif;width:63%;overflow:auto;margin-bottom:20px;margin-right:2%;line-height:1.45em;color:#ddd;overflow:hidden;}
#gr-featured-news img {float:left;width:55%;opacity:0;}
#gr-featured-news > div {right:0;width:100%;position:absolute;top:0;bottom:0;background:#222;padding:10px 15px;box-sizing:border-box;-moz-box-sizing:border-box;}
#gr-featured-news h3 {font-size:1.4em;margin-bottom:10px;line-height:1.3em;}
#gr-featured-news a {text-decoration:none;color:#fff;}
#gr-featured-news a:hover {text-decoration:underline;}
#gr-featured-news a + div {width:46%;}

.no-image {position:absolute;top:0;left:-0.5%;height:100%;width:101%;background:#eee;background:rgba(238,238,238,0.95);}
.no-image div {padding:10px;line-height:1.4em;}
.no-image h4 {margin-bottom:10px;}
.no-image a {color:#555;text-decoration:none;}
.no-image a:hover h4 {text-decoration:underline;}

#gr-banner {position:relative;}
#gr-banner iframe, #q-banner iframe {width:100%;position:absolute;right:0;top:50%;margin-top:-90px;bottom:0;height:180px;}
#shelf-holder {position:relative;width:100%;height:100%;float:left;}
#shelf-wrapper {position:absolute;top:0;right:0;bottom:0;height: 100%;width: 35%;overflow: hidden;
background: #484848;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNyUiIHN0b3AtY29sb3I9IiM0ODQ4NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiMzYTNhM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #484848 37%, #3a3a3a 58%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#484848), color-stop(58%,#3a3a3a));
background: -webkit-linear-gradient(top,  #484848 37%,#3a3a3a 58%);
background: -o-linear-gradient(top,  #484848 37%,#3a3a3a 58%);
background: -ms-linear-gradient(top,  #484848 37%,#3a3a3a 58%);
background: linear-gradient(to bottom,  #484848 37%,#3a3a3a 58%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#3a3a3a',GradientType=0 );
}

#shelf-wrapper {background:none;}
#shelf-holder {background:#222;}

#home-xpress .caption {padding:9px 15px 8px;}
#home-xpress #play-button {background:#43628E;zoom:0.8}
#home-xpress #play-button:hover {background:#A8BCD7;}
#home-xpress .caption .title {display:block;padding-top:6px;}

#shelf-wrapper .tooltip {position:absolute;bottom:0;left:0;width:101%;padding:11px 15px;background:#eee;margin-left:-0.5%;box-sizing:border-box;-moz-box-sizing:border-box;}
#shelf-wrapper .tooltip span {float:right;}
#q-banner #shelf-wrapper .tooltip span {font-size:0.9em;}

#shelf-wrapper canvas {width:80%;position:absolute;left:10%;top:10%;box-shadow:0px 0px 10px rgba(0,0,0,0.5);}

#gairrhydd #main{font-family: 'Tinos', serif;font-size:1.1em;}

#subscribe-panel {position:absolute;right:20px;top:110px;width:33%;}
#subscribe h3 {clear:none;margin:5px 0 10px;}
#subscribe-panel h3 {font-size:1.2em;}
#subscribe-panel input {margin:0;width:70%;}
#gairrhydd #subscribe-panel {font-family: 'Tinos', serif;}
#subscribe {background:#fff;padding:10px;overflow:auto;margin-top:10px;}
/*#quench */#subscribe {background:rgba(20,20,20,0.4);}
/*#quench */#subscribe a img {width:16px;float:left;margin-right:5px;margin-top: -1px;}
/*#quench */#subscribe a {color:#fff;float:left;text-decoration:none;}
/*#quench */#subscribe a + a {margin-left:15px;}
.signup {font-weight:bold;cursor:pointer;background:#000;float:right;border-radius:40px;width:40px;height:32px;padding:16px 12px;text-align:center;color:#fff;text-transform:uppercase;font-size:1.2em;}
.signup:hover {background:#333;}
.signup:active {padding:14px 10px;margin:2px;}
#view-latest {background:#000; background:rgba(0,0,0,0.3);color:#fff;padding:10px;}
#view-latest a {color:#fff;text-decoration:none;}
#view-latest a:hover {text-decoration:underline;}
#view-latest h4 {margin-top:7px;}

#quench #subscribe-panel h3 {font-size:1em;}
#quench #view-latest {background:#555; background:rgba(255,255,255,0.3);}
#quench #content h2 {font-size:1.5em;margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:12px;clear:none;}
#quench #content h4 {font-size:1.2em;}
#quench #content h3 {font-size:1.2em;margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:12px;clear:none;}
#q-featured-news {width:48.5%;margin-right:3%;position:relative;overflow:hidden;max-height:380px;}
#q-banner h4 {font-size: 1.3em !important;}
#q-featured-news img {width:100%;float:left;}

#featured-article, #latest-issue {float:left; width:48.5%;}
#featured-article {margin-right:3%;}
#titles {overflow:auto;clear:both;}
#quench .caption.white > div {overflow:auto;}
#quench .caption.white span {padding:2px 0;display:block;float:right;color:#999;font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
#quench .caption.white span a {color:#777;font-size:1em;}
#quench .caption.white h4 {float:left;}
#quench .caption.white .excerpt {display:none;color:#777;line-height:1.4em;font-weight:normal;}

#quench .entry-header h1 {padding-bottom:10px; border-bottom:1px solid #ddd;margin-bottom:10px;}
#quench .entry-header {margin-bottom:0;}

#about-link {font-weight:bold;text-transform:none;padding: 13px 10px 0 10px !important;}

#q-banner #shelf-wrapper {width:48.5%;}

#q-banner {position:relative;}
.q-container {margin-top:30px;overflow:auto;}
.q-latest {float:left;margin-left:3%;width:22.75%;position:relative;overflow:hidden;}
.q-latest:first-child {margin-left:0;}
.q-latest img {width:102%;margin-left:-1%;}
.q-latest a {color:#555;text-decoration:none;}
.q-latest h4 a {font-size:0.85em;}
.q-latest a:hover {text-decoration:underline;}
.q-latest h4 {margin:10px 0 5px;}
.q-latest h2 span {font-size:0.8em;font-family:sans-serif;}
.q-latest h2 > span {float:right;display:block;margin-top:6px;font-size:0.6em;}
.q-latest h2 span a {color:#aaa;}
.q-latest p {color:#bbb;font-size:0.85em;margin-top:15px;line-height:1.4em;}
.q-latest p a {color:#999;}

#cutv-head {position:absolute;right:20px;bottom:5px;display:none;}
#cutv-head p {float:right;clear:both;margin-bottom:10px;color:#fee;color:rgba(255,230,230,0.7);}
#cutv-head p a {text-decoration:none;color:#fff;}
#cutv-head p a:hover {text-decoration:underline;}
#cutv-tags {overflow:auto;padding:8px;background: #000;background:rgba(0,0,0,0.3);float:right;clear:both;}
#cutv-tags ul, #cutv-tags li {margin:0;padding:0;float:left;}
#cutv-tags h4 {float:left;color:#fff;padding:3px 0;}
#cutv-tags li {margin-left:10px;font-size:0.9em;}
#cutv-tags li a {color:#fff;background: #333;background:rgba(0,0,0,0.3);padding:4px 7px;border-radius:4px;text-decoration:none;display:block;}
#cutv-tags li a:hover {background: #555;background:rgba(0,0,0,0.8);}

#cutv .entry-title {font-family: 'archivo_narrowbold';}
#cutv .entry-header {padding-bottom:20px;border-bottom:1px solid #ddd;margin-bottom:10px;}
#cutv .entry-content iframe {height:420px;} /* Was 100% */

#cutv-nav {width:100%;background:#8c2031;overflow:auto;margin-bottom:20px;}
#cutv-nav a {box-sizing:border-box;-moz-box-sizing:border-box;height:60px;font-family: Cambria, Georgia, serif;font-size:1.2em;text-decoration:none;overflow:hidden;position:relative;color:#555;text-align:center;width:11.5%;display:block;float:left;padding:22px 0;font-family: 'archivo_narrowbold';font-weight:bold;color:#fff !important;text-decoration:none!important;opacity:0.8;text-transform:uppercase;border-left:1px solid #802130;}
#cutv-nav a.entertainment {width:15.5%;}
#cutv-nav a.documentaries {width:15.5%;}
/* #cutv-nav a.second-row {border-top:1px solid #222;} */
#cutv-nav a:first-child {border-left:none;}
#cutv-nav a.current, #cutv-nav a:hover {opacity:1;background:#802130;}

#cutv #main h2 {font-size:1.6em;font-family: 'archivo_narrowbold';font-weight:normal;}
#cutv #main h3 {font-size:1.2em;font-family: 'archivo_narrowregular';font-weight:normal;margin-bottom:10px;color:#555;}
#cutv #latest-videos h2 {margin:25px 0 10px;text-transform:uppercase;}
#cutv .latest-video embed {display:none;}

#cutv-featured {overflow:auto;background:#333;padding:10px;}
#cutv-featured iframe, #cutv-featured div {float:left;}
#cutv-featured iframe {width:40%;height:200px;}
#cutv-featured img {float:left;width:40%;}
#cutv-featured div {width:58%;margin-left:2%;color:#999;line-height:1.3em;}
#cutv-featured h2 {margin-bottom:10px;color:#eee;line-height:1em;}
#cutv-featured a, .latest-video a{color:#A52D3E;text-decoration:none;}
#cutv-featured a:hover, .latest-video a:hover {text-decoration:underline;}

.latest-video {overflow:auto;margin:15px 0 0;padding-top:15px;border-top:1px solid #ddd;}
.latest-video iframe {float:left;width:40%;height:200px;}
.latest-video div {float:left;width:58%;margin-left:2%;color:#777;line-height:1.3em;}

.latest-home-video {overflow:auto;float:left;width:23.5%;}
.latest-home-video + .latest-home-video {margin-left:2%;}
.latest-home-video div {background:#8c2031;position:relative;}
#cutv #main .latest-home-video div h3 {padding:12px;color:#fff;font-size:0.9em;}
#cutv #main .latest-home-video div h3 a {color:inherit;text-decoration:none;}
.latest-home-video div time {position:absolute;top:0;right:0;bottom:0;background:rgba(0,0,0,0.3);vertical-align:middle;padding:6px 12px;text-align:center;font-family: 'archivo_narrowregular';font-size:0.9em;color:#fff;opacity:0.6;}
.latest-home-video iframe {vertical-align:middle;}

/*#cutv #content, */#xpress #content {float:left;}
#cutv #content embed {width:100%;min-height:450px;}
aside#twitter, aside#instagram {float:left;width:29%;margin-left:3%;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;margin-bottom:20px;}
aside#instagram h2 {padding-bottom:10px;border-bottom:1px solid #ddd;margin-bottom:10px;}
aside#instagram img {float:left;width:23%;margin:1%;}

#cutv aside#instagram, #cutv aside#twitter {width:49%;padding:15px;height:340px;overflow:hidden;margin-left:2%;margin-top:15px;}
#cutv aside#twitter {margin-left:0;}

body > header.cutv #logo {height:auto;max-width:70%;margin-top:15px;}

.tweet_avatar {float:left; margin-right:10px;margin-bottom:10px;}
.tweet_list li, .crp_related li {clear:both;margin-top:10px;font-size:0.9em;padding-top:10px;border-top:1px solid #eee;}
.tweet_text {margin-left:50px;display:block;margin-top:5px;line-height:1.4em;}
.tweet_time {font-size:0.9em;}
#gairrhydd .tweet_list li, .crp_related li {border-top:1px solid #eee;}
.crp_related li {font-size:1em;line-height:1.3em;}

#xpress .tweet_list li, #cutv .tweet_list li {border-top:1px solid #ddd;}
.x-title, #xpress .entry-title {margin-top:20px;border-top:1px solid #ddd;padding-top:20px;}
#xpress .entry-title {font-size: 1.3em;font-weight:bold;}
#xpress .entry-meta {border-top:1px solid #ddd;padding-top:10px;}
#xpress .entry-header {margin-bottom:20px;}

#quench .entry-meta {font-size:0.9em;}

#cutv .tweet_list a {color:#A52D3E;text-decoration:none;}
#cutv .tweet_list a:hover {text-decoration:underline;}

.live-stream {background:#000;position:relative;overflow:hidden;}
.live-stream .splash {z-index:0;max-height:100%;}
.live-stream footer {border-top:1px solid #333;z-index:5;background:rgba(0,0,0,0.3);}
.live-stream #cutv-nav {display:none;}
.live-stream .site-content {width:100% !important;}
.live-stream #player {position:relative;margin-bottom:15px;padding-bottom:21px;}
.live-stream #player img {vertical-align:middle;opacity:0;width:100%;}
.live-stream #content embed {position:absolute !important;top:0;left:0;right:0;bottom:0;height:100%;width:100%;min-height:0 !important;z-index:10;}

#xpress .tweet_list a {color:#78548D;text-decoration:none;}
#xpress .tweet_list a:hover {text-decoration:underline;}

.podcast {margin:20px 0 10px; border-top:1px solid #eee;padding:15px 0 0;}
.podcast .timestamp {color:#aaa;font-size:0.9em;float:right;font-weight:normal;}
.podcast h3 {margin:10px 0;}
.podcast:first-child {border-top:none;padding-top:0;}

#gairrhydd article header img {max-height:150px;width:auto;float:left;margin-right:10px;margin-bottom:0;}
#gairrhydd article header h1 {clear:none;font-size:2em;margin-bottom:5px;padding-bottom:10px;border-bottom:1px solid #ddd;}
#gairrhydd article header .comments-link {display:none;}
#gairrhydd .site-content, #quench .site-content {width:65%;}
#xpress .site-content/*, #cutv .site-content*/ {width:68%;}
.site-content {float:left;}
#cutv .site-content {width:100%;float:none;}

#live-feed li {border-top:none !important;padding:15px;background:#f8f8f8;}
#live-feed .tweet_text {font-size:1.2em;}
#live-feed .tweet_first {font-size:1.2em;background:#eee;border-top:none !important;}
#live-feed .tweet_text {margin-left:0!important;}
#live-feed .tweet_time {opacity:0.8;}

#error {width:100% !important;}

#gairrhydd .entry-header {margin-bottom:10px;}
.entry-meta {line-height:1.6em;overflow:auto;margin:5px 0 20px;color:#bbb;font-size:0.9em;padding-bottom:10px;border-bottom:1px solid #ddd;}
.entry-meta a {color:#888;text-decoration:none;}
.entry-meta a:hover {color:#555;text-decoration:underline;}
.entry-meta .avatar {width:40px;height:auto; margin-right:10px;float:left;}
.entry-meta .edit-link {float:right;}

.site-content > #content > article {overflow:auto;padding-bottom:0;}
#comments {margin: 20px 0 0;border-top:1px solid #ddd;padding-top:20px;}
#respond {margin:0;padding:10px; background:#eee;}
#gairrhydd .entry-content img {/*float:left;width:30%; margin:0 20px 20px 0;*/padding:5px;background:#fff;border:1px solid #eee;border-radius:3px;box-sizing:border-box;-moz-box-sizing:border-box;}

.comments-title {font-weight:bold;}
.commentlist p {margin:5px 0 !important;}
.commentlist {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc;}
.commentlist header {margin-bottom:10px !important;}
.commentlist article {padding:10px; border:1px solid #ddd;background:#f5f5f5;}
h2.comments-title {margin-bottom:10px;}

#respond form {margin:5px 0;}
.form-allowed-tags code {display:block;margin-top:5px;font-size:1.1em;line-height:1.3em;}

.logged-in-as {font-size:0.9em;color:#999;margin:10px 0 !important;}
.logged-in-as a {color:#777;text-decoration:none;}
.logged-in-as a:hover {text-decoration:underline;}

aside#sidebar {float:left;width:31%;margin-left:4%;}
aside#sidebar h2, aside#twitter h2 {font-size:1.5em;font-weight:normal;margin-top:30px;}
aside#sidebar h2:first-child {margin-top:0;}
#recent-posts li {margin-top:10px;padding-top:10px;border-top:1px solid #eee;}
#recent-posts li a, .crp_related li a {text-decoration:none;}
#recent-posts li a:hover, .crp_related li a:hover {text-decoration:underline;}
.timediff {font-size:0.9em;color:#999;display:block;margin-top:5px;}

.comment-awaiting-moderation {color:#999;font-style:italic;}

#gairrhydd .entry-content {color:#444;}

#nav-below {margin:20px 0;}

textarea {resize:none;}

.smallscreen {display:none;}
.mobile {display:none;}

.featured .image, .gr-latest .image, #q-featured-news .image, .q-latest .image, .xpress-box .image, #gr-featured-news .image {width:102%;height:102%;background-size:cover;background-position:center;margin:-1%;background-repeat:no-repeat;}
.gr-latest .image, #q-featured-news .image, #gr-featured-news .image {position:absolute;top:0;left:0;}
#gr-featured-news .image {width:56%;margin-top:0;}
.q-latest .image {width:auto;height:auto;overflow-y:auto;overflow-x:hidden;margin:0;}
.q-latest .image img {opacity:0;float:left;}

.ie8 .image img {width:105% !important;}

#gairrhydd #archive-title {background: #eee;padding:10px;color:#666;}
#quench #archive-title {background: #393939;padding:10px !important;color:#aaa;font-size:14px !important;}

#feedback {position:fixed;bottom:10px;right:10px;padding:8px;background:#111;background:rgba(0,0,0,0.8);border-radius:3px;color:#ddd;display:none;}
#feedback p {font-size:0.8em;padding:2px 0 8px;}
#feedback input {width:100%;border:1px solid #111 !important;box-shadow:none !important;}
#feedback p span {float:right;font-weight:bold;display:block;margin-top:-2px;background:#000;border-radius:2px;padding:1px 3px 2px;cursor:pointer;}

#csm #primary h2 {font-size:1.8em;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:20px;}
#csm .site-content p {line-height:1.4em;margin-bottom:20px;}
#feedback-form {background:#eee; padding:10px;}
#feedback-form textarea {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;min-height:150px;margin-bottom:10px;}
#feedback-form fieldset {margin-bottom:15px;float:left;}
#feedback-form fieldset + fieldset {margin-left:40px;}
#feedback-form label {display:inline-block;min-width:120px;margin-bottom:10px;}

#csm #archive-title {border:none !important;padding-bottom:0 !important;}
#csm .entry-header {margin:0; border-top:1px solid #ddd;padding-top:20px;}
#csm .entry-meta {border-bottom:none;padding:0;}

input.error {border:1px solid red;}

#q-nav {overflow:auto;margin-bottom:2em;}
#q-nav a {float:left;width:8.7%;padding:10px;color:#fff;text-align:center;background:#ccc;box-sizing:border-box;-moz-box-sizing:border-box;font-size:0.9em;font-weight:bold;text-decoration:none;border-left:1px solid #bbb;}
#q-nav a:first-child {border-left:none;}
#q-nav a:hover {background:#bbb;}
#q-nav a.current {background:#444;}
#q-nav a.fashion-and-beauty, #q-nav a.film-and-television {width:12.9%;}
#q-nav a.food-and-drink, #q-nav a.video-games {width:11%;}

@media screen and (max-width:1200px){
#q-nav a {width:8.5%;}
#q-nav a.food-and-drink, #q-nav a.video-games {width:11.5%;}
#q-banner h4 {font-size: 1.1em !important;}
body {font-size:90%;}
.signup {height: 30px;padding: 17px 12px;}
#gr-featured-news a + div {width:50%;}
/*#subscribe-panel h3 {font-size:1em;}
.quench #subscribe-panel h3 {font-size:0.8em;}*/
.firstrow {height: 210px;}
.secondrow {height: 280px;}
body > header #logo {height: 160px;}
body > header.xpress #logo {height: 150px;}
body > header {height: 280px;}
.main-navigation li:first-child a {padding:5px 14px 3px 0;}
#sections {padding-top: 36px;}
#quench .caption.white span {padding:0;}
#cutv-featured iframe, .latest-video iframe {height: 170px;}
#cutv #main h3 {font-size: 1.6em;}
.xpress-box {height:230px;padding:0 0 55px;}
#xpress-nav a { height: 57px;}
#now-playing {height: 267px;}
#gairrhydd .site-content, #quench .site-content, #xpress .site-content, #sidebar {font-size:1.1em;}
#gr-featured-news .image {width:52%;}
}

@media screen and (max-width:1030px){
#subscribe-panel {font-size:90%;}
.signup {line-height:1.2em;}
#sections {padding-top: 40px;}
#sections img {height: 90px;}
.newsticker {display:none;}
.firstrow {width:50%;height:250px;}
.secondrow {height: 250px;}
.smallscreen {display:block;}
.largescreen {display:none;}
#cutv-featured iframe, .latest-video iframe {height: 150px;}
.gr-latest .smallscreen {display:none;}
.gr-latest .largescreen {display:block;}
#gairrhydd .site-content, #cutv .site-content, #quench .site-content, #xpress .site-content {width: 68%;}
aside#sidebar {width:29%;margin-left:3%;}
}

@media screen and (max-width:940px){
#gr-nav a {font-size:1em;}
#gr-nav span {padding: 12px 0;}
#about-link span {display:none;}
#searchbar {display:none;}
#site-navigation #soc a:last-child {display:none;}
.archive-header + .gr-container {margin-top: -1.5em;}
.gr-latest .smallscreen {display:block;}
.gr-latest .largescreen {display:none;}
.gr-latest {width:49%;font-size:1.6em;margin-top:1.5em;}
.gr-latest.three {margin-left:0;}
.gr-container {margin-top:0;}
#gr-featured-news {width:100% !important;font-size:1.5em;margin-bottom:0;}
.gr-latest .more-link {display:none;}
#gr-banner #shelf-wrapper {position:static;width:100%;margin:20px 0 0;}
#gr-banner #shelf-wrapper canvas {display:none;}
#gr-banner #shelf-wrapper .tooltip {position:static;font-size:2em;margin:0;width:100%;padding:20px;background:#ccc;}
#subscribe-panel, #cutv-head, aside#twitter {display:none;}
#cutv #content, #xpress .site-content {width:100%;}
#cutv-featured iframe, .latest-video iframe {height: 180px;}
#sections {padding-top: 50px;}
#sections img {height: 70px;}
.firstrow {height:240px;}
.secondrow {height: 230px;}
.riser {display:none;}
#gr-featured-news, .gr-latest {font-size:1.3em;}
.q-latest {width:48.5%;font-size:1.1em;margin-top:1.3em;}
.q-latest.three {margin-left:0;clear: left;}
.q-container {margin-top:0;}
#latest-issue, #shelf-wrapper {display:none;}
#q-featured-news {width:100%;}
#featured-article {float:none;width:100%;margin-right:0;}
#q-featured-news .image {width:70%;}
#q-featured-news .caption {top: 0;left: 70%;width:30%;}
#quench .caption.white span, #quench .caption.white h4 {float:none;}
#quench .caption.white span {margin:10px 0;font-size:0.95em;}
#quench .caption.white .excerpt {display:block;}
#np-inner .image {display:none;}
#now-playing {height:auto;top:50%;margin-top:20px;zoom:1.2;width:35%;}
#now-playing .caption {padding-top:0;position:static;}
/*#gairrhydd .entry-content img {width: 40%;}*/
#user-submitted-posts label {width:26%;}
#user-submitted-posts input[type="text"] {width:60%;}
span.show-time, span.show-info {width:18%;}
span.show-name {width:64%;}
#sections a > div {display:none;}
#q-nav a, #q-nav a.fashion-and-beauty, #q-nav a.film-and-television, #q-nav a.food-and-drink, #q-nav a.video-games {float:left;width:20%;}
#q-nav a:nth-child(6) {border-left:none;}
}

@media screen and (max-width:850px){
.live-stream .splash {display:none;}
#user-submitted-posts label {width:14%;}
#user-submitted-posts input[type="text"] {width:85%;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;}
#usp-submit {float:none;}
#shelf-wrapper .tooltip {font-size:1.4em;padding:10px;}
#collator {float:none; width:100%;}
#now-playing p, #now-playing h3 {display:none;}
#now-playing {width:auto;zoom:2.3;margin-top:8px;padding:7px;}
#cutv-featured iframe, .latest-video iframe {height: 12em;}
#nav-below {font-size:1.4em;}
.secondrow {width:50%;height:250px;}
#sections {display:none;}
#social {width:100%;height:200px;}
#social div {width:50%;height:100%;float:left;}
#gr-featured-news, .gr-latest {font-size:1.2em;}
.xpress-box {height:210px;padding:0 0 55px;}
}

@media screen and (max-width:720px){
#cutv #main h3, #cutv #main h2 {font-size: 1.5em;}
.featured {width:100% !important;height:25e;margin-bottom:1.9em;}
#social {height:17em;}
footer {line-height:1.3em;}
#footer-links {margin-bottom:10px;float:none;}
#cutv-featured iframe, .latest-video iframe {height: 10em;}
#gr-featured-news, .gr-latest {font-size:1em;}
/*#gairrhydd .entry-content img {width: 50%;}*/
#gairrhydd .site-content article, #quench .site-content article, #sidebar {font-size:1.2em;}
#quench .entry-meta {font-size:12px;}
#cutv .entry-content iframe {height:380px;}
span.show-time, span.show-info, span.show-name {float:none;width:auto;}
span.show-time {color:#999;}
span.show-info {display:none;}
span.show-name {margin:8px 0 0;}
.newday .full-info {display:none;}
#gairrhydd .site-content, #quench .site-content, aside#sidebar {margin-left:0;width:100%;}
aside#sidebar {margin-top:1.5em;}
}

@media screen and (max-width:650px){
#main {padding-top: 15px;}
#cutv #latest-videos h2 {margin: 15px 0 0;}
#soc {display:none;}
#user-submitted-posts label {width:17%;}
#user-submitted-posts input[type="text"] {width:82%;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;}
#usp-submit {float:none;}
#gr-featured-news .image {display:none;}
#now-playing2 {display:block;}
#now-playing {display:none;}
body > header.cutv h1 {margin-top: 0.2em;}
#cutv #main h3, #cutv #main h2 {font-size: 1.6em;}
body > header h1 {padding-top: 0.4em;}
body {font-size:83%;}
body > header #logo {height: 13em;}
body > header.xpress #logo {height: 12em;}
body > header {height: 24em;}
.site {padding: 0 10px !important;}
#site-navigation div {padding: 0 10px;}
body > header > div {padding: 6em 10px 0;}
body > header {height: 22em;}
.gr-latest span, .gr-latest img {display:none;}
.no-image {position:static;width:100%;left:0;}
.gr-latest {width:100%;margin-left:0;}
.gr-latest h4 {font-size:1.3em;margin-bottom:0;}
.no-image div {position:relative;}
.gr-latest .caption {position:static;}
.gr-latest .image {display:none;}
.mobile {display:block !important;;}
.nonmobile {display:none;}
#gr-featured-news a + div {width: 100%;position:static;font-size:1.2em;padding-bottom:12px;}
#gr-featured-news img {display:none;}
#quench .caption.white {width:100%;left:0;top:auto;}
#quench .caption.white .excerpt {display:none;}
#quench .caption.white span {float:right;margin:0;padding:2px 0;}
#quench .caption.white h4 {float:left;}
#q-featured-news .image {width:102%;}
#featured-article {font-size: 1.6em !important;}
.xpress-box {height:auto;padding:0;width:100%;margin-left:0;float:none;}
.xpress-box p {margin-top:10px;font-weight:normal;}
.xpress-box h3 {clear:none;}
.xpress-box .image {float: right;position: static;height: 56px;width: 56px;margin: 0;}
.xpress-box h3 {font-size:1.3em;}
body > header.xpress h1 {margin-top: 0.1em; }
#gairrhydd article header h1 {font-size:1.5em;}
.entry-meta {font-size:0.8em;}
.entry-meta .avatar {display:none;}
#respond {line-height:1.3em;}
#shelf-wrapper .tooltip u {display:none;}
#quench .entry-meta {font-size:11px;}
#archive-title {display:none;}
#cutv .entry-content iframe {height:320px;}
#cutv-nav a {font-size:1.1em;padding:15px 0 0;height:40px;background:#A52D3E;opacity:1;}
#cutv-nav {background:none;}
#feedback {display:none;}
#q-nav{display:none;}
#gr-nav a, #gr-nav a.sport, #gr-nav a.news {width:20%;height:55px;}
}

@media screen and (max-width:520px){
.show img {float:none;margin:0 0 10px;max-width:100%;}
/*#gairrhydd .entry-content img {width: 100%;}*/
#xpress-nav {font-size:0.9em;}
#xpress-nav a {width:25%;}
#xpress-nav a:first-child {display:none;}
#cutv-featured iframe, .latest-video iframe {height:15em; width:100%;margin-bottom:1.7em;}
#cutv-featured div, .latest-video div {margin-left:0;width:100%;line-height: 1.8em;}
body > header.cutv h2 {font-size:1.7em;}
body > header {font-size: 75%;}
body {font-size:75%;}
.main-navigation a {text-indent:-999px;display: block;height: 100%;width: 100%;background-size:contain;background-position:center; background-repeat:no-repeat;}
.main-navigation li {width:20%;padding: 7px !important; height:42px;}
.main-navigation li:last-child {border-right:none;}
.featured {height:18em;}
body > header > div {padding: 7em 10px 0;}
#social {height:11em;}
#site-navigation > div {padding:0;}
#site-navigation .xpress a {background-image: url(/images/xpress.png); }
#site-navigation .gairrhydd a {background-image: url(/images/gairrhydd2.png); }
#site-navigation .quench a {background-image: url(/images/quench.png); }
#site-navigation .cutv a {background-image: url(/images/cutv.png); }
#site-navigation #logo-small a {background-image: url(/images/csm.png); }
#q-featured-news .caption {background:#fff;padding: 0;}
#quench .caption.white span, #quench .caption.white h4 {float:none;}
#quench .caption.white span {margin:10px 0 0;}
#q-featured-news .caption > div {padding:10px 0;}
#quench .caption.white h4 {font-size:1.3em !important;}
#q-featured-news {min-height: 270px;}
#gr-featured-news h3:before {content: "Headline: ";}
#quench #content h4 {font-size:1.4em;}
#gr-nav span {border:none !important;}
#gr-nav a, #gr-nav a.sport, #gr-nav a.news {width:50%;height:40px;}
#gr-nav span {padding: 5px 0;}
body > header.gairrhydd h1 {font-size:4.2em;}
body > header.gairrhydd h2 {font-size: 1.4em;}
.q-latest {width:100%;float:none;margin-left:0;}
.main-navigation li a {padding:0 !important;}
.podcast .timestamp {float:none;display:block;margin-bottom:10px;}
#cutv .entry-content iframe {height:240px;}
#xpress-nav a {height:36px;padding:10px 0 0;}
#cutv-nav a, #cutv-nav a.entertainment, #cutv-nav a.watch-live {padding:12px 0 0;height:36px;width:50%;margin-bottom:5px;}
#cutv-nav a.second-row {border-top:none;}
#cutv .entry-meta {font-size:1em;}
#xpress-nav, #cutv-nav {margin-bottom:15px;}
.xpress-title, .x-title {margin-top:15px;padding-top:15px;}
.featured.video iframe {margin-top:-4%;}
}