/* CSS Document */
img.typekit-badge { display:none !important; }
img, h1, h2, h3, h4, h5, h6, ul, p { margin:0; padding:0; list-style:none; border:0; font-weight:normal;}
a, a.visited { text-decoration:none; color:#006ea7; }
a:hover { text-decoration:underline; }
.right { float:right; }
html { background: #071523 url('images/bg_repeat2.jpg'); margin:0px; padding:0px;
}

body {
	/* background: transparent url('images/body_repeat.jpg') top left repeat-x; */
	min-height:300px;
	padding:0 0 0;
	margin:0;
	text-align:center;
	font-size:100%;
	font-family:Verdana, Geneva, sans-serif;
}

div.structure {
	width:870px;
	margin:0 auto;
	text-align:left;
}

div#top { 
	background:url('images/top_norepeat.jpg') bottom center no-repeat;
	height:5px;
display:none;
}

	div#wrapper, div#resumewrapper, div#contactwrapper {
		background:url('images/transparent_repeat.png') top center repeat-y;
		padding:1.5em 0;
		/* margin-bottom:2em; */
	}
	div#wrapper.hideMonitors a.enlarge { display:none; }
	div#resumewrapper, div#contactwrapper { display:none; }
	div#wrapper > div, div#resumewrapper > div, div#contactwrapper > div { margin:0 30px;}
	
		/***************************/
		/* Resume Specific Styling */
		/***************************/
		
		div#resume {
			background:#FFF url('images/resume_repeat.jpg') top left repeat-x;
			padding:.5em 2em 1em;
		}
		div#resume > ul#resumeoptions {
			display:block;
			height:24px;
			line-height:24px;
			font-size:.8em;
		}
		div#resume > ul#resumeoptions > li { 
			display:inline-block; 
			float:right; 
			padding:0 1em;
		}
		div#resume > h1, div#resume > h2, div#resume > h3, div#resume > h4 {
			
		}
		div#resume > h1 { 
			font-size:3em; padding:0 0 .25em 0; 
			color:#444; 
			text-shadow: -1px -1px 1px #111;
		}
		div#resume > h2 { 
			font-size:1.3em; color:#555; text-shadow: -1px 0px 1px #343434;
			 padding:0 0 .5em; letter-spacing:.1em;
		}
		div#resume > h3, div#resume > div > h3 { font-size:1.1em; padding:.5em 0; letter-spacing:.01em;}
			div#resume > h1 + h3 { padding:0 0 .5em; }
			div#resume > h3 > span { font-style:italic; color:#999; }
		div#resume > h4 { font-size:.7em; font-style:italic; font-weight:bold; color:#888; padding:1em 3em .5em 3em;}
		div#resume > h4 small { font-size:.9em; color: #999; padding:0 .5em; }
		div#resume > div { border-bottom:1px solid #DDDEEE; margin:0 0 .25em; }
		div#resume > div > h3 { color: #006ea7; font-weight:bold; font-size:.95em; }
		div#resume > div > h4 { 
			color: #999; font-size:.85em; padding:0 0 .5em;
			font-weight:bold; }
		div#resume > div > p {
			font-size:.95em; color:#444; padding:0 0 1em;
		}
			div#resume > div > h3  > span { 
				font-size:.9em; border-left:1px solid #CCC; 
				padding:0 1em; margin-left:1em; font-size:.9em;}
		div#resume > div > p + h3 { padding-top:.75em; }
		div#resume > div + h2 { padding-top:.75em; }
		
		div#resume > div {
			padding: 0 2em;	
		}
			div#resume > div.contact > h4 { font-size:.8em; }
			div#resume > div.contact > h4 > span {
				display:inline-block;
				width:125px;
				font-size:.8em;
				text-align:right;
				padding:0 1em 0 0;
				color:#777;
			}
		div.rspacer {
			height:2px;
			margin:.5em -2em;
			background:url('images/rspacer.jpg') top left repeat-x;
		}
		/***************************/
		/******* End Resume ********/
		/***************************/
		
		/***************************/
		/* Contact Form Styling */
		/***************************/
		
		div#contact {
			background:#FFF url('images/resume_repeat.jpg') top left repeat-x;
			padding:.5em 2em 1em;
		}
		div#contact > ul#contactoptions {
			display:block;
			height:24px;
			line-height:24px;
			font-size:.8em;
		}
		div#contact > ul#contactoptions > li { 
			display:inline-block; 
			float:right; 
			padding:0 1em;
		}
		
		div#contact > h1 { 
			font-size:3em; padding:.25em 0 .25em;
			color:#444; 
			text-shadow: -1px -1px 1px #111;
		}
		div#contact > h1 > small, div#resume > h1 > small { display:block; font-size:.6em;}
		div#contact > h2 { 
			font-size:1.3em; color:#555; text-shadow: -1px 0px 1px #343434;
			 padding:0 1em .5em; letter-spacing:.1em;
		}
		div#contact > h3, div#contact > div > h3 { font-size:1.1em; padding:.5em 0; letter-spacing:.01em;}
			div#contact > h1 + h3 { padding:0 0 .5em; }
			div#contact > h3 > span { font-style:italic; color:#999; }
		div#contact > h4 { font-size:.7em; font-style:italic; font-weight:bold; color:#888; padding:1em 3em .5em 3em;}
		div#contact > h4 small { font-size:.9em; color: #999; padding:0 .5em; }
		div#contact > div { border-bottom:1px solid #DDDEEE; margin:0 0 .25em; }
		div#contact > div > h3 { color: #444; }
		div#contact > div > h4 { 
			color: #666; font-size:.95em; padding:0 0 .5em;
			font-weight:bold; font-style:italic; }
		div#contact > div > p {
			font-size:.95em; color:#444; padding:0 0 1em;
		}
			div#contact > div > h3  > span { 
				font-size:.9em; font-style:italic; border-left:1px solid #CCC; 
				padding:0 1em; margin-left:1em;}
		div#contact > div > p + h3 { padding-top:.75em; }
		div#contact > div + h2 { padding-top:.75em; }
		
		div#contact > div {
			padding: 0 2em;	
		}
			div#contact > div.contact > h4 { font-size:.8em; }
			div#contact > div.contact > h4 > span {
				display:inline-block;
				width:125px;
				font-size:.8em;
				text-align:right;
				padding:0 1em 0 0;
				color:#777;
			}
			
			div#contact > div.cform {
				padding:1em 2em 2em;	
			}
			
			div#contact > div.cform > h4 > span {
				float:left;
				line-height:24px;
			}
		/***************************/
		/******* End Contact Form ********/
		/***************************/
		
		div#header {
			background:url('images/resume_repeat.jpg') top left repeat-x;
			padding:1.5em 2em 0;
			height:130px;
                        border-bottom:#333 solid 1px;
		}
			div#header > ul > li { float:left; display:inline-block;  }
			div#header > ul#topMenu > li.first { width:550px; height:125px; }
				div#header > ul#topMenu > li.first > a {
					color:#444;
					text-decoration:none;
					font-size:3em; padding:0 0 .25em 0; 
					text-shadow: -1px -1px 1px #111;
				}
				div#header > ul#topMenu > li.first > span { 
					display:block;
					color:#888;
					font-style:italic;
					font-size:1.2em;
					padding:.75em 0 .25em;
				}
			div#header > ul > li.nav { 
				text-align:right;
				display:inline-block;
				width:195px;
				height:24px;
				line-height:24px;
				font-size:.85em;
				padding:0 0 1em;
			}
			div#header > ul > li.nav > a { display:inline-block; height:24px; width:100px; text-align:left; }
			
			div#header > ul#filters { 
				display:block;
				clear:both;
				background:url('images/rspacer.jpg') top left repeat-x;;
				padding: 8px 1.25em;
				font-size:.8em;
				color:#777;
			}
				div#header > ul#filters > li {
					padding:0 .75em;
					line-height:30px;
				}
					div#header > ul#filters > li.first {
						font-size:.7em;
					}
		div#content {
			background:url('images/content_repeat.jpg') top center repeat-y;
			padding-top:1em;
		}
			div.piece {
				background:url('images/piece_repeat.jpg') top center repeat-y;
				width:760px;
				margin:0 auto;
			}
				div.piece > div.top {
					background:url('images/piece_top.jpg') top center no-repeat;
					height:23px;	
				}
				div.piece > div.footer {
					background:url('images/piece_bottom.jpg') top center no-repeat;
					height:25px;
				}

				div.piece > div.content { 
					padding:1em 2em 42px 1.5em;
					margin:0 21px 0 23px;
					min-height:235px;
					background:url('images/piece_footer_repeat.jpg') bottom left repeat-x;
				}
				
