/*---[ Details ]---------------------------------------
Site: www.soup.co.uk
Author: Lee Powell
Contact: lee.powell@soup.co.uk
Date Created: 02.05.2008
Date Modified: 10.06.2008
-------------------------------------------------------*/

/*-----------------------------------------------------
Core Elements:
[01] Yahoo CSS Reset
[02] HTML / Body
[03] Anchors
[04] Images
[05] Headings
[06] Lists
[07] Forms
[08] Tables
[09] Phrase Elements
[10] Misc Inline
[11] Misc Block
[12] Reusable Elements
-------------------------------------------------------*/


/*-----------------------------------------------------
Core Elements
-------------------------------------------------------*/

/* [01] Yahoo CSS Reset 
   [http://developer.yahoo.com/yui/reset/#code]
-------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre,form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
    padding: 0;
	} 
table {
	border-collapse: collapse;
    border-spacing: 0;
	}
fieldset,img {
	border:0;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
    font-weight: normal;
	}
ol, ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	} 
h1, h2, h3, h4, h5, h6 {
	font-size: 100%; 
	font-weight: normal;
	}
q:before, q:after {
	content: '';
	}
abbr,acronym {
	border: 0;
	}
	
/* [02] HTML / Body
-------------------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%; /** 10px **/ 
	font-weight: normal;
	color: black;
	text-align: left;
	background: #FFF;
	word-spacing: 0.1em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	}

/* [03] Anchors
-------------------------------------------------------*/
a {
	color: #000;
	text-decoration:underline;
/* Removes dotted outline from Firefox anchors */
	outline: none;
	}
a:link, a:visited {
	text-decoration: underline;
	}
a:hover, a:active {
	text-decoration: underline;
	}
a:hover {
	color: #C03;
	}

/* [04] Images
-------------------------------------------------------*/
img {
	border: none;
	}

/* [05] Headings
-------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	padding: 0;
	margin: 0 0 10px;
	line-height: 1.1em;
	color: #181818;
	letter-spacing: -1px;
	}
h1 {
	font-size: 2.857em; /* 40px */
	margin: 10px 0 0;
	}
h2 {
	font-size: 1.714em; /* 25px */
	}
h3 {
	font-size: 1.285em; /* 18px */
	}
h4, h5, h6 {
	font-size: 1em; /* 14px */
	}

/* [06] Lists 
-------------------------------------------------------*/
dl, ol, ul {
	padding: 0;
	margin: 0 0 10px;
	}
ol, ul {
	list-style-position: outside;
	padding: 0 0 0 2.5em;
	}
ol {
	list-style: decimal;
	}
ul {
	list-style: square;
	}
dt {
	font-weight: bold;
	}
dd, li {
	padding: 0;
	margin: 0 0 10px;
	}

/* [07] Forms
-------------------------------------------------------*/
form {
	padding: 0;
	margin: 0 0 10px;
	}
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
	}
legend {
	font-weight: bold;
	margin: 0;
/* Padding is used instead of margin for Safari */
	padding: 0 0 10px;
/* IE/Win sets color to blue */
	color: #000;
	}
label {
	margin: 0 10px 0 0;
	}
input, select {
	margin: 0 10px 0 0;
	font-size: 1em;
	}
optgroup {
/* Not all browsers can support styling of this element */
	font-style: normal;
	font-weight: bold;
	margin: 10px 0 0;
	color: #CCC;	
	}
option {
/* Padding for Firefox */
	padding: 0 10px;
	color: #000;
	}
textarea {
	display: block;
	margin: 10px 0 0;
	width: 30em;
	height: 6em;
	}
button {
	font-size: 1em;
	}
input, textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	}

/* [08] Tables
-------------------------------------------------------*/
table {
	margin: 0 0 10px 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #666;
	}
caption {
	text-align: left;
	margin: 0;
	padding: 0 0 10px 10px;
	}
