/*

Site: storm38.co.uk
Author: Nick Sheehy
Updated: 2nd Feb 2010
Updated by: Nick

*/


body {font:11px/1.5 normal,Tahoma,"Lucida Grande",Arial,Verdana,sans-serif;width:970px;color:#414141}


/* 
----------
Type and Colour styles
----------
*/
body,ul,p,h1,h2,h4,a,img {margin:0;padding:0;border:0;text-decoration:none;font-weight:normal}
h1,h2,h4,h4,h5,h6,#navigation_pri,#logo,#contact_form label,#address p.phone {font-family:"droid-serif-1","droid-serif-2", serif;}
h1,h2 {line-height:1;font-size:34px;margin-bottom:27px;}
h2 {color:#bdd8ff;margin-bottom:55px}
h4 {font-size:14px;color:#338efe;margin-bottom:5px}
#about-us h4 {margin-bottom:15px;font-size:15px;color:#6A95D1}
a {border-bottom:1px solid #E4E4E4;color:#414141;padding:0 0 1px}
a:hover {border-bottom:1px solid;color:#FF6633}
p {margin-bottom:11px}
hr {clear:both;width:540px;border:0;border-top:1px dotted #D5E4F5;float:left;margin-bottom:30px}
h1,h4,h5,h6,#navigation_pri ul a,#navigation_pri span,.prefix {color:#237eff}
/* #navigation_pri li a:before,*/h1:before/*,h2:before,h4:before */ {content:"/"}
.prefix[title="email"] {margin-right: 3px;} 
.prefix[title = "telephone"] {margin-left:10px; margin-right: 3px;}


/*
----------
Navigation
----------
*/
/* Primary */
#navigation_pri {background-color:rgba(255,255,255,1);font-size:12px;left:0;line-height:40px;position:fixed;top:0;width:970px;font-style:italic; z-index: 10;}
#navigation_pri p {margin:0 0 0 250px}
#navigation_pri ul {width:450px;margin:0 30px 0 250px;float:left;display:inline;/* for ie6 */}
#navigation_pri ul,#navigation_sec ul {list-style:none outside}
#navigation_pri li {display:inline;margin:0 10px 0 5px}
#navigation_pri li a {border-bottom:none;border-left:1px solid #D5E4F5;display:block;float:left;height:40px;padding:0 15px}
/* Secondary */
#navigation_pri li#current a {background-color:#F4F8FF;color:#414141}

#navigation_sec {width:210px;position:fixed;top:0;left:0;float:left}
#navigation_sec h4 {margin:48px 0 5px 30px}
#navigation_sec ul {padding:0 0 0 30px}
#navigation_sec ul li {margin:0 0 3px}


/*
----------
Main Layout
----------
*/
/* Logo */
#logo {border-bottom:10px solid #237eff;display:block;height:190px;width:210px;position:relative;padding:0}
#logo img {position:absolute;bottom:0;right:0}

/* Content Divs*/
#content {margin-left:250px;padding-top:129px;width:710px}
#main, #categories .post {width:450px;/* float:left; */margin-bottom:30px}
#categories .post {width:540px}
#contact #main {width:370px; float: left}
#about-us #main {margin-bottom:120px;width:380px; float: left;}

/* Footer */
#footer {border-top:1px solid #D5E4F5;clear:both;color:#717171;font-size:9px;margin-left:250px;padding:15px 0 30px;text-transform:uppercase}

/* Images */
.post-image {margin-bottom:30px}
.post-image img {/* lighter shadow - E4E4E4,darker shadow - C9C9C9*/ -moz-box-shadow:0 0 10px #D7D7D7;-webkit-box-shadow:0 0 10px #D7D7D7;box-shadow:0 0 10px #D7D7D7;border:1px solid #C9C9C9;padding:1px}
.thumbnail-image {width:290px;height:210px;-moz-box-shadow:0 0 10px #D7D7D7;-webkit-box-shadow:0 0 10px #D7D7D7;box-shadow:0 0 10px #D7D7D7;border:1px solid #C9C9C9;overflow:hidden;float:left;margin-right:30px}


/*
---------- 
Aside 
----------
*/
.aside {float:left;margin-left:30px;width:230px}
.aside div {margin:0 0 25px}
.aside div p {margin:0 0 11px /* padding:0 0 0 7px;*/}
#address {margin-top:58px; float: left;}
#address img {border:1px solid #C9C9C9;margin-bottom:10px;padding:1px}
#address p.phone {font-size:20px}
#address p.email {margin-bottom:20px;padding-bottom:25px}
#category ul {list-style:none}
#category li {margin:8px 0}
#category li a {-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#A7CBFF;color:#FFFFFF;padding:2px 4px;text-transform:uppercase;border:none}
#category li a:hover {background-color:#237EFF}
p.links {margin:15px 0 0}
p.links a {background-color:#237EFF;color:white;display:block;float:left;margin-right:7px;padding:2px 6px;text-transform:uppercase;border:none;-moz-border-radius:5px;-webkit-border-radius:5px}
p.links a:hover {background-color:#FF6633}


/*
----------
Contact Form
----------
*/
#contact_form {/* border:1px solid #E4E4E4; */margin-bottom:45px;/* padding:1px */}
#contact_form p {background-color: #F9F9F9;border-bottom:1px dotted #E4E4E4;border-top:1px solid white;margin-bottom:0;overflow:hidden;padding:10px 15px}
#contact_form p.first {border-top:none}
#contact_form p.last {border-bottom:none}
#contact_form label {float:left;margin-right:20px;width:80px;line-height:2}
#contact_form #from,#contact_form #subject,#contact_form #message, #contact_form #captcha input {border:1px solid #C9C9C9;padding:3px;width:228px}
#contact_form #captcha input {height:14px;padding:7px;width:125px}
#contact_form #submit {text-align:right;border-bottom:none}
#contact_form #submit input {margin-left:120px}
div.hiddenFields {display:none}


/*
----------
matt's original design
----------
*/
#navigation_pri ul {border-bottom:1px solid #d5e4f5}
#navigation_pri li a {border-left:none}
#navigation_pri li a:before,h1:before,h2:before,h4:before {content:"/"}
#about-us h4:before {content:""}
h1,h2,h4 {text-transform:lowercase}
/* .aside p, .teaser p {margin:0 0 11px;padding:0 0 0 7px} */
#navigation_sec ul li {margin:0 0 3px 7px}
p.links a {-moz-border-radius:0px;-webkit-border-radius:0px}
#category li a {-moz-border-radius:0px;-webkit-border-radius:0px;background-color:#237EFF;/* margin-left:7px */}
#navigation_pri {font-style:normal}


/*
----------
New
----------
*/

body
	{
	color: #676767;
	}

#home h1
	{
	padding-bottom: 27px;
	border-bottom: 10px solid /* #D7D7D7 */;
	margin-bottom: 27px;
	}
	
#home h2, h2
	{
	color: #237EFF;
	margin-bottom: 30px;
	}
	
#introduction p.first
	{
color:#676767;
font-size:18px;
line-height:24px;
text-transform:none;
width:450px;
letter-spacing:0.2px;
font-family: "droid-serif-1","droid-serif-2",serif;
margin-bottom: 24px;
	}
	
#introduction p.second
	{
color:#858585;
font-family:"droid-sans-1","droid-sans-2",sans-serif;
font-size:14px;
letter-spacing:0;
	}
	
#introduction
	{
		border-bottom: 1px solid #D5E4F5;
	margin-bottom: 30px;
	overflow:hidden;
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 45px;
/* 	width: 620px; */
	}
	
#main
	{
	width: 710px;
	
	}
	
.post-image
	{
	float: left;
	width: 450px;
	}
.aside
	{
	}
	
.aside h4
	{
/* 	text-transform: uppercase;  */
/* 	font-size: 12px; */
	margin-bottom: 4px;
	}
.aside h4:before
	{
	content: "";
	}
	
.post-image
	{
	margin-bottom: 45px;
	}
	
#home hr
	{
	width: 100%;
	margin-bottom: 45px;
	float: none;
	}
	
#category li
	{
	margin: 6px 0;
	}
	
#category li a
	{
font-size:10px;
letter-spacing:0.4px;
padding:3px 3px 2px;
background-color: #4F98FF;
	}
	
h3
	{
	margin: 10px 0 20px;
	font-size: 20px;
	font-weight: normal;
	font-family:"droid-serif-1","droid-serif-2", serif;
	}
	
	
#home #thinkstorm 
	{
/* 	margin-left: 530px; */
border-left:1px solid #D5E4F5;
float:right; 
padding:5px 0 0 20px;
width:170px;
position: absolute;
top: 0;
right: 0;

	}
	
#about-us #thinkstorm 
	{
/* 	margin-left: 530px; */
border-left:1px solid #D5E4F5;
float:right; 
margin-top: 60px;
padding:5px 0 0 20px;
width:170px;
	}
	

	
#thinkstorm p	
	{
	width: 140px;
	}
	
#thinkstorm h4:before
	{
	content: "";
	}
	/* matt 12/03 */
	#thinkstorm h4{
	background: url(http://www.storm38.co.uk/sitebox/assets/img/h4_storm.gif) no-repeat;
	text-indent: -5000em;
	text-transform: uppercase;
	}
	
	
	#paginationwrapper{
	float: left;
	background: red;
	}
	.clear{
	clear: both;
	}
	
	ul.site_spec{
	list-style: none;
	padding-top: 10px;
	color: #4F98FF;
	
	
	}
	
	#viewmore {
	margin: 20px 0 20px 0;
	color: #000;
	width: 450px;
	text-align: center;
	}
	
	#viewmore a:link, #viewmore a:visited{
	display: block;
	width: 450px;
	height: 18px;
	background-color: #237EFF;
	color: #FFF;
	text-decoration: none;
	border-bottom: none;
	}
	
	#viewmore a:hover, #viewmore a:active{
	background-color: #FF6633;
	}
	
	h5{
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	}
	
	.message h1{
	margin-bottom: 22px;
	}
	
	.message #introduction{
	border-bottom: none;
	}
	
	.message #footer{
	margin-top: 30px;
	}
	.message ul{
	font-size: 14px;
	}
	.message p.returnlink{
	margin-top:60px;
	}
	
	
	#about-us h4{
	text-transform:none;
	}
	
	#contact .aside{
	clear: none;
float: left;
margin-bottom: 20px;
margin-left: 110px;
	
	}
	
	ul.contactlist{
	clear: both;
	list-style-type: none;
	margin-bottom: 14px;
	margin-top: 10px;
	float: left;}
	
	li.contactname{
	color:#000;
	font-size: 12px;
	
	}
	li.contactjob{
	text-transform:uppercase;
	font-size: 9px;
	color:#237EFF;
	}
	
	li.contacttel{
	float: left;
	margin-top: 5px;
	}
	li.contactemail{
	margin-left: 10px;
	float: left;
		margin-top: 5px;
	}
	span.blue{
color:#237EFF;
text-transform: lowercase;
	}