/*  

Theme Name: i lab
Theme URI: http://www.ilabuk.co.uk/
Description: Theme for i lab
Version: 1.0
Author: i lab
Author URI: http://www.ilabuk.co.uk/

*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
  padding: 0;
	font-family: "Lucida Grande", verdana, sans-serif;
  font-size: 62.5%; /* sets the default setting in most browsers of 16px to 10px. now 1em is equal to 10px */
	background-color: white;
  color: #0d0d0d;
}

/* Links */

a:link {
	color: #1e4972;
}

a:visited {
	color: #1e4972;
}

a:hover, a:active {
	color: #ff5500;
	text-decoration: none;
	outline: none; /* remove dotted border when links clicked */
}

ul#utilitiesNav li#wikiNav a:link, ul#utilitiesNav li#wikiNav a:visited {
	color: white;
	background-color: #1e4972;
	padding: 0.2em 0.5em;
	margin-left: 15px;
	text-decoration: none;
}

ul#utilitiesNav li#wikiNav a:hover, ul#utilitiesNav li#wikiNav a:active {
	background-color: #ff5500;
}

/* Links - Wayfinding */

body#home #homeNav a, body#news #newsNav a, body#files #filesNav a, body#search #searchNav a, body#commercials #marketPage a, body#features #marketPage a, body#broadcast #marketPage a, body#shorts #marketPage a, body#commercials-info #marketInfo a, body#features-info #marketInfo a, body#broadcast-info #marketInfo a, body#shorts-info #marketInfo a, body#commercials-services #marketServices a, body#features-services #marketServices a, body#broadcast-services #marketServices a, body#shorts-services #marketServices a, body#contact #marketPage a, body#contact-info #marketInfo a {
	color: #ff5500;
	text-decoration: none;
}

a#current {
	color: #ff5500;
	text-decoration: none;
}

body#commercials ul#mainNav li#commercialsNav a, body#commercials-info ul#mainNav li#commercialsNav a, body#commercials-services ul#mainNav li#commercialsNav a {
	background: url(images/image5slides_lines.jpg) no-repeat -600px;
}

body#features ul#mainNav li#featuresNav a, body#features-info ul#mainNav li#featuresNav a, body#features-services ul#mainNav li#featuresNav a {
	background: url(images/image5slides_lines.jpg) no-repeat -720px;
}

body#broadcast ul#mainNav li#broadcastNav a, body#broadcast-info ul#mainNav li#broadcastNav a, body#broadcast-services ul#mainNav li#broadcastNav a {
	background: url(images/image5slides_lines.jpg) no-repeat -840px;
}

body#shorts ul#mainNav li#shortsNav a, body#shorts-info ul#mainNav li#shortsNav a, body#shorts-services ul#mainNav li#shortsNav a {
	background: url(images/image5slides_lines.jpg) no-repeat -960px;
}

body#contact ul#mainNav li#contactNav a, body#contact-info ul#mainNav li#contactNav a {
	background: url(images/image5slides_lines.jpg) no-repeat -1080px;
}

/* Elements */

p {
	font-size: 1.1em; /* Perhaps up to 1.2em? */
	padding: 0.5em 20px 0.5em 10px;
}

ul {
	font-size: 1.1em;
}

/* Main Divs */

#wrapper {
	width: 960px;
	position: relative;
	left: 50%;
	margin-left: -480px;
	padding: 10px 0 0 0;
}

/* Header */

#header {
	height: 150px;
	border-bottom: 5px solid #1e4972;
}

#header ul {
	list-style-type: none;
}

#utilities {
	height: 20px;
}

#navigation {
	height: 120px;
	border-top: 5px solid #1e4972;
}

#tickerContainer {
	background-color: #ededf1;
	width: 620px;
	height: 30px;
	margin: -35px 0 10px 330px; /* robust? */
	border-bottom: 10px;
	line-height: 30px;
	text-align: center;
}

/* Primary Content */

#primaryContent {
	min-height: 340px; /* For tidyness and consistency ? */ 
	width: 329px;
	float: left;
	display: inline;
	margin: 10px 0;
}

body#news #primaryContent, body#search #primaryContent {
	height: auto;
/* height: 340px; uncomment for overflow */
	width: 620px;
	margin: 10px 0;
/*	overflow: auto; uncomment for scrollbars */
}

/* Secondary Content */

#secondaryContent {
	height: 340px; 
	width: 622px;
	margin: 10px 0 10px 0;
	overflow: auto;
}

#secondaryContent img {
	border: 1px solid #1e4972;
}

body#contact #primaryContent img {
	border: 1px solid #1e4972;
}

body#news #secondaryContent, body#search #secondaryContent {
	height: auto; /* remove for scrollbars */
	min-height: 340px; /* For tidyness and consistency ? */ 
	width: 330px;
	float: left;
	display: inline;
	overflow: visible; /* remove for scrollbars */
}

/* Footer */

#footer {
	clear: both;
	height: 3em;
	border-top: 10px solid #1e4972;
	background-color: #ededf1;
}

