/* global */
body {background: #fff url('/images/body-bak.jpg') repeat-x; margin:0; padding:0px; font-family:verdana; font-size:11px; text-align:center;}
h1, h2 {font-size:14px;}
img {border:0px;}
a {text-decoration:none; outline: none;}
a:hover {text-decoration:underline;}
:-moz-any-link:focus {outline: none;}
form {margin:0px; padding:0px;}
.horSep {border-bottom:1px dotted #ccc; margin-top:10px;}
.w80 {width:80%;}
.dropCap {float:left; color:#D4D4C7; font-size:70px; line-height:50px; padding:2px 5px 5px 0px; font-family: Times, serif, Georgia;}
.back {background: url('/images/background.jpg'); background-repeat: repeat-y;}
#close {color:#007ca5; float:right;}
#close:hover {cursor: pointer;}
.title {background:#333; padding:10px;}
/* body */ 
#header {width:100%; border-top:1px solid #62532c; border-bottom:1px solid #62532c; background:#000;}
#bodyShell {width:733px; position:relative; margin:0 auto; text-align:left;}
  #pageBody {width:733px;}
    #container { border-left:5px solid #616955; border-right:5px solid #616955; border-bottom:5px solid #616955; padding:10px 20px; background:#fff;}   

/* nav */
#topNav {width:723px; max-width: 708px; background:#fff; height:15px; margin: 0 auto; padding: 15px 0 5px 15px; border-left:5px solid #616955; border-right:5px solid #616955;}
#topNav a {float:left;display:block; text-decoration:none; padding:1px 4px; margin-right:1px; color:#616955; font-weight:bold; font-family: Georgia;}
#topNav a:hover {color:#cac192;}    
#topNav a span {color:#000; padding-left:5px;}    
.subnav {color:#fff;}
.subnav:hover {color:#cac192; text-decoration:none;}

/* home */
#nerd {float:left; padding-right:10px;}
.homeRightCol {float:right;}
.homeLeftCol {width:325px; height:500px;}
.homeLeftCol .intro {line-height:21px; padding-right:10px;}      
.homeImages div {float:left; margin-right:5px; padding:2px; border:1px solid #efefef;}
      
/* resume */      
#resume-links {float: right; text-align: right;}
a.icon {padding:2px 5px 2px 20px;}
.icon.pdf {background: url('/images/icons/icon-pdf.gif') left no-repeat;}
.icon.linkedin {background: url('/images/icons/icon-linkedin.gif') left no-repeat;}
.icon.print {background: url('/images/icons/icon-print.gif') left no-repeat;}
      
/* contact */
#postForm {display:none;}
#contact-page {text-align:center;}
#contact-form {text-align:left; width:550px; margin:0 auto;}
#contact-submit {position:relative; top:5px;}

/* portfolio */
#portfolioContents {line-height:22px; float:right; width:310px; padding-top:20px;}
.open:hover {cursor:pointer;}
      
/* all the rest */
.leftCol {width:190px; float:left;}
b.lColTitle {margin-bottom:5px; display:block;}
.rightCol {margin-left: 205px;}
#photo2 {display:none;}
      
/* moodalbox */
div#mb_overlay {position: absolute; z-index:1000; left: 0; width: 100%; background-color: #000; cursor: pointer;}
div#mb_center, div#mb_bottom { z-index:1001; position: absolute; left: 50%; overflow: hidden; background-color: #DDD;}
div#mb_center { z-index:1001;background-color: #FFF;}
div#mb_contents {width: 400px; height: 400px; border: 10px solid #DDD; overflow: auto; background-color: #FFF; visibility: hidden;padding:10px;}
.mb_loading {background: #DDD url(/images/loading.gif) no-repeat center center;}
#mb_error {font-size: 1.2em; color: #CD0000; font-weight: bold; text-align: center; padding: 0.5em; font-family: Verdana, Helvetica, sans-serif;}
#mb_error em {font-size: 0.8em;}
div#mb_bottom {color: #666; line-height: 1.4em; text-align: left; border: 10px solid #DDD; border-top-style: none;padding:0px 10px;}
a#mb_close_link {display: block; float: right; width: 66px; height: 22px; background: transparent url(/images/modalClose.gif) no-repeat center; margin: 5px 0;}
div#mb_caption {margin-right: 71px;}

/* lightbox */
.lbCaption {font-weight: normal !important;}
.lbNumber {font-weight:bold !important; padding-top:5px;} 

/* moo scroller home */
.homePage div.scroller {width: 350px; height: 220px; border: 1px solid #efefef; margin:5px 0 10px 0;}
.homePage div.scroller .content {height: 220px;	width: 340px;	overflow: hidden;	float: left;}
.homePage div.scroller .scrollarea {height: 220px;	width: 9px;	float: left;	border-left: 1px solid #ddd;	cursor: pointer;}
.homePage div.scroller div.scrollBarContainer {height: 202px;}
/*
*:first-child+html .homePage div.scroller div.scrollBarContainer {height: 202px; margin-left:1px; position:relative; top:4px; left: 4px;}
*/
.homePage div.scroller .content div {width:90px; float:left; padding:5px 0 0 5px;}
.homePage div.scroller .content span {display:block; width:225px; margin-left:90px; padding:5px 0 0 5px;}

/* moo scroller */
div.scroller {width: 350px; height: 400px; border: 1px solid #ddd; margin:20px 0 10px 0;}
div.scroller .content {height: 400px;	width: 340px;	overflow: hidden;	float: left;}
div.scroller .scrollarea {height: 400px;	width: 9px;	float: left;	border-left: 1px solid #ddd;	cursor: pointer;}
div.scroller div.scrollBarContainer {height: 382px;}
div.scroller .scrollKnob {width: 5px;	margin: 1px;	border: 1px solid #999;	background: #ccc;	min-height: 10px;}
div.scroller .scrollForward, div.scroller .scrollBack {width: 5px;	margin: 1px;	border: 1px solid #999;	background: #ccc;	height: 5px;}
div.scrolling-item {margin:5px; clear:left; border-bottom:1px dotted #ccc; height:135px; padding-top:5px;}
div.scrolling-item span {display:block; padding-top:10px;}
div.scrollingImage {float:left; width:165px;}
div.scrolling-item b {display:block;}

/* accordian */
h3 {}
.toggler {border-top:1px solid #ccc; color: #222; margin: 0; padding: 2px 5px; /*background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5;*/ font-size: 11px; font-weight: normal; font-family: 'Andale Mono', sans-serif;}
.element div {padding:10px 5px; background:#fff;}
.skills {border-top:1px solid #ccc; padding-top:5px;}
.skills span {margin-left:5px; }
ul {margin:5px 0px 0px 0px; padding:0px 15px;}

/* tabs */
.mss-tab  {float:left; background: transparent url('/images/tab-bg.gif') no-repeat left; height:19px; border-right: 1px solid #666666;}
.mss-tab-on  {float:left; background: transparent url('/images/tab-bg-sel.gif') no-repeat left; height:19px; border-right: 1px solid #666666;}
.mss-tab a, .mss-tab a:visited, .mss-tab-on a, .mss-tab-on a:visited, .mss-tab a:hover, .mss-tab-on a:hover {padding:0 10px 0 14px; text-decoration:none; z-index:2; position:relative; line-height:19px;} 
.mss-tab a, .mss-tab a:visited, .mss-tab a:hover {color:#fff !important;}
.mss-tab-on a, .mss-tab-on a:visited, .mss-tab-on a:hover {color:#666666 !important;}
.mss-tab-spacer {float:left; width:558px; height:1px; border-bottom:1px solid #666; padding-top:17px;}
#t2, #t3, #t1, #t4 {padding:5px; z-index:3; clear:left; position:relative;}
#t2, #t3, #t4 {display:none;}

/* footer */
#footer {font-size:10px; padding:5px 0px; margin-left:15px;}
#footer .horSep {color:#000;}
#footer a {text-decoration:none;}

/* moo slide */
.mooSlide {background-color: #000000; padding: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 16px;	color: #FFFFFF;	font-size: 11px;}
#hframe {background:#000;}