/*
Site Name: The Storytellers
Version: 3.0
Author: Andy Pearson
Author URI: http://www.binamic.co.uk
Date: 01/09/09
Time: 09:33:03
*/

html, body { height:100%; }
body {
	background:#ccc url(../images/backies/main.gif) repeat top center fixed;
	font:62.5%/1.4 'Adobe Garamond Pro', 'Garamond Premier Pro', Garamond, 'Times New Roman', serif;
	color:#000000;
}
p {
	font-size:1.4em;
	padding-bottom:1em;
}
a {
	text-decoration:none;
	color:#efb13d;
	border-bottom:1px solid #efb13d;
}
a:hover {
	border-bottom-color:#231f20 !important;
	color:#231f20 !important;
}
h2 {
	font-size:2.2em;
	color:#000;
	line-height:1;
}
h3 {
	color:#000;
	font-size:2.2em;
	padding-bottom:6px;
}
h4 {
	font-size:1.4em;
	font-weight:bold;
}
ul {
	font-size:1.4em;
	padding-bottom:1em;
	list-style:square;
	padding-left:24px;
}
pre {
	clear:both;
	margin-top:36px;
	font-size:1.2em;
	line-height:1.4;
	color:#e2e1dc;
	background-color:#232323;
	border:3px solid #1c1c1c;
	padding:15px;
	overflow:auto;
	font-family:"Monaco", "Courier New", Courier;
}

/*
---- Structure
*/
#container {
	width:790px;
	margin:0 auto;
	background-color:#fff;
	min-height:100%;
}
#content {
	float:right;
	width:490px;
	padding:13px;
	background-color:#fff;
}

/*
---- Header
*/
#header {
	width:763px;
	height:108px;
	padding-bottom:34px;
	background:#fff;
	padding:0 13px 0 14px;
}
	#header div {
		width:763px;
		height:107px;
		border-bottom:1px solid #000;
	}
	#header h1 {
		padding-top:48px;
		position:absolute;
		z-index:100;
	}
	#header h1 a {
		border:none;
		display:block;
		width:242px;
		height:35px;
		background:transparent url(../images/the-storytellers.gif) no-repeat top left;
		text-indent:-99999px;
		overflow:hidden;
		position:absolute;
		z-index:101;
	}
	#header p {
		font-size:1.3em;
		padding:48px 0 0 278px;
		line-height:1.3;
		width:485px;
		position:absolute;
	}

#footer {
	clear:both;
}
	#footer div {
		position:absolute;
		margin-top:-26px;
		width:255px;
	}
	#footer p {
		position:absolute;
		padding:0 13px;
		width:229px;
		margin-top:-2.8em;
		font-size:1.1em;
	}

/*
---- Navigation
*/
#navigation {
	float:left;
	width:228px;
	padding:14px;
}
	#navigation h3,
	#navigation ul,
	#navigation p.feed {
		color:#6d6e71;
	}
	#navigation ul {
		padding-left:0;
		padding-bottom:24px;
		list-style:none;
	}
	#navigation li {
		padding-bottom:3px;
	}
	#navigation p.feed {
		padding-bottom:24px;
	}
	#navigation ul a,
	#navigation p.feed a {
		border:none;
		color:#ccc;
	}
	#navigation ul li.current a { color:#776ea6; }
	#navigation a:hover { color:#231f20 !important; }
	
#navigation #nav { font-size:2.2em; }
#navigation #nav li { padding-bottom:5px; float:left; width:200px; }
#navigation p.contact { font-size:1.4em; }
#navigation #archive { padding-bottom:28px; }

#navigation #categories { padding-bottom:32px; line-height:1.2; font-size:1.4em; color:#6D6E71; }
#navigation #categories a { border:none; color:#000; }

#navigation ul p {
	padding:0;
	font-size:1em;
	line-height:1.2;
}
	#navigation ul p a {
		display:inline;
		color:#000;
	}

/* Nested Sub Navigation */	
#nav ul { padding:2px 0 10px 10px; float:left; }
#nav ul li { padding:0 0 3px !important; zoom:1; }

/*
---- Fixed Elements
*/
#header, #navigation { position:fixed; }
#navigation { padding-top:124px; }
#content { padding-top:108px; }

