/* =RESET
=------------------------------------*/
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{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/* =FONTS
--------------------- */

@font-face { font-family: 'Aller-Rg'; src: url('font/aller-rg-webfont.woff') }
@font-face { font-family: 'Aller-It'; src: url('font/aller-it-webfont.woff') }

@font-face {
	font-family: 'AllerItalic';
	src: url('font/aller-it-webfont.eot');
	src: url('font/aller-it-webfont.eot?#iefix') format('embedded-opentype'),
		 url('font/aller-it-webfont.woff') format('woff'),
		 url('font/aller-it-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerRegular';
	src: url('font/aller-rg-webfont.eot');
	src: url('font/aller-rg-webfont.eot?#iefix') format('embedded-opentype'),
		 url('font/aller-rg-webfont.woff') format('woff'),
		 url('font/aller-rg-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

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

	a{ color:#0066AA; }
	strong{ font-weight:700; }
	em{ font-style:italic; }

	/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
	.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
		.fixed{display:block;}
		/*  \*/
		.fixed{min-height:1%;}
		* html .fixed{height:1%;}

/* =LAYOUT
----------------------------------*/

#cv{ margin:66px auto 0 auto; width:780px; padding:0 0 40px;  }

	.cv-section{ margin:0 40px; padding:30px 0; }

		.first-cv-section{ margin:0; padding:30px 40px; }

			.person{ float:left; margin-top:20px; width:700px; }
				.person img{ float:left; margin-right:25px; padding:10px; }
				.person  h1{ margin-top:0.6em; }

			#contact-info{ }
			#contact-info ul { padding-left: 0px }
			#contact-info ul li{ list-style-type:none; border-bottom:1px solid #dfdfdf; line-height:25px; margin-left: 0px }

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

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

			.item{ margin-bottom:20px; padding-bottom:20px; }

				.item h4{ float:right; margin:0 0 1em; padding:2px 10px; }

				.item p{ padding:0 0 15px; }
				.item ul{ padding:0 0 15px 1em }
					.item ul li{ margin: 0.3em 0 0.3em 3px; padding-left: 0.5em; list-style-position: outside }

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

/* =COLORS-TYPOGRAPHY
----------------------------------*/

#cv{ background-color:#FFF; border-bottom:15px solid #FDB020; border-top:15px solid #FDB020; }

	.cv-section{ border-bottom:1px solid #dfdfdf; }

		.first-cv-section{ background-color:#F8F8F8; }

				.person img{ background-color:#FFF; border:1px solid #dedede; }
				.person h1{ color:#475261; font-family: AllerRegular; font-size:48px; letter-spacing:-1px; }
				.person h2{ color:#475261; font-family: Arial, Helvetica, sans-serif; font-size:20px; letter-spacing:-.7px; text-transform:uppercase; margin-top:1.25em }

			#contact-info{}
				ul#social-media{ list-style:none; }
				ul#social-media li{}

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

		.cv-section-items{}

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

				.item h4{ background-color:#eee; color:#333; font-size:10px; text-transform:uppercase; }
					.item h4:hover{ background-color:#000; color:#fff; }

				.item h2{ color:#06A; font-family: AllerRegular; 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 p{ text-align:justify; }
				.item ul{ list-style:inside; text-align:justify; }
					.item ul li{ list-style-type:disc; }

			.last-item{ border-bottom:none; }

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

/* =EMAIL-ME
--------------------- */

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

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 40px 15px 15px; _padding:15px 20px 15px 15px; text-decoration:none; top:85px;
			position:fixed; _position:absolute;}

	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
--------------------- */

#contact-form{width:210px;}
	form p{clear:both;margin-bottom:10px;}
	input,textarea{background-color:#fff;border:1px solid #ccc;color:#515151;padding:5px;width:200px;}
	textarea{height:50px;}
	.btn{_height:25px;_padding:2px;width:80px;}

#formstatus{clear:both;font-weight:700; font-size:12px; line-height:10px; }
	.formstatuserror{color:#FF0000;}
	.formstatusok{color:#0C3;}