/*
Autor: Timo Hoyer
Name: finalyear
Datum: 03/2010
Basis: Hiperminimalist 1.0 von Borja Fernandez http://www.lamateporunyogur.net
*/

body{
	background:#fff;
	color:#2a2a2a;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;

}
	
p {
	margin:0;
	}
	
div{
	margin:0;
}

ul{
	padding:0;
	list-style-type:none;
	margin:0;
}

/* Structure Divs */
#wrapper {
	margin:0;
	text-align:left;
	width:900px;
	}

#header {
	margin:25px 0 0 50px;
	line-height:14px;
	}
	
	/*e5f868*/
	
#header p{
	padding: 0 0 2px 0;
	}

#pages {
	margin: 0 0 0 315px;
	padding: 2px 20px;
	text-align: left;
	}
	
#post {
	float: left;
	margin:75px 0 0 60px;
	padding:100px 5px 50px 0;
	text-align: left;
	width: 460px;
	position:absolute;
	line-height:15px;
	}
	
#post a{
	text-decoration:none;
	color:#2a2a2a;
	}

#post a:hover{
	color:#666;
	}
	
#page-post {
	float: left;
	margin:212px 0 0 315px;
	padding: 0 5px 50px 0;
	text-align: left;
	width: 460px;
	position:relative;
	line-height:17px;
	}
	
/*#page-post a:hover{
	color:#00b873;
	text-decoration:underline;
	}*/
	
#googlemap{
	margin:-25px 0 0 0;
	}
	
#sidebar {
	float: right;
	line-height: 1.5em;
	margin:220px 0 0 650px;
	padding: 0;
	width: 180px;
	text-align: left;
	color:#888;
	position:absolute;
	}
	
#sidebar a {
	color:#2d2d2d;
	}
	
#sidebar a:hover {
	color:#fff;
	background:#00d082;
	text-decoration:none;
	}
	
#tagline {
	margin:230px 0 25px 4px;
	text-align:left;
	position:fixed;
	z-index:2;
	width:633px;
}

#taglinemap {
	margin:255px 0 25px 4px;
	text-align:left;
	position:fixed;
	z-index:2;
	width:633px;
}

#navigation ul{
	text-transform:uppercase;
	position:absolute;
	z-index:1;
}

#navigation ul a{
	color:#2a2a2a;
}

#navigation ul a:hover{
	color:#666;
}

#navigationmap ul{
	text-transform:uppercase;
	position:absolute;
	z-index:1;
	margin:25px 0 0 0;
}

#navigationmap ul a{
	color:#2a2a2a;
	background:#e5f868;
}

#navigationmap ul a:hover{
	color:#000;
	background:#f1f7cb;
}


#twitter{  
	margin:0 0 0 300px;
	position:absolute;
	width:225px;
	z-index:1;
		}
		
	#twitter p a{  
	color:#999;
	text-decoration:none;
	font-weight:bold;
		}
		
	#twitter p a:hover{
	color:#2a2a2a;
		}
		
	#twitter p{  	
	margin:0 0 7px 0;
		}
		
	.twitter-h2{  
	font-size:10px;
	padding-left:22px;
	margin:3px 2px 2px 2px;
	position:absolute;
		}
				
	p.twitter-message{  
	margin:0 0 11px 0;
		}
	
	.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0 0 7px 0;
	}
		
	.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
	}

	.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #a1a1a1;
	font-weight:bold;
	}

	.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #c0c0c0;
	}
	
#tweets{  
		}
		
#links{  
	margin:0 0 0 600px;
	position:absolute;
	width:225px;
	text-transform:uppercase;
		}
		
#links ul a{
	color:#2a2a2a;
}

#links ul a:hover{
	color:#666;
}

#close{
	margin:210px 0 0 -17px;
	position:fixed;
	z-index:2;
	height:18px;
	width:18px;
}

#closemap{
	margin:235px 0 0 -17px;
	position:fixed;
	z-index:2;
	height:18px;
	width:18px;
}

#contact{
	margin:500px 0 0 60px;
	position:absolute;
	z-index:2;
	width:300px;
}

#end{
	width:900px;
	margin:0 0 25px 0;
	position:relative;
}

