/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */

body {
  margin: 0;
  padding: 0;
}

#page {
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */

#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Background
 */
.region-background {
    max-height: 1000px;
    min-width: 980px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

	.region-background .block {
		text-align: center;
	}

/*
 * Header
 */

#header {
	height: 96px;
	padding-top: 15px;
}

#logo { /* Wrapping link for logo */
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}
#logo img {
  vertical-align: bottom;
}

#name-and-slogan { /* Wrapper for website name and slogan */
  float: left;
  margin: 0 10px;
  padding: 53px 0 0;
}

#site-name { /* The name of the website */
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}
#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan { /* The slogan (or tagline) of a website */
  background: #000;
  color: #fff;
  font-size: 1.64285714em; /*23px*/
  font-size: 1.57142857em; /*22px*/
  font-weight: normal;
  /* Sets the line height to 2 units of vertical rhythm */
  line-height: 1.5em; /* 3rem / 2em = 1.5em */
  margin: 0;
  padding: 5px 0;
  text-align: center;
	text-transform: uppercase;
	width: 300px;
}

.region-header { /* Wrapper for any blocks placed in the header region */
	background: url(images/bg/bg-transparent-white-30.png); /*serve a PNG to browsers that don't support rgba*/
	/*background: rgb(255,255,255);*/
	background: rgba(255,255,255,0.3);
  float: right;
  height: 55px;
  margin: 21px 0 0;
  padding: 5px;
  width: 289px;
}

/*
 * Main (container for everything else)
 */

#main {
}

/*
 * Content
 */

#content {
}

.region-highlighted {
}

.breadcrumb { /* The path to the current page in the form of a list of links */
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin: 0;
}

tr.even { /* Some tables have rows marked even or odd. */
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status { /* Normal priority messages */
}

div.warning,
tr.warning { /* Medium priority messages */
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error { /* High priority messages. See also the .error declaration below. */
}

.error { /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning { /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

.tabs { /* See also the tabs.css file. */
}

.region-help { /* Help text on a page */
}

.more-help-link { /* Link to more help */
}

.region-content { /* Wrapper for the actual page content */
}

body.front .content-bottom-wrapper {
	background: #fff;
	margin-top: 310px;
}

	.region-content-bottom {
		clear: both;
		float: left;
		padding: 0 10px;
	}

ul.inline { /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0; /* LTR */
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}
.item-list .pager li { /* Each page number in the pager list */
  padding: 0 0.5em;
}

.feed-icon { /* The link to the RSS or Atom feed for the current list of content */
}

.more-link { /* Aggregator, blog, and forum more link */
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */

.region-sidebar-first {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */

.region-sidebar-second {
}

/*
 * Footer
 */

.footer-wrapper {
	background: #fff;
	min-width: 980px;
	padding-top: 20px;
}

	.footer-wrapper-inner {
		border-top: 22px solid #000;}

#footer {
	color: #6d6e71;
	font-size: 0.9em; /*14px*/
}

	.footer-inner {
		padding: 0 20px;
	}

 /*
	* Footer menu
	*/
	#footer ul.menu {
		margin-bottom: 0;
		padding: 0;
	}

		#footer ul.menu li.leaf {
			display: inline;
			font-family: 'UniversCondensed', Helvetica, Arial, "Nimbus Sans L", sans-serif;
			list-style-image: none;
			list-style-type: none;
			margin: 0 12px 0 0;
			text-transform: uppercase;
		}

			#footer ul.menu li.leaf a {
				color: #000;
			}

			#footer ul.menu li.leaf a:focus,
			#footer ul.menu li.leaf a:hover {
				color: #4a899c;
			}


/*
 * Page bottom
 */

.region-bottom { /* Wrapper for any blocks placed in the page bottom region */
}


/*
 * Custom styling
 */

/*Page title*/
h1#page-title {
	margin: 0 0 20px;
  padding-left: 10px;
}

body.no-sidebars h1#page-title {
	background: url(images/bg/bg-transparent-white.png); /*serve a PNG to browsers that don't support rgba*/
	/*background: rgb(255,255,255);*/
	background: rgba(255,255,255,0.8);
	float: left;
	line-height: 1em;
	margin: 0;
	padding: 20px 20px 0 30px;
}

