/*
Theme Name: British Sign Language Broadcasting Trust
Theme URI: http://www.bslbt.co.uk/
Description: 
Version: 
Author: 
Author URI: 
*/

/* ----------------- BSLBT - CSS Stylesheet - http://www.bslbt.co.uk/ ----------------- */

/* ----------------- Global ----------------- */

* {
margin: 0px;
padding: 0px;
}

body {
/*background-color:#8098ac;
background: url(images/bslbt_bg.jpg) repeat;*/
}

img {
border: none;
}

p {
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}

p + p { 
margin-top: 1em;
}

h1 {
font: 1.1em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #8098ac;
padding-bottom: 0.8em;
}

h2 {
font: 1em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #8098ac;
padding-bottom: 0.5em;
padding-top: 0.8em;
}

h3 {
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
padding: 0px 0px 0.8em 0px;
/*padding-bottom: 0.8em;*/
}

h4 {
font: 1em Verdana, Arial, Helvetica, sans-serif;
color: #666666;
/*font-weight:bold;*/
}			

#container {
margin: 0 auto;
width: 1000px;
height: auto;
/*background:url(images/vertical_bg.jpg) repeat-y;*/
/*background-color:#FF0000;*/
}

.clearfix:after					{ content: "."; visibility: hidden;  display: block; height: 0px; clear: both; }
* html .clearfix				{ height: 1%; }	

#container_bg {
float: left;
margin: 0px 0px 20px 0px;
width: 1000px;
height: auto;
background:url(images/vertical_bg.jpg) repeat-y;
/*background-color:#FF0000;*/
}

a:link {
color: #333333;
text-decoration: none;
}

a:visited {
color: #333333;
text-decoration: none;
}

a:active {
color: #333333;
text-decoration: none;
}

a:hover {
color: #333333;
text-decoration: underline;
}

.decimal {
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #333333;
margin-left: 0;
padding-left: 20px;
list-style-type: decimal;
}

.decimal li {
/*padding-left: 20px;*/
padding-bottom: 10px;
}

/*ul.decimal {
margin: 0;
padding: 0;
list-style-type: decimal;
}*/

/*ul.decimal li.decimal {
margin: 0 0 .2em 0;
}*/

/*ul.decimal li.decimal a {
display: block;
background-color: #8098ac;
border-left: 8px solid #8098ac;
padding: 6px 0px 6px 6px;
width: 186px;
color: #FFFFFF;
text-decoration: none;
overflow:hidden;
}

ul.decimal li.decimal a:hover {
background-color: #FFFFFF;
border-left: 8px solid #8098ac;
text-decoration: none;
color: #8098ac;
}*/

/* ----------------- Header ----------------- */

#header {
float: left;
width: 1000px;
height: 200px;
}

#header_logo {
float: left;
width: 200px;
height: 200px;
}

#header_bg {
float: left;
width: 800px;
height: 200px;
background:url(images/bslbt_header_bg.jpg) no-repeat;
}

#accessibility_links {
float: left;
margin: 10px 0px 0px 0px;
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #000000;
width: 800px;
height: auto;
text-align: right;
}

#accessibility_links ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: right;
}

#accessibility_links ul li {
display: inline;
padding-left: 10px;
margin-left: 5px;
border-left: 1px solid #000000;
}

#accessibility_links li:first-child { 
border-left:none;
}

#accessibility_links ul li a {
text-decoration: none;
/*padding-left: 20px;*/
color: #000000;
}

#accessibility_links ul li a:hover {
text-decoration: underline;
color: #000000;
}

/* ----------------- Sidebar - Left - Navigation ----------------- */

#sidebar_left {
float: left;
width: 200px;
height: 100%;
background-color: #8098ac;
background: url(images/bslbt_bg.jpg) repeat;
}

#sidebar_left_navigation {
float: left;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
width: 200px;
height: 100%;
}

#sidebar_left_navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#sidebar_left_navigation ul li {
margin: 0 0 .2em 0;
}

#sidebar_left_navigation ul li a {
display: block;
background-color: #8098ac;
border-left: 8px solid #8098ac;
padding: 6px 0px 6px 6px;
width: 186px;
color: #FFFFFF;
text-decoration: none;
overflow:hidden;
}

#sidebar_left_navigation ul li a:hover {
background-color: #FFFFFF;
border-left: 8px solid #8098ac;
text-decoration: none;
color: #8098ac;
}

#sidebar_left_navigation .current_page_item a, #sidebar_left_navigation .current_page_parent a {
background-color: #FFFFFF;
border-left: 8px solid #8098ac;
text-decoration: none;
color: #8098ac;
}

#sidebar_left_navigation ul li ul {
margin-left: 20px;
display: none;
}

#sidebar_left_navigation ul li ul li a {
background: transparent;
border-left: none;
font-size: 0.8em;
width: 166px;
}

#sidebar_left_navigation ul li ul li a:hover, #sidebar_left_navigation ul li.current_page_parent ul li.current_page_item a {
text-decoration: underline;
}

#sidebar_left_navigation ul li.current_page_item ul li a, #sidebar_left_navigation ul li.current_page_parent ul li a {
background: transparent;
border: none;
color: #fff;
}

#sidebar_left_navigation ul li.current_page_item ul, #sidebar_left_navigation ul li.current_page_parent ul {
display: block;
}

/* ----------------- Media area - Flash/Image ----------------- */

#media {
float: left;
width: 800px;
height: 240px;
background:url(images/bslbt_media_bg01.jpg) no-repeat;
}

#flash {
float: left;
width: 320px;
height: 240px;
margin: 0px 0px 0px 0px;
background-color:#bfcbd5;
}

/* ----------------- Content ----------------- */

