/*
Theme Name: Bedroomation
Version: 1.0
Author: Douglas Greenshields
Author URI: http://www.bedroomation.com/
Description: Modified from Burnfield dark.
*/


/* --------------------------------------------------------------------------------
 * Typography: =Default
 * -------------------------------------------------------------------------------- */ 

/* make Fell English fonts available */
@font-face {
	font-family: "Fell English";
	src: url("./FeENrm28C.otf");
}

@font-face {
	font-family: "Fell English Italic";
	src: url("./FeENit27C.otf");
}

/* Set 1em to 10px */
body {font-size: 62.5%;}
html>body {font-size: 10px;}

/* Base font face */
body {font-family: "Fell English", Georgia, serif;}

/* Base font size */
#page {font-size: 1.1em;}

#page * {
	/*font-size: 1em;*/
	line-height: 1.3em;
}


/* --------------------------------------------------------------------------------
 * Typography: =Headers
 * -------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h2 {
	margin-bottom: 26px;
}

h3 {margin-top: 13px;}
	
	h3 span {border-bottom: 1px solid #000;}

h4 {margin-left: 20px;}
	

/* --------------------------------------------------------------------------------
 * Typography: =Links & =general
 * -------------------------------------------------------------------------------- */

a {
	color: #00f;
	text-decoration: none;
}
	
a:hover {
	text-decoration: underline;
}

p {margin-bottom: 13px;}

code, pre {
	background: #2B2B2B;
	color: #D3D3D3;
}


/* --------------------------------------------------------------------------------
 * Structure: =Common
 * -------------------------------------------------------------------------------- */

* {
	margin: 0; 
	padding: 0;
}

.clear {
	clear: both;
	height: 1px;
	line-height: .1px;
	font-size: .1em;
	overflow: hidden;
}

.content, #container, #footer {width: 824px;}

#header .content, #container, #footer {
	margin: 0 auto;
	text-align: left;
}

pre {margin-bottom: 13px;}

/* Images */
a img {border: none;}

h3 + p > img {margin-top: 5px;}

.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;
}


/* --------------------------------------------------------------------------------
 * Structure: =Header
 * -------------------------------------------------------------------------------- */


body {
	background: url('./images/xmastree.jpg') no-repeat fixed top center;
	text-align: center;
	padding-bottom: 15px;
}

#top-container {
	position: absolute;
	left: -100px;
}

#page {margin: 0 auto;}

#header {
	background-image: url('./images/header.png');
	background-position: top center;
	background-repeat: no-repeat;
	height: 115px;
	font-family: Courier, "Courier New", Helvetica, Arial, monospace;
	width: 600px;
	margin: 0 auto;
}

#header h2 {
	text-indent: -9999px;
}

#header p {
	color: #eee;
}

	#logo {
		margin: 15px 0 7px 0;
		float: left;
	}

	#logo a {
		text-transform: uppercase;
		font-weight: normal;
		color: #fff;
		border: none;
	}
	
	#logo a:hover {
		background: #fff;
		color: #000;
	}
	
	/* Based on search form at http://www.bartelme.at */
	#searchbar {
		width: 322px;
		height: 32px;
		background: url('./images/search.png') no-repeat top right;
		position: relative;
		top: -13px;
		margin: 0 auto;
		padding-left: 100px;
	}
	
	#searchbar label, #searchbar input {
	  left: -9999px;
	  position: absolute;
	}
	
	#searchbar #s {
		position: relative;
		left: 0; 
		top: 4px;
		color: #999;
		width: 216px;
		height: 15px;
	}
	
	#searchbar #s.focus, #searchbar #s.is-safari {color: #000;}
	

/* --------------------------------------------------------------------------------
 * Structure: =Navigation
 * -------------------------------------------------------------------------------- */