/*
---- Posts
*/
.post { border-top:2px solid #efb13d; padding:28px 0 10px; }
.first-post { border:none; padding-top:0; }
.post h2 a { border-bottom:none; color:#000; }
.post .meta { float:left; width:154px; padding-bottom:14px; }
.post .meta p { font-size:1.4em; padding:0; line-height:1.3; }
.post .meta p.posted-at { padding:8px 0; }
.post .meta p.posted-by { color:#000; }
.post .content p { padding-left:168px; }

#commentlist {  }
#commentlist li { border-top:1px solid #ccc; }
#commentlist div { padding:18px 0 2px; }
#commentlist .comment-meta { padding:0; width:154px; float:left; }
#commentlist .comment-body { padding:0; width:322px; float:right; }
#commentlist h4 a { border:none; color:#000; }
#commentlist .comment-meta p { line-height:1.3; }
#commentlist .comment-meta p a { border:none; color:#6d6e71; }

#respond { padding:12px; background-color:#e5e5e5; }
#respond h3 { padding-bottom:14px; }
#respond label { display:block; font-size:1.4em; }
#respond form div { padding-bottom:10px; }
#respond div.text input,
#respond div.text textarea {
	border:2px solid #cfcfcf;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	padding:5px 6px;
	width:450px;
}
#respond div.text input:focus,
#respond div.text textarea:focus { border-color:#776ea6; }
#respond div.submit { text-align:right; padding:0; }


/*
---- Homepage
*/
#video { padding:15px 0 24px 0; }
#video-wrap { height:306px; overflow:hidden; background-color:#000; }

/*
---- Gallery
*/
#slideshow ul { list-style:none; padding:0; }
#slideshow a { border:none; color:#231F20; outline:none !important; }
#slideshow a.disabled { color:#6D6E71 !important; cursor:default; }
#slideshow p { color:#6D6E71; }

#slideshow-position { float:right; }
#slideshow-navigation { float:left; }

/*
---- Our Story
*/
#quotes {
	margin-top:6px;
	border-top:2px solid #efb13d;
	padding-top:20px;
}
#quotes ul {
	list-style:none;
	padding:0;
	font-size:1em;
}
#quotes li {
	padding-bottom:18px;
	background-color:#fff;
}
#quotes p {
	color:#efb13d;
	font-weight:bold;
	padding-bottom:6px;
}
#quotes blockquote p {
	font-weight:normal;
	font-style:italic;
	color:#88898d;
	position:relative;
}
#quotes blockquote span.left {
	position:absolute;
	left:-23px;
	display:block;
	background-color:#fff;
	width:20px;
	text-align:right;
}


.quicklist {
	float:left;
	width:100%;
	margin-bottom:24px;
}
.quicklist ul {
	list-style:none;
	padding:0;
	color:#828284;
	float:left;
	width:190px;
	font-size:1.6em;
}
.quicklist li {
	display:block;
	width:100%;
	float:left;
}
.quicklist a {
	border:none;
	color:#efb13d !important;
	display:block;
	padding:3px 4px 0;
	font-weight:bold;
}
.quicklist a:hover {
	background-color:#f6f6f6;
}
.quicklist a.current {
	color:#efb13d !important;
	font-weight:bold !important;
	background-color:#fae7c4 !important;
}
.quicklist span {
	display:block;
	padding:3px 4px 0;
}
.quicklist span span {
	display:inline;
	font-size:0.8em;
	padding:0;
}
.quicklist #quote {
	float:right;
	width:286px;
}


#people {
	background-color:#fff;
	position:relative;
	height:320px;
	z-index:1;
}
#people ul {
	width:170px;
}
#people a {
	color:#828284 !important;
	font-weight:normal;
}
#people a.current {
	color:#efb13d !important;
}
#people #quote {
	width:316px;
	float:none;
	position:absolute;
	left:187px;
}

/*
---- Misc
*/
#page-title { padding-top:16px; padding-bottom:30px; }
#page-title p { padding:5px 0 0 0; color:#6d6e71; }
#page-title h2 { padding-bottom:0; }

.downloads { list-style:none; list-style:none; padding:0; font-size:1em; }
.downloads li { padding-bottom:18px; }
.downloads h5 { font-size:1.4em; }
.downloads p { padding:0 54px 0 40px; }
.downloads .image { float:left; padding:0 11px 0 0; }
.downloads .image a { border:none; display:block; }

#banner img { display:block; padding-bottom:24px; }


/* ---- Clearfix */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */