/*
Theme Name: Dethix.de
Theme URI: http://www.dethix.de
Description: Design for dethix.de
Version: 0.1
Author: Jérome Soika
Author URI: http://www.jerome-soika.de
Tags: 
	
*/

* {
	/* set margin and padding for all elements to zero */
	margin:0;
	padding:0;
}

.invisible{
	visibility: hidden;
	display:none;
}

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

.clearfix {
	display: inline-block;
}

body{
    font-size: 100%; 
	/*color:#444;*/
    color: #ccc; 
    text-align: left;	
	font-family:Verdana, "Lucia Sans Unicode", "Lucia Grande", "Times New Roman", serif;
	line-height:1.4;
	margin:0;
	padding:0;
	background-color: #252525;	
/*	background-color: #232320;*/
	/*background: #1b1b19 url("images/menubg.jpg") repeat-x;*/
}

#header{
	margin-left:auto;
	margin-right:auto;
	min-width:840px;
	max-width:840px;
	height:40px;
}

#page{
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	min-width:840px;
	max-width:840px;
	overflow:hidden;
	min-height: 800px;
	height: auto !important;
	height: 800px;	
	border:0px solid #000000;
}

h1 {
	color:#444;
	font-size:16pt;
	font-weight:normal;
	line-height:16px;
	margin-top:0;
	margin-bottom:10px;
}

h2{
	font-weight:bold;
	color:#666;
	font-size:10pt;
	margin-bottom:5px;
}

h3 {
	font-weight:bold;
}

#subheader{
	border-bottom:1px solid #2c2c29;
	margin:0 0 30px 0;
	font-style:italic;
	color:#ccc;
	font-size:8pt;
	padding-bottom:30px;
	font-weight:bold;
}

#content{
	width:840px;
	display:inline;	
	font-size:8pt;
	color:#aaa;
}

a:active, a:hover {
	border: none;
	color:#6dcc36;
}

a {
	border: none;
	color:#aaa;
}


img {
	border: none;
}

#footer{
	margin:2px 0 50px 0;
	font-size:6pt;
	text-align:right;
}

#footer a{
	color:#666;
	text-decoration:none;
}

#footer ul{
	list-style: none;
}
#footer li{
	display:inline;
	float:right;
}

/*-----------------------*/
#menu_bar{
		width:840px;
		display: block;
		font-size:11pt;
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:4px;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;
		background:#222222 none repeat scroll 0 0;
		border:1px solid #111111;
		position:fixed;
		margin-top:5px;
}

#menu_bar ul{
		list-style: none;
		width:620px;
		margin-left:auto;
		margin-right:auto;
		height:40px;
}

#menu_bar li{
		float: left;
		margin-top:10px;
		margin-right:40px;
		margin-left:40px;
}

#menu_bar a{
		text-decoration:none;
		color:#ccc;
}

#menu_bar a:hover, #menu_bar a:focus{
	color:#6DCC36;
}

.active{
	color:#6DCC36;	
}

/*-----------iTunes------------*/
#itunestop25 ol{
	list-style-type:decimal-leading-zero;
	list-style-position: inside;
}

/*-----------Twitter------------*/
#twitter{
	/*margin-top:30px;*/
	/*margin-bottom:30px;*/
}
#twitter_icon{
	margin-top:15px;
	float:right;
}
#twitter_modul{
	
}

.date{
	margin-right:5px;
	font-style:italic;
	color:#444;
}

#mod_twitterreader li{
	margin-bottom:8px;
}
/*-----------Article Icons------------*/
#icon_right{
	margin-top:15px;
	float:right;
}
#icon_left{
	margin-top:15px;
	float:left;
	margin-right:30px;
}

#ruby_icon_right{
	margin-top:15px;
	padding-right:80px;
	background:url("images/code/ruby.png") top right no-repeat;
}

#typolight_icon_right{
	margin-top:15px;
	padding-right:80px;
	background:url("images/code/tlletter.png") top right no-repeat;
}
/*---------Typolight Templates-------------*/
.ce_text{
	margin-bottom:15px;
}

.mod_article{
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #2c2c29;
}

.ce_list{
	margin-bottom:15px;
}

.ce_download{
	margin-bottom:15px;
}

.ce_accordion{
	margin-bottom:15px;
}

.back{
	margin-bottom:15px;
	margin-top:15px;
}

.ce_image{
	margin-bottom:15px;
}

/*---------Akkordion-------------*/
.toggler{
color:#aaa;
cursor:pointer;
text-decoration:underline;
margin-top:3px;
margin-left:5px;
}

div.accordion{
padding-left:5px;
margin-left:4px;
}
/*---------Kommentare-------------*/
.ce_comments{
	width:840px;
}
.comment_default{
	padding:15px;
	border:1px solid #2c2c29;
	margin-bottom:5px;
}

.formbody{
	margin-top:15px;
}

.info{
	font-weight:bold;
	margin-bottom:3px;
}

.widget{
	margin-bottom:5px;
}

/*---------Artikel Datum-------------*/
#article_date{
	color:#444444;
	font-size:7pt;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:-5px;
}
/*---------Fotos-------------*/
#fotoblog_image{
	text-align:center;
}

#table_161 td{
	padding-right:10px;
}

#table_161{
	margin-bottom:15px;
}