thead th, thead td {
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background: #FFF;
	color: #000;
	font-weight: bold;
	}
td, th {
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	}
tbody {
	background-color: #FFF;
	border: 1px solid #666;
	}
tbody td {
	border-bottom: 1px solid #666;
	}
td {
	border-right: 1px solid #666;
	}
tfoot {
	font-style: italic;
	font-size: 0.8em;
	}
tfoot td {
	text-align: right;
	border: none;
	}

/* [09] Phrase Elements
-------------------------------------------------------*/
abbr, acronym {
	border: none;
	}
cite {
	font-style: italic;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
dfn {
	font-style: normal;
	}
code, kbd, samp {
	font-family: monospace;
	}
var {
	font-style: italic;
	}

/* [10] Misc Inline
-------------------------------------------------------*/
q {
	font-style: italic;
	}
del {
	text-decoration: line-through;
	}
ins {
	text-decoration: none;
	}
sub {
	vertical-align: sub;
	}
sup {
	vertical-align: super;
	}

/* [11] Misc Block 
-------------------------------------------------------*/
p {
	margin: 0 0 10px;
	padding: 0;
	}
address {
	font-style: normal;
	margin: 0 0 10px;
	padding: 0;
	}
blockquote, pre {
	margin: 0 0 10px;
	}
blockquote {
	font-size: 1.714em; /* 25px */
	color: #000;
	line-height: 1.1em;
	}
pre {
/* set specific font for IE/Win */
 	font-family: inherit;
 	overflow: scroll;
 	}
hr {
	padding: 0;
	margin: 10px 0;
/* For IE/Win, as it displays hr as inline */
	display: block;
	}
	
/* [12] Reusable Elements
-------------------------------------------------------*/	
/* Block Button */
span.button {
	display: block;
	margin: 0 0 4px;
	font-size: 0.857em; /* 12px */
	line-height: 1em;
	}
span.button a {
	float: left;
	display: block;
	padding: 2px 35px 2px 6px;
	color: #FFF;
	text-decoration: none;
	}
span.button a:hover,
span.button.s1 a:hover,
span.button.s2 a:hover,
span.button.s3 a:hover {
	background-color: #C03;
	text-decoration: none;
	color: #FFF;
	}

/* Pagnation and Crumbtrails */
ul.pagination,
ul#crumbtrail {
	list-style-type: none;
	}
ul.pagination {
	float: right;
	clear: both;
	padding: 0;
	}
ul.pagination li{
	padding: 0 5px;
	margin: 0;
	float: left;
	}
ul#crumbtrail {
	clear: both;
	font-size: 1.285em; /* 18px */
	padding: 0;
	}
ul#crumbtrail li{
	display: block;
	float: left;
	padding-right: 3px;
	}
ul#crumbtrail li, ul#crumbtrail li a{
	color: #5E6367;
	}

/* Content Columns and Blocks */
.content-header {
	padding: 18px 35px 22px;
	}
.content-block {
	padding: 0 35px;
	clear: both;
	}
.content-header,
.content-block,
.content-col1,
.content-col2,
.content-col3 {
	background: #FFF;
	}
	
/* 1 Column - Full Width */
#content.cols1 .content-col1 {
	padding: 0 35px 65px;
	}

/* 2 Column - 50/50 */
#content.cols2 .content-col1 {
	width: 403px;
	float: left;
	padding: 0 10px 65px 35px;
	}
#content.cols2 .content-col2 {
	width: 402px;
	float: right;
	padding: 0 35px 17px 0;
	}

/* 3 Column - 50/25/25 */
#content.cols3 .content-col1 {
	width: 365px;
	float: left;
	padding: 0 10px 65px 35px;
	}
#content.cols3 .content-col2 {
	width: 215px;
	float: left;
	padding: 0 10px 65px 0;
	}
#content.cols3 .content-col3 {
	width: 215px;
	float: left;
	padding: 0 35px 65px 0;
	}