/*   
Theme Name: Cambridge Science Park Wordpress Theme
Theme URI: 
Description: This is a Thematic Child Theme developed by Engine Creative.
Author: <a href="mailto:alistair@enginecreative.co.uk">Alistair Stead</a> and <a href="mailto:hannah@enginecreative.co.uk">Hannah Broughton</a>
Author URI: http://www.enginecreative.co.uk/
Template: thematic
Version: 1.0
Tags: Thematic Cambridge Science Park
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
/*@import url('../thematic/library/layouts/2c-r-fixed.css');*/

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
@import url('css/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* Apply tabview styles and colors */
@import url('css/tabview.css');

/* Apply pagination styles and colors */
@import url('css/pagination.css');

body{
	background: #d5d4d4;
	color:#2c2b2b;    
  font: 12px Arial,Helvetica,sans-serif;
  line-height:18px;
}
dl{margin:0;float:left;display:block;width: 100%;}
dt{margin:0;font-weight:normal;float:left;display:block;width:75px;clear:both}
dd{margin:0;font-weight:bold;display:block;}
a:link, a:visited {
	color:#05aceb;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 18px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
}
h2 {
	font-size: 22px;
	margin-bottom: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}
h1, .csp_section_nav h3 {
	font-family: Courier,serif;
	font-size:19px;
	font-weight:normal;
}
h1 span, h2 span, h3.section-list span {
	font-weight: bold;
}

a{ color: #05aceb; }
a:hover{ color: #115779; text-decoration: underline; }

.csp_section_nav h3 {
	color: #00557a;
	padding: 0px 0px 17px 0px;
	margin: 0px 0px 18px 0px;
	border-bottom: 1px solid #b5b2b2;
}
/* Cufon Styles to be added to the cifon config in worpress
Cufon.replace('h1', { fontFamily: 'LubalGra' });
Cufon.replace('h2', { fontFamily: 'LubalGra' });
Cufon.replace('.csp_section_nav h3', { fontFamily: 'LubalGra' });
*/
.clear-both {clear: both;}
.float-right{float:right;}
.float-left{float:left;}
.conwrap {clear:both; overflow: hidden; }
.con {position:relative;width:960px;margin:0px auto;text-align:left;clear:both;overflow:hidden;padding: 0px 3px;}
.col {
	float: left;
	margin: 0px 10px;
}
.rounded-corners {
    /* Do rounding (native in Safari, Firefox and Chrome) */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.rounded-corners-bottom {
    /* Do rounding (native in Safari, Firefox and Chrome) */
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.rounded-corners-top-left {
	/* Do rounding (native in Safari, Firefox and Chrome) */
/*  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;*/
}
.rounded-corners-top-right {
	/* Do rounding (native in Safari, Firefox and Chrome) */
/*  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;*/
}
.shadow {
	-moz-box-shadow: #d7d8d9 4px 0px 0px;
	-webkit-box-shadow: 0px 0px 4px #d7d8d9; 
	box-shadow: 0px 0px 4px #d7d8d9;
	*border: 1px solid  #d7d8d9;
	*margin-left: -1px;
	*margin-right: -1px;
	zoom: 1;
	position: relative;
}
/* Target all Gecko (includes Firefox) */
*>.shadow {
	border: 1px solid  #d7d8d9;
	margin-left: -1px;
	margin-right: -1px;
}

div.breadcrumb{
  margin-bottom: 10px;
}

#main-content, #sub-content {
	margin-top: 37px;
	float: left;
}
#main-content {
	width: 635px;
  margin-top: 10px;
	margin-right: 15px;
}
#home-content{
	margin-top: 10px;
	*margin-top:12px;
  width: 960px;
}
#page-image {
	background: #FFF;
	margin-bottom: 15px;
	position: relative;
	clear: both;
}
#page-image-mask {
	position: absolute;
	top: 0px;
	left: 0px;
}
.page-image-meta {
	color: #939598;
	padding: 15px;
}
.page-image-meta p {
	margin: 0px;
}
.page-image-meta p strong {
	color: #2c2b2b;
}
#sub-content {
	width: 310px;
}
#primary-aside, #secondary-aside {
}
#page-bottom{
  clear: both;
  margin-bottom: 22px;
  float: left;
  width: 960px;
}
#primary-aside ul.xoxo{
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#page-bottom ul.xoxo li.widgetcontainer{
  display: block;
  width: 275px;
  float: left;
  background: #FFF;
  padding: 18px;  
}

