/*  
Theme Name: Fusion View
Description: WordPress theme designed for Fusion View.
Version: 1.0
Author: Out of the Trees
Author URI: http://www.outofthetrees.co.uk/
*/

/* Styles added by OOTT */

body {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-family: 'trebuchet ms', 'lucida grande', sans-serif;;
	background-color: #181818;
	color: #000;
	text-align: left;
}

body#popup {
	color: #ffe;
	background-color: #74290a
}
	
#header {
	padding: 0;
	margin: 0 1% 15px 1%;
	height: 200px;
	width: 98%;
	min-width: 720px;
	background: #74290a url(images/bg-header.png) repeat-x left top;
}

#header img {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 200px;
	border: none;
}

ul#nav {
	margin-left: 1%;
	padding: 0.3em 0;
	width: 98%;
	min-width: 720px;
	background: #BB6335;
	text-align: center;
}

ul#nav li {
	display: inline;
	font-size: 1.3em;
	text-align: center;
}

ul#nav li a {
	padding: 0 1.5em;
	text-decoration: none;
}

ul#nav a:link, ul#nav a:visited {
	color: #FDF8E1;
	background-color: #BB6335;
}

ul#nav a:hover {
	color: #272D4F;
	background-color: #BB6335;
}

#footer {
	color: #FDF8E1;
	background: #272D4F url(images/bg-header.png) repeat-x left top;
	padding: 1em 2.5%;
	margin: 15px 1%;
	clear: both;
}

#content {
	margin: 0 1% 15px 1%;
	padding: 0;
	float: left;
	text-align: left;
	color: #181818;
	background: #FDF8E1;
}

/* give IE different widths for single and multi as it calculates % margins weirdly */

div.single {
	width: 75%;
	overflow: hidden;
}

html>body div.single {
	width: 77%;
}

div.multi {
	width: 57%;
	overflow: hidden;
}

html>body div.multi {
	width: 59%;
} 

#sidebar {
	width: 20%;
	color: #FDF8E1;
	background: #2F375F;
	float: left;
	padding: 0 0 1em 0;
	margin-bottom: 15px;
}

#middle {
	width: 17%;
	margin: 0 1% 0 0;
	padding: 0 0 1em 0;
	float: left;
	color: #FDF8E1;
	background: #575D7F;
	line-height: 1.6;
	overflow: hidden;
}

#middle p.bio {
	margin: 0 10px 0 10px;
	color: #FDF8E1;
	line-height: 1.6em;
	text-align: left;
}

/* --------------------------------------------
TEXT
-------------------------------------------- */

#content h1, h2, h3 {
	font-family: 'trebuchet ms', 'lucida grande', sans-serif;
}

h1 {
	padding: 0;
	margin: 0;
}

#header h1, #header div {
	margin: 0 30px 0 210px;
}

p.description {
	margin: 0 27.5% 0 220px;
	font-weight: bold;
	color: #FAF1C6;
	font-size: 1.3em;
	margin-top: 20px;
	letter-spacing: 0.1em;
}

p.strapline {
	margin: 0 5% 0 220px;
	color: #FAF1C6;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.1em;
	text-align: right;
}

#header h1, #header div {
	text-indent: -3000em;
}

#header h1 a, #header div a {
	display: block;
	width: 321px;
	height: 102px;
	background-image: url(images/bg-zen-guide.png);
	background-repeat: no-repeat;
}

.bio a {
	font-weight: bold;
}

.bio a:link, .bio a:visited {
	color: #eebf67;
	background-color: transparent;
}

.bio a:hover {
	color: #eebf67;
	background-color: #000;
}

div.post h1, h2 {
	margin: 0;
	font-size: 1.2em;
}

h2 {
	margin-top: 2em;
}

h3 {
	padding: 0;
	margin: 30px 0 0;
}

a {
	text-decoration: none;
}

#content a {
	font-weight: bold;
	text-decoration: underline;
}

#content a:link, #content a:visited {
	color: #942b10;
}

#content a:hover {
	color: #000;
}

#content h2 a:link, #content h2 a:visited, #content h1 a:link, #content h1 a:visited {
	color: #000;
	text-decoration: none;
}