.contact-txt{
	background:#e5f868;
	line-height:18px;
	font-size:14px;
}

.contact-txt a{
	background:#e5f868;
	font-weight:bold;
	color:#2a2a2a;
}

.contact-txt a:hover{
	background:#f1f7cb;
	font-weight:bold;
	color:#000;
}

.social{
	padding:6px 0 0 0;
}

.twitter-share-button{
	margin:-17px 0 0 270px;
}
	
/* Config Structure Divs */

	/* Header */
	#header h1 {
		font-size: 14px;
		font-weight: normal;
		margin:0;
		padding: 0 0 10px 0;
		}
		
	#header a, #header a:hover {
		color: #000;
		text-decoration: none;
		}
	
	/* Pages */
	#pages li {
		display: inline;
		list-style: none;
		padding: 0 10px;
		}
		
	#pages ul {
		margin: 0;
		padding: 0;
		}

	#pages a {
		color:#fff;
		text-decoration: none;
		}
		

	/* post */
	#post p, #post ul, #post ol {
		padding:5px 0 5px 0;
		}
			
	#post ol, #post ul {
		margin: 0;
		padding: 0;
		}

	#post ul {
		list-style: square inside;
		padding:5px 0 5px 10px;
		line-height:20px;
		font-style:italic;
		color:#666;
		}

	#post li {
		margin: 0;
		padding: 0;
		}

	#post h2 {
		font-size: 14px;
		font-weight: bold;
		margin:0 0 2px -13px;
		padding-top: 40px;
		/*text-transform: uppercase;*/
		}
		
	#post h3 { 
		color: #666;
		font-size: 13px;
		font-weight: normal;
		margin: 0;
		padding: 10px 0 0 0;
		}

	#post small {
		font-size: 10px;
		}
		
	.feedback {
		color:#777;
		font-size: 9px;
		margin: 0;
		padding: 10px 0;
		line-height:19px;
		text-transform: uppercase;
		text-align:right;
		}
	
	.feedback_date {
		background:#2a2a2a;
		color:#fff;
		padding:4px 5px 3px 5px;
		margin-left: 8px;
		}

	#pagination {
		margin: 10px 0 0 0;
		font-size:13px;
		clear:both;
		}
		
	/* Comments */
	#commentlist {
		list-style: none;
		margin: 0;
		}

	#commentlist li {
		margin: 20px 0 0 0;
		padding: 0 10px 5px 0;
		}

	#commentlist small {
		font-size: 9px;
		}
	
	#comments, #postcomment {
		margin: 40px 0 10px 10px;
		text-transform: uppercase;
		}
			
	/* Sidebar */
	#sidebar h3 {
		font-size: 11px;
		color:#2d2d2d;
		font-weight:bold;
		margin: 0;
		padding: 3px 0 3px 0;
		}
		
	#sidebar ul, #sidebar ol {
		list-style: none;
		margin: 0;
		padding: 5px 0;
		}
	
	#sidebar li {
		margin: 0;
		padding: 0;
		}
	
	#sidebar div { 
		margin: 20px 0;
		padding: 0;
		}
		
	#categories {
		list-style:none;
		}
		
	#categories_pages ul li {
		width:150px;
		/*border-bottom:1px solid #fff;*/
		padding-left: 10px;
		margin-bottom: 0.3em;
		font-size:13px;
		margin-left: -10px;
		letter-spacing:1px;
		}

	.twitter-message {
		list-style: none;
		margin: 0;
		padding: 5px 0;
		width:150px;
		text-transform: none;
		}
		
	#search{
	-moz-opacity:0.8;
	}
	
	#search .searchimg{
	width:14px;
	height:13px;
	background:url(images/search2.gif) 0 0 no-repeat;
	margin:2px 0 0 110px;
	position:absolute;
	}
	
	#search input{ 
	width:100px; 
	font-size: 0.85em; 
	background:#eff0f5;
	}
	
	#search input:focus{
	background:#FFF;
	}

	/*	Credits */
	#credits p {
		margin: 0;
		padding: 0;
		}

/* General */
a {
	color: #000;
	text-decoration:none;
	}

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

