/*
THEME NAME: Axisto
THEME URI: http://www.axisto.com
DESCRIPTION: Description
VERSION: 1
AUTHOR: Axisto Media Limited
AUTHOR URI: http://www.axisto.com
TAGS:
TEMPLATE: Thematic
*/

/* -----------------------------------------------------------------------

 Axisto Media Video Portal CSS Framework
 http://www.axisto.com/
 Copyright (c) 2009-Present.

----------------------------------------------------------------------- */

/* Typography */
h1, h2, h3 {font-family: Georgia, Times, serif;}
.amp {
    font-family: Baskerville, Palatino, "Book Antiqua", serif;
    font-style: italic;
}
.event {display: none;}
.group {}

.container {
    width: 950px;
    margin: 0 auto;
}

/* Color */
a {
    text-decoration: none;
    color: #019a34;
}
a img {border: 1px solid #6abc69;}
.date {color: #666;}

/* Access */
.skip-link {display: none;}

/* Header */
#header {padding-top: 10px;}
#header a img {border: 0;}

#navigation {
    float: left;
    list-style: none;
    margin: 0 0 18px 0;
    background: transparent url('../images/navigation.gif') bottom right repeat-x;
}
#navigation li {
    float: left;
    width: 190px;
    padding: 3px 0;
    text-align: center;
}
#navigation li a {
    font-size: 13px;
    font-weight: bold;
    color: #666;
}

#branding {
    clear: left;
    position: relative;
    height: 143px;
    background: transparent url('../images/header.jpg') top left no-repeat;
}
#branding .group {padding: 12px 0 0 10px;}
#branding a img {border: 0;}
#branding h1 {display: none;}
.portal-navigation ul {
    position: absolute;
    bottom: 0;
    float: left;
    padding-top: 6px;
    margin: 0;
    margin-left: 10px;
    list-style: none;
}
.portal-navigation ul li {
    float: left;
    padding-top: 6px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: white;
    background: transparent url('../images/portal-navigation.png') top left repeat-x;
}
.portal-navigation ul li a {
    display: block;
    padding: 2px 12px 3px 12px;
    border-left: 1px solid #555;
    color: white;
}
.portal-navigation ul li.first a {border: 0;}
.portal-navigation ul li a:hover {color: white;}

/* Main page */
#main {}

/* Footer */
#footer {
    float: left;
    margin-top: 18px;
    text-align: center;
    background-color: #dbffda;
}
#footer p {margin: 12px;}

/* Programme list */
.programmes {
    float: left;
    margin-left: 0;
    margin-right: 0;
    list-style: none;
}
.programme {
    position: relative;
    float: left;
	min-height: 103px;
    padding-left: 200px;
    margin: 10px 0;
}
.programme .name {
    margin-bottom: 6px;
    line-height: 1.1em;
}
.programme .video {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    margin-right: 10px;
}
.programme .video a {display: block;}
.programme .status {margin-bottom: 6px;}
.programme .status strong {
    font-size: 16px;
    line-height: 16px;
}
.programme .status .time {
    display: block;
    width: 18em;
    padding: 2px 4px;
    padding-left: 36px;
    border: 2px solid #b1dcb0;
    line-height: 15px;
    background: white url('../images/play.gif') 4px center no-repeat;
}
.programme .status.unavailable .time {background: white url('../images/play-inactive.gif') 4px center no-repeat;}
.programme .status.available .time strong {display: block;}
.programme .status .time .zone {color: #666;}
.programme ul {padding-left: 20px;}
.programme .details {
    padding-left: 0;
    list-style: none;
}
.programme .details .value {color: #444;}
.programme p, .programme ul {margin: 6px 0;}

/* Pragramme List - Primary */
#primary {
    padding-bottom: 30px;
    background: transparent url('../images/primary-bottom.png') bottom center no-repeat;
}
#primary h2 {margin-bottom: 8px;}
#primary h2 .date {font-size: 16px;}
#primary .entry-content {height: 216px;}
#primary .entry-content p {margin: 0;}
#primary .programmes {
    position: relative;
    width: 950px;
    height: 216px;
    padding: 0;
    margin-bottom: 0;
    background-color: white;
}
#primary .programme {
    width: 510px;
    height: 196px;
    padding: 0 40px;
    padding-left: 400px;
    margin: 10px 0;
}
#primary .programme .video {left: 40px;}
#primary .programme .video img {
    width: 348px;
    height: 194px;
}
#primary .programme .description {display: none;}
#secondary, #tertiary {
    padding-top: 15px;
    margin-top: -30px;
}
#secondary h2 {margin-bottom: 4px;}
#secondary .arrow {display: none;}
#secondary h1.entry-title {font-size: 2em;}
#secondary .entry-meta, #secondary .entry-utility {display: none;}

/* Sidebar */
#tertiary {
    min-height: 400px;
    background-color: #dbffda;
}
#tertiary a img {border: 0;}
#tertiary .presented-by, #tertiary .contact, #tertiary h2, #tertiary .speakers {margin: 20px;}
#tertiary .presented-by {margin-top: 8px;}
#tertiary h2 {
    margin-top: 0;
    margin-bottom: 0;
}

/* Speakers */
#secondary .speakers {
    margin: 0;
    list-style: none;
}
#secondary .speakers li img.speaker {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
#secondary .speakers li .biography {clear: left;}
#tertiary .speakers {
    float: left;
    margin-top: 10px;
    list-style: none;
}
#tertiary .speakers li {
	position: relative;
	float: left;
	min-height: 78px;
	margin-bottom: 8px;
	padding-left: 84px;
	padding-top: 4px;
}
#tertiary .speakers h3 {margin: 0;}
#tertiary .speakers a img {
	position: absolute;
	top: 0;
	left: 0;
	float: left;
}
#tertiary .speakers p {margin: 0;}

/* Day List */
body.blog .post {
    float: left;
    margin-bottom: 20px;
}

/* Content */
#secondary #extra {float: left;}
#secondary #extra .address {font-size: 16px;}

/* Programme List Scroller Styles */
/* These should be replaced by JS style manipulation */
#primary {position: relative;}
#primary .entry-content {
    position: relative;
    overflow: hidden;
}
#primary .programme {position: absolute;}
#primary .programme.one {left: 0;}
#primary .programme.two {left: 950px;}
#primary .programme.three {left: 1900px;}
#primary .arrow {
    position: absolute;
    z-index: 10;
    top: 132px;
    display: block;
    width: 37px;
    height: 36px;
    text-indent: -9999px;
}
#primary .arrow.disabled {opacity: 0.5;}
#primary .prev {
    left: 0px;
    background: transparent url('../images/arrow-left.png') no-repeat top left;
}
#primary .next {
    right: 0px;
    background: transparent url('../images/arrow-right.png') no-repeat top left;
}