/** fonts **/
@font-face {
	font-family: Dakota;
	src: url('../fonts/dakota__.otf');
}

/**-------- tag styles ---------**/
body { font: 16px "Century Gothic", "Segoe", Helvetica, Arial, Geneva, sans-serif; background: url("../images/page-bg.png") repeat; }
a { color: #7D8403; text-decoration: none; outline: none; border: none; }
a:link { outline: none; border: none; }
a:visited {} /*  color: #9d3b3d; */
a:hover { }
a:active{}

textarea { overflow: hidden; resize: none; }
strong { font-weight: bold; }
hr { clear:both; float: none; visibility: hidden; }
h1 { font-size: 2em; font-weight: bold; }
h2 { font-size: 1.5em; font-weight: bold; }
h3 { font-size: 1em; font-weight: bold; }
em { font-style: italic; }
/**-------- Main level elements --------**/
.home-hotspot {
	display:block;
	height:220px;
	margin:27px 0 0 13px;
	position:absolute;
	width:220px;
}
#container { width: 960px; margin: 0 auto; padding: 0 0 20px; }
#header {
	background: url("../images/header-bg.png") no-repeat; 
	height: 280px;
	width: 966px;
	overflow: hidden;
	text-indent: -999px;
	clear:none;
	float:none;
	position: relative;
	z-index: 0;
}
#nav { display:block; margin: -80px 0 0 480px; position:absolute; z-index:1; }

#nav a {
	background:url("../images/nav-tab-bg.png") no-repeat 2px 0; 
	color: #9fa615;
	display:block;
	width:115px;
	height:90px;
	padding:10px;
	margin-right: 22px;
}
#nav a:hover {
	color: #5cafe4;
	background-position: -141px 0;
}
#nav li {
	font-family: Dakota, Arial, serif;
	font-size: 1.3125em;
	text-align:center;
	float: left;
	position:relative;
	z-index:0;
}
#contact {
	background:transparent url("../images/contact-form-bg.png") no-repeat scroll 0 0;
	width:824px;	
	height:460px;
	margin:0 0 0 70px;
	padding:0 0 50px;
}

#contact .contact-form h2 {
	background:url("../images/contact-form-header.png") no-repeat scroll 0 0 transparent;
	height:70px;
	width: 292px;
	margin:0 0 25px;
	overflow:hidden;
	text-indent:-999px;
	display: inline-block;
}

#contact textarea {
	background: transparent url("../images/message-main-bg.png") no-repeat;
	width: 280px;
	height: 210px;
	padding: 10px;
}

#contact .message-info input { 
	background: transparent url("../images/textbox-bg.png") no-repeat;
	width: 219px;
	height: 27px;
	padding: 5px 10px;
	margin: 0 0 10px;
	font-size:20px;
}

#contact .message {
	display: inline-block; 
	float: left;
	width: 300px;
}

#contact label[for=main_human] {
	display:inline-block;
	vertical-align:middle;
	width:100px;
}
#contact #main_human {
	background:url("../images/textbox-hmn-bg.png") no-repeat scroll 0 0 transparent;
	font-size:20px;
	height:27px;
	margin:0 0 10px;
	padding:5px 10px;
	width:31px;
}
#contact .message input[type=submit] {
	background:url("../images/submit-btn.png") no-repeat scroll 0 0 transparent;
	height:45px;
	margin:10px 0 0 0;
	overflow:hidden;
	text-indent:-999px;
	width:100px;
	cursor: pointer;
}
#contact .message input[type=submit]:hover {
	background-position: -101px 0;
}
#contact .message-info {
	display: inline-block; 
	width: 240px;
	float: left;
	margin: 0 10px 0 0;
}

#contact #status {
	display:inline-block;
	vertical-align:top;
	width:220px;
}
#contact_small input[type=text] { 
	background: url("../images/textbox-small-bg.png") no-repeat;
	width: 279px;
	height: 27px;
	padding: 5px 10px;
	margin: 0 0 10px;
	font-size:20px;
}

