html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}:focus{outline:0}

body{
	background-color:#222;
	color:#333;
	font:12px Arial, Helvetica, sans-serif;
	line-height:22px
}

ol,ul{
	list-style:none
}

table{
	border-collapse:separate;
	border-spacing:0
}
caption,th,td{
	text-align:left;
	font-weight:400
}
blockquote:before,blockquote:after,q:before,q:after{
	content:""	
}
a{
	color:#06A
}
strong{
	font-weight:700
}
em{
	font-style:italic
}
.fixed:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.fixed{
	display:block;
	min-height:1%
}
* html .fixed{
	height:1%
}

#cv{
	width:780px;
	background-color:#FFF;
	border-bottom:15px solid #456;
	border-left:15px solid #456;
	margin:66px auto 0;
	padding:0 0 40px
}
.cv-section{
	border-bottom:1px solid #dfdfdf;
	margin:0 40px;
	padding:30px 0
}
.first-cv-section{
	background-color:#F8F8F8;
	margin:0;
	padding:30px 40px
}
.person{
	float:left;
	margin-top:20px;
	width:500px
}
.person img{
	float:left;
	margin-right:25px;
	background-color:#FFF;
	border:1px solid #dedede;
	padding:8px
}
.person h1{
	margin-top:25px;
	color:#475261;
	font-size:35px;
	font-weight:400;
	letter-spacing:-1px
}

#contact-info{
float:right;
margin-right:10px
}

ul#social-media{
margin-bottom:18px;
list-style:none
}

ul#social-media li{
display:inline
}

.cv-section-name{
float:left;
width:200px
}

.cv-section-items{
float:right;
margin-right:10px;
width:490px
}

.item{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #dfdfdf
}

.item h4{
float:right;
background-color:#eee;
color:#333;
font-size:10px;
text-transform:uppercase;
margin:0 0 1em;
padding:2px 10px
}

.item p{
text-align:justify;
padding:0 0 15px
}

.item ul{
list-style:inside;
text-align:justify;
padding:0 0 15px
}

.last-item{
margin-bottom:0;
padding-bottom:0;
border-bottom:none
}

.person h2{
color:#475261;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:400;
letter-spacing:-.7px;
text-transform:uppercase
}

h2.cv-section-name{
color:#3C4756;
font-size:24px;
font-style:italic;
font-weight:400;
letter-spacing:-1px
}

.item h4:hover{
background-color:#000;
color:#fff
}

.item h2{
color:#06A;
font-family:Georgia, serif;
font-size:22px;
font-weight:400;
letter-spacing:-1px
}

.item h2 a{
color:#06A;
text-decoration:none
}

.item h3{
color:#262625;
font-family:Georgia, serif;
font-size:15px;
font-style:italic;
font-weight:400
}

.item ul li{
list-style-type:disc
}

.last-cv-section{
border-bottom:none
}

.panel{
background:#f8f8f8;
border:1px solid #dfdfdf;
display:none;
height:auto;
left:0;
top:66px;
width:280px;
position:fixed;
_position:absolute;
padding:30px 30px 30px 170px
}

a.emailme{
_background-image:none;
background:#333 url(images/bg-emailme.png) 90% 50% no-repeat;
border:1px solid #444;
color:#fff;
display:block;
font-size:15px;
font-weight:700;
left:0;
_padding:15px 20px 15px 15px;
text-decoration:none;
top:85px;
position:fixed;
_position:absolute;
padding:15px 40px 15px 15px
}

a.emailme:hover{
background:#222 url(images/bg-emailme.png) 90% 50% no-repeat;
_position:absolute;
_background-image:none
}

a.active.emailme{
background:#222 url(images/bg-emailme-extended.png) 90% 50% no-repeat;
_position:absolute;
_background-image:none
}

#contact-form{
	float:right;
	width:220px
}

form p{
clear:both;
margin-bottom:10px
}

input,textarea{
background-color:#fff;
border:1px solid #ccc;
color:#515151;
width:200px;
padding:5px
}

textarea{
height:50px
}

.btn{
_height:25px;
_padding:2px;
width:80px
}

#formstatus{
clear:both;
font-weight:700;
font-size:12px;
line-height:10px
}

.formstatuserror{
color:red
}

.formstatusok{
color:#0C3
}