/* ===================
 * Begin main elements 
 * =================== */
 a:link, a { text-decoration:none; color:#858585; }
 a:hover { text-decoration:underline; color:#545454; }
html, body, ul, li, h1, h2, h3, h4, h5 { margin:0; }
html, body { height:100%; text-shadow: rgba(255,255,255,0.8) 0 1px 0; }
body { font:13px/1.3 "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#333; background-color:#d1cfc9; background-image: url(../images/stripetile.png); width:100%; }
img { border:0; vertical-align:middle; }
input, button, textarea {
	border:1px solid #9f9f9f;
	padding:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5x;
	-khtml-border-radius:5px;
}

input:hover, input:focus {
	border:1px solid #a1a1a1;
	background-color:#ececec;
}

input:focus {
	border:1px solid #a1a1a1;
	background-color:#cbcbcb;
}
span.clear { clear:both; }
.floatRight { float: right; }
.floatLeft { float: left; }
.seoHide { display:none; }
/* get rid of those system borders being generated for A tags */
a:active { outline:none; }
a:focus { outline-style:none; }
div.floatFriendlyContainer:after, div.projectDetailsContainer:after, div.projectDetailsHeaderContainer:after, div.innerShadow-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Don't let floated content spill out of parent (Grow parent's height) */
/* =================
 * End main elements
 * ================= */

/* ================
 * Begin Navigation 
 * ================ */
div#nav { text-shadow: none; font-size: 16px; background-image: url(../images/nav-barxx.png); background-repeat: no-repeat; width: 950px; margin-bottom:10px; }
div#nav > * > ul { list-style-type: none; }
div#nav a.navItem { color:#000;  margin: 0 11px; position: relative; z-index 0; }
div#nav a:hover div.headlink { background-color: #c4c4c1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; text-decoration: none;
	box-shadow:inset 0 0 5px #a1a1a1;
	-moz-box-shadow:inset 0 0 5px #a1a1a1;
	-webkit-box-shadow:inset 0 0 5px #a1a1a1;
	-khtml-box-shadow:inset 0 0 5px #a1a1a1;
	text-shadow:0px 0px 3px #a1a1a1;
 }
div#nav a:hover div.headlinkSelected, div.headlinkSelected { background-color: #4d4d4d; }
div#nav-logo {  }
div#nav-content { height: 60px; font-weight: bold; margin: auto; }
div#navBg { }
div.navBackground { position:relative; display:inline; padding:0 12px; }
div.headlink { line-spacing:1; display:inline; padding: 7px 0; vertical-align:middle; }
div.headlinkSelected, div#nav a:hover div.headlinkSelected { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	box-shadow:inset 0 0 10px #6d6d6d;
	-moz-box-shadow: 0 0 5px #6d6d6d;
	-webkit-box-shadow:inset 0 0 5px #6d6d6d;
	-khtml-box-shadow:inset 0 0 5px #6d6d6d;
	text-shadow:0px 0px 3px #a1a1a1;
 }
