@font-face {font-family: Documenta; src: url('fonts/DTLDocumentaT.otf');}
@font-face {font-family: DocumentaItal; src: url('DTLDocumentaT-Italic.otf');}
@font-face {font-family: Documenta; src: url('fonts/DTLDocumentaT-Bold.otf'); font-weight: bold;}

@font-face {font-family: Gotham; src: url('fonts/GothamHTF-Book.otf');}
@font-face {font-family: Gotham; src: url('fonts/GothamHTF-Bold.otf'); font-weight: bold;}

/* Some basic resets and global styles */

html, body, span,
h1, h2, h3, h4, 
p, a, img, ul, li, dd, dt {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 21px;
	text-decoration: none;
	font-family: Gotham, Arial, sans-serif;
	vertical-align: baseline;
	color: #242424;
	outline: none;
}

html {
	background-color: #f1f1f1;
}

body { 
	-webkit-text-stroke:1px transparent; 
}

@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 #242424;}}


/* START Navigation */

.nav-overlay {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 6000;
	text-align: right;
}

.nav-overlay {
	position: fixed;
}

.menu ul li, .menu ul li a {
	float: left;
	color: #e5e5e5;
}

.menu ul li {
	margin: 0px 10px;
	background: url(images/transparent-desc.png);
	opacity: 0.95;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	list-style-image: none;
	list-style-type: none;
}

.menu ul li a {
	padding: 5px 20px 0px;
}

.menu ul li.current_page_item a, .s-category-work .work-title a {
	-webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);	
}

.work-title a, .menu li a {
	font-weight:bold;
	font-size:18px;
	line-height:24px;
}

/* END Navigation */


.clear { 
	clear: both; 
}

strong.education-sub {
	font-family: DocumentaItal, Georgia, Serif; 
}

.page-wrap { 
	width: 800px; 
	margin: 40px auto 60px; 
}

.pic { 
	float: right; 
	margin: 70px 0 0 0; 
}

h1 { 
	margin: 0 0 16px 0; 
	padding: 0 0 16px 0; 
	font-size: 48px; 
	line-height: 40px;
	font-weight: bold; 
	letter-spacing: -2px; 
	border-bottom: 1px solid #999; 
}

h2 { 
	font-size: 18px; 
	margin: 0 0 6px 0; 
	position: relative; 
}

h3 { 
	font-style: italic; 
	font-family: DocumentaItal, Georgia, Serif; 
	font-size: 14px; color: #999; 
	font-weight: normal; 
	text-align: left; 
}

p { 
	margin: 0 0 16px 0; 
}

a { 
	color: #999; 
	text-decoration: none; 
}

a:hover { 
	border-bottom-style: solid; 
	color: #002fa7;
}

ul { 
	margin: 12px 0 32px 17px; 
}

.contact-info p {
	padding-left: 38px;
}

.objective { 
	width: 620px; 
	float: left; 
	padding-left: 38px;
}

.objective p { 
	font-family: DocumentaItal, Georgia, Serif; 
	font-style: italic; 
	color: #666; 
}

dt { 
	font-weight: bold; 
	font-size: 18px; 
	text-align: right; 
	padding: 0 26px 0 0; 
	width: 150px; 
	float: left; 
	height: 100px; 
	border-right: 1px solid #999;  
}

dd { 
	width: 600px; 
	float: right; 
}

dd.clear { 
	float: none; 
	margin: 0; 
	height: 15px; 
}