/*
Theme Name: MyResume
Theme URI: http://www.elegantthemes.com/gallery/myresume
Version: 2.9
Description: Resume theme from Elegant Themes
Author: Elegant Themes
Author URL: http://www.elegantthemes.com
*/

/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
p {margin-top: 0px;}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body {font-size: 12px; color: #7e7e7e; background: #ac7c5d url(images/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: 741px; 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(images/bg-top.jpg) repeat-x top center; float: left; width: 100%; min-height: 700px; }
#inside-bg-bottom { background: url(images/side-bg-bottom.gif) no-repeat 173px bottom; float: left; padding-bottom: 25px;  }
	#inside-bg-top { background: url(images/side-bg-top.gif) no-repeat 177px top; float: left; }
		#inside { background: url(images/side-bg.gif) repeat-y 175px 0px; float: left;  }
#content { margin: auto; width: 751px; background-image: url(images/content-bg-center.png); margin-top: 80px; }
#content-bg-bottom { background: url(images/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: 444px; padding-bottom: 10px; padding-top: 23px; border-bottom: 1px solid #dbdbdb; margin-right: 32px; padding-left: 31px;}
		.connect-div {  padding-left: 0px; width: 475px; background: url(images/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: 0px 0px 30px 0px; padding: 0;}
				.entry ul li { float: left; width: 190px; display: block; padding: 10px 0px 0px 30px; background: url(images/check.gif) no-repeat left; }
#header { background: url(images/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: 78px; color: #b3b3b3; margin-top: 15px;}
		.logo { padding-bottom: 6px; }
		.avatar { float: left; background-image: url(images/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(images/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(images/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;}
.et_embedded_videos { display: none !important; }
	
@charset "UTF-8";

/* Portfolio CSS Document */

/* WEBphysiology Portfolio Styling
-------------------------------------------------------------- */

/**************************************************************************************************************************************
 
 NOTE:   #portfolios   has been deprecated in v1.2.7 and replaced with class   .webphysiology_portfolio
 
 2011-12-23 : 1.4.0 updated .portfolio_page_content to .webphysiology_portfolio_page_content and remove nav .top and .bottom class defs
 2011-08-18 : added webphysport_nav_top and webphysport_nav_botom classes to, in the future, deprecate top and bottom
 2011-07-26 : added CSS to handle positioning the Portfolio description below the meta data
 2011-03-08 : changed navigation styling to use borders and not images
 
 **************************************************************************************************************************************/
 

.webphysiology_portfolio .grid {
	float: none;
	margin: 10px 0;
	overflow: hidden;
}
.webphysiology_portfolio_page_content {
	margin-bottom: 10px;
}
.webphysiology_portfolio h1, .webphysiology_portfolio h2 {
	font-weight: bold;
	margin: 0 0 20px 0;
}
.webphysiology_portfolio h1 {
	font-size: 2em;
}
.webphysiology_portfolio ul.grid {
	margin: 0 0;
	padding: 0 0;
	overflow: hidden;
	clear: both;
}
.webphysiology_portfolio .grid li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
.webphysiology_portfolio .portfolio_entry h2 {
	margin-top: 2px;
	margin-bottom: 10px;
	padding-bottom: 0;
	font-size: 1.6em;
	width: 260px;
	text-align: right;
	float: left;
}
.webphysiology_portfolio .grid .portfolio_entry h2 {
	font-size: 1.1em;
}
.webphysiology_portfolio .portfolio_entry {
	clear: both;
	overflow: hidden;
	margin: 0 0 10px 0;
	margin: 0;
	padding: 10px 10px;
}
.webphysiology_portfolio .portfolio_page_img {
	float: left;
}
.webphysiology_portfolio .portfolio_details {
	margin-right: 10px;
	line-height: 1.5em;
}
.webphysiology_portfolio .grid .portfolio_details {
	width: auto;
}
.webphysiology_portfolio .grid .portfolio_page_img {
	text-align: center;
	margin-bottom: 0;
}
.webphysiology_portfolio .portfolio_page_img img {
	background-color: #999;
	border: solid 3px #fff;
	height: auto;
	margin: 32px 10px 0px 0;
	padding: 2px 2px;
}
.webphysiology_portfolio .portfolio_description {
	margin-bottom: 10px;
	min-height: 175px;
}
.webphysiology_portfolio .portfolio_description.after_meta_data {
	margin-top: 10px;
	clear: both;
}
.webphysiology_portfolio .portfolio_description.after_meta_data p {
	padding-top: 10px;
	margin-bottom: 0 !important;
}
.webphysiology_portfolio .portfolio_meta .key {
	float: left;
	font-weight: bold;
	clear: both;
	width: 68px;
}
.webphysiology_portfolio .portfolio_meta .value {
	float: left;
}
.webphysiology_portfolio .portfolio_nav {
	float: right;
	width: 100%;
	font-size: 93%;
	line-height: normal;
}
.webphysiology_portfolio .portfolio_nav ul {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.webphysiology_portfolio .portfolio_nav.webphysport_nav_top ul {
	margin-bottom: 10px;
}
.webphysiology_portfolio .portfolio_nav.webphysport_nav_bottom ul {
	margin-top: 10px;
}
.webphysiology_portfolio .portfolio_nav ul li {
	float: left;
	list-style: none;
	background: #eeeeee;
	margin: 0;
	padding: 0;
	margin-left: 5px;
	border: 1px solid #004813;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.webphysiology_portfolio .portfolio_nav ul li.selected, .webphysiology_portfolio .portfolio_nav ul li:hover {
	background: #FFC;
	border: 1px solid #004813;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.webphysiology_portfolio .portfolio_nav ul li a {
	display: block;
	padding: 2px 4px 1px 4px;
	text-decoration: none;
	line-height: 1.2em;
}
.webphysiology_portfolio .portfolio_credit {
	margin: 0;
	padding: 0;
	text-align: right;
}
.webphysiology_portfolio .portfolio_credit em, .webphysiology_portfolio .portfolio_credit em a {
	font-style: italic;
	opacity: .85;
}
.webphysiology_portfolio .portfolio_credit em {
	font-size: 0.8em;
}
.webphysiology_portfolio .portfolio_credit a {
	font-size: 0.95em;
	text-decoration: none;
}

div.web-design.slide div.page-content h2 {
display: none !important;
}

div.web-design.slide div.page-content div.entry h2 {
display: block !important;
}