acronym, abbr, span.caps {
	border: 0;
	cursor: help;
	text-decoration: underline;
	}
	
blockquote {
	color: #666;
	font-size:1.3em;
	font-style:italic;
	line-height:1.3em;
	}

cite {
	text-decoration: none;
	}
	
code {
	font-family:Monaco, Andale Mono, "Andale Mono", "Courier New", Courier, mono;
	font-size: 2.1em;
	color:#666;
	}

img {
	border:none;
	}

img a {
	border:none;
	margin:2px;
	}
	
.blog-image {
	margin-left:-40px;
	position:relative;
	border:none;
	}
	
.blog-image a{
	border-bottom:solid 1px #fff;
	}

/* Float and Clear */
div.floatleft {
	float: left;
	}

div.floatright {
	float: right;
	}
	
div.both {
	clear: both;
	}
	
/* Images align */
img.border {
	border: 1px solid #C6C6C6;
	padding: 4px;
	margin: 0;
	}

img.border:hover {
	background: #E3F5FE;
	}

img.center {
	display: block; 
	margin: auto;   
	}

img.alignright {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
/* Text align */
.center {
	text-align: center;
	}
	
.alignright {
	text-align: right;
	float:right;
	}

.alignleft {
	text-align: left;
	float:left;
	}


/************* PORTFOLIO ONLY *************/

#project_wrap{ 
	margin:240px 0 0 20px;
	position:absolute;
	width:auto;
}

#project_wrap a{ 
	color:#919191;
	font-weight:bold;
	text-transform:uppercase;
}

#project_wrap a:hover{ 
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
}

.project{ 
	position:relative;
	width:252px;
	float:left;
	padding:0 45px 0 0;
	min-height:520px;
}

.project-wide{ 
	position:relative;
	width:525px;
	float:left;
	padding-right:45px;
	min-height:520px;
}

.project-mid{ 
	position:relative;
	width:440px;
	float:left;
	padding-right:45px;
	min-height:520px;
}

h1{
	font-size:11px;
	font-weight:bold;
	margin:0 0 0 25px;
	text-transform:uppercase;
	padding:25px 0 8px 0;
}

.tableh2{
	font-size:11px;
	font-weight:bold;
	margin:25px 0 0 -9px;
	text-transform:uppercase;
	padding:0;
}

#table{
	position:relative;
}

#info{
	margin:10px 0 0 60px;
	width:500px;
	line-height:16px;
	position:absolute;
}

#info a{
	font-weight:bold;
}

.skills{
	margin:300px 0 30px 0;
	width:500px;
	position:relative;
	line-height:20px;
	font-size:16px;
	color:#ccc;
}

.tableh3{
	font-size:11px;
	font-weight:bold;
	margin:14px 0 0 -9px;
	text-transform:uppercase;
	padding:0;
	color:#2a2a2a;
}

#footer{
	position:relative;
	width:auto;
	float:left;
	margin:500px 0 0 -260px;
	padding:20px 0;
}

/*#info a:hover{
	color:#e5f686;
}*/

.award{ 
	color:#999;
}

.infotxt{ 
	margin:8px 0 8px 0;
	line-height:17px;
}

.txt{ 
	padding:14px 0 0 35px;
	line-height:14px;
	width:250px;
}

.txt-wide{ 
	padding:14px 0 0 35px;
	line-height:14px;
	width:350px;
}

.ctg{ 
	font-weight:bold;
}

.icon{ 
	background:url(../gfx/icon_portrait.gif) no-repeat;
	margin:0 0 0 -13px;
	padding-left:13px;
}

.gesperrt{ 
	letter-spacing:5px;
}

.descr{ 
	padding:0 0 35px 24px;
}

#draggable li{ 
	list-style-type:none;
	margin:0;
}

.splash{ 
	margin:0;
}
		
#error{  
	position:fixed;
	margin:-209px 0 0 -315px;
		}
		
.linie{  
	border-bottom:1px solid #2a2a2a;
	width:460px;
	margin-bottom:-1px;
		}
		
.right{  
	margin-left:160px;
		}
		
#plusone{  
	position:relative;
	margin:-20px 0px 0px 335px;
		}