html {
border-top:.3em solid #626262;
border-bottom:.3em solid #626262;
color:#414042;
font-size:1em;
padding:0;
}

body {
font-family:helvetica;
text-align : left;
padding:0;
}

a {
color :#2296b7;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}

b {
color:#b72228;
font-weight:normal;
}

h1, h2, h3, h4, h5 {
margin:0;
padding:0px;
font-weight:normal;

}

h1 {
color:#444;
}

h2 {
font-size:1em;
font-weight:normal;
color:#b72228;
margin-bottom:30px;
}



h3{

font-size:1em;
color:#b72228;
margin:0;
padding:15px  10px 10px 10px;
border-bottom:1px dashed rgba(200, 200, 200, .5);
background:rgba(200, 200, 200, .1);
}

article {
width : 600px;
margin : 30px auto;
padding : 0px;
}

header {
position: relative ;
width : 600px;
margin : 30px auto 40px auto;
padding : 0px;
}




header img {
margin: 40px 0 0 0;

}

header p {
float:left;
padding:0;
margin:0;
position:relative; bottom:3px;
font-size:.8em;
font-style:italic;
text-align:center;
width:600px;
}

article {
z-index:500;
padding-bottom:0px;
}

article img {
float:right;
margin:18px 0 10px 15px;
}

 article p {
 font-size:.9em;
padding:0;
margin:0;
text-align:justify;
line-height:1.4em;
padding:10px;
background:rgba(200, 200, 200, .1);
border-bottom-right-radius:4px;
}

article ul {
padding : 0 20px 10px 30px;
}


nav{
position:relative;
right:150px; top:30px;
z-index:0;
}

nav ul {
padding : 0;
margin : 0;
list-style-type : none;
text-indent : 0;
position:absolute;

}
nav ul a, nav ul a:hover {
text-decoration : none;
color:#b72228;	
}

nav ul li {
border-radius:3px;
padding : 5px 10px 5px 5px;
width:110px;
text-align:right;
margin : 0;
position:relative;
left:0;
	-moz-transition-property: left, color, box-shadow;
    -moz-transition-duration: .7s;
	-mox-transition-timing-function:ease-in-out;	
	-webkit-transition-property: color, left, box-shadow;
    -webkit-transition-duration: .7s;
	-webkit-transition-timing-function:ease-in-out;	
}

nav ul li:hover{
left:3px;
box-shadow:-1px 1px 2px rgba(0,0,0,.1);
}

nav ul li a:hover {
cursor:default;

}

footer {
background:rgba(200, 200, 200, .1);
border-top:1px dashed rgba(200, 200, 200, .5);
text-align:center;
padding:10px;
margin:0 auto;
width:580px;
font-size:.8em;
position:relative; top:10px;

}


.mspan {
background:#41bde0;
padding:1px 5px;
margin:0;
float:right;	
color:#FFF;
width:10px;
text-align:center;
font-size:.9em;
position:relative; bottom:21px;
border-bottom-right-radius:4px;
border-top-left-radius:4px;
}

.mspan a {
text-decoration:none;

}

.mspan:hover, .mspan a:hover {
cursor:default;
background:#4dcaee;
}


#bio{
height:110px;
overflow:hidden;

}

#projects{
height:130px;
overflow:hidden;
}

#hbg {
position:absolute; top:0; left:0;
background:rgba(200, 200, 200, .1);
height:122px;
width:100%;
z-index:-1;
margin:0;
padding:0;
border-bottom:1px dashed rgba(200, 200, 200, .4);
box-shadow:2px 0 3px rgba(0,0,0,.1);
}

.clear{
margin-bottom:15px;
clear:both;
}

#audio {
width:600px;
position:absolute; bottom:5px; right:0;
}


/********************************************
*
*		Sascha Media Player Stylee
*
*******************************************/

.smp
{
	padding:0; margin:0;
	width:300px;
}

.smp h3 
{
	background:#5c595a;
	border-bottom:1px dotted #DDD;
	color:#DDD;
	margin:0; padding:2px 5px;
	text-align:right;	
}

audio 
{
	
	margin:0; padding:0;
}