/*
	Name: Duffle Coast UK
	Date: 26/10/2009
	Description: Global Style Sheet
	Version: 1.0
	Author: Front End Development
	Author URI: http://www.frontenddevelopment.com
	Coder: Nam Nguyen
*/

/* Imports */
@import url("reset.css");
@import url("global-forms.css");

/***** Global *****/
/* Body */
	
	
	body {
		background: #ffde07;
		color: black;
		font-size: 90%; /* Base font size: 16px */
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		text-align: left;
	}

/* 
	Base Font Size: 11px
*/
h2 {font-size: 1.727em}	/* 19px */
h3 {font-size: 1.545em}	/* 17px */
h4 {font-size: 1.364em}	/* 15px */
h5 {font-size: 1.182em}	/* 13px */
h6 {font-size: 1em}		/* 11px */

/* 
	Base Font Size: 12px
*/
h2 {font-size: 1.667em}	/* 20px */
h3 {font-size: 1.5em}	/* 18px */
h4 {font-size: 1.333em}	/* 16px */
h5 {font-size: 1.167em}	/* 14px */
h6 {font-size: 1em}		/* 12px */

/* 
	Base Font Size: 13px
*/
h2 {font-size: 1.615em}	/* 21px */
h3 {font-size: 1.462em}	/* 19px */
h4 {font-size: 1.308em}	/* 17px */
h5 {font-size: 1.154em}	/* 15px */
h6 {font-size: 1em}		/* 13px */

/* 
	Base Font Size: 14px
*/
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

/* 
	Base Font Size: 15px
*/
h2 {font-size: 1.533em}	/* 23px */
h3 {font-size: 1.4em}	/* 21px */
h4 {font-size: 1.267em}	/* 19px */
h5 {font-size: 1.133em}	/* 17px */
h6 {font-size: 1em}		/* 15px */

/* 
	Base Font Size: 16px
*/
h2 {font-size: 1.5em}	/* 24px */
h3 {font-size: 1.375em}	/* 22px */
h4 {font-size: 1.25em}	/* 20px */
h5 {font-size: 1.125em}	/* 18px */
h6 {font-size: 1em}		/* 16px */

h2, h3, h4, h5, h6 {line-height: 1.1; margin-bottom: .8em;font-family: 'Helvetica Neue', Arial, sans-serif;font-weight: normal}
	
/* Links */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {}
a:hover, a:active {}
	
/* Paragraphs */
p {
	margin-bottom: 1.5em;
	line-height: 1.4;
}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
.contents {width:93%;margin:0 auto}
/***** Layout *****/
/* Header */
#header {overflow:hidden;}
#header #logo{margin:30px 0;float:right;width:130px}
#header #nav{list-style-type:none;margin:30px 0 0 0;float:left;width:360px}
#header #nav li{float:left;padding:0 38px 0 0}
#header #nav #list-links{width:360px}
#header #nav .last{padding-right:0}
#header #nav li a{font-size:1.7em; font-weight:bold;text-decoration:none;color:#fff;line-height:1.1em}
#header #nav li a:hover,#header #nav li a:active{text-decoration:underline;}
#header #nav li .active{color:#838277}
#header #nav li .active:hover,#header #nav .active:active{text-decoration:none;}
/* Body */
#home{padding:20px 0 30px;overflow:hidden;background:#fff}
#home #title{color:#ffde07;font-size:2.2em;font-weight:bold;margin-left:50px}
#home h3{color:#838277;margin-left:50px;font-weight:bold;margin-bottom:60px}
#main{overflow:hidden;float:left;width:60%;padding-left:50px}
#main ul{list-style-type:none;margin:0;}
#main li{float:left;padding:0 10px 10px 0;margin:0 20px 20px 0;float:left;width:100%}
#main h2{font-size:2.4em;font-weight:bold;margin:0 0 4px 0;color:#7b7d7c}
#main .meta{font-size:0.75em;display:block;margin:0 0 20px 0;color:#c3c3c3}
#main .meta a{color:#c3c3c3}
#main .meta a:hover,#main li .meta a:active{text-decoration:none;}
#main p{margin-top:10px;color:#7b7d7c;font-size:0.75em}
#main .last{margin-right:0}
#main #see-older-entries{margin-left:0;display:block;clear:both;}
#sidebar{overflow:hidden;float:right;width:18%;margin-right:40px}
#sidebar h2{font-weight:bold;font-size:1.3em;margin-bottom:15px;color:#838277;border-bottom:1px solid #eaeaea;padding-bottom:5px}
#sidebar fieldset{border:none;margin:0;padding:0 0 20px 0;overflow:hidden;width:100%}
#sidebar fieldset .text{float:left;width:90%;padding:2px 5px;border:1px solid #eaeaea;color:#838277;font-size:1.3em;font-weight:bold;height:25px}
#sidebar fieldset #search-button{float:right;background:#fff;font-size:1.3em;border:none;color:#838277;font-weight:bold;cursor:pointer;width:70px}
#sidebar ul{list-style-type:none;margin:0}
#sidebar li{padding-bottom:8px }
#sidebar li a{color:#7b7d7c;text-decoration:none;font-size:0.75em}
#sidebar li a:hover,#sidebar li a:active{text-decoration:underline;}
#sidebar #recent-entries, #sidebar #categories{padding-bottom:20px}

#main #image{margin:30px 0 10px 0}
#main h4{font-size:1.7em ;color:#838277;padding:30px 0 10px 0;font-weight:bold;}
#main fieldset{margin:0;padding:0;border:none}
#main fieldset label{font-size:0.75em;display:block;color:#7b7d7c;}
#main fieldset .text,#main fieldset textarea{background:#f9f9f9;padding:5px;border:1px solid #e0e0e0}
#main fieldset .text {width:290px}
#main fieldset textarea{width:400px;height:120px}
#main fieldset #submit{display:block;background:url('../images/submit-button.png') no-repeat;font-size:0;line-height:0;border:none;cursor:pointer;width:63px;height:23px;margin-top:10px}
#main #comment li{padding:0;width:423px;}
#main #comment .outer{background: url('../images/comment-top.png') repeat-y center top;width:420px}
#main #comment .inner{background: url('../images/comment-bottom.png') no-repeat center bottom;padding:8px 0 10px 0;}
#main #comment p{padding:0 15px; color:#fff;margin-top:5px}
#main #comment span{display:block;margin-top:7px;color:#929292;font-size:0.75em}
#main #comment span a{font-weight:bold;color:#929292;text-decoration:none;}
#main #comment span a:hover, #main #comment span a:active{text-decoration:underline;}
/* Footer */
#footer{padding:30px 0;overflow:hidden;}
#footer #details-company{float:left;width:700px;color:#fff;font-weight:bold;font-size:1.1em}
#footer #details-company a{color:#fff;text-decoration:none;}
#footer #details-company a:hover, #footer #details-company a:active{text-decoration:underline;}
#footer #details-company #tel{padding-right:14px}
#footer #sologan{display:block;float:right;}
#footer ul{list-style:none;margin:0;}
#footer li{float:left;padding-bottom:7px}
#footer #footer-links{width:600px;font-weight:normal;}
#footer a{padding-right:30px}

#header #nav li a:hover,#header #nav li a:active {color:#838277;text-decoration:none; }