#footer p {
	font-size: 0.9em;
	float: left;
}

#footer p#made {
	float: right;
	padding-right: 10px;
}

/* Headings */

h1 {
	position: absolute;
	top: 45px;
	left: 60px;
	width: 194px;
	background: url(images/logo.gif) no-repeat;
	text-indent: -9000px;
}

h1 a {
	display: block;
	height: 105px;
	background: url(images/logo.gif) no-repeat;
}

h2,h3,h4,h5,h6 {
	color: #1e4972;
}

#secondaryContent h2,h3,h4,h5,h6 {
	padding: 0.5em 20px 0.5em 10px;
}

#primaryContent h2,h3,h4,h5,h6 {
	padding: 0.5em 20px 0.5em 10px;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1em;
}

/* Navigation
-------------------- */

ul#utilitiesNav {
	float: right;
	display: inline; /* Fix ie6 win & below double-margin float bug */
	margin-right: 10px;
}

ul#utilitiesNav li {
	float: left;
}

ul#utilitiesNav li a {
	padding: 0 2em;
}

ul#mainNav {
	margin: 10px 0 0 330px;
	padding: 0;
	width: 620px;
}

ul#mainNav li {
	float: left;
}

ul#mainNav li a {
	display: block;
	float: left; /* fix for IE 5.2 Mac - don't know why I bothered? */
	display: inline; /* Fix ie6 win & below double-margin float bug */
	width: 120px;
	height: 65px;
	margin-right: 5px;
	text-indent: -9000px;
}

ul#mainNav li#commercialsNav a {
	background: url(images/image5slides_lines.jpg) no-repeat 0px;
}

ul#mainNav li#broadcastNav a {
	background: url(images/image5slides_lines.jpg) no-repeat -240px; /* Image buttons out of order */
}

ul#mainNav li#featuresNav a {
	background: url(images/image5slides_lines.jpg) no-repeat -120px; /* Image buttons out of order */
}

ul#mainNav li#shortsNav a {
	background: url(images/image5slides_lines.jpg) no-repeat -360px;
}

ul#mainNav li#contactNav a {
	background: url(images/image5slides_lines.jpg) no-repeat -480px;
}

ul#mainNav li#commercialsNav a:hover {
	background: url(images/image5slides_lines.jpg) no-repeat -600px;
}

ul#mainNav li#broadcastNav a:hover {
	background: url(images/image5slides_lines.jpg) no-repeat -840px; /* Image buttons out of order */
}

ul#mainNav li#featuresNav a:hover {
	background: url(images/image5slides_lines.jpg) no-repeat -720px; /* Image buttons out of order */
}

ul#mainNav li#shortsNav a:hover {
	background: url(images/image5slides_lines.jpg) no-repeat -960px;
}

ul#mainNav li#contactNav a:hover {
	background: url(images/image5slides_lines.jpg) no-repeat -1080px;
}

ul#mainNav li#contactNav a {
	margin-right: 0;
}

/* Lists */

#primaryContent ul {
	list-style-type: none;
	margin-top: 1em;
	font-size: 1.2em;
	padding-left: 10px;
}

#primaryContent ul li {
	padding: 0.4em 10px 0.5em 1.5em;
	background: url(images/bullet.gif) no-repeat 0 50%;
}

#secondaryContent ul {
	list-style-type: none;
	margin-top: 1em;
	padding-left: 10px;
}

#secondaryContent ul li {
	padding: 0.4em 10px 0.5em 1.5em;
	background: url(images/bullet.gif) no-repeat 0 50%;
}

body#news #secondaryContent ul, body#search #secondaryContent ul {
	padding: 0 0 1em 30px;
	font-size: 1em;
}

body#news #secondaryContent ul li, body#search #secondaryContent ul li {
	padding: 0.3em 0;
	background: none;
}

body#news #secondaryContent ul li p, body#search #secondaryContent ul li p {
	padding-left: 30px;
}


body#news #secondaryContent h3, body#search #secondaryContent h3 {
	padding: 0 0 0 30px;
}

#primaryContent ul.generalContact {
	margin: 3em 0 0 0;
	font-size: 1.2em;
	line-height: 1.4em;
}

#primaryContent ul.generalContact li {
	background: none;
	padding: 0;
}

#secondaryContent ul.personalContact {
width: 230px;
float: left;
display: inline; /* Fix ie6 win & below double-margin float bug */
margin: 1em 0 1em 50px;
font-size: 1.2em;
line-height: 1.3em;
}

#secondaryContent ul.personalContact li {
	background: none;
	padding: 0;
}

/* Other ID's and Classes */

#skipLink {
	float: left;
	color: #99928c;
}

.ilab {
	color: #FF5500;
}

.post small {
	padding-left: 10px;
}

.post p small {
	padding: 0;
}

#searchform {
	padding: 0 0 1em 30px;
}

#map {
	border: 1px solid #1e4972;
}

.post img {
float: left;
display: inline;
margin-right: 5px;
}

.post h2 {
clear: left;
}