/**
* CSS
* 
* @version 1.0
* @author Jonas Loh 
* @author 
*/
/*PRELOAD*/
div#preload { display: none; }

body {
	
	background: #fff;
	color: #000;
	margin: 50px 50px 50px 50px;
	font: 10px/14px Monaco, "Lucida Console", monospace;	
}
img {cursor:hand;cursor:pointer}
/*DIV SIDEBAR*/
#welcome{
	
	font-family: "helvetica neue", "helvetica";
	position: absolute;
	left: 50px;
	top:  50px;
}

#adress{
	position: relative;
	top: 200px;
}

/*CV*/
#cv{
	position: absolute;
	left: 270px;
	top: 120px;
	width: 900px;
}
.line{
	position: relative;
	left: 0;
	top:  0;
	width: 300px;
	height: auto;
	font: 11px/15px Monaco, "Lucida Console", monospace;
	


}
.caption{
	position: relative;
	font: 10px/14px Monaco, "Lucida Console", monospace;
	left: 50px;
	width: 100px;
	float: left;
	line-height: 20px;
}
.tr{
	font: 10px/14px Monaco, "Lucida Console", monospace;
	position: relative;
	left: 60px;
	float: left;
	width: 750px;
	height: auto;
	line-height: 20px;
}
#pub{
	position: relative;
	left: 220px;
	top: 800px;
	width: 900px;
	line-height: 20px;
}

#about{
	position: absolute;
	left: 270px;
	top: 120px;
	width: 405px;
}

/*GRID STUFF*/
.project {
	padding-right:12px;
	width:178px;
	float: left;
	margin-bottom:0px;
	padding: 0 1em;
}
.contentIndex {
	border-bottom:1px solid #CCCCCC;
	clear:left;
	padding-bottom:6px;
}

.eachpost {
	background:white none repeat scroll 0 0;
	position:absolute;	
}

/*navigation buttons (needed for infinite scroll) */
.prev {	padding:6px;
  background-color: #fffef0;
  width: 70px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  margin-bottom: 20px;
}
.next {	padding:6px;
  background-color: #fffef0;
  width: 70px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  margin-bottom: 5px;
}

/*TYPE*/
h1{
	font-family: "Helvetica Neue", "helvetica";
	font-size: 21px;
	font-weight: 900;
	margin-bottom: 0px;
	margin-top: 10px;
	/*text-transform: uppercase;*/
	letter-spacing: 0px;
	color: #000;
}


h3{
	font: 10px/14px Monaco, "Lucida Console", monospace;
	text-transform: uppercase;
	margin: 25px 5px 5px 5px;
	color: #000;
	text-align: left;
}

.head{
	position: relative;
	font-family:  "Arial Narrow", Helvetica, "Sans Serif";
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
	top: 5px;	
}


.head:hover{
	color: #fff;
}

.headcv{
	font: 10px/14px Monaco, "Lucida Console", monospace;
	/*text-transform: uppercase;*/
	letter-spacing: 0px;
	color: #000;	
}

.bold {
	font-weight: bold;
}

.small {
	font-size: 11px;
}


.cat{
	font-size: 9px;	
	font-weight: normal;
	font-family: Monaco, "Lucida Console", monospace;
	border-bottom: 1px solid #000;
	padding-bottom: 1px;
}

.intro{
	
	font: 9px/14px Monaco, "Lucida Console", monospace;
}

hr{
	color: #000;
	background-color: #000;
	margin-top: -1px;
}

img.left{
	float: left;
}

img.right{
	float: right;
}

a.image {
	text-decoration: none;
}

/*DRAG*/
.jqHandle {
	
	position: relative;
	height:19px;
	width: 190px;
	left: 0px;
	top: 0px;
	background-color: #fff;
	cursor: move;
	margin-bottom: 0px;
	padding-top: 0px;
	color: #000;
}
.jqHandleB {
	
	position: relative;
	height:19px;
	width: 570px;
	left: 0px;
	top: 0px;
	background-color: #fff;
	cursor: move;
	margin-bottom: 0px;
	padding-top: 0px;
	color: #000;
}
.jqDrag {

}

.draggable {	
	position: relative;
}

/*LINKS*/
a.mail: 			{color:#000; background-color:#fff;text-decoration: none;}
a.mail:link			{color:#000; background-color:#fff;text-decoration: none;}
a.mail:hover		{color:#000; background-color:#fff;text-decoration: underline;}
a.mail:visited 		{color:#000; background-color:#fff;text-decoration: none;}
a.mail:focus 		{outline: none;}

a: 					{color:#000; background-color:none; text-decoration: underline; }
a:link				{color:#000; background-color:none;text-decoration: underline;}
a:hover				{color:#fff; background-color:#000;text-decoration: underline;}
a:visited 			{color:#000; background-color:none; text-decoration: underline;}
a:focus 			{outline: none;}

a.quote: 			{color:#000; background-color:none; text-decoration: none; }
a.quote:link		{color:#000; background-color:none;text-decoration: underline;}
a.quote:hover		{color:#000; background-color:none;text-decoration: underline;}
a.quote:visited 	{color:#000; background-color:none; text-decoration: underline;}
a.quote:focus 		{outline: none;}

/*ACHTUNG*/

.contentIndex { 
clear: left;
padding-bottom: 6px;
border-bottom: 3px solid #000;
}

.contentIntro { 
clear: left;
padding-bottom: 6px;

}


.postimage img{
margin-bottom: 8px
}

.postimage embed{
margin-bottom: 8px
}

.commentwidth input{ 
/*width: 94%;*/
}

.commentwidth textarea{ 
/*width: 94%;*/ 
}

/*
.eachpost { 	
	background:white;
	position:absolute;
	background:#fff;
}
*/


.eachpost > div { 
	padding: 0px; 

}
.eachpost:hover { 	
	background:#fffccc;
}

.eachpost h2{
margin-bottom: 5px;
}
	
.eachpost .author { 
padding-right: 3em; 
}

.author, .comment { 
text-decoration:none; 
}

.eachpost .signature { 
margin-top:1.5em; 
}
	

#content {

}



#mainContent img { 
display: none 
}

.clearall {
clear: both;
}

img.{
	border: none;
}