#page-bottom ul.xoxo #csp-news-events-4.widgetcontainer{
  margin: 0px 12px;
}  
.widget_csp_events .widgettitle{
  margin-bottom: 31px;
}

#property-widget, #facility-list{list-style: none}
#property-widget li, #facility-list li{clear: both; float: left; margin: 0px 0px 10px 0px; width: 100%;}
#property-widget img, #facility-list img{float: left; margin-right: -100%;}
#property-widget .details, #facility-list .details{ float: left; padding-left: 100px; display: block; width: auto;}
#sector-widget{
  margin-bottom: 0px;
}

#facility-list{
  margin-top: -15px;
}
#facilities-properties-tab2{
  margin-top: 5px;
}
#csp-properties-jobs-3 #property-widget{
  margin-top: 0px;
}


ul.tab, ul.tab li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}
ul.tab li.first {
	clear: left;
}
ul.tab li.last {
	clear: right;
}
#masthead, #page {
	background: #f5f6f7;
}
#header {
	border-top: none;
	border-left: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	border-right: 3px solid #FFF;
	background: #FFF url(images/header-bg.gif) bottom left repeat-x;
}
#logo{
	float: left;
	width: 251px;
}
div.menu {
	width: 690px;
	float: left;
	margin-top: 43px;
}
ul.sf-menu {
	zoom: 1;
	z-index: 200;
	width: 690px;
}
ul.sf-menu li {
	border: none;
	padding: 0px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #dedede;
	width: auto;
	*border: none;
	*margin: 0px -1px;
	*width: 25%;
}
ul.sf-menu li a {
	margin: -4px 0px;
	padding: 0px 9px;
	font-weight: bold;
	font-size: 14px;
	*font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	display: block;
	position: relative;
	cursor: pointer;
}
ul.sf-menu li a:link, ul.sf-menu li a:visited {
	color: #414042;
}
ul.sf-menu li.current_page_item a:link, ul.sf-menu li.current_page_item a:visited, ul.sf-menu li a:hover, ul.sf-menu li a:active {
	color: #05aceb;
	text-decoration: none;
}
ul.sf-menu em {
	font-style: normal;
	padding: 4px 9px;
	display: block;
	position: relative;
}
ul.sf-menu li a:link em, ul.sf-menu li a:visited em {
	background: none;
	border: 1px solid transparent;
	*border: 1px solid #d9dada;
}
ul.sf-menu li.current_page_item a:link em, ul.sf-menu li.current_page_item a:visited em, ul.sf-menu li a:hover em, ul.sf-menu li a:active em {
	background: #FFF;
	border: 1px solid #d9dada;
}

ul.sf-menu li a span {
	font-weight: normal;
	font-size: 12px;
	color: #939598;
	display: block;
}
ul#utility {
	position: absolute;
	padding: 0px;
	zoom:1;
	z-index: 200;
	top: 4px;
	right: 0px;
}
ul#utility, ul#utility li {
	display: block;
	width: auto;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#utility #mycsp-link li{float: left; *margin-top: -15px; margin-right: 10px;}