#contact_small label[for=sml_human] {
	display:inline-block;
	vertical-align:middle;
	width:100px;
}
#contact_small #sml_human {
	background:url("../images/textbox-sml-hmn-bg.png") no-repeat scroll 0 0 transparent;
	font-size:20px;
	height:27px;
	margin:0 0 10px;
	padding:5px 10px;
	width:31px;
}


#contact_small input[type=submit] {
	overflow: hidden;
	text-indent: -999px;
	background: url("../images/submit-small-btn.png") no-repeat;
	height: 33px;
	width: 98px;
	cursor: pointer;
}
#contact_small input[type=submit]:hover {
	background-position: -98px 0;
}

#contact_small textarea {
	background: url("../images/message-small-bg.png") no-repeat;
	width: 279px;
	height: 112px;
	padding: 10px;
	margin: 0 0 10px;
}

#content {
	background: url("../images/content-bg.png") repeat-y;
	padding:0 10px 25px;
	width:946px;
	min-height: 640px;
	position: relative;
	z-index: 2;
}

#portfolio { padding: 85px 0 0; }
#footer {
	background: url("../images/footer-bg.png") repeat;
	width: 966px;
	padding: 0 0 20px;
}
#page_footer {
	/*	Mozilla */
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	/* Webkit */
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	/* Opera */
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;

	background-color:#7ECFF6;
	border-color:#5CAFE4;
	border-style:solid solid none;
	border-width:1px 1px medium;
	color:#186990;
	font-size:small;
	margin:0 auto;
	padding:5px;
	text-align:center;
	width: 1000px;
}
#about_blurb {
	background:url("../images/about-blurb-bg.png") no-repeat scroll 0 0 transparent;
	display:none;
	position:absolute;
	height:82px;
	width:475px;
	margin:-60px 0 20px 60px;
	padding:20px 5px 20px 15px;
}
#about_blurb div { float: left; width: 390px; }
#about_blurb h2 {
  font-family:Dakota,Arial,serif;
  font-size:1.25em;
  margin:5px 110px -4px 0;
}
#about_blurb .photo {
	background:url("../images/avatar-bg.png") no-repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:58px;
	margin:0 10px 0 0;
	padding:5px;
	width:58px;	
}
#about_blurb .about {
	display:block;
	font-size:small;
	line-height:1.375em;
	margin-right:40px;
}

/**----------- Miscellaneous Classes -----------**/
.top{ left:310px; position:relative; }
.button{
	background:url("../images/project-nav-btn.png") no-repeat;
	color: lightblue !important;
	display:block;
	float:left;
	font-size:small;
	height:29px;
	margin:0 3px;
	padding:3px 0 0;
	text-align:center;
	width:80px;
}
.wrap-inner { position:relative; z-index:2; }
.content-top {
	background:url("../images/content-top-bg.png") no-repeat;
	display:block;
	width:966px;
	height:50px;
	margin:-35px 0 0;
}
.footer-top { 
	background: url("../images/footer-top-bg.png") no-repeat;
	height: 10px;
	width: 966px;
	display: block;
	position: relative;
	z-index: 2;
}
.footer-bottom {
	background: url("../images/footer-bottom-bg.png") no-repeat;
	height: 15px;
	width: 966px;
	display: block;
	padding-bottom:50px;
}
.contact-form {
	width: 560px;
	display: block;
	float: left;
	margin: 40px 0 0 10px;
}
.contact-form label, #contact_small label { /*display: block;*/ font-weight: bold; font-size: small; margin: 0 0 2px; }


