/*
Theme Name: Ollie & Seb's Haus 1
Theme URI: http://ollieandsebshaus.co.uk
Description: A theme for ollieandsebshaus.co.uk
Version: 0.1
Author: Mumo
Author URI: http://mumo.co.uk
Tags:  clean, empty
*/


/* Let's reset everything! */

@import "style/reset.css";
@import "style/ie.css";


/* Let's import some nice typefaces from Google Web Fonts */

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Trykker);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,900);


/*Utility Styles************************/
.alignright {
	float: left;
}

.alignleft {
	float: right;
}
.aligncenter {
	display:block;
	margin:0 auto;
}


/* Let's throw out some "General Layout" styles */

html,body {
	text-align: center; /* Center the container */
	margin: 0; 
	padding: 0;
	border-top: 3px solid #000000;
}





/* This is our main container for the website */
#ollieandsebshaus {
	margin: 0 auto; 
	position: relative; 
	text-align: left; 
	width: 1158px; 
	padding: 0px 20px 0px 20px; 
	}

#ollieandsebshaus:after {
	display: block;
	clear: both;
	content: ".";
	height: 0;
	visibility: hidden;
	}


/* Preheader */
#preheader {width:1158px; height: 30px; line-height: 30px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; color:#dddddd; background-color: #ffffff;}
#preheader ul {float: right;}
#preheader ul li {display: inline; padding-left: 10px;}
#preheader ul li a {color: #333333; border-bottom: 3px solid #dddddd;}
#preheader ul li a:hover {color: #313131;}

/* Header */
#header {
	width:1158px; 
	height: 168px; 
	margin: 0px; 
	padding: 0px; 
	line-height: 168px; 
	/*background: url('images/header-background.png') no-repeat 0 0;
	background-size: 960px 168px;*/
	}


#header h1 {
	text-indent:-2999px;
	height:168px;
	width:168px;
	margin:0px;
	padding:0px;
	}

h1#ollieandsebshaus-logo a {
	/*background: url('images/ollieandsebshaus.gif') no-repeat 0 0;*/
	background: url('images/ampersand.png') no-repeat 0 0;
	background-size: 168px 168px;
	display:block;
	height:168px;
	width:168px;
	overflow: hidden;
	}



#content {width: 960px; float: left; margin: 0px 0px 0px 0px; padding: 0; border:0px; background-color: #ffffff; align:justify;}




#sidebar {width:168px; margin: 0px; padding: 0px; float:right; border-top: 1px solid #dddddd;}
#sidebar h3 {font-family: "Lato", sans-serif; font-size: 30px; text-transform: uppercase; margin: 0px; color: #bbbbbb; font-weight: 100; padding: 20px 0px 20px 0px; line-height: 40px; border-bottom: 1px solid #dddddd;}
#sidebar ul {}
#sidebar ul li {display: block; line-height: 30px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px;}
#sidebar ul li a {display: block; line-height: 30px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #dddddd;}
#sidebar p {font-family: "Trykker", serif; font-size: 12px; line-height: 20px; color: #888888; margin: 10px 0px 10px 0px;}
#sidebar li.widget-container {display:block; margin: 0px 0px 20px 0px; border: none;}
#sidebar span.widget-container {display:block; margin: 0px 0px 0px 0px; border: none;}
#sidebar img.sponsor {border: 1px solid #dddddd; margin: 15px 0px 0px 0px;}

ul#custom-archives {}
li.archive-year {line-height: 30px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; padding-top: 30px;}
li.archive-month {display: inline;}

#searchform {}
#searchform input[type="text"] {border: 1px solid #dddddd; background-color: #ffffff; font-family: "Trykker", serif; font-size: 12px; line-height: 30px; color: #888888; width: 100%; padding: 0px; margin: 0px;}
#searchform label {line-height: 30px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
#searchform input[type="submit"] {background-color:#010101; color:#eeeeee; border: 0px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; padding: 5px 15px 5px 15px; margin-top: 10px;}

