/*
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>.
*/


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

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

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

/* Base font face */
* {font-family: Arial,Verdana,helvetica,tahoma,system;
text-transform: lowercase;
} 
html>body * {font-family: Arial,Verdana,helvetica,tahoma,system;
text-transform: lowercase;
} 


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

h1 {
	font-size: 48px;
	font-family: Arial;
	font-weight: bold;
	font-style: normal;
	color: Black;
}


h2 {
	font-size: 18px;
	font-family: Arial;
	font-weight: bold;
	font-style: normal;
	color: Black;
}

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

h4 {margin-left: 20px;}



h2.title_bar {
width:100%;background-color:black;color:white;font-size:25px;font-weight:bold;cursor:pointer;
}

h2.title_bar_un {
width:100%;background-color:black;color:white;font-size:25px;font-weight:bold;
}

div.inner h3 {
color:black;font-size:16px;font-weight:bold;

}

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

a {
font-family: Arial;
font-weight: bold;
font-style: normal;
color: Black;
text-decoration: underline;
text-transform: lowercase;


/*	border-bottom: 1px dotted blue;
	color: blue;
	text-decoration: none;
*/
}
h3 a {	
font-size: 18px;
text-decoration: none;

}

div.inner a.title {
color:yellow;
background-color:black;
text-decoration: none;
font-size:23px;
}

div.inner span.dir {
color:white;
background-color:black;
text-decoration: none;
font-size:14px;
}







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

#navigation a

{

font-size: 24px;
font-family: Arial,Verdana,Tahoma,helvetica;
font-style: normal;
color: #ffffff;
font-weight: bold;
text-decoration: none;

}


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

* {
	margin: 0; 
	padding: 0;
}

.clear {
	clear: both;
	height: 10px;
	line-height: .1px;
	font-size: .1em;
	overflow: hidden;
}
.inner {
  margin:5px;
  font-size: 12px;
}

#itsthetable, table {
}

#itsthetable table{
border-collapse: collapse;
  font-size:12px;
  width:90%;

}

#itsthetable td{
  padding:2px;
}

#itsthetable td h2{
font-size:13px;
}

.hover{
background-color:#ffff79;
}

tr#search{
cursor:pointer;
}

#message{
margin-top:10px;
margin-bottom:10px;
padding-top: 10px;
padding-left:25px;
padding-right:10px;
padding-bottom:10px;
border:1px solid black;
background-color: yellow;
background-image:url(images/icon_message.gif); background-repeat:no-repeat; background-position:3px 10px;
}

tr.list{
/*background: #ffff79;*/
border-top: 1px dotted black;
border-bottom: 1px dotted black;
padding: 2px;
}
tr.bg_dark{
padding: 10px;
border-bottom: 1px solid black
}



.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: yellow;
    background-image:url(images/software.gif);
/*    background-image:url(images/15l.jpg);*/

    /*background-image:url(http://www.bitnik.org/img/bg_1.gif);*/

/*    background-image:url(http://www.abstractmachine.net/index/images/generate/image.php);*/
	text-align: left;
}

#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-top: 3px solid #000;
    padding: 3px;
	padding-bottom: 9px;
    background-color: yellow;
/*    background: url(http://opera-calling.com/wp-content/themes/opera/images/bg_black.png);*/
}

	#sidebar h3 {margin-top: 0; margin-bottom:10px;}

	/* Submitted comments */
	#sidebar #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 */
	#sidebar #commentbox {
		margin-bottom: 6px;
		padding-bottom: 0;
	}

		#commentbox label {
			display: block;
		}

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

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

		#commentbox p#submit {margin-bottom: 0;}
    #sidebar ul {
      margin-left: 20px;
      list-style-image:url(images/icon_post1.png);

    }




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

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

.middle {
	width: 600px;

}

#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: 520px;}	

	#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, .content {
			float: left;
			width: 600px;
			overflow: hidden;
			/* df */
			background:url(images/header.gif);
            background-repeat:no-repeat;
            background-position:top left;
            background-color:white;
			border: 4px solid black;
			border-top:2px solid black;
			padding: 0px;
            padding-top: 0px;
            min-height:60px;
		}
        #resize{
		width: 820px;
        }
        .content p {margin:5px};

		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;
		}
        .metadata {
        border: 2px solid black;
        background-color: white;

        }

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


   #main #message ul {
      margin-left: -20px;
      list-style-image:url(images/icon_post1.png);
    }

#txtlist{
background: #ffff79;
border-top: 1px dotted black;
border-bottom: 1px dotted black;
padding: 10px;
}


blockquote 
{

background-color: #ebedef;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
color: #4d5663;
padding-top: 0.1em;
padding-right: 1em;
padding-bottom: 0.1em;
padding-left: 1em;
width: 80%;

}


.video {
    width: 560px;
}
.videowrapper{
    display:table;
    width:auto;
    position:relative;
    width:100%;
}
.playpause {
    background-image:url(images/play.png);
    background-repeat:no-repeat;
    width:30%;
    height:30%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}