/**----------- hMedia Styles for Portfolio -----------**/
.hmedia {
	clear: both;
	display: block;
	float: none;
	height: 485px;
	margin:0 0 60px;	
}
.hmedia-bg { 
	background:url("../images/photo-bg.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:451px;
	padding:15px;
	position:relative;
	width:913px;
	z-index:1;
}
.hmedia h2 {
	background:url("../images/header-tab-bg.png") no-repeat scroll 0 0 transparent;
	color: #383300;
	margin:-41px 0 0 50px;
	padding:8px 5px 5px;
	position:absolute;
	text-align:center;
	width:365px;
	height: 65px;
	z-index:0;
}
.hmedia .main { float: left; }
.hmedia .meta {
	background:none repeat scroll 0 0 #E5DFCF;
	color:#222520;
	display:block;
	float:left;
	height:410px;
	margin:0 0 10px 15px;
	min-height:410px;
	padding: 20px;
	width:258px;
}
.hmedia .meta strong, .hmedia .links strong { color: #383300; }
.hmedia .links { font-size: 0.75em; margin: 10px 0; }
.hmedia .description { margin: 0 0 10px; font-size: 0.875em; line-height: 1.625em; }
.hmedia .technology { font-size: 0.75em; line-height: 1.5em; }
.hmedia .documentation { font-size: 0.75em; margin: 10px 0 0; }
.hmedia .photo-corner { 
	background:url("../images/photo-corners.png") no-repeat;
	display:block;
	height:52px;
	width:52px;
	position: absolute;
	z-index: 2;
}
.hmedia .nav { display:block; margin:-20px 0 0 625px; position:absolute; }
.hmedia .lt { margin: -5px 0 0 -4px; }
.hmedia .lb { background-position:-105px 0; margin: 432px 0 0 -4px; }
.hmedia .rt { background-position:-53px 0; margin: -5px 0 0 895px; }
.hmedia .rb { background-position:-159px 0; margin: 432px 0 0 895px; }

/**------------- vCard Styles -------------**/
#contact .vcard a { text-decoration: none; color: black; width: 100%; height: 64px; display:block; }
.vcard {
	display:block;
	float:left;
	margin:39px 0 0 10px;
	width:240px;
}
.vcard .doc {}

.vcard .photo {
	background:url("../images/avatar-bg.png") no-repeat;
	display:block;
	float:left;
	margin:0 5px 0 0;
	padding:5px;	
}
.vcard .fn {
	font-size:0.875em;
	font-weight:bold;
	margin:5px 0 0;	
}
.vcard .vcard-overlay {
	background:url("../images/vcard.png") no-repeat scroll 0 0 transparent;
	height:16px;
	margin:43px 0 0 2px;
	position:absolute;
	width:16px;
}
.vcard .icon {
	height: 65px;
	width: 65px;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -999px;
	background:url("../images/social-buttons.png") no-repeat;
}

.vcard .type { font-family: Dakota, serif; }
.vcard .wrap { display:block; float: left; line-height:1.5; margin:10px 0 0 2px;}
.vcard .info { display: block; float: none; clear: both; font-size: small; padding: 0 0 5px; }
.vcard .about {
	display:block;
	font-size:xx-small;
	line-height:1.5;	
}
.vcard .info, .vcard li.email, .vcard li.linkedin, .vcard li.twitter, .vcard li.delicious {
	background: url("../images/vcard-list-bg.png") no-repeat bottom center;
	margin: 5px 0;
}
 .vcard li.email, .vcard li.linkedin, .vcard li.twitter, .vcard li.delicious {
	display: block;
	float: none;
	clear: both;	 
	height: 64px;
}

.vcard .email .icon { background-position: 0 0; }
.vcard .linkedin .icon { background-position: 0 -65px; }
.vcard .twitter .icon { background-position: 0 -130px; }
.vcard .delicious .icon { background-position: 0 -195px; }

.vcard .url { font-size: small; }
.vcard ul { display: block; float: none; clear: both; }

/**------------ hResume Styles --------------*/
.hresume-top {
	background:url("../images/hresume-top-bg.jpg") no-repeat scroll center center;
	height:40px;
	margin:-36px auto 0;
	position:absolute;
	width:784px;
	z-index:2;
}
.hresume .li-footer {
	background:url("../images/resume-border-btm.png") no-repeat scroll center bottom;
	display:block;
	height:4px;
	margin:13px auto -23px;
	position:relative;
	width:784px;
}

.hresume {
	font-size:14px;
	margin:0 auto;
	min-height:1068px;
	padding:1px 0 40px;
	width:824px;
}

.hresume ul, .hresume ol { margin-left: 10px; list-style: none; }
.hresume .dt {
	font-weight:bold;
	left:663px;
	position:absolute;
	text-align:left;
	width:230px
}

.hresume .vcard { padding-top:40px !important; }
.hresume .vcard .docs { font-size:xx-small; }
.hresume .vcard h1 { text-align: center; padding-top:10px; }
.hresume .vcard .contact { text-align: center; }
.hresume .scripting { display: block; float: left; width: 250px;  }
.hresume .software { display: block; float: left}

.hresume li.summary {}

.hresume li.summary ul li, .hresume .description { line-height:1.75; width:470px; }

.hresume .vcard,
.hresume li.summary,
.hresume #edu,
.hresume #qualifications,
.hresume #work { 
	/* Mozilla */
	-moz-border-radius:10px;
	-moz-box-shadow:0 0 2px #777;
	/* Webkit */
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 0 2px #777;
	/* Opera, and any other browser that supports CSS3 */
	border-radius: 10px;
	box-shadow: 0 0 2px #777;
	
	background:url("../images/resume-bg-tile.jpg") repeat scroll 0 0 transparent;
	clear:both;
	display:block;
	float:none;
	margin: 1px 0 0 !important;
	padding: 20px;
	width:784px;
}

.hresume #qualifications ul {
	clear:both;
	display:block;
	float:none;
	min-height:140px;
}