#content h1 a:hover, #content h2 a:hover {
	color: #942b10;
	text-decoration: none;
}

#content h1, #content h2 {
	padding: 0.2em 0 0.2em 0;
	font-size: 1.5em;
}

#content h1 {
	padding: 0 0 0.2em 0;
}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

acronym, abbr {
	cursor: help;
}

blockquote {
	margin: 15px 30px 15px 10px;
	padding-left: 2em;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

.navigation {
	display: block;
	text-align: center;
	padding-top: 2em;
	margin-right: 25px;
	padding-bottom: 2em;
	margin-left: 25px;
}

#footer a {
	color: #C78F5A;
	font-weight: bold;
}

.small {
	font-size: 0.8em;
}

#content h1.topmarg {
	margin-top: 2em;
}

/* --------------------------------------------
POSTS
-------------------------------------------- */

div.post {
	margin: 0 20px;
}

/* multiple posts on one page */
.entry {
	line-height: 1.8em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/* single post on a page */
.entrytext {
	position: relative;
	padding-right: 20em;
	padding-left: 0.5em;
	line-height: 1.8em;
}

#content .entrytext h2 {
	font-size: 1.2em;
}

.entry p, .entrytext p {
	text-align: left;
}

.postmetadata {
	position: absolute;
	top: 0;
	right: 0;
	width: 15em;
	margin-bootm: 2em;
}

.postmetadata span {
	font-weight: bold;
}

.postmetadata ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.postmetadata li {
	margin: 0;
	padding: 0;
}

.postmetadata ul li ul {
	margin-bottom: 1.5em;
}

.postmetadata li.icon-edit {
	margin-top: 1.5em;
}

.postmetadata li.icon-cat {
	font-weight: bold;
}

.date {
	color: #000;
	font-weight: bold;
	font-size: 0.9em;
	margin-left: 0.5em;
clear: left;
}

#content .page h1 {
	margin-top: 2em;
}

#content .page h2 {
	margin-top: 1em;
	padding-left: 0;
}

.wp-notable-line {
	padding-left: 35px;
	padding-right: 15px;
}

.postmetadata .wp-notable-line {
	padding-left: 0;
	line-height: 1.8;
}

.wp-notable {
	padding-left: 8px;
}

.postmetadata .wp-notable {
	padding-right: 1px;
}

#content .wp-notable-line a {
	border-bottom: none;
}

li.meta-notable {
	margin-top: 1em;	
}

li.icon-email {
	padding-left: 12px;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/* --------------------------------------------
COMMENTS
-------------------------------------------- */

.commentlist {
	padding: 0;
	margin: 0 20em 0 25px;
	list-style-type: none;
}

.commentlist li {
	margin: 1.5em 0 3px;
	padding: 0.5em 1em 3px;
	list-style: none;
	background-color: #EFE7C2;
}

.commentlist li.alt {
	background-color: #EFE7C2;
}

#content .commentlist li a:link, #content .commentlist li a:visited {
	background-color: #EFE7C2
}

.commentlist p {

}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
}

/* --------------------------------------------
COMMENT FORM
-------------------------------------------- */

h3#respond, h3#comments {
	margin-left: 25px;
}

#commentform {
	margin: 0 20em 2em 30px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	margin-bottom: 3em;
}

#commentform p {
	'trebuchet ms', 'lucida grande', sans-serif;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

/* --------------------------------------------
SIDEBAR
-------------------------------------------- */

#sidebar * {
	margin: 0;
	padding: 0;
}

#sidebar ul, #sidebar ol {
	margin: 0 10px;
	padding: 0;
}

#sidebar ul {
	list-style-type: none;
	text-align: left;
}

#sidebar ul li {
	margin-bottom: 0.5em;
}

#sidebar h2 {
	font-size: 1em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	margin: 2em 10px 0.75em 10px;
	color: #FDF8E1;
	background-color: #47517F;
	letter-spacing: 1px;
}

#sidebar h2.toggle {
	margin: 1em 10px 0.75em 10px;
}

#sidebar ul.catlist, #sidebar ul.detail {
	margin: 0 10px;
}