body.page-corporate-information h1#page-title {
  margin-left: 10px;
  padding: 20px 20px 0;
}

/*Content wrapper*/
body.no-sidebars .content-wrapper {
	background: url(images/bg/bg-transparent-white.png); /*serve a PNG to browsers that don't support rgba*/
	/*background: rgb(255,255,255);*/
	background: rgba(255,255,255,0.8);
	clear: both; /*clear the page title before it*/
	float: left;
	padding: 0 20px;
	width: 920px;
}


/*
 * Home page styling only
 */

/*Content wrapper*/
body.front .content-wrapper {
	background: none;
	padding: 0;
	width: 651px;
}

	/*welcome text as a block*/
	body.front .content-wrapper .block {
		float: left;
		margin: 0;
		width: 100%;
	}

		/*common*/
		body.front .content-wrapper .block h2.block-title,
		body.front .content-wrapper .block .block-content {
			background: url(images/bg/bg-transparent-white.png); /*serve a PNG to browsers that don't support rgba*/
			/*background: rgb(255,255,255);*/
			background: rgba(255,255,255,0.8);
		}

		/*title*/
		body.front .content-wrapper .block h2.block-title {
			font-size: 2em;
			line-height: 1em;
			padding: 20px 20px 0;
			width: 301px;
		}

		/*content*/
		body.front .content-wrapper .block .block-content {
			float: left;
			padding: 0 20px;
			width: 611px;
		}

/*
 * Views styling
 */

/*views rows*/
#main .view .views-row {
	border-bottom: 1px solid #000;
	border-top: 4px solid #000;
	margin: 0 0 7px;
	padding: 10px 0 40px;
  position: relative;
}



#page-corporate-information #main .view .views-row .item-content {
  height: 206px;
  /*min-height: 130px;*/
}

	/*content*/
	/*node title*/
	.view .views-row h3 {
		color: #000;
		font-size: 0.92857143em; /*13px*/
		font-weight: bold;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}

		.view .views-row h3 a {
			color: #000;
		}

	/*series/programme title*/
	.view .views-row h4 {
		color: #6d6e71;
		font-size: 0.92857143em; /*13px*/
		font-weight: bold;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}

	.view .views-row p,
	.view .views-row .field-name-body,
	.view .views-row .field-label,
	.view .views-row .field-item .view span.date-display-single {
		color: #6d6e71;
		font-size: 0.85714286em; /*12px*/
		line-height: 1.5em;
		margin: 6px 0;
	}

		.view .views-row .field-name-body p {
			font-size: 1em;
			margin: 0;
		}

/*
 * Views simple pager
 */
.view ul.simple-pager li.pager-next a,
.view ul.simple-pager li.pager-previous a {
	color: #000;
	font-family: 'UniversCondensed', Helvetica, Arial, "Nimbus Sans L", sans-serif;
	font-size: 1.21429em; /*17px*/
	text-transform: uppercase;
}

	/*next*/
	.view ul.simple-pager li.pager-next a {
		background: url(images/bg/bg-arrow-black-right.png) no-repeat right center;
		padding: 0 20px 0 0;
	}

	/*previous*/
	.view ul.simple-pager li.pager-previous a {
		background: url(images/bg/bg-arrow-black-left.png) no-repeat left center;
		padding: 0 0 0 20px;
	}

/*
 * Sidebar blocks styling
 */
.sidebars .block h2.block-title {
	/*border-bottom: 10px solid #000;*/
}

	.sidebars .block h2.block-title span {
		background: #000;
		color: #fff;
		display: inline-block;
		padding: 5px 15px 0;
	}

/*
 * Search listing
 */
.search-filter {
	margin: 0 0 10px !important;
}

	.search-filter .block-content h2 {
		margin: 8px 0 0;
	}

/*search filters*/
.block ul.facetapi-facetapi-links li {
	background: #4a899c;
	color: #FFF;
	font-family: 'ComedyCentralUKRegular', Arial, sans-serif;
	font-size: 0.71428571em; /*10px*/
	padding: 0 8px 1px;
	text-transform: uppercase;
}

	.block ul.facetapi-facetapi-links li a {
		color: #FFF;
	}

