/*	Scott Langley Screen style sheet
	Created: Thursday 29.10.09
	Last Updated: Monday 10.06.10
	Author:	Scott Harrington, scott@thinkstorm.co.uk
	----------------------------------------------------*/


/* typography 

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

/* font sizing guide:

10px = 0.625em

11px = 0.6875em

12px = 0.75em

13px = 0.8125em

14px = 0.875em

15px = 0.9375em

16px = 1em

17px = 1.0625em

18px = 1.125em

19px = 1.1875em

20px = 1.25em

26px = 1.625em

(divide desired pixel height by 16 to get 'em' value) */


body {

	font-size: 100%; /* convert 16px base font size to 12px */

	line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */

	font-family: Arial, Helvetica, sans-serif;

	background-color: #000000;
	
	margin: 0px 0px 0px 0px;

	color: #1a1a1a;

}


p {

	font-size: 0.6875em;
	
	line-height: 1.3125em;
	
	font-weight: normal;
	
	color: white;
	
	margin: 0.875em 0;
	
	letter-spacing: 0.2pt;


}


blockquote {

	font-size: 0.875em;
	
	line-height: 1.3125em;
	
	font-weight: normal;
	
	color: white;
	
	margin: 0.875em 0;
	
	letter-spacing: 0.2pt;


}


p.newsdate {

	font-size: 0.6875em;
	
	line-height: 21px;
	
	font-weight: bold;
	
	color: white;
	
	margin: 0.875em 0;
	
	letter-spacing: 0.2pt;
	
	border-bottom: 1px dotted #cccccc;


}


h1 {

	font-size: 1em;
	
	font-weight: bold;
	
	color: yellow;
	
	margin: 0;
	
	letter-spacing: 0.2pt;


}


h1.enquiries {

	font-size: 1em;
	
	font-weight: bold;
	
	color: yellow;
	
	margin: 30px 0px 0px 0px;
	
	letter-spacing: 0.2pt;


}


h1.enquiries1 {

	font-size: 1em;
	
	font-weight: bold;
	
	color: yellow;
	
	margin: 30px 0px 5px 0px;
	
	letter-spacing: 0.2pt;


}


h2 {

	font-size: 0.875em;
	
	font-weight: bold;
	
	color: #cccccc;
	
	padding-left: 15px;
	
	margin: 0.875em 0;
	
	letter-spacing: 0.2pt;


}


