/*
Fancy Resume / CV 
Created: 02/02/2010
By: Catalin Pinte
Contact Info: pinte_catalin@yahoo.com
*/






/* GO TO TOP */
/* ----------------------------------------- */

#message {
	display: block;
	display: none;
	z-index: 999;
	position: fixed;
	top: 100%;
	margin-top: -40px;
	right: 0%;
	margin-right:10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	width: 77px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	background:url(../css/1.png) 0 0 no-repeat;
	font-size: 12px;
	font-style:bold; 
	text-align: center;
}

#message a {
	color: #fff;
	text-align:left;
}
	


/* RESET CSS */
* {	margin:0; padding:0; outline:0; border:0; }

/* BASIC */
/*  
     background 1  :   #a3a8ad url(../img/background-1.png) 0 0 repeat-x; 
     background 2  :   #a3a8ad url(../img/background-2.png) 0 0 repeat-x; 
     background 3  :   #333 url(../img/background-3.png) 0 0 repeat-x;  
     background 4  :   #2f597f url(../img/background-4.png) 0 0 repeat-x;
     background 5  :   #173d5f url(../img/background-5.png) 0 0 repeat-x;
*/

body { 
    background-attachment:fixed;  
	font:14px/24px Arial,Helvetica,sans-serif; 
	color:#333;  
}

#main { width:100%; margin:auto;	position:relative; }

h1, h2, h3, h4, h5, h6 { margin:0 10px 10px 0; color:#333; }
h1 { font-size:52px; padding-top:5px; font-family:Arial;  }
h2 { font-size:25px;color:#333;  }
h3 { font-size:20px; font-style:italic;  margin-top:0; color:#173D5F; }
h4 { font-size:16px; font-weight:normal; }
h5 { font-size:14px; margin-left:10px; display:inline; background:#2F597F; color:#fff;  width:150px; text-align:center; padding: 3px 10px 3px 10px; font-weight:normal; line-height:26px; clear:right;     }
h5:hover{ background:#173D5E;  } 
h6 { line-height:1em; clear:both; font-size:13px; font-weight:bold; font-weight:bold; text-align:left; margin:0; padding:0; }

.cufon-active h1 { padding:0; margin:0; margin-left:219px; font-size:60px; margin-top:-4px;}
.cufon-active h2 { padding-top:0; font-size:35px;}
.cufon-active h3 { padding-top:0; font-size:27px;}
.cufon-active h4 { padding-top:0; font-size:20px;}
a { color:#333; text-decoration:none; }
.hr {margin-top:0; padding-top:0; background: url(../img/separator.png) 0 0 repeat-x; height:2px; margin-bottom:32px;}

/* CONTENT */

#top-content { background:url(../img/top-content.png) 0 0 repeat-y;  min-height:270px; width:886px; padding:67px 67px 9px 67px; margin-bottom:0; display:inline-block;}
#top-content .photo-holder {  padding:10px 10px 4px 10px; background:#f6f6f6; border:solid 1px #d5d5d5; margin-bottom:18px; }
/* IE7 Fix */ *:first-child+html #top-content .photo-holder { padding-bottom:10px; }  
#top-content .photo-shaddow { background:url(../img/shaddow.png) no-repeat scroll -2px 100% transparent; width:auto; height:auto; float:left; margin:0 35px 12px 0; overflow:visible;   }

#top-content .top-description { font-family: Arial, Helvetica, sans-serif; font-size:19px; font-weight:normal; margin-top:10px; margin-bottom:15px; }

#top-content .address { background: url(../img/icons-sprite.png) 0 -473px no-repeat; display:block; overflow: hidden; padding:4px 0 0 35px; margin:0; }
#top-content .phone { background: url(../img/icons-sprite.png) 0 -62px no-repeat; display:block; overflow: hidden; padding:4px 0 0 35px; margin:0; }
#top-content .mail { font-size:16px; font-weight:normal; background: url(../img/icons-sprite.png) 0 -562px no-repeat; display:block; overflow: hidden; padding:4px 0 0 35px; margin:0; }
#top-content .webp {
	background: url(../img/award.png) no-repeat;
	display: block;
	overflow: hidden;
	padding: 4px 0 0 35px;
	margin: 0;
	vertical-align: baseline;
	font-size:16px; font-weight:normal; 
}

#top-content .controls { position:absolute; top:60px; right:-15px; margin-right:-10px;}
#top-content .controls { list-style:none; margin-top:0; padding-top:0; height:35px;  }
#top-content .controls a { padding:13px; }
#tooltip{width:130px; height:45px; position:absolute; background:url(../img/tooltip.png) 0 0 no-repeat; display:table-cell;text-align:center; padding-top:15px; display:none;  font-weight:bold; font-size:12px;  z-index:2; }
/* IE7 Fix */ *:first-child+html   #tooltip{ margin-top:15px; }

#top-content .save, #top-content .print, #top-content .mail-top, #top-content .view-photo { background: url(../img/icons-sprite.png) 0 0  no-repeat; height:35px; margin-left:5px;  display:inline; line-height:35px; padding:9px 1px 9px 1px; }
#top-content .save { background-position: -1px -240px; width:29px;  }
/* IE7 Fix */ *:first-child+html  #top-content .save { background-position: 0 -225px;  }
#top-content .print { background-position: 0 -312px; width:32px;  }
/* IE7 Fix */ *:first-child+html  #top-content .print { background-position: 0 -298px;  }
#top-content .mail-top { background-position: -1px -160px; width:35px; text-align:left}
/* IE7 Fix */ *:first-child+html  #top-content .mail-top { background-position: 0 -145px; }
#top-content .view-photo { background-position: -1px -393px; width:29px; }
/* IE7 Fix */ *:first-child+html  #top-content .view-photo { background-position: 0 -378px; }


#top-content .cv { background: url(../img/cv.png) 0 0  no-repeat; height:35px; margin-left:5px;  display:inline; line-height:35px; padding:9px 1px 9px 1px; }

#top-content .vcard { background: url(../img/vcard.png) 0 0  no-repeat; height:35px; margin-left:5px;  display:inline; line-height:35px; padding:9px 1px 9px 1px; }




#middle-content { background:url(../img/middle-content.png) 0 0 repeat-y; height:auto; width:885px; padding:0 67px 25px 68px; margin-top:0}
#middle-content h3 { margin-top:0; float:left; margin-bottom:0; padding-bottom:0px; }
#middle-content .description{ clear:both; padding-top:10px; padding-bottom:0; margin-bottom:0; } 


#middle-content ul.list { clear:both; margin:30px 0 45px 45px; list-style:none;  position:relative; border-bottom:1px dashed #afafaf;  }
#middle-content ul.list>li { padding:25px 25px 20px 25px; display:block; border:1px dashed #afafaf; border-bottom:0;   }
#middle-content ul.list li.arrow-up {top:-17px; background:transparent url(../img/arrow-up.png) 0 2px no-repeat; left:30px; width:100px; height:18px; padding:0; border:0; overflow:visible; position:absolute; }


#middle-content ul.list ul, #middle-content ul.list  ol { margin-top:15px; }
#middle-content ul.list ul li { margin-left:17px; }
#middle-content ul.list ol li { margin-left:20px; }

#bottom-content { background:url(../img/bottom-content.png) 0 0 no-repeat; height:45px; width:1020px;   }

/* Contact Form */
.contact_success { margin:15px 0 0 0; padding:15px; width:555px; background:#69EF68; border:solid 1px green; font-size:1em; overflow:hidden; display:none; }
.contact_error { margin:15px 0 0 0; padding:15px; width:555px; background:#FF9F9F; border:solid 1px red; font-size:1em; overflow:hidden; display:none;  }

#contact { margin:15px 0 50px 0; width:100%; width:600px; text-align: left;
}
#contact div{ width:285px; height:75px;  float:left; margin:10px 15px 5px 0; text-align: left;
 }

#contact p{ width:550px; clear:both; padding:10px 0 15px 0; text-align: left;
}
#contact input.i-text{ width:265px; text-align: left;
}
#contact input.i-text,
#contact textarea        { border:1px solid #CDCDCD; padding:5px; margin:8px 0 0 0; text-align: left;
}
#contact input.i-text:focus,
#contact textarea:focus  { background:#ffc; text-align: left;
}
#contact input.i-text.error,
#contact textarea.error { background:#FF9F9F; border:solid 1px red; text-align: left;
}
#contact textarea        { font:.9em Verdana, Arial, Helvetica, sans-serif; width:575px; text-align: left;
}
#contact label           { font-weight:700; font-size:13px; width:90px;  font-family:Arial, Helvetica, sans-serif;text-align: left;
}
#contact label:after     {content:": "; height:20px;}
#contact input.i-submit {  border:solid 1px #CDCDCD; background:#f0eaea; color:#333; padding:5px 10px 5px 10px; margin-top:10px; text-align: left;
 }

