/*
Theme Name: Suite VII's Home
Theme URI: http://www.timothyborrowdale.co.uk/
Description: The first home page design for Suite VII/Timothy Borrowdale
Version: 1.0
Author: Timothy Borrowdale
Author URI: http://www.timothyborrowdale.co.uk/
Tags: fixed width, boxes, two columns

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Tahoma', Verdana, Arial, Sans-Serif;
	background: url('images/bg_lines.jpg');
	color: #333;
	text-align: center;
}   

a, a:visited {
        text-decoration: underline;
        color: #000;
}   

a:hover{
        text-decoration: none;
        color: #999;
}

a img {
	border: none;
}

/* icon links */

a[href ^="spotify:"] {
   padding-right: 20px;
   background: transparent url(images/icon_spotify.png) no-repeat center right;
}

div.clearer {
	clear: both;
	height: 1px;
	width: 100%;
	margin-top: -1px;
}

.center {
	text-align: center;
}

#i404 {
	text-align: center;
	margin: 40px 20px;
}

	
#page {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}

#header {


}

#headerimg {
	width: 540px;
	padding: 20px;
	display: inline;
	float: left;
	text-align: center;
}

#headernav {
	width: 400px;
	display: inline;
	float: right;
	background: #FFF;
	border: 5px solid #CCC;
	margin-top: 20px;
}

#currentblogtitle {
	width: 540px;
	float: left;
	margin-top: 10px;
        margin-bottom: -5px;
        font-weight: bold;
	font-family: "Trebuchet MS",Arial,Verdana,Sans-Serif;  
        color: #555;      
}

.columntitle {
	font-family: "Trebuchet MS",Arial,Verdana,Sans-Serif;
	font-size: 12px;
	color: #999;
	text-transform:uppercase;
	text-align: center;
	font-weight: bold;
}

.sviicolumn, .tbcolumn, .elsecolumn {
	display: inline;
	float: left;
	margin: 5px 1px 5px 1px;
}

.sviicolumn {
	width: 100px;
	border-right: 1px solid #666;
	margin-right: 0px;
	padding-right: 10px;
}

.tbcolumn {
	width: 140px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	padding-left: 10px;
	padding-right: 10px;
}

.elsecolumn {
	width: 90px;
	border-left: 1px solid #666;
	margin-left: 0px;
	padding-left: 10px;
}

.navlist {
	list-style-type: none;
	padding-left: 0px;
	text-align: right;
	color: #ccc;
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.navlist li {
	min-height: 13px;
	min-width: 1px;
}

#content {
	width: 540px;
	padding: 10px;
	float: left;
	background: #FFF;
	border: 5px solid #DCCABC;
}

h2 {
	margin: 15px 10px 2px;
}

#innercontent {
	min-height: 160px;
}

.contentBlock {
	height: 17px;
	width: 100%;
	background-color: #CC6600;
	border-top: 1px solid black;
}

.post {
    padding: 5px 10px;
	text-align: center;
    font-size: 125%;
}

.post h2 {
	text-align: center;
	margin-bottom: 2px;
}

p.postmetadata {
	padding-left: 2px;
	border-left: 1px solid;
}

.post div.entry, p.postmetadata {
	text-align: left;
}

.post li {
	margin: 5px;
}

.post blockquote {
	font-style: italic;
}

div#respond {
	margin: 10px;
}

.pageBlock {
	height: 17px;
	width: 100%;
	background-color: #267500;
	border-top: 1px solid black;
}

#pageContent {
	width: 560px;
	float: left;
	background: #FFF;
	border: 5px solid #C1D8C0;
}

div.navigation div {
	padding: 5px;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}


div.post h2 {
	font-family: "Trebuchet MS",Arial,Verdana,Sans-Serif;
	color: #000;
	text-transform:uppercase;
	font-weight: bold;
}   

#sidebar {
	float: right;
	width: 400px;
	background: #FFF;
	border: 5px solid #D9C5BF;
	margin-left: -10px;
	margin-top: 17px;
}

.sidebarBlock {
	height: 17px;
	width: 100%;
	background-color: #900;
	border-top: 1px solid black;
}

p.sidebarintro {
	margin: 10px 10px 20px 10px;
	padding: 15px;
	color: #fff;
	background-color: #990000;
	font-size: 115%;
}

#sidebar ul {
	padding-left: 18px;
	list-style-type: none;
	margin-bottom: 20px;
}

input.searchbox {
	width: 280px;
	border: 1px solid black;
}



#footer {
	background: #FFF;
	border: 5px solid #CCC;
	padding: 0;
	margin: 0 auto;
	width: 990px;
	clear: both;
}

#footer:hover {
	border: 5px solid #DCCABC;
}

#footer div.footerColumn {
	width: 235px;
	margin: 6px;
	text-align: center;
	display: inline;
	float: left;
	min-height: 80px;
}

#footer div.footerBlock {
	height: 17px;
	width: 100%;
	background-color: #555;
	border-top: 1px solid black;
}

.shadow-level-one {
	-moz-box-shadow: 3px 3px 5px #888;
	-webkit-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
}

.shadow-level-two {
	-moz-box-shadow: 6px 6px 10px #888;
	-webkit-box-shadow: 6px 6px 10px #888;
	box-shadow: 6px 6px 10px #888;
}

.shadow-level-three {
	-moz-box-shadow: 10px 10px 10px #888;
	-webkit-box-shadow: 10px 10px 10px #888;
	box-shadow: 10px 10px 10px #888;
}