/*  
Theme Name: thing
Theme URI: http://www.use-thing.com/
Description: A simple THING - theme, for something in the web.
Version: 1.3
Author: Jan Kischlat, by D'ART DESIGN
Author URI: http://www.d-art-design.de/
*/

/*************************************
 +Containers
 *************************************/

body{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	background-color: #262626;
	color: #fff;
	text-align: center;
	height: 100%;
	margin: 0;
	padding: 0;
}
#wrap{
	width: 800px;
	text-align: left;	
	margin: 0px auto;
	padding: 0;
}
#siteinfo {
	width: 800px;
	height: 20px;
	text-align: right;
	margin: 5px 0 0 0;
	padding: 0;
}
#headerhome {
	width: 800px;
	height: 300px;
	border-bottom: 1px dotted #000;
    margin: 0;
	padding: 0;
}
#header {
	width: 800px;
	height: 200px;
	border-bottom: 1px dotted #000;
    margin: 0;
	padding: 0;
}
#content{
	float: left;
	width: 800px;
	margin: 45px 0 0 0;
}
#widescreen{
	float: left;
	width: 800px;
	margin: 0;
	padding: 0;
}
.widescreenbody {
	float: left;
	width: 800px;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.7em;
}
/*************************************
 +Nav
 *************************************/
#menu{
	float: left;
	width: 800px;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #000; 
}
ul.menu {
	margin: 0;
}
ul.menu li {
	display: inline;
	margin: 0;
	padding: 0;
}
ul.menu {
	margin: 0;
	padding: 5px 0 5px 5px;
}
ul.menu li a {
	font-size: 1em;
	text-transform: uppercase;
	color: white;
	background-color: #333;
	margin: 0;
	padding: 5px 15px 5px 15px;	
}
ul.menu li a:hover {
	background: black;
	color: #99ff00 !important;
	text-decoration: none;
}
ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #99ff00 !important;
	background: black;
	text-decoration: none;
}
/*************************************
 +Bottom
 *************************************/
#bottom {
	float: left;
	margin: 0;
	padding: 0;
	width: 800px;
	border-top:10px solid #333;
}

	#bottom .column1 {
		float:left;
		margin:20px 25px 30px 0;
		width:250px;
	}
	
	#bottom .column2 {
		float:left;
		margin:20px 25px 30px 0;
		width:250px;
	}
	
	#bottom .column3 {
		float:left;
		margin:20px 0 30px 0;
		width:250px;
	}
		
	#bottom ul {
		list-style:none;
		margin:0 0 20px 0;
		padding:0;
	}
	
		#bottom ul li {
			display:block;
		}
		
			#bottom ul li h2 {
				text-transform:uppercase;
				font-weight:bold;
				font-size:12px;
				line-height:12px;
				margin:0;
				display:block;
				padding:5px 0 5px 10px;
				background-color:#333;
				color:#FFF;
			}
			
				#bottom ul li h2 a:link,
				#bottom ul li h2 a:visited {
					color:#FFF;
				}
				
			#bottom ul li div {
				margin:7px 5px 20px 7px;
			}
			
			#bottom ul li ul li {
				border-bottom:1px dotted #999;
			}
			
				#bottom ul li ul li ul {
					margin:0;
				}	
					
					#bottom ul li ul li ul li {
						border-top:1px dotted #999;
						border-bottom:0;
					}
					
						#bottom ul li ul li ul li a:link,
						#bottom ul li ul li ul li a:visited {
							padding:7px 5px 7px 15px;
							display:block;
						}
			
				#bottom ul li ul li a:link,
				#bottom ul li ul li a:visited {
					padding:7px 5px;
					display:block;
				}
			
				#bottom ul li ul li a:hover {
					background-color:#000;
				}

#footer{
	background: #333;
	border-top: 1px solid #777;
	clear: both;
	color: #888;
	font-size: 0.9em;
	text-align: right;
	padding: 5px;
}
.navigation {
	float: right;
	width: 790px;
	margin-bottom: 20px;
	padding: 5px;
	text-align: center;
}
.navigation {
	text-align: left;
}
/*************************************
 +Header
 *************************************/
#siteinfo a {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}
#siteinfo a:hover {
	color: #fff;
}

h1, h2, h3{
	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}
#logo {
	position: relative;
	left: 79px;
	top: 49px;
	float: left;
}
/*************************************
 +Post
 *************************************/
