/* 
Kai Brach
brizk design (www.brizk.com)
*/

/* Basics ######################################################### */

body {
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	padding:0;
	margin:0;
	border: 0;
	color: #000;
	background:url(../_pix/bg-header.gif) 0 0 repeat-x;
	line-height: 1.4em;
	}

div.wrap {
	margin: 0 auto;
	padding: 0;
	width:940px;
	text-align:left;
	}
	
div.header {
	padding:60px 0 0 0;
	height:438px;
	background:url(../_pix/header.jpg) center 0 no-repeat;
	}	

div.portfolio {
	padding:80px 0 0 0;
	}

div.work, div.contact {
	padding:80px 0;
	}	

div.about {
	background:#f2ece3 url(../_pix/portrait-new2.jpg) center top no-repeat;
	color:#000;
	height: 693px;
	}		

div.footer {
	background:#000;
	padding:30px;
	}	

div.about div.wrap {
	padding: 80px 0 0 0;
	}

div.monitor {
	background:url(../_pix/monitor.gif) 0 0 no-repeat;
	height:390px;
	}
	
div.quote {
	background:url(../_pix/quote.gif) 0 25px no-repeat;
	padding-top:65px;
	}	
	
div.navheight {
	margin-top:280px;
}

#lfmMostRecentTrackImage {
	display:block;
	float:left;
	margin:0 5px 5px 0;
	width:64px; 
	height:64px;
	}

div.references {
	margin:17px 0 33px 22px;
	position: relative;
	width: 417px;				
	height: 280px;
	overflow: hidden;
	}
	
div.panel {	
	position: relative;
	width:10000px;
	}


div.panel img {
	position: relative;
	width: 417px;
	float: left;
	}

div.hide {
	display: none;
	}	
	
/* Columns ######################################################### */	

.column-1 {
	width:140px;
	}
	
.column-2 {
	width:300px;
	}	

.column-3 {
	width:460px;
	}

/* Headlines ######################################################### */		


h1 {
	padding:0;
	margin: 0;
	background:url(../_pix/logo.gif) 0 0 no-repeat;
	width:300px;
	height:52px;
	text-indent:-1111em;
	}

h2 {
	padding: 0 0 30px 0;
	margin: 0;
	font-size:2.8em;
	letter-spacing:-1px;
	line-height:0.9em;
	}

h3 {
	padding: 0 0 20px 0;
	margin: 0;
	font-size:1.25em;
	line-height:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	}

/* Links ######################################################### */	

a:link,  a:visited, a:active {color:#d6134d; text-decoration:none; font-weight:bold}
a:hover {color:#000; text-decoration:underline}
a:focus { outline:none;}

.footer a:link, .footer  a:visited, .footer a:active {color:#ffffff; }
.footer a:hover {color:#ffffff;}

.footer a:link span, .footer  a:visited span, .footer a:active span {color:#878787; }
.footer a:hover span {color:#878787;}

a.nav-back {
	background:url(../_pix/nav-back.gif) 0 0 no-repeat;
	height:26px;
	width:26px;
	float:left;
	text-indent:-1111em;
	}
	
a.nav-forw {
	background:url(../_pix/nav-forw.gif) 0 0 no-repeat;
	height:26px;
	width:26px;
	float:right;
	text-indent:-1111em;
	}

/* Fonts ######################################################### */

.font-grey {color:#878787;}
.error {color:#CC3300;}

span.linethru {
	text-decoration:line-through;
	}

div.contact ul li span {
	width:80px;
	display:block;
	float:left;
	color:#878787;
	}

.georgia {	
	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-size:1.5em;
	line-height:1.6em;
	font-style: italic;
	}

p {
	margin:0;
	padding:0 0 25px 0;
	}

p.intro {
	color:#fff;
	height:270px;
	}	

.quote p.last {
	background:url(../_pix/quote.gif) right bottom no-repeat;
	padding-bottom:50px;
	}

p.twitter, p.lastfm {
	padding:0;
	}
	
form p.textfield, form p.msg {
	width:198px;
	float:left;
	padding:0 0 17px 0;
	display:inline;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#878787;
	}		

form p.msg {
	float:none;
	clear:both;
	display:block;
	width:100%;
	}	

form p.submit {
	float:none;
	clear:both;
	width:100%;
	display:block;
	padding:0;
	text-align:right;
	}	

/* Navigation ######################################################### */

ul.nav {
	margin:0;
	padding:10px 0 8px 13px;
	list-style-type:none;
	background:#000;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	width:445px;
	z-index:100;

	}

ul.nav li {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	}

ul.nav li a, ul.nav li a:visited, ul.nav li a:active  {
	color:#d7d7d7;
	font-size:1.6em;
	line-height:1em;
	font-weight:bold;
	padding:15px 11px;
	}
	
ul.nav li a:hover  {
	color:#ffffff;
	}
	
/* Images ######################################################### */	

img {
	border:0;
	}

.work .wrap .column-3 img {
	margin-bottom:25px;
	}
	
/* Tables ######################################################### */

	

/* Lists ######################################################### */

ul#twitter_update_list {
	margin:0;
	padding:0 0 25px 0;
	list-style-type:none;
	overflow:hidden;
	}

ul#twitter_update_list li {
	padding:0;
	margin:0;
	}

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

div.contact ul li {
	padding:4px 0;
	margin:0;
	border-bottom:1px solid #cbcbcb;
	}

		

/* Forms ######################################################### */

form {
	padding:20px;
	margin:0;
	border:1px solid #cbcbcb;
	}

form p.textfield input {
	width:189px;
	padding:4px 4px 2px 4px;
	height:18px;
	background:url(../_pix/input.gif) 0 0 no-repeat;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	}		

textarea {
	width:407px;
	padding:4px 4px 2px 4px;
	height:99px;
	background:url(../_pix/textarea.gif) 0 0 no-repeat;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	}	

form input.button {	
	text-align:center;
	width:201px;
	height:29px;
	background:url(../_pix/submit.gif) 0 0 no-repeat;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#ffffff;
	padding:0;
	line-height:1em;
	font-size: 1em;
	font-weight: bold;
	border:none;
	cursor: pointer;
	}

/* Misc ######################################################### */		

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

.float-left {
	float:left;
	}

.float-right {
	float:right;
	}
	
.margin-right {
	margin-right:20px;
	}		

.height10 {
	height:10px;
	}

.clear {
	clear:both;
	}	

.center {
	text-align:center;
	}