#utility #mycsp-link li a {color: #353c3d; text-decoration: none; line-height: 21px; padding-right: 17px; vertical-align: middle;}
#utility #mycsp-link li a:hover{ text-decoration: underline; }
#utility #mycsp-link li a img{ line-height: 21px; padding-left: 3px; margin-right: -17px; vertical-align: middle;} 
#utility #searchform h3.widgettitle{ display: none; }
#utility #searchform input{ color: #888888; height: 19px; line-height: 21px; font-family: arial; font-size: 12px; width: 195px; padding: 0px 2px; line-height: 21px; vertical-align: middle; }
#utility #searchform #searchsubmit{ margin-left: -3px; width: 17px; height: 21px; padding: 0px }

#search h3 label { display: none; }

#csp-property-widget-3 h3.widgettitle{ margin-bottom: 18px; }
#csp-company-sectors-3 h3.widgettitle{ margin-bottom: 18px; }
#footer {
	background: #e5e5e5 url(images/footer-bg.gif) top left repeat-x;
	border-bottom: 1px solid #b3b3b3;
}
#footer a:link, #footer a:visited {
	color: #05aceb;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
}
#footer h3 {
	font-size: 16px;
	color: #666;
	margin-bottom: 4px;
}
#footer h3 a, #footer h3 a:link, #footer h3 a:visited{
	color: #666;
}
#footer li.widgetcontainer {
	float: left;
	background: none;
	margin: 0px 0px 0px 15px;
	width: 220px;
}
#footer li.csp_site_nav {
	margin: 0px 0px 0px 7px;
}
#footer li.widgetcontainer ul {
	margin: 0px;
	padding: 0px;
}
#footer li.widgetcontainer ul li {
	display: block;
	width: 100%;
	clear: both;
	border-top: 1px dotted #969696;
	padding: 4px 0px;
}
#footer li.csp_site_nav ul li {
	padding: 0px;
	border: none;
}
#footer li.csp_site_nav a:link, #footer li.csp_site_nav a:visited {
	color: #666;
}
#site-footer {
	font-size: 10px;
}
#footer, #site-footer {
	padding: 18px 0px;
}
#site-footer ul.tab li {
	padding: 0px 10px;
	width: auto;
	min-height: 58px;
	_height: 58px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #b3b3b3;
}
#site-footer a:link, #site-footer a:visited {
	color: #2c2b2b;
	text-decoration: none;
}
#site-footer a:hover, #site-footer a:active {
	text-decoration: underline;
}
#site-footer ul.tab li.first {
	border-left: none;
}
#site-footer ul.tab li.last {
	border-right: none;
}
#site-footer ul.tab li img {
	float: left;
	padding: 0px 10px 0px 0px;
	vertical-align: middle;
}
.csp_section_nav .page_item a span{clear:left; display: block}