div.headlinkSelected { color:#fff; }
div.headlink div.grayShadowBox2 { position:absolute; display:none; z-index:999; margin-top:-10px; }
div.grayBoxTab > div.corner-tl2 { position:absolute; background-position: left top; left:-20px; top:-45px; height:62px; }
div.grayBoxTab > div.corner-tr2 { position:absolute; background-position: right top; right:-20px; top:-45px; height: 54px; }
div.grayBoxTab > div.top-edge2 { position:absolute; background-position: center top; top:-45px; left:30px; width:19px; }
div.grayBoxTab { position:absolute; height:15px; background-color:#dedede; margin-top:20px; z-index:999999; padding:0 12px 0 0; display:none; }
ul.navMenuList { margin:0; padding:0; list-style-type:none; }
ul.navMenuList li { padding:5px; margin:0 -5px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
ul.navMenuList li:hover { background-color:#b5bdda; border-top:1px solid #515c84; border-bottom:1px solid #515c84; }
ul.navMenuList li a { color:Black; text-decoration:none; }
div.navMenuItemDesc img { float:left; vertical-align:middle; margin-right:10px; }
div.navMenuItemDesc { min-height:64px; }
div.navMenuItemDesc p { padding:0; margin:0; padding-bottom:5px; font-weight:bold; }
div.navMenuItemDesc div { color:#3f4661; font-size:11px; }
a.navItem, a.navMenu { color: #fff; text-decoration:none; }
a.navItem:hover { text-decoration:underline; }
a.navMenu:hover, div.headlinkSelected a:hover { text-decoration:none; }
/* ============== 
 * End Navigation 
 * ============== */

/* ============
 * Begin Footer
 * NOTE: div#footerPush must be the same height as div#footer
 * ============ */
div#footer, div#footerPush { height:20px; clear: both; }
div#footer { background-image: url(../images/footer-fade2.png); background-position:left top; font-weight:bold; font-size:11px; text-shadow: none; color:#f1f1f1; text-align:center; margin:0 auto; padding-top:22px; }
div#footer p { padding:0; margin:0; margin-top:-5px; color:#fff; }
/* ==========
 * End Footer 
 * ========== */

/* ================
 * Begin Shadow Box 
 * ================ */
div.outerShadow {
	padding: 15px;
	background-color: #dedede;
	box-shadow:rgba(0,0,0,0.5) 0px 0px 20px;
	-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 20px;
	-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 20px;
	-khtml-box-shadow:rgba(0,0,0,0.5) 0px 0px 20px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	margin-bottom: 30px;
}
div.innerShadow, div.nestedInnerShadow {
	padding: 15px;
	background-color: #eeeeee;
	box-shadow:inset 0 0 5px #000000;
	-moz-box-shadow:inset 0 0 5px #000000;
	-webkit-box-shadow:inset 0 0 5px #000000;
	-khtml-box-shadow:inset 0 0 5px #000000;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
}

div.outerShadow div.innerShadow {
	margin: 0 -15px -15px -15px;
	box-shadow: inset 0 5px 5px -2px #9f9f9f;
	-webkit-box-shadow: inset 0 5px 5px -2px #9f9f9f;
	-khtml-box-shadow: inset 0 5px 5px -2px #9f9f9f;
	-moz-box-shadow: inset 0 5px 5px -2px #9f9f9f;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}
/* ==============
 * End shadow Box 
 * ============== */
 
/* ===================
 * Begin page elements
 * NOTE: div#pageContent needs 20px more bottom padding to compensate for the sticky footer
 * =================== */
div.wrapper { background-image: url(../images/topFade.png); min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -42px; background-repeat:repeat-x; }
div#pageContent { padding:20px 20px 55px 20px; width: 950px; margin: 0 auto; }
div.projectDetailsContainer {  }
div.projectDetailsContainer ul { font-size:12px; line-height:1.3em; list-style:square; margin:10px 0 10px 15px; padding:0 0 0 15px; }
div.projectDetailsContainer ul li { padding-bottom:3px; }
div.projectDetailsContainer ul li > * > ul { color: #787878; font-size:12px; line-height:1.3em; list-style:none; margin-left: 0; }
div.projectDetailsContainer ul li > ul li { padding-bottom:3px; }
div.projectDetailsContainer h3 { padding: 0; }
div.projectDetailsContainer div.innerShadowBox { margin: -15px; }
div.projectDetailsHeaderContainer { width: 100% !important; }
div.projectDetailsHeaderTextContainer { float: left; }
div.projectDetailsHeaderTextContainer h1 { font-size:28px; }
div.projectDetailsHeaderTextContainer h2 { font-size:14px; font-weight:normal; color:#909090; }
div.projectUrlContainer img { vertical-align: middle; }
p.projectRetiredText { color:#545454; }
div.brockInnerShadowContainer { clear: left;  }
div.brockAdminSectionContainer {  }
div.brockAdminSectionContainer2 { }
div.brockAdminSectionContainer ul { padding-left:340px;}
img.websitePortfolioHeaderImage { margin-top:30px; }
img.softwareHeaderImage { margin-top: 15px; }
img.resumeHeaderImage { margin-top:10px; margin-left: -10px; }
img.ieBad { float:right; margin-left:10px; }
img.brockShot1 { float: right; margin-left:10px; }
img.brockShot2 { float: left;  margin-right:25px; }
img.projectDetailsHeaderLogo { position: relative; float: right; }
div.portfolioHeaderContainer { margin-bottom:20px;  }
div.payscaleDetailsHeaderContainer, div.microsoftDetailsHeaderContainer { margin-bottom: 10px; }
div.resumeSiteLinkHeaderContainer { clear: both; margin-top:10px; }
div.jobDetailsContainer { float: right; font-weight: bold; text-align: right; }
div.yearsExpHeaderContainer { margin-top: 3px; font-size: 10px; }
div.payscale-screenshot-scroll { margin-left: 138px; clear:both; }
div.genuine-screenshot-scroll {	margin-left: 150px; clear:both; }
div.resume-right-screenshot-container { float: right; margin-left: 10px; margin-bottom: 10px; }
div.genuine-thumb4 { margin-left: 15px; } /* Center thumb. Make up for shorter width than other thumbs. */
div#fancybox-outer, div#fancy-bg-e, div#fancy-bg-ne, div#fancy-bg-s, div#fancy-bg-se, div#fancy-bg-sw, div#fancy-bg-nw, div#fancy-bg-w, div#fancy-bg-n { background-color: Transparent; background-image: none; }
span#fancybox-title-main { text-shadow: none; }
div.homeBlogSummary { float: left; width: 590px; }
div.homeRightInfoBoxes { float: right; margin-left: 10px; }
div.homeContainer { padding-top: 20px; }
div.homeInfoContainer { width: 300px; margin-bottom: 20px; }
div.homeInfoContainer h2 { padding-top: 5px; }
div.homeInfoContainer h3 { font-size: 12px; color: #757575; }
div.homeInfoContainer h4 { font-size: 14px; color: #000; margin-top: 10px; }
div.homeInfoContainer h4:first-child { margin-top: 0px; }
img.homeInfoLogo { float: left; margin-right: 10px; }
div.headfirstInfoContainer {  }
div.dirdiffInfoContainer {  }
div.homeLeftInfoDetailsContainer, div.homeRightInfoDetailsContainer { margin-top: 25px; clear: both; }
div.blogPostContainer { margin-bottom: 10px; text-overflow: ellipsis; }
div.homeInfoGotoLinkContainer {	margin-top: 10px; }
div.homeBlogSummary h2 { margin-bottom: 10px; }
div.homeBlogSummary h3 {  }
div.homeBlogSummary h5 { margin-bottom: 10px; }
div.blogPostDescription { color: #505050; margin-bottom:5px; }
a.blogPostViewMoreLink { }
div.pageInfoContainer { margin-top:10px; padding: 10px 12px; background-image: url(../images/header-info-fade.png); background-position:left top; text-shadow: none;
	height:80px; /* -10px*2 for the padding */
}
div.pageInfoContainer h1 { color:#ededed; }
/* =================
 * End page elements 
 * ================= */