blockquote {
    color:#BBB;
    font-size:1.25em;
font-family: Arial;
font-weight:bold;
letter-spacing:1px;
width:225px;

text-shadow: -1px -1px 1px #777;
float:right;
padding:0 0 1em .5em;
}
blockquote > span { letter-spacing: 0px; font-family:Verdana, Geneva, sans-serif; color:#999; display:block; text-align:left; padding-left:30%; text-indent:-1em; font-size:.5em; font-weight:normal; text-shadow:0px 0px 0px; }

				div.piece > div.content > div.name { font-size:1.2em; color:#333; padding:0 .25em .5em; border-bottom: #999 1px solid; margin:0 0 .5em 0; text-shadow: 0px 0px 1px #444; letter-spacing:.1em; }
				div.content > p.top {
					line-height:20px;
					/* font-family:"Lucida Console", Monaco, monospace;
					 padding:0 1em 0 .5em; */
					font-size:.75em;
					color:#444;
					display:block;
					text-align:justify;
					/*background:url('images/body_repeat.jpg') -115px left repeat-x;*/
				}
				div.content > p.left {
					line-height:20px;
					/* font-family:"Lucida Console", Monaco, monospace;
      				        padding:0 20em 0 0; */
					width:335px;
					font-size:.75em;
					color:#444;
					text-align:justify;
				}
				div.content > p.closed {
					max-height:180px;
					overflow:hidden;
				}
				div.content > div.continue {
					padding:.5em 0em;
					display:inline-block;
					font-family:"Lucida Console", Monaco, monospace;
					line-height:12px;
					font-size:.7em;
					cursor:pointer;
					color:#006ea7;
                                        display:none;
				}
				
	/* Links */
				a.enlarge {
					display:inline-block;
					width:321px;
					float:right;
					bottom:0px;
					margin-top:-225px;
                                        /*  margin-top:-195px; */
                                        margin-right:35px;
					/* margin-right:-15px; */

					clear:both;
				}
					a.enlarge > span.underlay { 
						margin:12px 10px 0px; 
						display:inline-block; 
						background:#000; 
						width:300px; 
						height:160px; 
						position:absolute;
						overflow:hidden;
					 }
					a.enlarge > span.overlay { 
						position:absolute;
						display:inline-block;
						width:321px; 
						height:225px;
						background:transparent url('images/monitor.png') top center no-repeat;
					}
				a#openresume { 
					padding-left:34px; background:url('images/icons/document.png') 5px center no-repeat;	 				}
					a#pdfResume { 
					padding-left:34px; background:url('images/icons/document.png') 5px center no-repeat;	 				}
				a#opencontact { 
					padding-left:34px; background:url('images/icons/mail.png') left center no-repeat;	 						            }
				a.resume {
					padding-left:24px; background:url('images/icons/getdocument.png') left center no-repeat;
				}
				a.close {padding-left:24px; background:url('images/icons/cross.png') left center no-repeat;}
			
			div.footerlinks {
				position:absolute;
				margin-top:-34px;
				height:50px;
				margin-left:40px;
			}
			div.footerlinks > a, div.footerlinks > span {
				display:inline-block;
				float:left;
				height:32px;
				line-height:23px;
				font-size:.8em;
				padding:8px 1.5em 0 1em;
				color:#DDD;
				text-decoration:none;
				background:transparent no-repeat;
				background-position:left 8px;
			}
			div.footerlinks > span {
				font-size:.8em;
				color:#888;
				padding:6px .5em 0 1em;
			}

			div.footerlinks > span.twoline {
				line-height:12px;
				color:#666;
				font-size:.7em;
				text-align:right;
				padding:6px 10px 0 0;
				margin-right:15px;
				border-right:1px solid #1b3044;
			}
			div.footerlinks > a:hover {
				border-bottom:1px solid #555;	
			}
			div.footerlinks > a.live {
				background-image:	url('images/icons/run.png');
				padding-left:32px;
			}
			div.footerlinks > a.demo {
				background-image:	url('images/icons/gear.png');
				padding-left:32px;
			}
			div.footerlinks > a.screenshot {
				background-image:	url('images/icons/enlarge.png');
				padding-left:32px;
			}

			div.footerlinks > a.play {
				background-image:	url('images/icons/play.png');
				padding-left:32px;
			}

                        div.footerlinks > a.live:hover,
                        div.footerlinks > a.play:hover,
                        div.footerlinks > a.demo:hover,
                        div.footerlinks > a.screenshot:hover {
                                text-decoration:underline;
                        }


			div.footerlinks > a.dw, 
			div.footerlinks > a.fl, 
			div.footerlinks > a.ps, 
			div.footerlinks > a.il,
			div.footerlinks > a.vs,
                        div.footerlinks > a.drupal,
                        div.footerlinks > a.wp {
				padding:8px 1em 0 32px;
				background:transparent 8px 3px no-repeat;
				position:relative;
				margin-left:-5px;
				overflow:hidden;
				text-indent:-200px;
				width:auto;
			}
				div.footerlinks > a.dw:hover, 
				div.footerlinks > a.fl:hover, 
				div.footerlinks > a.ps:hover, 
				div.footerlinks > a.il:hover,
				div.footerlinks > a.vs:hover,
				div.footerlinks > a.drupal:hover,
				div.footerlinks > a.wp:hover{
					
					border-bottom:0;
					/* text-indent:20px; */
				}
			div.footerlinks > a.dw {
				cursor:default;
				background-image:url('images/icons/dw.png');	
			}
			div.footerlinks > a.il {
				cursor:default;
				background-image:url('images/icons/il.png');	
			}
			div.footerlinks > a.fl {
				cursor:default;
				background-image:url('images/icons/fl.png');	
			}
			div.footerlinks > a.ps {
				cursor:default;
				background-image:url('images/icons/ps.png');	
			}
			div.footerlinks > a.vs {
				cursor:default;
				background:transparent 8px 1px no-repeat;
				background-image:url('images/icons/vs2.png');
			}
			div.footerlinks > a.wp {
				cursor:default;
				background:transparent 12px 3px no-repeat;
				background-image:url('images/icons/wordpress.png');
			}
			div.footerlinks > a.drupal {
				cursor:default;
				background:transparent 12px 3px no-repeat;
				background-image:url('images/icons/drupal.png');
			}
				div.spacer { clear:both; height:1px;}
				
				/* Special Ids */
				li#construction, li#constructionFlip {
					background:url('images/icons/front_loader.png') center center no-repeat;
					width:70px;
					height:30px;
				}
					li#constructionFlip {
						background-image:url('images/icons/front_loader_flip.png');
					}