.hresume #qualifications li { margin: 1px 0 0 !important }
.hresume #edu .url { }
.hresume li { margin: 0 0 10px 0; }
.hresume h2 { font-family: Dakota, serif; }
.hresume li#qualifications ol { list-style: circle inside; margin-top: 10px; }
.hresume li#edu ol { }
.hresume li#work ol { margin-top:5px; }
.hresume li#work .location { font-weight: bold; display: block; }
.hresume li#work .title { font-size: small; }
.hresume .vevent .description { font-size: small; list-style:circle outside none; margin-left:20px; }
.hresume .education .title { font-weight: bold; }
.hresume .adr { display: block; }

/**------------ hAtom formatting ------------**/
.hfeed .hentry { margin: 0 10px 10px; }
.hfeed a { color: #f8981d; }
.hfeed a:visited {} /*color: #4a4816; */
.hfeed a:hover { color: #9d3b3d;  }
.hfeed .entry-title { font-size: medium; }
.hfeed .entry-summary {
	font-size: small;
	line-height:1.5;
	margin:5px 0;
}
.hfeed small { font-size: x-small; }
.hfeed address { display: inline; }
.hfeed .vcard {
	display:inline;
	float:none;
	margin:0;
}

/**------------ Footer Styles ------------**/
ul#blogs h2, ul#twitter h2, ul#contact_small h2 { 
	background:url("../images/footer-header-bg.png") no-repeat scroll 0 0 transparent;
	display:block;
	font-family: Dakota, serif;
	font-size:1.25em;
	height:60px;
	margin:-40px 0 0;
	padding:45px 10px 0;
	position:relative;
	text-align:center;
	vertical-align:bottom;
	width:214px;
}
ul#blogs, ul#twitter, ul#contact_small {
	display:block;
	float: left;
	margin:0 12px;
	width:290px;
}
ul#blogs { }

.page-404 {
	padding:0 20px;
}

.page-404 p {
	line-height:2;
	margin:0 425px 10px 0;
}

/**------------ Status Message Balloon styles ------------**/
.status-loader {
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 72px;
	height:16px;
	width:16px;
}
.balloon {
	color: #7d7537;
	font-size: small;
	line-height: 1.5;
	background-color:#f0f080;
	
	-moz-border-radius:15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	
	border:1px solid #e3d464;
	display: none;
	margin:5px;
	padding:10px;
}

/**------------ Custom Lightbox Styles ------------**/
.overlay {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#000;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:50;
}
.container {
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
	left:-9999em;
	z-index:51;
	background-color: white;
	padding: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.container #jbclose { 
	-moz-border-radius:30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background:url("../images/close-btn.png") no-repeat scroll center center white;
	color:#666666;
	text-indent:-999px;
	display:block;
	height:25px;
	width:25px;
	margin:-30px 0 0 -10px;
	padding:5px;
	overflow:hidden;
	position:absolute;
}