#sidebar ul.detail li, #sidebar ul.catlist li {
	padding-left: 12px;
	font-size: 0.9em;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#sidebar ul.meta li {
	padding-left: 0;
	background-image: none;
}

#sidebar h3 {
	font-size: 1em;
	padding: 1em 0 0.75em 0;
	text-align: center;
}

#sidebar p {
	text-align: center;
}

#sidebar p.pointer {
	margin-top: 1.5em;
	text-align: left;
}

#sidebar a {
	font-weight: bold;
}

#sidebar a:link, #sidebar a:visited {
	color: #FDF8E1;
	background-color: #2F375F;
}

#sidebar a:hover {
	color: #FDF8E1;
	background-color: #AD6238;
}

#sidebar h2 a:link, #sidebar h2 a:visited {
	color: #FDF8E1;
	background-color: #47517F;
}

#sidebar h2 a:hover {
	color: #ffe;
	background-color: #AD6238;
}

#sidebar h2.toggle a:link, #sidebar h2.toggle a:visited, #sidebar h2.toggle a:hover {
	background-image: url(images/plus.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 26px;
}

#sidebar form {
	margin: 0 auto;
	padding: 0 3px; 
	text-align: center;
}

#sidebar form p {
	margin-bottom: 0.5em;
}

#sidebar #searchform {
	margin: 0 auto 1.5em auto;
}

#sidebar #searchform #s, #feedblitzemail {
	width: 115px;
	padding: 2px;
}

#sidebar #searchsubmit, input.submit {
	padding: 1px;
}

#middle h2 {
	font-size: 1em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	margin: 2em 10px 0.75em 10px;
	color: #FDF8E1;
	background-color: #777D9F;
}

#middle ul {
	list-style-type: none;
	text-align: left;
	margin: 0 10px 1em 10px;
	padding: 0;
}

#middle ul li {
	margin-bottom: 1em;
	color: #eebf67;
	font-weight: bold;
}

#middle ul.menu li {
	color: #FDF8E1;
	font-weight: normal;
}

#middle div, #sidebar div.amazon {
	text-align: center;
	margin-bottom: 1em;
}

#sidebar ul.detail {
	margin-top: 0.5em;
}

#sidebar p.feed {
	padding-top: 0.5em;
}

#sidebar p.feed, #sidebar p.feed img, #footer, #footer img {
	vertical-align: middle;
}

#middle a {
	font-weight: bold;
}

#middle a:link, #middle a:visited {
	color: #FDF8E1;
	background-color: #575D7F;
}

#middle a:hover {
	color: #FDF8E1;
	background-color: #AD6238;
}

#middle span.name a:link, #middle span.name a:visited {
	color: #181818;
	background-color: #575D7F;
}

#middle span.name a:hover {
	color: #181818;
	background-color: #AD6238;
}

#sidebar ul.menu, #sidebar p.menu {
	margin: 0 10px;
}

#sidebar ul.menu li, #sidebar p.menu {
	padding-left: 12px;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
}

#idSiteMeterHREF img {
	height: 30px;
	width: 150px;
}

/* --------------------------------------------
MISC
-------------------------------------------- */

acronym, #content abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}

ul#nav abbr {
	border-bottom: none;
	text-decoration: none;
}

.smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.attachment {
	text-align: center;
	margin: 5px 0px;
}

.alt {
	margin: 0;
	padding: 10px;
}

#content .icon-comment {
	background-image: url(images/speech_bubble.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	border-bottom: none;
}

#content .icon-cat {
	padding-left: 15px;
	background-image: url(images/documents.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

.meta li {
	text-align: center;
	margin-bottom: 1em;
}

#content a.noborder {
	border-bottom: none;
}

/* --------------------------------------------
IMAGES
-------------------------------------------- */

img.portrait {
	width: 125px;
	margin: 2em auto 20px auto;
	border: 2px solid #181818;
	display: block;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

p img {
	padding: 0;
	max-width: 100%;
	}

a img {
	border: none;
	}

.entry a img, .entry img {
	padding: 4px;
	margin: 0 7px 2px 0;
}

.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
    font-weight: bold;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}