#menubar {
	clear: both;
	position: relative;
	height: 33px;
	padding-left: 145px;
	background: url('./images/menu.png') no-repeat top left;
	margin-top: 4px;
	font-size: 115%;
	letter-spacing: -1px;
	font-weight: bold;
}

	#menubar ul {
		list-style-type: none;
	}
	
		#menubar li { 
			display: block;
			float: left;
			height: 20px;
			padding: 5px 3px 1px 3px;
			margin-right: 4px;
			position: relative;
			top: 2px;
		}	
			
			#menubar li:after {
				content: ".";
			}

			#menubar li a {
				border: none;
				height: 20px;
				font-size: 115%;
				color: #363;
			}


/* --------------------------------------------------------------------------------
 * Structure: =Sidebar
 * -------------------------------------------------------------------------------- */

#sidebar {
	float: right;
	width: 200px;
	padding: 8px;
	background-image: url('./images/png/white/80.png');
	border: 1px solid #999;
}

	#sidebar h3 {margin-top: 0;}

	/* Submitted comments */
	#sidebar #commentlist {
		list-style-type: none;
		margin: 13px 0;
	}
	
		#commentlist li {
			margin: 1em 0;
			min-height: 100px;
		}
		
		#commentlist li.author {
			background-image: url('./images/png/white/10.png');
}

		#commentlist li p {
			width: 490px;
		}

		#commentlist cite {
			font-style: normal;
			font-weight: bold;
			letter-spacing: -1px;
			font-size: 120%;
		}
		
		#commentlist h3, #sidebar #commentbox h3 {margin-bottom: 13px;}
        
		#commentlist p {margin-bottom: 0;}
		
		#commentlist div.avatar_container {
			float: right;
			width: 80px;
			height: 80px;
			padding: 10px;
			background: url('./images/avatar_bg.png') no-repeat center;
		}

	/* Comment form */
	#sidebar #commentbox {
		margin-bottom: 6px;
		padding-bottom: 0;
	}

		#commentbox label {
			display: block;
		}

		#commentbox textarea {
			margin-top: 2px;
			width: 525px;
			height: 160px;
			background-color: #f0f0ff;
		}

		#commentbox p#comment-textarea {margin-bottom: 11px;}

		#commentbox p#submit {margin-bottom: 0;}


/* --------------------------------------------------------------------------------
* Structure: =Content
* -------------------------------------------------------------------------------- */

#container {
	clear: both;
	color: #222;
	font-size: 110%;
	margin: 0 auto;
	width: 550px;
	padding: 15px 25px 1px;
	background: url('./images/body.png') repeat-y center;
}

#main {
	clear: both;
	margin-top: 1em;
	padding: 0 8px;
}

#main ul.links {
	list-style-type: none;
	margin: 1em 0 0; 
	padding-left: 0;
}

#main ul.links li.next {
	text-align: right;
}

#main.posts {
	background: url('./images/posts.png') no-repeat top right;
}

#main h1, #main h2 {
	color: #242;
	font-weight: bold;
	letter-spacing: -1px;
}

#main .post.number-1 h2 {
	padding-right: 75px;
}
/*
#main h1.variant-1, #main h2.variant-1 {
	text-shadow: 0.1em 0.1em 5px #85b7ce;
}

#main h1.variant-2, #main h2.variant-2 {
	text-shadow: 0.1em 0.1em 5px #74b44f;
}

#main h1.variant-3, #main h2.variant-3 {
	text-shadow: 0.1em 0.1em 5px #9d2f37;
}

#main h1.variant-4, #main h2.variant-4 {
	text-shadow: 0.1em 0.1em 5px #a06133;
}
*/

#main h1 {
	margin-top: 1.2em;
}

#main h2 {
	margin-bottom: 0;
	font-size: 180%;
}

#main h1.hide_meh {
	display: none;
}

#main div.post {
	padding: 2em 0 0.5em;
}

#main p.category {
	display: none;
}

div.post_info, p.comment-metadata {
	color: #666;
}

div.post_info span.date, .comment-metadata span.date {
	color: #222;
}

#main div.post_info p.comments {
	color: #454;
}