/* News & listings*/
.post-short{ clear:both; width: 600px; padding-top: 20px; margin-top: 20px; float: left; border-top: 1px solid #b5b2b2;}
.post-short.first{ padding-top: 0px; margin-top: 0px; border-top: none;}
.post-short-details-image{float: left; width: 430px;}
.post-short-details{ float: left }
.post-short-details h2 a { text-decoration: none; color:#2c2b2b; }
.post-image{ float: left; width: 150px; height: 150px; margin-right: 20px}

.date{ margin-bottom: 8px; color: #939598;}
.date ul, .date li{list-style:none;margin-left:0px;}
.meta-prep-author{ font-style: normal; text-transform: lowercase; font-size: 11px; }

#job-list, #company-list, ul.address{ list-style: none; margin: 10px 0px 0px}
#job-list li, #company-list li {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #b5b2b2;}
ul.address li.name{ font-weight: bold; color:#05aceb; }
#company-list ul.address li{ padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; }
#company-list li h3 a{ color: #2b2b2b; }
#job-list li h2 a{ color: #2b2b2b; }

.applications a{background:#05ACEB;color:#fff; padding:5px 15px; margin-right:10px;}
.applications{padding:0 0 20px;}
.applications .job-closed{margin:0px;font-style:italic;}
p.info{ margin-bottom: 0px; }
.meta-box dl{width:50%;}
.meta-box .details{clear:both;}
.meta-info{ margin-bottom: 0px; color: #939598; }
.meta-info strong{ color: #2b2b2b; }
.meta-info.last{ margin-bottom: 10px; }
.hentry .meta-info.last{ display:block;float:left; }
.event-dates{list-style:none; padding: 0px 0px 20px;color: #2b2b2b; font-weight:bold;}
.event-dates li{padding-right:5px;float:left;}
.event-dates li.single{}
.event-dates li.multiple{display:inline;}
.event-date-list{font-weight:bold;color:#000;margin-left:80px !important}
.home-aside {
	display: block;
	width: 310px;
	float: left;
	margin-right: 15px;
}
.home-aside h3 {
	line-height: 16px;
	margin: 0px 0px 18px 0px;
}

#home-aside3 {
	margin-right: -3px;
}

#csp-events-4 #events-widget li{
  border-bottom:1px dotted #969696;
  clear:both;
  padding:5px 0;
}

/*
#news-widget li, #csp-events-4 #events-widget li{
  border-bottom:1px dotted #969696;
  clear:both;
  padding:5px 0;
}
#events-widget{
  padding-top: 13px;
}*/

.aside .tidy-list li{
  border-bottom:1px dotted #969696;
  clear:both;
  padding:5px 0;
}



.csp_catalyst h3 {
	margin-bottom: 18px;
}
.csp_catalyst p {
	margin: 0px;
}
.csp_catalyst li {clear: both;}
.csp_catalyst hr {
	clear: both;
}
.csp_catalyst .current-img {
	float: left;
	width: 115px;
	position: relative;
	margin-right: -100%;
}
.csp_catalyst .current-detail {
	padding: 0px 0px 0px 130px;
	float: left;
}
.csp_catalyst .current-detail h3 {
	margin: 0px;
}

#site-plan-aside1 dl.company-list{
  float:left;
  width: 287px;
  margin: 0px;
}
#site-plan-aside1 dl#company-list-1{
  margin-right: 25px;
}
#site-plan-aside1 dl.company-list dt{
  width: 30px;
  display: block;
  clear: both;
  margin: 0px;
  float: left;  
}

#site-plan-aside1 dl.company-list dd{
  margin: 0px;
  float: left;
  width: 257px;  
  
}
ul.company-list{
  margin: 0px;
  list-style:none;
  float: left;
  width: 287px;
}
ul#company-list-1{
  margin-right: 25px;
}

/** CAROUSEL **/
/* CONTENT */
#home-page-carousel.carousel .carousel-container{
  width: 960px;
  height: 305px;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  margin: 0;
}

#home-page-carousel.carousel ol.carousel-content{
  position:relative;
  overflow:hidden;
  width:32000px;
  padding: 0;
  margin: 0;
  list-style: none;
}

#home-page-carousel.carousel ol.carousel-content li{
  width: 960px;
  height: 305px;
  background: url(images/carousel-bg.jpg) no-repeat; 
  position: relative;
  margin:0;
  float:left;
  overflow:hidden;
  *float:none;
  *display:inline-block;
  *zoom:1;
  *display:inline;
}

#home-page-carousel.carousel ol.carousel-content li h3
{
  padding: 5px;
  margin-top: 60px;
}
#home-page-carousel.carousel ol.carousel-content li p{
  padding: 5px;
}
#home-page-carousel.carousel ol.carousel-content li img{
  float: left;
	width: 634px;
}
#home-page-carousel.carousel ol.carousel-content li div{
  float: right;
  width: 326px;
  height: 305px;
  color: #fff;
  vertical-align: top;
}
#home-page-carousel.carousel ol.carousel-content li div h3{
  font-size: 28px;
  line-height: 30px;
  text-transform: uppercase;
  vertical-align: top;
  padding: 30px 30px 0px;
  margin: 0px;
}
#home-page-carousel.carousel ol.carousel-content li div p{
  padding: 10px 30px 0px;
}

#home-page-carousel{
  position: relative;
}