/*Adding styling from vimn_channel theme pages.css*/

/*page title*/
body.node-type-corporate-press-release h1#page-title {
	background: #4a899c;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	width: auto;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

body.node-type-corporate-press-release .content-wrapper {
  padding: 0;
  background: transparent;
  position: relative;
}

body.node-type-corporate-press-release .ds-2col-stacked .group-left {
  padding: 10px 20px;
  background: white;
}

.divider-line hr {
  background: #000;
  border: 0;
  height: 1px;
  margin: 22px 0 0;
  padding: 0;
}

/*
 * Override display suite layout
 * .ds-2col-stacked
 */
.ds-2col-stacked {
	background: url(images/bg/bg-white.gif) no-repeat 0 335px; /*335px is the height of the image +20px for spacing*/
}

/*header*/
.ds-2col-stacked .group-header {
	position: relative; /*has absolutely positioned elements within it*/
}

/*content left*/
.ds-2col-stacked .group-left {
	background: url(images/bg/bg-white.gif) no-repeat -640px 0; /*position the background so it doesn't go underneath the max-width of the hero image*/
	float: left;
	padding: 10px 20px;
	width: 600px !important; /*required for IE7 when CSS is compressed*/
}

	.field-name-required-styling-block {
		float: right;
		height: 260px;
		visibility: hidden; /*hides any content but it's layout & dimensions remain*/
		width: 180px;
	}

/*content right*/
.ds-2col-stacked .group-right {
	background: #fff;
	float: right !important; /*required for IE7 when CSS is compressed*/
	margin-top: 280px;
	width: 275px !important; /*required for IE7 when CSS is compressed*/
}

/*
 * Custom node page style
 * For: Press release node
 */

/*Header*/

	/*hero image*/
	body.node-type-press-release #content .field-name-field-hero-image,
	body.node-type-corporate-press-release #content .field-name-field-hero-image {
		position: absolute;
		/*max-width: 600px; /*set max so the image doesn't overlap any text*/
		max-width: 450px;
		right: -40px;
		top: 0;
		z-index: 50;
	}

	body.node-type-press-release #content .group-header .field-h2{
		width: 490px ;
	}
	body.node-type-press-release #content .group-header .field-h2 h2{
		margin-right: 5px;
	}

		/*ensure image doesn't break the layout and design*/
		body.node-type-press-release #content .field-name-field-hero-image img,
		body.node-type-corporate-press-release #content .field-name-field-hero-image img {
			display: block; /*fix the height of the element containing the image*/
			max-height: 315px;
		}

	/*h2's*/
	.field-h2 h2,
	.search-filter h2 {
		font-size: 1.143em; /*16px*/
		margin: 0 0 5px;
	}

	/*post date*/
	.group-header .field-name-post-date {
		font-size: 0.928em; /*13px*/
		margin: 0 0 10px;
	}

/*Group left*/
.ds-2col .group-left {
	width: 61.702128% !important; /*580px*/ /*required for IE7 when CSS is compressed*/
}

body.page-node .field-name-related-artwork {
	clear: both;
}

	/*h2's*/
	.ds-2col .group-left h2.field-name-field-series-reference {
		font-size: 1.143em; /*16px*/
		margin: 0 0 10px;
	}

	/*hero image in group left*/
	body.page-node .group-left .field-name-field-hero-image {
		margin-bottom: 20px;
	}

	body.page-node .group-left .field-name-field-hero-image,
	body.page-node .group-left .field-name-field-hero-image img {
		display: block;
	}

/*Group right*/
.ds-2col .group-right {
	background: #fff;
	float: right !important; /*required for IE7 when CSS is compressed*/
	/*padding: 20px;*/
	padding: 0 20px 20px;
	width: 31.914894% !important; /*300px*/ /*required for IE7 when CSS is compressed*/
}