#body {
width: 800px;
float: left;
}

#content {
float: left;
width: 560px;
/*height: 600px;*/
/*padding: 20px;*/
padding: 20px 20px 0px 20px;
}

#content ul {
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #333333;
margin: 15px;
padding: 0;
/*list-style-type: none;*/
}

/*#content ul li {
display: inline;
padding-left: 10px;
margin-left: 5px;
}*/

#content ul li a {
text-decoration: none;
/*padding-left: 20px;*/
color: #333333;
}

#content ul li a:hover {
text-decoration: underline;
color: #333333;
}

.alignleft {
width:270px;
float: left;
}
.alignright {
width:270px;
float: right;
text-align: right;
}

.post {
padding: 0px 0px 35px;
border-bottom: 3px solid #ccc;
margin-bottom: 15px;
}

.wpcf7 {
margin-top: 35px;
}
.wpcf7 input {
padding: 2px 4px;
}

/* --------- Content Images --------- */

#box_contain {
float: left;
margin: 10px 0px 10px 0px;
width: 560px;
height: auto;
}

.box {
float: left;
margin: 0px 10px 10px 0px;
position: relative;
width: 176px;
height: 126px;
}

.box_text {
width: 176px;
height: 20px;
display: block;
position: absolute;
top: 100px;
left: 0px;
padding: 5px 0px 0px 0px;
/*background-color: #000000;*/
text-align: center;
}

.box_text a {
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

.box_text a:visited {
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

.box_text a:active {
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

.box_text a:hover {
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
}

/* --------- Photos --------- */

.photo {
float: left;
margin: 15px 10px 15px 0px;
position: relative;
width: 220px;
height: 220px;
clear: both;
}

.photo span {
width: 220px;
height: 220px;
display: block;
position: absolute;
top: 0px;
left: 0px;
background: url(images/photo_overlay.png) no-repeat;
}

.profile_container {
float: left;
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
}

/*.photo_profile {
float: left;
width: auto;
height: auto;
}*/

.photo_container {
float: left;
width: 100%;
/*height: 300px;
overflow: auto;*/
margin: 16px 0px 8px 0px;
}

.flickr-mini-gallery img {
margin: 0px 5px 5px 0px;
}

/* ----------------- Sidebar - Right ----------------- */

#sidebar_right {
float: left;
width: 200px;
height: auto;
}

.sidebar_right_box {
float: left;
width: 160px;
/*height: 160px;*/
margin: 20px 0px 0px 0px;
padding: 20px;
background-color: #8098ac;
background: url(images/bslbt_bg.jpg) repeat;
}

.sidebar_right_logo_box {
float: left;
width: 200px;
margin: 20px 0px 0px 0px;
padding: 0px;
}

form {
margin: 0;
}

/*#search {
float: left;
width: 160px;
margin: 20px;
background-color: #8098ac;
}*/

#search #s {
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ccd6de;
font-size: 1em;
margin: 0px 0px 0px 0px;
padding: 5px;
/*margin: 20px 0 0 20px;*/
border: none;
width: 150px;
height: 20px;
background: #FFFFFF;
}

#search #searchsubmit {
float: left;
margin: 20px 0px 0px 0px;
}

#newsletter .newsletter_field {
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ccd6de;
font-size: 1em;
margin: 0px 0px 20px 0px;
padding: 5px;
/*margin: 20px 0 0 20px;*/
border: none;
width: 150px;
height: 20px;
background: #FFFFFF;
}

#newsletter #submit_button {
float: left;
margin: 0px 0px 0px 0px;
}

#side_logo {
float: left;
margin: 0px 0px 0px 0px;
}

/* ----------------- Footer ----------------- */

#footer {
float: left;
margin: 0px 0px 20px 0px;
width: 1000px;
height: auto;
/*background-color: #FF00FF;*/
}
*+html #footer { padding-bottom: 20px; }

.footer_links {
float: left;
width: 1000px;
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
color: #8098ac;
height: auto;
margin: 0px 0px 10px 0px;
/*background-color: #FF00FF;*/
}

.footer_links ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.footer_links ul li {
display: inline;
padding-left: 8px;
margin-left: 3px;
border-left: 1px solid #8098ac;
}

.footer_links ul li.last {
border: none;
}

.footer_links ul li a {
text-decoration: none;
/*padding-left: 20px;*/
color: #8098ac;
}

.footer_links ul li a:hover {
text-decoration: underline;
color: #8098ac;
}

/* ----------------- Table - Programme Schedule ----------------- */

table {
		border-collapse: collapse;
		font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
		} 
		
th, td { 
		border: 1px solid #8098ac; 
		font-size: 1.2em;
		padding: 4px 10px;
		line-height: 1.2;
		} 
		
th p {
font: 1em Verdana, Arial, Helvetica, sans-serif;
}

td p {
font: 1em Verdana, Arial, Helvetica, sans-serif;
}
		
		tbody td {
		border-top: 0;
		border-bottom: 0;
		}
		
		caption {
		text-align:left;
		font-weight: bold;
		font-size: 1.4em;
/*		text-transform: uppercase;*/
		padding: 12px 0px 10px 0px;
		color: #8098ac;
		}
		
		th {
		background: #bfcbd5; 
		text-align: left;
		}
		
		tfoot {
		background-color: #bfcbd5;
		}

tfoot td {
		font-size: 1.0em;
		text-align: center;
		}

tbody tr.alt td {
		background: #f2f4f7;
		}

tbody tr.over td, tbody tr:hover td {
		background: #dfe5ea;
		color: #000000;
		}

/*tbody tr.over+tr td {
		background-image: url(shadow.png);
		background-repeat: repeat-x;
		}*/