#home-page-carousel .carousel-overlay{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 50;
}
/* Navigation */
#home-page-carousel.carousel .yui-carousel-nav{
  display:none;
}
#home-page-carousel.carousel ol.carousel-nav{
  width: 960px;
  height: 42px;
	overflow: hidden;
  list-style: none;
  padding: 0px;
  margin: 0px 0px 20px;
	*margin-bottom: 15px;
  float: left;
}

#home-page-carousel.carousel ol.carousel-nav li{
  float: left;
  margin: 0px;
  z-index: 8;
  width: 240px;
	min-height: 42px;
	_height: 42px;
	margin-right: -1px;
  border-left: 1px solid white;
}

#home-page-carousel.carousel ol.carousel-nav li.first{
  border-left: none;
}

#home-page-carousel.carousel ol.carousel-nav li h3{
  display: block; 
}

#home-page-carousel.carousel ol.carousel-nav li h3 a{
  background: url(images/carousel-nav-bg.jpg) no-repeat; 
  min-height: 30px;
	_height: 30px;
  padding: 8px;
  display: block; 
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  line-height: 13px;
  text-decoration: none;
}
#home-page-carousel.carousel ol.carousel-nav li.active h3 a, 
#home-page-carousel.carousel ol.carousel-nav li h3 a:hover{
 /* color: #d4e3ed*/
}

#home-page-carousel.carousel ol.carousel-nav li h3 a.item-0{
 
}
#home-page-carousel.carousel ol.carousel-nav li h3 a.item-1{
  background-position: -240px 0px;
}
#home-page-carousel.carousel ol.carousel-nav li h3 a.item-2{
  background-position: -480px 0px;
}
#home-page-carousel.carousel ol.carousel-nav li h3 a.item-3{
  background-position: -720px 0px;
}

#home-page-carousel.carousel ol.carousel-nav li.active h3 a.item-0, 
#home-page-carousel.carousel ol.carousel-nav li h3 a.item-0:hover
{
  background-position: 0px -42px;
}
#home-page-carousel.carousel ol.carousel-nav li.active h3 a.item-1, 
#home-page-carousel.carousel ol.carousel-nav li h3 a.item-1:hover
{
  background-position: -240px -42px;
}
#home-page-carousel.carousel ol.carousel-nav li.active h3 a.item-2, 
#home-page-carousel.carousel ol.carousel-nav li h3 a.item-2:hover
{
  background-position: -480px -42px;
}
#home-page-carousel.carousel ol.carousel-nav li.active h3 a.item-3, 
#home-page-carousel.carousel ol.carousel-nav li h3 a.item-3:hover
{
  background-position: -720px -42px;
}

/* END CAROUSEL */

.entry-content input.half, .entry-content input.full, .entry-content textarea.full {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #b7b7b7;
	background: #f5f6f7;
	padding: 3px 4px;
}
.entry-content input.half {
	width: 286px;
	margin-right: 5px;
}
.entry-content input.full, .entry-content textarea.full {
	width: 590px;
}

.entry-content input#send {
	background: #05aceb !important;
        taxt-align: center !important;
        display: block;
	padding: 3px 6px !important;
	border: none;
	cursor: pointer;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
}

.entry-content input#send:hover {
	
}

#google-canvas {
	width: 635px;
	height: 300px;
}
#csp-html-3{
  padding-bottom: 18px;
}
#csp-html-3 h3{
  margin-top: 12px;
}
#csp-html-3 p{
  margin-bottom: 0px;
}

/* GOOGLE MAPS */
div.map-overlay form{
  margin-bottom: 0px !important;
}
div.map-overlay input{
  font-family: arial;
}

#site-footer .engine:link, #site-footer .engine:visited, #site-footer .engine:active, #site-footer .engine:hover{color:#ff6600;}

/** Gallery images **/
.gallery-icon{
  width: 170px;
  height: 170px;
  margin: auto;
  border: none;
}

/* Job Listing */
#company-job-list { margin-top:15px; }