/* ==============================================
CSS RESET 
Thanks to Eric Meyer for making our lives easier.
http://meyerweb.com/eric/tools/css/reset/
=================================================  */
@import url("reset.css");



/* =================================
BEGIN GENERAL STYLES 
================================= */
@import url("fonts.css");

body {
	text-align: center;
	font-family: 'DroidSerifRegular', Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 24px;
}
#wrapper {
	width:960px; 
	margin:0 auto;	
	text-align: left;
}
p {
	margin:0 0 10px 0;
}
a:link, a:visited {
	color:#000;
	text-decoration:none;
}
a:hover, a:active {	
	color:#000 !important;
	text-decoration:underline;
}



/* ===== HEADER STYLES ===== */
#header {
	height:68px; 
	border-bottom:1px #000 solid; 
	margin:0 0 24px 0;
	position:relative;
}
h1 {
	width:210px; 
	height:68px; 
	float:left; 
	text-indent:-9999px; 
	background:url(img/header.png) top left no-repeat;
}
#header ul {
	position:absolute;
	bottom:0;
	right:0;
	width: 255px;
}
#header ul li {
	float:left;
	margin:0 0 0 32px;
}
#header ul li a {
	text-indent:-9999px;
	display:block;
	height:35px;
	border-bottom:5px #fff solid;
	background:top left no-repeat;
}
	#header ul li.about a {
		background-image:url(img/header_about.png);
		width:51px;
	}
	#header ul li.work a {
		background-image:url(img/header_work.png);
		width:46px;
	}
	#header ul li.resume a {
		background-image:url(img/header_resume.png);
		width:62px;
	}
	#header ul li.here a {
	border-bottom:5px #70c7df solid;
	}	/* THIS CHANGES INLINE TO REFLECT PAGE COLORS */


#header ul li a:hover {
	border-bottom:5px #000 solid !important;
}









/* ===== CONTENT STYLES ===== */
h2 {
	background:top left no-repeat; 
	text-indent:-9999px; 
	height:60px; 
	width:100%; 
	border-top:1px black solid;
}
h2.top {
	 border:none;
	 height:38px;
}
.horizontal {
	margin:0 0 30px 0;
}
.twoleft, .tworight {
	width:468px; 
	margin:0 24px 30px 0;
}
.oneleft, .oneright {
	width:222px;
	margin:0 24px 30px 0;
}
.twoleft, .oneleft {
	float:left; 
}
.tworight, .oneright {
	float:right; 
	margin-right:0;
}
img.mark {
	border: 1px #dadada solid;
}
.markDesc, .thumbDesc {
	font-size:12px;
	margin:3px 0 0 0;
	padding:0;
}

/* ===== NEXT PAGE STYLES ===== */
.nextpage {
	margin: 0 0 30px 0;
	padding: 5px 0;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
}
	
	
/* ===== THUMBS STYLES ===== */
.thumbs {
	margin: 0 0 24px 0;
}
.thumbs img {
	border:1px #dadada solid;
}
.thumbs li ul {
	margin: 0 0 24px 0;
}
.thumbs li ul li {
	float: left;
	margin: 0 24px 0 0;
}
.thumbs li ul li.last {
	margin: 0;
}
.thumbs li ul li a:link,
.thumbs li ul li a:visited,
.thumbs li ul li a:hover,
.thumbs li ul li a:active {
	text-decoration:none;
	display:block;
	width:222px;
}
.thumbs li ul li a:visited img {
	opacity:0.7;
	filter:alpha(opacity=70);
}
 .thumbs li ul li a:hover img {
	opacity:1.0;
	filter:alpha(opacity=100);
}
/* .thumbs li ul li a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
} */
.thumbs li ul li a:link p {
	color:#000;
}
.thumbs li ul li a:visited p {
	color:#909090;
}
.thumbs li ul li a:hover p {
	text-decoration: underline;
	color:#000;
}
.thumbs li ul.work {
	margin-bottom:30px;
}


/* ===== FOOTER STYLES ===== */
h3 {
	border-bottom:1px #000 solid;
	text-indent: -9999px;
	background: top left no-repeat;
	margin: 0 0 8px 0;
	height: 24px;
}
h4 {
	font-size:13px;
	font-weight:normal;
}
h5 {
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	margin:0;
	color:#222;
}
.resume ul {
	margin: 0 0 36px 0;
}
.resume ul li {
	margin: 0 0 12px 0;
}
.resume p {
	font-size:12px;
	margin:0;
	color:#4d4d4d;
}
.tech p {
	margin:0;
	background: 110px 8px no-repeat;
}
.tech p.check4 {
	background-image:url(img/check4.png);
}
.tech p.check3 {
	background-image:url(img/check3.png);
}
.tech p.check2 {
	background-image:url(img/check2.png);
}
.tech p.check1 {
	background-image:url(img/check1.png);
}


.resume div.oneleft ul.tech li, .resume div.oneright ul.tech li {
	margin:0;
}

/* ===== FOOTER STYLES ===== */
.footer {
	border-top: 1px #000 solid;
	margin: 0 0 30px 0;
	padding: 15px;
	text-align: center;
	font-size: 12px;
}