.ds-2col-stacked .group-right .field {
	clear: both;
	float: left;
	margin: 0 0 30px;
	width: 100%;
}

	/*add padding to top*/
	.field-add-padding {
		padding-top: 20px;
	}

	/*add white background and padding to any field*/
	.field-white-with-padding {
		background: #fff;
		clear: both;
		float: left;
		padding: 20px;
	}

	/*views fields & fieldset fields*/
	body.page-node .group-right .view .secondary-item {
		clear: both;
	}

		body.page-node .group-right .view .secondary-item label {
			display: inline-block;
			float: left;
			font-weight: bold;
			width: 150px;
		}

		body.page-node .group-right .view .secondary-item span,
		body.page-node .group-right .view .secondary-item .view {
			display: inline-block;
			float: left;
			width: 146px;
		}

		body.page-node .group-right .view .secondary-item .view {
			padding: 0;
		}

			body.page-node .group-right .view .secondary-item .view *,
			body.page-node .group-right .view .secondary-item .view p {
				margin: 0;
			}

	/*2col fields*/
	body.page-node .group-right .field-2col {
		clear: both;}

		body.page-node .group-right .field-2col .label-inline {
			display: inline-block;
			float: left;
			font-weight: bold;
			width: 130px;
		}

		body.page-node .group-right .field-2col span {
			display: inline-block;
			width: 130px;
		}

	/*fieldset*/
	body.page-node .group-right fieldset {
		border: none;
		margin: 20px 0 30px;
		padding: 0;
	}

		body.page-node .group-right fieldset legend {
			float: left;
			font-size: 1.71429em; /*24px*/
			font-weight: bold;
			line-height: 1.3em;
			margin: 0 0 15px;
			width: 100%;
		}

			body.page-node .group-right fieldset legend span {
				display: block;
			}

		/*h3*/
		body.page-node .group-right fieldset h3 {
			margin-bottom: 0.5em;
		}


/*Adding styling to the CPrs*/
.node-type-corporate-press-release .field-name-post-date{
	background: #4a899c;
	color: #FFF;
	font-family: 'ComedyCentralUKRegular', Arial, sans-serif;
	font-size: 0.928em;
	margin: 0 0 10px;
	text-transform: uppercase;
	display: inline-block;
	padding: 5px 15px;
}
.node-type-corporate-press-release .field-name-field-pdf-file,
.node-type-corporate-press-release .field-name-print,
.node-type-corporate-press-release .field-name-print-2,
.node-type-corporate-press-release .download-pdf,
.node-type-corporate-information .download-pdf,
.node-type-corporate-information .more-link,
.page-corporate-information .download-pdf{
	display: block;
	float: right;
	margin-left: 5px;
}

.node-type-corporate-press-release .print_html{
	margin-left: 0;
}
.node-type-corporate-press-release .group-right .download-pdf,
.node-type-corporate-information .download-pdf,
.node-type-corporate-information .more-link,
.page-corporate-information .view-footer .views-row .download-pdf{
	margin-top: -7px;
}

.node-type-corporate-information .sidebar{
	margin-top: 120px;
	width: 300px;
	margin-left: 670px;
}


body.node-type-corporate-press-release #content .group-header .field.field-name-field-hero-image {
  top: 20px;
  right: -40px;
}

body.node-type-corporate-press-release.sidebar-second #content .group-header .field.field-name-field-hero-image {
  top: 20px;
  right: -380px;
}

.node-corporate-press-release .related-artwork {
  clear: both;
  padding-top: 20px;
}

.node-corporate-press-release .related-artwork h2.block-title {
  color: white;
  background: #4A899C;
  padding: 0 10px;
}


.node-corporate-press-release .related-artwork .view-content {
  clear: both;
}


#main .art-list.view .views-row {
  border-top: none;
  border-bottom: 1px solid #000000;
  float: left;
  margin: 0 20px 0 0;
  min-width: 270px;
  padding: 19px 0 0;
  position: relative;
  min-height: 166px;
}

body.node-type-corporate-press-release .region-background {
  height: 295px;
}

body.node-type-corporate-press-release.logged-in .region-background {
  height: 336px;
}

body.page-corporate-information .region-background {
  max-height: 818px;
}

body.page-corporate-information.logged-in .region-background {
  max-height: 848px;
}