/* (c) 2008-2009 Chris (Dean) Hunt */ /* globals [slimbox excluded] */ #loadingBanner, #pageHeader, .sectionheader, .portfolioElementHeader, .educationToggler, .portfolioToggler, .sampleHeader, .caption, .sampleDescription, .sampleViews, a.sampleVisit, .sampleVisit { font-family: "Helvetica Neue", Helvetica, Arial; letter-spacing: 0.06em; } body { font-family: Helvetica, Verdana; letter-spacing: 0.04em; } #introPlain, #portfolioTab, #contactTab, #resumeTab, .captionContainer, .previewImage, a.sampleVisit, .sampleVisit, .educationToggler, .portfolioToggler { cursor: pointer } .sampleHeader, .degreetitle, .programtitle, .educationToggler, .portfolioToggler, .skilltype, .headername, .workplace, .caption, .sampleDescription { text-transform: uppercase; letter-spacing: 0.06em; line-height: 1.4em; font-weight: bold; font-size: 12pt; } .caption, .sampleDescription { letter-spacing: 0.1em; } /* generics */ body { color: #eee; font-size: 12px; text-align: center; margin: 0px; cursor: default; background: #444444 url(images/bg.block.gif); } a:link, a:visited { text-decoration: none; color: #fff; } a:active { text-decoration: none; } a:link:hover, a:visited:hover, .sampleVisit:hover, a:active { border-bottom: 1px solid #fff; } .floatClear { clear: both; } /* top tabs */ #tabs { position: static; width: 711px; top: 0px; margin-left: auto; margin-right: auto; } #portfolioTab, #contactTab, #resumeTab { position: absolute; top: -261px; left: 0px; width: 232px; height: 261px; z-index: 100; } #portfolioTab { left: 0px; background: url(images/portfolio.tab.png) no-repeat; } #contactTab { left: 235px; ; background: url(images/contact.tab.png) no-repeat; } #resumeTab { left: 472px; background: url(images/resume.tab.png) no-repeat; } /* samples */ .samples { color: #ccc; padding: 1em 2px 1em 2px; background: url(images/bg.workplace.png); overflow: auto; } .sampleContainer { padding: 2px 4px 4px 2px; margin-right: -1px; float: left; opacity: 0.9; } /* broken intentionally */ .slideshowTable { color: #eee; width: 168px; } .sampleHeader { height: 18px; color: #eee; font-size: 13px; text-align: center; padding: 3px 0px 0px 0px; background: url(images/slideshow.bg.top.png) no-repeat; text-transform: lowercase; } .captionContainer { position: absolute; top: 0px; width: 160px; opacity: 0.90; visibility: hidden; border-left: 4px solid #000; border-right: 4px solid #000; background: #000; text-align: left; padding-top: 0.8em; } .caption, .sampleDescription { font-size: 10px; color: #fff; padding: 2px 2px 6px 2px; overflow: hidden; } .slideshowPreview { border-left: 2px solid #000; border-right: 2px solid #000; background: #000; overflow: hidden; height: 135px; font-size: 0px; } .previewImage { width: 160px; border: 2px solid #000; } .sampleViews { color: #eee; font-size: 11px; height: 17px; padding: 3px 4px 3px 4px; background: url(images/slideshow.bg.bottom.png) no-repeat; } a.sampleVisit, .sampleVisit { padding: 1px; color: #eee; font-size: 11px; width: 80px; padding: 0px 2px 0px 2px; white-space: nowrap; } /* slimbox [see note in resume.js] */ #lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(images/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(images/prevlabel.gif) no-repeat 0% 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(images/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; } /* portfolio specific */ .portfolioBody { background: #444 url(images/goldengate.jpg); } #widePortfolio { margin: 0px auto 0px auto; padding-top: 55px; width: 760px; display: none; } #widePortfolioHeader { position: absolute; top: 0px; width: 600px; height: 80px; margin: 0px auto 0px auto; background: url(images/bigPortfolio.name.png) no-repeat; } #deanBloc { width: 168px; height: 175px; background: url(images/dean.bloc.png) no-repeat; } .portfolioSample { margin: 8px; z-index: 50; } /* rest are resume specific */ #sitebox { position: relative; width: 960px; padding-top: 60px; padding-bottom: 30px; margin: 0px auto 0px auto; } #header { height: 36px; width: 589px; } #resume { font-size: 12px; color: #eee; background: #151515; } #footer { height: 20px; width: 589px; } #portfolio { width: 351px; margin-left: 20px; float: left; opacity: 0.9; } #container { width: 589px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; opacity: 0.9; } #education, #skills { width: 589px; margin-top: 20px; } #educationHeader, #skillsHeader { height: 36px; } #educationAccordion, #portfolioAccordion { text-align: left; } #educationAccordion { background: #151515; padding-bottom: 1em; } .educationToggler, .portfolioToggler { font-size: 13px; padding: 3px 5px 0px 10px; background-color: #151515; } .educationToggler:hover, .portfolioToggler:hover { color: #0f9; cursor: pointer; } .portfolioToggler { color: #fff; padding-top: 20px; padding-bottom: 2em; cursor: pointer; } .portfolioToggler.active { background: url(images/bg.workplace.png); cursor: pointer } .portfolioToggler.active:hover { color: #fff; cursor: pointer; } .portfolioToggler.active .workdates { color: #777; background-color: #fff; padding-bottom: 0px; } .educationElement, .portfolioElement { display: none; } .educationToggler { color: #eee; } #techElement { display: block; } .educationElement { color: #eee; padding: 0px 10px 0px 12px; clear: both; border-left: 2px solid #151515; border-right: 2px solid #151515; } .portfolioElement { color: #eee; background: #252525; overflow: hidden; padding-top: 2px; padding-bottom: 4px; } #educationFooter, #skillsFooter { height: 21px; background: url(images/education.bg.bottom.png) no-repeat; } #portfolioHeader { height: 36px; } .portfolioElementHeader { color: #000; line-height: 1.6em; font-size: 9.5pt; padding: 1em 40px 1em 12px; margin: 0px; background: url(images/bg.brightcolorline.png); } .portfolioElementHeader a { color: #000; } #portfolioFooter { height: 20px; } #copyright { text-align: center; padding: 0.6em; font-size: 10pt; font-family: Helvetica, Arial; color: #fff; font-weight: bold; } #skillsContent { background-color: #151515; } .skillswrapper { position: relative; text-align: left; font-size: 12px; padding: 0px 5px 3px 18px; } .skilltype { position: relative; left: 10px; width: 60px; text-align: left; } .skillwrapper { position: relative; padding-left: 10px; line-height: 1.7; } .skill { white-space: nowrap; padding: 0px 5px 0px 5px; } .skill:hover { color: #fff; } .headerwrapper { position: relative; text-align: left; line-height: 1.4; padding: 0px 0px 10px 0px; display: none; } .headername { position: relative; font-size: 30px; } .headeremail { position: relative; left: 20px; font-size: 12px; } .headerphone { position: relative; top: 2px; left: 20px; font-size: 13px; cursor: text; } .headeraddress { position: absolute; top: 2px; right: 5px; font-size: 13px; text-align: right; cursor: text; } .workwrapper { padding-top: 1px; padding-bottom: 3px; clear: both; } .workdates { color: #999; text-transform: lowercase; letter-spacing: 0.15em; padding-left: 2em; } .workplace { font-size: 9.5pt; text-transform: none; } .workplace span { white-space: nowrap; } .worktitle { font-size: 18pt; font-family: Helvetica, Arial; letter-spacing: 0.06em; line-height: 0.76em; } .workdesc { font-size: 9.5pt; letter-spacing: 0.06em; } .uniwrapper { position: relative; line-height: 1.4em; padding: 0px 0px 4px 0px; } .uniname { position: relative; top: 0px; left: 0px; width: 440px; } .unidates { position: absolute; top: 0px; right: 5px; font-size: 13px; } .unigpa { color: #aaa; } .degreewrapper, .programwrapper { padding: 6px; font-size: 14px; } .degreehonors { color: #bbb; } .degreedesc, .programdesc { line-height: 1.6em; padding-left: 20px; font-size: 11px; color: #eee; } #introcopy { text-align: left; padding: 0.8em 2em 2em 2.5em; } #introcopy p { padding: 0px 0px 0px; margin: 0px; } #introcopy p.big { color:#FFFFFF; font-size:20pt; font-weight:bold; letter-spacing: 0.04em; line-height:1.6em; padding-bottom:0.4em; padding-top:0.1em; } #introcopy p#sig { text-align: right; } #introcopy p#sig a { color: #fff; } #introcopy p#sig a:hover { color: #10fb9e; } #introcopy p.small { font-size: 10pt; font-family: Helvetica, Verdana; line-height: 1.6em; letter-spacing: 0.1em; font-weight: normal; padding-top: 1em; color: #fff; padding-right: 5em;} #introcopy p a:link, #introcopy p a:visited { color: #10fb9e; white-space: nowrap; } /* compatability classes */ .browserRestricted { display: none; } .geckoAllowed {} .tridentAllowed {}