/* holds content within a portrait layour & positioned left

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

#wrapper {

	width:940px;
	
	height:100%;
	
	margin:0 auto;
	
	padding:0;

}


/* holds the logo header

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


#leftColumn {

	width:228px;
	
	height:368px;
	
	background-image: url(http://www.scottlangley.co.uk/assets/images/leftColumn.jpg);
	
	background-repeat: no-repeat;
	
	padding: 400px 0px 0px 50px;
	
	float: left;

}


#leftColumn ul {
	
	line-height: 1.3125em;
	
	list-style-type:none;

	margin: 10px 0px 25px 0px;
	
	padding: 0;
}

#leftColumn li {

	line-height: 1.3125em;
	
	margin: 0px 0px 0px 0px;
	
	padding: 0px 0px 5px 6px;

}


#leftColumn li a {

	font-size: 1em;
	
	font-weight: normal;
	
	color: white;
	
	margin: 1em 0;
	
	letter-spacing: 0.2pt;
	
	text-decoration: none;
	
	border-bottom: 1px dotted white;

}


#leftColumn li a:hover {

	font-size: 1em;
	
	font-weight: normal;
	
	color: #424242;
	
	margin: 1em 0;
	
	letter-spacing: 0.2pt;
	
	text-decoration: none;
	
	border-bottom: 1px dotted white;

}


/* holds the banner header

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


#header {

	font-size: 0.6875em;
	
	width:662px;
	
	height:149px;
	
	text-align: right;
	
	padding-top: 10px;
	
	background-image: url(http://www.scottlangley.co.uk/assets/images/header.jpg);
	
	background-repeat: no-repeat;
	
	float: right;
}


/* holds the News Channel

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


#content {

	width:625px;
	
	height:100%;
	
	float: left;
	
	padding: 60px 0px 0px 37px;
	
}

#contentmos {

	width:625px;
	
	height:100%;
	
	background-image: url(http://www.scottlangley.co.uk/assets/images/mos_bg.jpg);
	
	background-repeat: no-repeat;
	
	background-position: top right;
	
	float: left;
	
	padding: 60px 0px 0px 37px;
	
}


.internalLeft {

	width: 208px;
	
	height: 100%;
	
	float: left;

}


.internalMiddle {

	width: 208px;
	
	height: 100%;
	
	float: left;

}


.internalRight {

	width: 208px;
	
	height: 100%;
	
	float: right;

}


#content ul {
	
	list-style-type:none;

	margin: 10px 0px 25px 0px;
	
	padding: 0;
}

#content li {

	line-height: normal;
	
	font-size: 0.6875em;
	
	font-weight: normal;
	
	color: white;
	
	margin: 1em 0;
	
	letter-spacing: 0.2pt;
	
	padding: 0px 0px 0px 0px;

}


#content a, a:hover {
	
	font-weight: normal;
	
	color: white;
	
	margin: 1em 0;
	
	letter-spacing: 0.2pt;
	
	text-decoration: none;
	
	border-bottom: 1px dotted white;

}


.soundcloud {

	border-bottom: none;
}


/* holds the Footer

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

#footer-wrapper {

	background-color:#424242;
	
	border-top:1px solid #CCCCCC;
	
	margin:25px 0px 0px 0px;
	
	padding:0;
	
	float:left;
	
	height:220px;
	
	width:100%;

}


#footer {

	background-color:#424242;
	
	background-image:url(../images/footer-bground.jpg);
	
	background-position:right center;
	
	background-repeat:no-repeat;
	
	height:210px;
	
	margin:0 auto;
	
	padding:10px 0 0;
	
	width:940px;
	
}


.footerColumns {

	width: 235px;
	
	height: 100%;
	
	float: left;

}


.footerColumns ul {
	
	line-height: 1.3125em;
	
	list-style-type:none;

	margin: 10px 0px 25px 0px;
	
	padding: 0;
}

.footerColumns li {

	margin: 0px 0px 0px 0px;
	
	padding: 0px 0px 5px 15px;

}


.footerColumns li a {

	font-size: 0.6875em;
	
	font-weight: normal;
	
	color: white;
	
	margin: 1em 0;
	
	letter-spacing: 0.2pt;
	
	text-decoration: none;

}


.footerColumns li a:hover {

	font-size: 0.6875em;
	
	font-weight: normal;
	
	color: #cccccc;
	
	margin: 1em 0;
	
	letter-spacing: 0.2pt;
	
	text-decoration: none;

}


.footerColumns a {
	
	font-weight: normal;
	
	color: white;
	
	margin: 1em 0;
	
	letter-spacing: 0.2pt;
	
	text-decoration: none;
	
	border-bottom: 1px dotted white;

}


.footerColumns a:hover {
	
	font-weight: normal;
	
	color: #cccccc;
	
	margin: 1em 0;
	
	letter-spacing: 0.2pt;
	
	text-decoration: none;

}


/* Additional Classes

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

.clearBoth {
clear:both;
}

label {
float:left;
font-size:0.95em;
width:60px;
}

.imagePadding {
padding-left: 30px;
}

.imagePaddingTop {
padding: 5px 0px 0px 30px;
}


.padLeft {

	line-height: 1.3125em;
	
	padding-left: 15px;

}

.image_float {

	float: left;
	
	margin: 0px 10px 10px 0px;

}


p.pad {

	padding-bottom: 10px;

}


.imageborders {

	border: 1px solid #424242;

}