/* CSS Document */

body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ddd; padding:0px; margin:0px; background:#0a0a0a; color:#ddd}
table, tr, td{ padding:0px; margin:0px;}
P{margin:0px; padding:0px; padding-bottom:8px; padding-top:8px; display:block}
form{margin:0px; padding:0px;}
a,a:link,a:visited,.toggler{ color:#8899bf; cursor:pointer}
a:hover,.toggler:hover{color: #3377ee}
#pagePanelLinks{text-align:right; margin-top:16px; font-size:14px; font-family:"century gothic",Verdana, Arial, Helvetica, sans-serif; font-weight:normal; height:18px; }
#pagePanelLinks a,#pagePanelLinks a:link,#pagePanelLinks a:visited{/* color:#88DD33; */ text-decoration:underline}
#pagePanelLinks a.selected{text-decoration:none; font-weight:bold}
#portfolio{ position:relative; width:100%; height:auto; top:0px; left:0px; border:1px solid #333; padding-top:16px; padding-bottom:16px; margin-right:16px; margin-top:16px; background:black; padding:0px;}
#portfolio ul{list-style:none; padding:0px; padding-top:0px; padding-bottom:36px; margin:0px; font-size:14px; width:100%; height:500px; overflow:scroll; overflow-x:hidden; overflow-y:scroll; margin-top:24px; margin-bottom:24px; left:0px; top:0px; position:static}
#portfolio li{margin:auto;margin-bottom:24px;margin-top:16px; padding:0px; clear:both;}
#portfolio .screenShot{margin-right:4px;margin-left:4px;padding:0px;margin-bottom:16px; text-align:center}
#portfolio .projectDivider{width:95%; margin:auto; clear:both;  margin-bottom:16px; margin-top:16px; font-size:1px; padding:0px; line-height:1px; border-bottom:1px solid #333}
#portfolio .projectInfo{ width:100%; margin-bottom:16px; margin-left:16px; font-size:12px;}
#scrollUp, #scrollDown{position:absolute; left:0px; width:100%; background:black; text-align:center; z-index:10; margin:0px; height:auto}
#scrollUp a, #scrollDown a{ text-decoration:none}
#scrollUpTrigger, #scrollDownTrigger{background:#222222; margin:2px; cursor:pointer; height:16px; vertical-align:middle; padding-top:2px; text-decoration:none}
#scrollUpTrigger{ background: url(images/bits/arrow_up_blue.gif) center no-repeat #222222; border-bottom:1px solid #7788AA;}
#scrollDownTrigger{ background: url(images/bits/arrow_down_blue.gif) center no-repeat #222222; border-top:1px solid #7788AA;}
#scrollDownTrigger:hover{}
a #scrollUpTrigger,a #scrollDownTrigger{text-decoration:none;filter:alpha(opacity=80);opacity:.8;}
a:hover #scrollUpTrigger,a:hover #scrollDownTrigger{filter:alpha(opacity=100);opacity:1;}
#scrollUp{top:0px}
#scrollDown{bottom:0px}
H1,H2{ font-size:16px; line-height:24px; font-family:"century gothic",Verdana, Arial, Helvetica, sans-serif; font-weight:normal; padding-top:4px;margin:0px;margin-bottom:4px}
H1 A:hover{ color:#33CC33; border:1px solid red; }  
h4{ font-size:14px; font-style:italic; line-height:16px; font-weight:normal; margin-top:16px; margin-bottom:4px;padding:0px; color:#ddd}
h3{margin:0px; cursor:pointer; font-weight:normal; background:#222222; filter:alpha(opacity=80);opacity:.8; font-size:16px; padding:2px; line-height:16px; margin-bottom:4px; margin-top:4px; padding-left:12px; color:#7788AA;}
h3.over{filter:alpha(opacity=100);opacity:1;}
H2{font-size:16px; line-height:21px;}
#resume{height:auto; width:95%; padding-top:18px; margin:auto}
#resume #accordion{ padding:0px; margin-top:16px}
#resume #accordion ul{margin-right:0px; }
#resume #accordion ul li{ list-style: outside circle; margin-bottom:8px; margin-left:0px;}
#resume #accordion .element{ font-size:14px; } 
#resume #accordion .element .endPad{ height:1px; line-height:1px; font-size:1px; }
#footer{text-align:center; font-size:12px;color:#555; margin:0px; padding-top:12px; padding-bottom:4px;}
H1,.attention{color:#88dd33;}

#contact {margin-top:52px;}
#contact table tr td{padding:4px; vertical-align:top; background:#111}
#contact table tr td label{padding:4px; border-bottom:1px solid #333;; display:block; margin-right:4px}

/* Popups */
#pageWipe{display:none;position:absolute;left:0px;top:0px;width:100%;height:100%; margin:0px; padding:0px} 
#pageWipeFade{display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;background:#0a0a0a; opacity:.8;filter: alpha(opacity=80); z-index:50}  
.pageWipePopup{display:block;position:absolute;top:30px;width:100%; 
			   border:#333 solid 1px; z-index:51; margin:0px}	
#imagePopup{text-align:center; background:transparent;border:1px solid #666; border:0px solid black;margin-bottom:16px;}


/*Fonts*/
.b{ font-weight:bold}
.i{ font-style:italic}
.req{ color:#7788AA}
.subtitle{font-size:14px}
.text{font-size:14px}
.small{font-size:12px} 
.note{font-size:11px; line-height:14px}
.gray{color:#aaa}
#portfolio ul,.dkgray{color:#999}
.black{color:black}
.error{color:#ff6611} 
.white{color:#fff}

/*bg colors*/
.alertMsg{background:#134;padding:2px;}
.whiteBG{background-color:#fff}
.blackBG{background-color:#000}


/*Padding & Spacing*/
.space8{margin:8px}
.space4{margin:4px}
.spaceB0{margin-bottom:0px;}
.spaceT24{margin-top:24px}
.spaceT16{margin-top:16px}
.spaceT8{margin-top:8px}
.spaceT4{margin-top:4px}
.spaceT2{margin-top:2px}
.spaceT0{margin-top:0px} 
.spaceB2{margin-bottom:2px}
.spaceB8{margin-bottom:8px}
.spaceB16{margin-bottom:16px} 
.spaceR16{margin-right:16px}
.spaceL16{margin-left:16px}
.pad0{padding:0px}
.pad2{padding:2px}
.pad4{padding:4px}
.padB4{padding-bottom:4px}
.pad8{padding:8px}
.pad16{padding:16px}
.padL16{padding-left:16px}

/*Positioning*/
.floatR{float:right}
.floatL{float:left}
.clear{ clear:both}
.spacer{font-size:1px; letter-spacing:1px; padding:0px; line-height:1px}
.left{ text-align:left}
.right{ text-align:right}
.center{ text-align:center}
.relative {position:relative}
.absolute {position:absolute} 
.top{ vertical-align:top}

/*indents*/
.third{float:left; width:33%}
.half{float:left; width:49.5%}
.two_thirds{float:left; width:66%}

/* misc */
.point {cursor:pointer}
.arrow {cursor:default}
.noDisplay {display:none}
.hidden {visibility:hidden}
.fade25{opacity:.25;filter: alpha(opacity=25);}
.ul{border-bottom:1px solid #333;}
.textUL{ text-decoration:underline}
.ltBorder{border: 1px solid #555}
.fullWidth{ width:100%}