.widget-title {font-family: "Oswald", sans-serif; font-size: 16px; line-height: 24px; text-transform: uppercase; margin: 10px 0px 10px 0px; color: #000000; letter-spacing: 1px; font-weight: 200;}
.widget-area {}
.widget-container {padding-bottom: 10px; border-bottom: 1px solid #dddddd;}

.format-standard {}
.format-aside {}
.post {clear:both;}

/* Blog Post Content */

.entry-title {font-family: "Lato", sans-serif; font-size: 32px; text-transform: uppercase; margin: 0px; color: #bbbbbb; font-weight: 100; padding: 20px 0px 20px 0px; line-height: 40px; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; float:left; width: 168px; }
.entry-title a {color: #cccccc;}

.entry-content, .entry-summary {text-align: justify; width: 762px; border-top: 1px solid #dddddd; float: right; padding: 20px 0px 20px 0px; font-family: "Trykker", serif; font-size: 12px; line-height: 20px; color: #888888;}

.entry-content p {margin: 10px 0px 20px 0px;}
.entry-content img {max-width: 762px; height: auto;}
.entry-content img.size-medium {width: 381px; height: auto;}
.entry-content img.size-thumbnail {width: 127px; height: auto;}
.entry-content a {text-decoration: none;}
.entry-content blockquote {font-family: "Lato", sans-serif; font-weight: 300; font-size: 15px; text-transform: uppercase; line-height: 25px; color: #cccccc; margin: 0px 40px 0px 40px;}
.entry-content ol {list-style-type:decimal; list-style-position:inside; margin: 0px 10px 20px 10px;}


.entry-meta {float:left; width: 168px; color: #dddddd; line-height: 30px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; margin:0px 0px 30px 0px ;padding:0px;}
.entry-utility {float:left; width: 168px; border-top: 1px solid #dddddd; line-height: 30px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; color: #dddddd;}
.post {clear: both;}
.comments-link {display: block; border-top: 1px solid #dddddd; line-height: 30px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.cat-links {display: block; line-height: 30px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid #dddddd;}
.tag-links {display: block; border-top: 1px solid #dddddd;line-height: 30px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.comments-link {border-bottom: 1px solid #dddddd;}


/* Aside Format Styles */
.aside {margin-bottom: 30px; color: #666666; border: 1px dashed #dddddd;}
.aside img {max-width: 722px; height: auto;}
.aside p {padding: 0px 20px 0px 20px;}
.aside blockquote {font-family: "Lato", sans-serif; font-weight: 300; font-size: 15px; text-transform: uppercase; line-height: 25px; color: #000000; margin: 0px 40px 0px 40px;}


/* Post Comments Styles */
#comments {width: 762px; float: left; margin: 0px 0px 0px 200px; padding: 20px 0px 20px 0px; border:0px; background-color: #ffffff; align:justify; border-top: 1px solid #dddddd; font-family: "Trykker", serif; font-size: 12px; line-height: 20px; color: #999999;}
.comment-author {font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px;}
.comment-meta {font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; color: #dddddd;}
.comment-body {width: 100%; text-align: justify;}

.comment-body p {padding: 10px 0px 10px 0px;}

#comments h3 {font-family: "Lato", sans-serif; font-size: 12px; text-transform: uppercase; color: #cccccc; font-weight: 400; line-height: 40px; letter-spacing: 1px;}
#comments h3 em {font-family: "Lato", sans-serif; font-size: 12px; text-transform: uppercase; color: #333333; font-weight: 400; line-height: 40px; font-style: normal; letter-spacing: 1px;}



input#author, input#email, input#url {border: 0px; background-color: #eeeeee; font-family: "Trykker", serif; font-size: 12px; line-height: 20px; color: #000000;}

#comments label {display: block; width: 168px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; margin: 10px 0px 0px 0px;}

textarea#comment {border: 0px; background-color: #eeeeee; width: 742px; padding: 10px; font-family: "Trykker", serif; font-size: 12px; line-height: 20px; color: #000000;}


.avatar {display: none;}

.odd {background-color: #fbfbfb;}
.even {background-color: #ffffff;}
.alt {}

.commentmetadata a {color: #dddddd;}

.comment-reply-link {font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px;}

#comments ol {}
#comments ol li {width:762px; padding: 20px 0px 0px 0px; border-top: 1px solid #dddddd;}
#comments ol li .depth-2 {width:727px; padding: 20px 0px 0px 35px; border-top: none;}
.reply {padding-bottom: 20px;}

ul.children {border-top: 1px solid #dddddd;}
ul.children li {padding-left: 40px;}

.comment-author {font-style: normal; font-family: "Lato", sans-serif; font-size: 15px; text-transform: uppercase; color: #333333; font-weight: 300; line-height: 40px; font-style: normal;}
.comment-author cite {font-style: normal;}
.says {font-style: normal;}

.bypostauthor {background-color: #f5f5f5;}

.reply {line-height: 30px;}
.logged-in-as {font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px;}
.form-allowed-tags {display: none; margin: 10px 0px 10px 0px;}

input[type="submit"] {background-color:#010101; color:#eeeeee; border: 0px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; padding: 5px 15px 5px 15px;}




#nav-above {display:none;}
#nav-below {clear: both; display: block; }
/* Older Posts Button */
.nav-previous {line-height: 40px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; display: block; float: left; margin: 20px 0px 20px 200px; padding: 0px;}
/* Newer Posts Button */
.nav-next {line-height: 30px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; display: block; float: right; margin: 20px 0px 20px 0px; padding: 0px;}



/* Footer Styles */
#footer {clear:both; display: block; width:1128px; margin: 0px; padding: 0px; line-height: 30px; font-family: "Oswald", sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; color:#dddddd;}
.column {display:block; float: left; width:168px; margin-right: 30px; /*border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;*/}
.endcolumn {display:block; float: left; width:366px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin-left: 30px;}
.doublecolumn {display:block; float: left; width:366px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.endtitles {display:block; clear:both; width:960px; line-height: 60px; text-align: center;}
.endtitles a {color: #dddddd;}

.black {color: #666666;}


/* Generic Styles */

h1 {font-family: "Lato", sans-serif; font-size: 15px; text-transform: uppercase; color: #cccccc; font-weight: 300; line-height: 40px;}
a {color:#333333; text-decoration: none;}
a:hover {color:#999999; text-decoration: none;}