font.error { clear:both; line-height:25px;  background: url(../img/icons-min.png) 0 2px no-repeat; padding-left: 20px; color:#222; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;  font-size:13px;  text-align: left;
}
font.success {text-align: left;
clear:both; line-height:25px; background: url(../img/icons-min.png) 0 -44px no-repeat; padding-left: 20px; color:#222; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px;   }
#loading {  margin-left:15px; padding-left:22px; background:url(../img/ajax-loader.gif) 0 50% no-repeat;  display:none;  }


/* Get in touch icons */
#social { margin:0; padding:0; list-style:none; display:inline-block; margin-bottom:-2px; }
#social li { margin:0 0 0 20px; padding:0;  float:left; width:35px; height:35px; display:inline-block; }
#middle-content ul.list ul#social li { margin-left:0; margin-right:15px;  }
#middle-content ul.list ul#social { margin-top:0px; margin-bottom:-3px; }
#social a { display:block; padding:17px; margin:0; }
/* IE 6 Fix */  * html #social li{ margin:0 0 0 4px; width:35px; }
/* IE 7 Fix */  *:first-child+html #social li{ margin:0 0 0 1px; width:35px; }
#social #twitter{ background: url("../img/social-icons.png") 0 0 no-repeat; }
#social #blog{ background: url("../img/social-icons.png") -70px 0 no-repeat; }
#social #myspace{ background: url("../img/myspace.png") no-repeat; }
#social #emailmeme{ background: url("../img/emailmeme.png") no-repeat; }
#social #digg{ background: url("../img/social-icons.png") -215px 0 no-repeat;}
#social #facebook{ background: url("../img/social-icons.png") -286px 0 no-repeat; }
#social #flikr{ background: url("../img/social-icons.png") -358px 0 no-repeat; }
#social #myspace{ background: url("../img/social-icons.png") -431px 0 no-repeat; }
#social #RSS{ background: url("../img/social-icons.png") -494px 0 no-repeat;}

#background-switcher { position: relative; width:100%; margin-top:35px; height:auto; background:#111; padding:20px 0 20px 0; text-align:center; color:#fff; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px;}
#background-switcher ul { clear:both; list-style:none; display:inline-block; margin:auto; margin-top:10px;  }
#background-switcher li { margin-right:15px; padding:5px;  float:left; border: solid 1px #999; overflow:hidden; background:#777; }
#background-switcher li div { height:50px; width:50px; border:1px solid #111; }
#background-switcher li a { margin:0; padding:0; padding:16px 23px 16px 23px; line-height:50px; display:inline; }