.post{
	float: left;
	width: 800px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.posttitle {
	float: right;
	width: 594px;
	padding-left: 19px;
}
.posttitle h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.8em;
	color: #99ff00;
	margin: 0;
}
.posttitle h2 a {
	color: #99ff00;
}
.posttitle h2 a:hover {
	color: #fff;
}
.posttitle h3 {
	color: #000;
	font-size: 1.7em;
	font-weight: normal;
	margin: 7px 0 0 0;
}
.postbody {
	float: right;
	width: 540px;
	margin: 15px 52px 50px 0;
	padding: 0 0 0 19px;
	font-size: 1.2em;
	line-height: 1.7em;
}
.postbody a, .postbody a:visited {
	color: #99ff00;
}
.postbody a:hover {
	color: #ffffff;
}
.en {
	color: #999999;
	margin: 0 0 20px 0;
	padding: 0px;
}
.postmeta {
	float: left;
	width: 187px;
	margin: 6px 0px 0px 0px;
	font-size: 1em;
	text-align: right;
	color: #000;
}
.postmeta a {
	color: #000;
}
.postmeta a:hover {
	color: #fff;
}
.postmeta ul {
	list-style: none;
	margin: 50px 0;
	padding: 0;
}
.postmeta ul li {
	margin: 0;
	padding: 0px 0px 9px;
	color: #000;
}
.postedby {
}
.filedto {
	background:url("./images/file.gif") no-repeat 0 2px;
	padding-left: 15px;
}
.commentslink {
	background:url("./images/comments.gif") no-repeat 0 3px;
	padding-left: 15px;
}
.post p,
.post ol {
	width: 100%;
	margin: 0 0 16px 0;
}

/*************************************
 +Sidebar
 * note: sidebar is actually featured 
 * on the bottom.
 *************************************/
#sidebar h3{
	color:#aaa;
	font-size:1.5em;
	font-weight:bold;
	margin:10px 0;
}
#sidebar ul li{
	border-bottom:1px dotted #414141;
	margin-bottom:3px;
	padding:3px;
}
#sidebar ul li:hover {
	background-color: #000;
	border-bottom:1px dotted #555;
}
/*************************************
 +Comments
 *************************************/
#commentform {
	float: left;
	width: 650px;
	padding: 0 0 0 190px;
}
.commentsblock{
	float: left;
	width: 700px;
	margin: 0 0 0.5em 6px;
	padding: 0 1em 1em 1em;
	font-size:1.1em;
}
.commentsblock textarea{
	margin: 0;
	width:410px;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#999999;
	font-size: 1em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin: 20px 0 20px 180px;
	padding: 0.5em 1em;
	line-height: 2em;
}
ol.commentlist li p{
	margin-top: 10px; 
	line-height: 1.5em;
}
.author{
	background-color:#f3f3f3;
	color: #fff;
	border:1px solid #EEEEEE;
	padding:0.5em;
	color: #fff;
}

h3#comments{
	width: 400px;
	margin: 0 0 0 190px;
	font-size:1.2em;
}
small{
	font-size:1em;
}
a #comments {
	font-size:1em;
	color: #333;
	text-decoration:none;
}
/*************************************
 +Blogrollsite
 *************************************/
 .linkcat {
    list-style:none;
    margin:0 0 20px 0;
    padding:0;
}
.linkcat h2 {
    text-transform:uppercase;
    font-weight:bold;
    font-size:12px;
    line-height:12px;
    margin:0;
    display:block;
    padding:5px 0 5px 10px;
    background-color:#333;
    color:#FFF;
}
.eigene {
    display:block;
    color:#ffffff;
    font-size:11px;
    margin:0;
    padding:3px 5px 3px 0;
    border-bottom:1px dotted #999;
}
.eigene a:link,
.eigene a:visited {
    color: #99ff00;
    padding:6px 8px 6px 5px;
    display:inline;
}
.eigene a:hover {
    color: #fff;
}
/*************************************
 +Shop
 *************************************/
 #productbox {
    float: left;
    width: 246px;
    margin: 0px;
    padding: 10px;
}
#productbox img {
    float: left;
    border: 0px;
    margin: 0px;
    padding: 0px;
}
.boxinfo {
    float: left;
    width: 113px;
    height: 123px;
    margin: 0px;
    padding: 0 0 0 10px;
    background-color: #FFFFFF;
}
.boxinfo h2 a {
    color: #000000;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
} 
.boxinfo p {
	letter-spacing: 0em;
	line-height: 1.2em;
	color: #666666;
	margin: 0 0 5px 0;
	padding: 0px;
}
/*************************************
 +iF Gold
 *************************************/
#gold {
	position: fixed; 
	bottom: 3px;
	left: 17px;
}
/*************************************
 +Misc
 *************************************/
hr {
	display: none;
}
ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
a, a img, a:hover, .post img, .post a img {
	margin: 0;
	padding: 0;
	border: 0;
	color: #fff;
	text-decoration:none;
}
a:hover{
	color: #99ff00;
}

.clearfix:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
}
* html .clearfix {height: 1%;}