#main div.post_info, #main .comment-metadata {
	margin-bottom: 1em;
}

#main div.post_info p, #main p.comment-metadata {
	margin: 0;
	font-size: 110%;
	letter-spacing: -1px;
	word-spacing: 1px;
	font-style: italic;
	color: #666;
	font-weight: bold;
}

#main strong {
	color: #111;
}

	/* Permalink on title shouldn't look like link */
	#main h2 a {
		color: inherit;
		border: none;
	}
	
	#main h2 a:hover {color: #666;}

	#main p {
		margin-bottom: 1.2em;
		font-size: 140%;
		line-height: 1.7em;
	}	

	#main p.last {margin-bottom: 11px;}
	
	#main dl {
		font-size: 125%;
		margin: 0.5em 2em 2em;
	}
	
	#main dt {
		font-size: 95%;
		font-weight: bold;
		font-style: italic;
	}
	
	#main dd {
		margin-bottom: 0.6em;
	}

	#main ol, #main ul {
		padding-left: 40px;
		margin-bottom: 13px;
	}
	
	#main ol li {
		font-size: 140%;
	}

	#main pre {
		width: 494px;
		overflow: auto;
		padding: 13px;
		
	}
	
	#main div.updated {
		padding-left: 7px;
		border-left: 4px solid #000;
		margin-bottom: 13px;
	}
	
	#main blockquote {
		background-image: url('./images/png/white/10.png');
		padding: 10px;
		font-size: 90%;
		font-style: italic;
		margin-bottom: 1.6em;
		border: 1px dotted #898;
	}
	
	#main blockquote em {
		font-style: normal;
	}
	
	#main blockquote p {
		margin: 0.2em 0;
		padding: 0.4em 0.6em;
		background-image: url('./images/png/white/10.png');
		border: 2px solid #dadada;
	}
	
	#main .stbutton {
		display: block;
		margin-top: 0.6em;
	}
	
	#main .stbuttontext {
		position: relative;
		top: -4px;
	}


/* --------------------------------------------------------------------------------
 * Structure: =Thumbnail List
 * -------------------------------------------------------------------------------- */

ul#thumbnails {list-style-type: none;}

	ul#thumbnails li {
		clear: both;
		padding-bottom: 9px;
		margin-bottom: 26px;
		background: url(images/category-bg.gif) no-repeat left bottom;
	}

	ul#thumbnails li.last {margin-bottom: 0;}

		ul#thumbnails .thumbnail {
			display: block;
			float: left; 
			width: 90px; 
			height: 90px; 
			border: 1px solid #000;
			margin: 0 15px 5px 0; 
		}

		ul#thumbnails .content {
			float: left;
			width: 600px;
			overflow: hidden;
		}

		ul#thumbnails .content h3 {margin-top: 0;}

			ul#thumbnails .content h3 span {border-bottom: none;}

		ul#thumbnails .content div.text {
			height: 73px;
			overflow: hidden;
		}

		ul#thumbnails .clear {margin: 0;}

		ul#thumbnails .metadata {
			/*float: right;
			clear: right;
			width: 200px;*/
		}

			ul#thumbnails .metadata h3 {margin-top: 0;}


/* --------------------------------------------------------------------------------
 * Structure: =Tagcloud
 * -------------------------------------------------------------------------------- */

#tagcloud, #tagcloud a {
	font-family: arial, helvetica, sans-serif;	
	font-size: 0.85em;
	line-height: 25px;
	border: none;
}


/* --------------------------------------------------------------------------------
 * Structure: =Footer
 * -------------------------------------------------------------------------------- */

#footer {
	clear: both;
	margin: 0 auto;
	height: 29px;
	background: url('./images/footer.png') no-repeat center;
	font-family: Georgia, serif;
	}

	p.copyrite {
	 	text-align: center;
		width: 350px;
		height: 60px;
		background-image: url('images/copyrite.png');
		text-indent: -9999px;
		margin: 0 auto;
	}