/*
Theme Name: MyResume
Theme URI: http://www.elegantthemes.com/gallery/myresume
Version: 1.2
Description: Resume theme from Elegant Themes
Author: Elegant Themes
Author URL: http://www.elegantthemes.com
*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body {font-size: 12px; color: #7e7e7e; background: url(image/bg.jpg); margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; line-height: 18px; }
h2 { line-height: 20px; font-size: 18px; color: #000; float: right; text-shadow: 2px 2px 2px #c1c1c1; font-family: Century Gothic; font-weight: normal; margin: 20px 30px 0px 0px }
#footer { width: 550px; margin: 0px auto 0px auto; color: #5e4434; text-shadow: 1px 1px #f1aa7b; font-size: 11px; text-align: right; padding: 0px 10px 40px 0px; }
	#footer a { color: #5e4434; text-shadow: 1px 1px #f1aa7b; text-decoration: none; }
#wrapper { background: url(image/bg-top.jpg) repeat-x top center; float: left; width: 100%; min-height: 700px; }
#inside-bg-bottom { background: url(image/side-bg-bottom.gif) no-repeat 173px bottom; float: left; padding-bottom: 25px;  }
	#inside-bg-top { background: url(image/side-bg-top.gif) no-repeat 177px top; float: left; }
		#inside { background: url(image/side-bg.gif) repeat-y 175px 0px; float: left;  }
#content { margin: auto; width: 751px; background-image: url(image/content-bg-center.png); margin-top: 50px; }
/*#content-bg-bottom { background: url(image/content-bg-bottom.png) no-repeat bottom center; float: left; padding-bottom: 20px;  }*/
div.slide {display: none; }
div.resume { display: block;}
div.contact { display: none; }
div.connect { display: none; }
	.page-content { float: left; width: 700px;  }
		.entry { float: right; width: 630px; padding-bottom: 20px; padding-top: 23px; border-bottom: 1px solid #dbdbdb; margin-right: 15px; padding-left: 31px; }
		.connect-div {  padding-left: 0px; width: 475px; background: url(image/line.gif) repeat-y top center; border: none; padding-bottom: 0px; }
			.connect-div span { width: 237px; height: 87px; top: 0; border-bottom: 1px solid #dbdbdb; float: left; position: relative; z-index: 3; }
			.connect-div a { display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 165px; height: 67px;  float: left; text-decoration: none; color: #7e7e7e; font-size: 18px; padding: 20px 0px 0px 87px; }
			.connect-div a:hover { color: #3a3a3a; }
				.connect-bg { position: absolute; z-index: 1; display: none; }
			.connect-div a img { left: 0; float: left; margin-right: 10px; }
			.entry ul { float: left; width: 100%; margin: 15px 0px 0px 0px; padding: 0;}
				.entry ul li { float: left; width: 190px; display: block; padding: 10px 0px 0px 30px; background: url(image/check.gif) no-repeat left; }
#header { background: url(image/content-bg-top.png) no-repeat top center; height: 200px; position: relative; margin-top: -41px; float: left; width: 751px;  }
	#logo { position: relative; float: left; margin-left: 90px; color: #b3b3b3; }
		.logo { padding-bottom: 6px; border-bottom: 1px solid #dbdbdb; }
		.avatar { float: left; background-image: url(image/photo-bg.gif); padding: 7px 13px 15px 7px; margin-right: 15px; }
		.overlay { position: absolute; top: -13px; left: -17px;}
	#header ul { float: right; list-style: none; margin: 40px 30px 0px 0px; }
		#header ul li { display: block; float: left; margin-right: 5px; height: 24px; }
		#header ul li.active { background: url(image/nav-bg-left.png) no-repeat left; }
			#header ul li a { text-transform: lowercase; display: block; float: left; text-decoration: none; color: #a9a4a4; font-family: Century Gothic; height: 21px; padding: 3px 10px 0px 10px;}
			#header ul li a:hover { color: #484848; }
			#header ul li.active a { background: url(image/nav-bg-right.png) no-repeat top right; color: #484848; text-shadow: 1px 1px #fff; height: 21px; padding: 3px 10px 0px 10px; }
.gallery-item { width: 75px; height: 75px; position: relative; float: left; margin: 0px 13px 17px 0px; display: block; }
	.gallery-item img { position: absolute; top: 0; left: 0; padding: 8px; background-color: #f6f6f6; border: 1px dashed #b2b2b2; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; -moz-border-radius: 10px; }
	.gallery-item:hover img { -webkit-box-shadow: none;  -moz-box-shadow: none; }
	.features-hover { display: none; position: absolute; padding: 8px; background: #fff; -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.25); -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.25); z-index: 5; }
.clear {clear: both;}