/* this resume template was adapted from the excellent work of Ian, bitpub, a
themeforest user; based on template Clean CV*/

/* 
 	
	GENERAL STYLESHEET CV/RESUME TEMPLATE

	T.O.C
		=RESET
		=LAYOUT
		=COLORS-TYPOGRAPHY
		=EMAIL-ME
		=CONTACT-FORM
		
*/

/* =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:""""}

/* =GENERAL
--------------------- */

body{
	background:#171717 url(../images/dt-bg-gray2.jpg) no-repeat fixed left top;
	color:#333; 
	font:12px "Lucida Grande", Frutiger, Arial, Helvetica, sans-serif;
	line-height:21px;
}

	/*-- typography to match website -- */
	h1 {font-size:2.4em;line-height:1.25em;}
	h2 {font-size: 1.8em;line-height:1.3em;}
	h3 {font-size: 1.4em;line-height:1em}
	h4 {font-size:1.1em; }

	/* -- Links -- */
	a:link {text-decoration:none;color: #599;}
	a:visited {color: #dfe07a; text-decoration: none;} 
	a:hover, a:active {color: #de0;} 
	a:hover{border-bottom: 1px dotted #c15;outline:none;padding-bottom:2px;} 
	a:focus {outline:none;}
	
	#contact-info a:link, #contact-info a:visited{color:#777} 
	#contact-info a:hover {color:#c15;} 
	#social-media a:hover {border-bottom:none;}
	
	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:7px auto 0 auto; width:780px; padding:0 0 42px;  }

	.cv-section{ margin:0 42px; padding:28px 0; }
				
		.first-cv-section{ margin:0; padding:21px 42px; }
			
			.person{ float:left; margin-top:21px; width:500px; }
				.person img{ float:left; margin-right:21px; padding:14px; }
				.person  h1{ margin-top:28px; }
			
			#contact-info{ float:right; margin-right:14px; }
				ul#social-media{ margin-bottom:7px; margin-top:21px}
				ul#social-media li{ display:inline; margin-right:3px;}	
			
		.cv-section-name{ float:left; width:196px; }
				
		.cv-section-items{ float:right; margin-right:10px; width:490px; }
		
			.item{ margin-bottom:18px; padding-bottom:3px; }
				
				.item h4{ float:right; margin:0 0 1em; padding:2px 10px; }
				
				.item p{ padding:0 0 14px; }
				.item ul{ padding:7px 0 14px 14px; }
					.item ul li{}
					
			.last-item{ margin-bottom:0; padding-bottom:0; }


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

#cv{ background-color:#FFF; border-top:3px solid #de0;border-bottom: 2px solid #c15;}

	.cv-section{ border-bottom:1px solid #eed; }
		
		.first-cv-section{ background-color:#f8f8e6; }
			
				.person img{ background-color:#FFF; border:1px solid #dedede; }
				.person h1{ color:#499; font-size:28px; font-weight:400; font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; }
				.person h2{ color:#bbb; font-size:14px; font-weight:400; font-family:"Lucida Grande", Frutiger, Arial, Helvetica, sans-serif; letter-spacing:.1px; text-transform:uppercase; }
			
			#contact-info{}
				ul#social-media{ list-style:none; }
				ul#social-media li{}	
			
		.cv-section-name{}
			h2.cv-section-name{ color:#cd0; font-size:21px; padding-top:2px; font-style:italic; font-weight:400; letter-spacing:-.5px; font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; }
		
		.cv-section-items{}
		
			.item{ border-bottom:1px solid #eed; }
				
				.item h4{ background-color:#f8f8e6; color:#333; font-size:9px; text-transform:uppercase; font-weight:bold; color:#777;}
					.item h4:hover{ background-color:#c15; color:#fff; }
				
				.item h2{ color:#499; font-family:"Lucida Grande", Frutiger, Arial, Helvetica, sans-serif; font-size:18px; line-height:28px;font-weight:400; letter-spacing: -1px;}
					.item h2 a{ color:#599; text-decoration:none; }
				
				.item h3{ color:#555; font-family:"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; font-size:14px; font-style:italic; font-weight:400; line-height:1.2em;}
				
				.item p{ text-align:left;margin-top:7px; }
				.item ul{ list-style:outside; text-align:left; }
					.item ul li{ list-style-image: url(../images/double-arrow.gif); }
				
				.item .locale, .item .date {text-transform:uppercase;font-size:10px; color: #c15; font-family:"Lucida Grande", Frutiger, Arial, Helvetica, sans-serif; font-style:normal;}
					
			.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:12px; margin-bottom:6px;}
	.formstatuserror{color:#c15;}
	.formstatusok{color:#796;}