div.helpLinks { 
padding:3px 19px 0px;
text-align:right;
}
div.helpLinks > a {
text-align:left;
font-size:.60em;
color:#CDCDCD;
background:#333;
border:1px solid #999;
border-right-color:#CCC;
border-left-color:#2c3c4b;
border-top:0px;
height:20px;
line-height:20px;
width:32px;
display:inline-block;
text-indent:-200px;
overflow:hidden;
background:#202a34 8px center no-repeat;
}

div.helpLinks > a:hover {
text-indent:20px;
width:auto;
padding:0 1em;
background-color:#2c3c4b;
}

div.helpLinks > a.toTop {
 background-image:url(images/icons/up.gif);
}

div.helpLinks > a.twShare {
background-image:url(images/icons/twitter.png);
}

div.helpLinks > a.buzzShare{
background-image:url(images/icons/googleBuzz.png);
}

div.helpLinks > a.fbShare {
background-image:url(images/icons/facebook.png);
}

div.helpLinks > a.social {
border-right:0px;
border-left-color:#2c3c4b;
}

div.helpLinks > a.first { 
border-left-color:#999;
}

div.helpLinks > a.last { 
border-right-color:1px #2c3c4b solid;
}

/* ------ Selectmenu --- */
select, input.email, textarea, button { 
	width:300px;
	background:#FFF url('images/header_repeat.jpg') top left repeat-x;
	background-position:left -25px;
	border:1px solid #666;
	padding:.3em .5em;
	color:#006ea7;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
textarea { height:10em; }
	.ui-selectmenu { 
		display: block; 
		position:relative; 
		height: 2em; 
		text-decoration: none; 
		overflow:hidden;
	}
	.ui-selectmenu-icon { 
		position:absolute; 
		right:6px; 
		margin-top:-8px; 
		top: 50%; 
	}
	.ui-selectmenu-menu { 
		padding:0; 
		margin:0; 
		list-style:none; 
		position:absolute; 
		top: 0; 
		visibility: hidden; 
		overflow: auto; 
	}
	.ui-selectmenu-open {  visibility: visible;  }
	.ui-selectmenu-menu-popup {  margin-top: -5px; }
	.ui-selectmenu-menu-dropdown { }
	.ui-selectmenu-menu li { 
		padding:0; 
		margin:0; 
		display: block; 
		border-top: 1px dotted transparent; 
		border-bottom: 1px dotted transparent; 
		border-right-width: 0 !important; 
		border-left-width: 0 !important; 
		font-weight: normal !important; 
		text-align:left;
		font-size:.8em;
		padding:.3em 0;
		}
	.ui-selectmenu-menu li a,
	.ui-selectmenu-status {
		line-height: 1em;
		font-size:.9em;
		display:block; 
		padding:.6em 1em; 
		outline:none;
		text-decoration:none; 
		font-weight:bold;
	}
	.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
	.ui-selectmenu-hasIcon .ui-selectmenu-status { 
		padding-left: 20px; 
		position: relative; 
		margin-left: 5px;
	}
	.ui-selectmenu-menu li .ui-icon, 
	.ui-selectmenu-status .ui-icon { 
		position: absolute; 
		top: 1em; 
		margin-top: -8px; 
		left: 0; 
	}
	.ui-selectmenu-status { 
		line-height: 1em; 
	}
	.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
	.ui-selectmenu-open li.ui-selectmenu-item-selected { }
	.ui-selectmenu-menu li span,.ui-selectmenu-status span { 
		display:block; 
		margin-bottom: .2em; 
	}
	.ui-selectmenu-menu li .ui-selectmenu-item-header { 
		font-weight: bold; 
	}
	.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
	.ui-selectmenu-menu li .ui-selectmenu-item-footer { 
		opacity: .8; 
	}
	
	.ui-selectmenu-item-selected { display:none; }
/*for optgroups
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
*/
	.ui-selectmenu-menu { 
		border:#666 1px solid; 
		}
	
	.ui-selectmenu-menu li:hover { 
		text-indent: 20px; 
		background:url('images/icons/add_small.png') 16px center no-repeat;
		font-style:italic;
	}
	
	li.ui-selectmenu-item-selected,
	.ui-selectmenu-menu li.ui-selectmenu-item-selected:hover {
		background:#DDDEEE url('images/icons/add_small.png') 12px center no-repeat;
		padding-left:16px;
		text-indent:0;
	} 
	
	.ui-widget { 
		background:#FFF url('images/header_repeat.jpg') top left repeat-x;
		background-position:left -25px;
	}
	.ui-state-default, .ui-widget-content .ui-state-default {
		border:1px solid #666;
		width:312px !important;
	}
	
	span.ui-icon-triangle-2-n-s {
		margin-top:-1em;
		margin-right:-.5em;
		display:inline-block;
		width:30px;
		height:25px;
		background:url('images/icons/menu.png') center center no-repeat;
		border-left:1px solid #CCC;
	}
	
	/**** Forms ***/
	.valid, input.valid { border:#030 1px solid; color:#1F661F; }
	.invalid, inut.invalid { color:#CC4B40; border: 1px solid #993830; }
	span.success, span.fail {
			display:block; width:300px; padding:1em 3em; margin:0 0 0 150px; border:3px double #444;
			font-size:.75em; text-align:center;
	}
	span.success { 
		background: url('images/icons/smiley.png') 24px center no-repeat;
		border:#030 1px solid; color:#1F661F; cursor:pointer;
	}
	span.fail {
		background: url('images/icons/error.png') 4px center no-repeat;
		color:#CC4B40; border: 1px solid #993830;

	}
	small.ok { 
		color:#1F661F; 
		background:url('images/icons/check.png') left center no-repeat; 
		margin-left:5px;
		padding-left:24px;
	}
	small.ajaxwait { padding:4px 0; margin-left:2em; padding-left:24px; background:url('images/icons/transfer.png') left center no-repeat; }
	textarea + small { position:absolute; padding-top:5px; }
	small.nogood { 
		color:#CC4B40; 
		background:url('images/icons/cross.png') left center no-repeat; 
		margin-left:10px;
		padding-left:20px;
	}
	
	button { padding:.5em 1em; text-align:left; width:auto; font-weight:normal;}
	#submitform { padding-left:32px; border:1px solid #666; background:#EFEFEF url('images/icons/send.png') 8px center no-repeat; cursor:pointer; display:none;}
	#submitform:hover { font-weight:bold; }