/*
Theme Name: Burnfield Dark
Version: 1.0 ß
Author: Martin & Peter Ström
Author URI: http://www.burnfield.com/martin
Description: Simple theme. Design by <a href="http://burnfield.com/peter/work/wordpress-theme">Peter Ström</a> and coded by <a href="http://burnfield.com/martin">Martin Ström</a>.
*/


/* added by sluggo */
ul.def
{
	list-style: disc inside none;
	margin-bottom: 2px;
	margin-left: 8px;
	padding-bottom: 2px;
	padding-top: 2px;
	border: none;
	background: transparent none no-repeat scroll center center;
}
ul.def li
{
	padding: 2px !important;
	margin: 2px !important;
	background: none !important;
	border: none !important;
}
li.def{ background: none; margin-bottom: 2px; border: none; } 

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

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

/* Base font face */
* {font-family: "Courier New", Helvetica, Arial, monospace;}
html>body * {font-family: Courier, "Courier New", Helvetica, Arial, monospace;}

/* 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;
	text-transform: uppercase;
}

h3 {margin-top: 13px;}

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

h4 {margin-left: 20px;}


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

a {
	border-bottom: 1px dotted blue;
	color: blue;
	text-decoration: none;
}

	a:hover {
		background: #3B3B3B;
		color: #fff;
		border: none;
	}


strong {
	font-weight: normal;
	border-bottom: 1px solid #000;
}

p {margin-bottom: 13px;}

code, pre {
/*	background: #2B2B2B;
	color: #D3D3D3; */
	background: #D3D3D3;
	font-weight: bold;
}


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

* {
	margin: 0;
	padding: 0;
}

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

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

#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: #fff;
	text-align: center;
}

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

#page {margin: 0 auto;}

#header {
	background-color: #000;
	height: 59px;
}

	#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 {
		float: right;
		margin-top: 34px;
	}

	#searchbar label, #searchbar input {
	  left: -9999px;
	  position: absolute;
	}

	#searchbar #s {
		position: relative;
		left: 0;
		top: 0;
		color: #999;
		width: 200px;
		height: 15px;
	}

	#searchbar #s.focus, #searchbar #s.is-safari {color: #000;}


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

#menubar {
	clear: left;
	position: relative;
}

	#menubar ul {
		position: absolute;
		left: -6px;
		list-style-type: none;
	}

		#menubar li {
			display: block;
			float: left;
			height: 20px;
			padding: 5px 6px 1px 6px;
			background: #fff;
			margin-right: 1px;
		}

			html>body #menubar li:hover {
		        background: #eee;
			}

			#menubar li a {
				border: none;
				height: 20px;
				text-decoration: none;
				color: #000;
			}

				#menubar li a:hover {
					background: none;
					color: blue;
					border: none;
				}


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

#sidebar {
	float: right;
	width: 200px;
	border-bottom: 1px solid #000;
	padding-bottom: 9px;
}

	#sidebar h3 {margin-top: 0;}

	/* Submitted comments */
	div#crap{ float: left; clear: both; }
	#commentlist {
		list-style-type: none;
		margin: 13px 0;
	}

		#commentlist cite {font-style: normal;}

		#commentlist h3, #sidebar #commentbox h3 {margin-bottom: 13px;}

		#commentlist p {margin-bottom: 0;}

	/* Comment form */
	#commentbox {
		float: left;
		clear: both;
		margin-bottom: 6px;
		padding-bottom: 0;
	}

		#commentbox label {
			display: block;
		}

		#commentbox textarea {
			margin-top: 2px;
			width: 400px;
			height: 132px;
		}

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

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


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

#container {
	clear: both;
	background: url(images/category-bg.gif) no-repeat left top;
	padding-top: 17px;
	margin-top: 26px;
}

#main {
	float: left;
	width: 600px;
	border-bottom: 1px solid #000;
}

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

	#main h2 a:hover {color: white;}

	#main p {width: 525px;}

	#main p.last {margin-bottom: 11px;}

	#main ol, #main ul {
		padding-left: 40px;
		margin-bottom: 13px;
	}

/*	#main pre {
		width: 494px;
		overflow: auto;
		padding: 13px;

	} */

	#main div.updated {
		padding-left: 7px;
		border-left: 4px solid #000;
		margin-bottom: 13px;
	}


/* --------------------------------------------------------------------------------
 * 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;}

	#footer p {
	 	margin-top: 10px;
		float: left;
		padding-bottom: 26px;
	}