/* CSS Document */ @import url("resumes.css"); @import url("maxi.css"); /*dfx clear defaults*/ img, a{ border: 0; outline: 0;} ul { list-style:none; } dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; } body{background:#000 url(../d_images/background1.jpg) repeat-x top;font-family:Arial, Helvetica, sans-serif;font-size:0.90em;} h2{color:white;margin-left:40px;width:237px;height:21px;text-indent:-4000px;display:block;margin-top:20px;margin-bottom:15px;} h2.bio{background:url(../d_images/h1/about.gif) no-repeat left top;} h2.news{background:url(../d_images/h1/news.gif) no-repeat left top;} h2.resumeH{background:url(../d_images/h1/resume.gif) no-repeat left top;} h2.gallery{background:url(../d_images/h1/gallery.gif) no-repeat left top;} h2.contact{background:url(../d_images/h1/contact.gif) no-repeat left top;} #Wrap {width:850px;margin-left:auto;margin-right:auto;padding-top:19px;} #Header{width:445px; height:54px;border:1px solid white;background:black;color:white;border-bottom:0;} #Header a{width:325px; height:44px; text-indent:-4000px;background:url(../d_images/logo.jpg) no-repeat left top;display:block;} #Nav{background:#232323;border:white solid 1px;width:850px;height:25px;border-bottom:0;} #Nav ul{height:24px;} #Nav ul li{float:left;height:24px;} #Nav ul li a{height:25px;text-indent:-4000px;display:block;} #Nav ul li a.bio{background:#2E2E2E url(../d_images/nav/bio.jpg) left top no-repeat; width:80px;height:24px;} #Nav ul li a.bio:hover{background:#2E2E2E url(../d_images/nav/bio.jpg) left bottom no-repeat; width:80px;height:24px;} #Nav ul li a.resume{height:24px;width:130px;display:block; background:#000 url(../d_images/nav/resume.jpg) no-repeat left top; width:135px; } #Nav ul li a.resume:hover{height:24px;width:130px;display:block; background:url(../d_images/nav/resume.jpg) no-repeat left bottom; width:135px;} #Nav ul li a.gallery{background:#2E2E2E url(../d_images/nav/gallery.jpg) left top no-repeat; width:144px;height:24px;} #Nav ul li a.gallery:hover{background:#2E2E2E url(../d_images/nav/gallery.jpg) left bottom no-repeat; width:144px;height:24px;} #Nav ul li a.news{background:#000 url(../d_images/nav/news.jpg) left top no-repeat;width: 95px;height:24px;} #Nav ul li a.news:hover{background:url(../d_images/nav/news.jpg) left bottom no-repeat;width: 95px;height:24px;} #Nav ul li a.contact{background:#2E2E2E url(../d_images/nav/conytact.jpg) left top no-repeat;width:137px; height:24px;} #Nav ul li a.contact:hover{background:#2E2E2E url(../d_images/nav/conytact.jpg) left bottom no-repeat;width:137px; height:24px;} #Content{width:850px; border:1px solid white;background-color:#000;margin-left:auto;margin-right:auto;} #MainContent{background-color:#000;padding-top:10px;} #MainContent a{color:white;} #MainContent a:hover{color:#999999;} #MainContent p{color:white;padding:5px;padding-left:20px;} #leftColumn{float:left;width:400px;} .note{text-indent:-4000px;width:306; height:339px;background:url(../d_images/note.jpg) no-repeat left top;margin-left:90px;} #rightColumn{float:right;width:400px;} #rightColumn img{margin-right:20px;} #footer{clear:both;padding-top:25px; text-align:center;color:#CCCCCC;font-size:0.75em;} .clear{clear:both;} /*ditto*/ .ditto_summaryPost {margin-top: 20px; margin-bottom: 20px;} .ditto_commentcount {text-align:right; margin: 0;}/*old*/ .ditto_tools {font-size: 0.7em; color: #666; border-top: 1px dashed #1a2936; margin: 0 0 20px 0; text-transform: uppercase;} .ditto_author {float: right; display: block; clear: right;margin:-30px 0 0;} .ditto_head {}/*border-bottom:1px dashed #505050;*/ .ditto_head h3 a { color:#e06900;} .ditto_head h3{padding:10px 2px 2px; margin: 0;} /*Your still reading this? well heres my Biopage styles..-eric*/ #bio{width:475px;float:left;font-size:85%;letter-spacing:0.15em;border:0;padding-left:10px;} #quotes{border:0;width:350px;float:right;padding-left:10px;border-left:1px solid #3B3B3B;} #quotes blockquote{color:white;padding:10px;background:url(../d_images/quote.jpg) top left no-repeat;padding-left:35px;border-bottom:dashed white 1px;margin-bottom:10px;} #quotes blockquote p{letter-spacing:0.12em;} #quotes blockquote span{text-align:right;width:99.9%;} .toggler { cursor:pointer; font-weight:bold; color:#fff; margin: 0; padding:3px; font-size:13px;padding-left:20px; font-family:Arial, sans-serif; } .toggler:hover { background:#333366; } .element { padding:0 5px; } /*news listings- this changes a lot- can never decide -eric)*/ dl.ditto_item{width:700px;padding:10px;margin-left:75px;padding-top:5px;} dl.ditto_item dt {border-bottom:1px solid #fff;padding:3px;width:475px;} dl.ditto_item dt a{font-weight:bold; text-decoration:none;color:white;text-transform:capitalize;} dl.ditto_item dt a:hover{color:#666666;} dl.ditto_item dd {width:450px;paddingleft:50px;font-size:85%;} dl.ditto_item dd span {font-weight:bold;width:200px;float:right;color:#CCCCCC;font-size:80%;text-align:right;} dl.ditto_item dd div.ditto_introText{clear:both;color:#fff;} /*news wrap-----background:url(../d_images/dlback.jpg) right top no-repeat;*/ div#newsList{width:800px;background:url(../d_images/dlback.jpg) right top no-repeat;margin-top:20px;padding-bottom:20px;} #NewsPosts {width:700px; padding-left:50px;margin-top:10px;} #NewsPosts h3 {border-bottom:1px dashed #fff;color:white;margin-bottom:5px;} #post {border-right:1px solid #222;} #NewsPosts p {font-size:90%;letter-spacing:0.12em;} /*for temp*/ a.back {margin-left:50px;color:#CCCCCC; font-weight:bold;text-decoration:none;padding-bottom:50px;} a.back:hover{text-decoration:underline;} #stamp{text-align:right;color:white;font-style:italic;} /*contactForms*/ #EmailForm { width:400px; text-align: left; padding: 20px; border: none; margin-left:auto;margin-right:auto;padding-top:1px;background:#999999; } #EmailForm.full { width: 100%; } #EmailForm fieldset { border: none; } #EmailForm legend { display: none; } #EmailForm h3 { clear: both; padding: 15px 0 5px; font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #000; font-weight: bold; } #EmailForm label, #EmailForm p { display: block; clear: both; width: 310px; font-size: 1em; line-height: 1.5em; padding: 0 0 9px; } #EmailForm input { display: block; margin-top: 3px; } #EmailForm select { float: left; display: block; } #EmailForm label.first, #EmailForm label.city { clear: left; margin-right: 10px; width: 150px; } #EmailForm label.second, #EmailForm label.state { float: left; clear: none; margin: 0 10px 0 0; width: 150px; } #EmailForm label.state { width: 60px; } #EmailForm label.first input, #EmailForm label.city input, #EmailForm label.second input { float: left; width: 150px; padding: 0; } #EmailForm label.state select { width: 60px; float: left; margin-top: 3px; } #EmailForm label.zip, #EmailForm label.zip input { float: left; width: 80px; } #EmailForm label.zip { clear: none; } #EmailForm label { float: left; clear: left; width: 310px; margin: 0; line-height: 1.5em; } #EmailForm label input { float: left; width: 310px; padding: 0; } #EmailForm input.radio, #EmailForm input#radiobutton_1, #EmailForm input#radiobutton_2, #EmailForm input#radiobutton_3, #EmailForm input#radiobutton_4 { clear: left; float: left; padding: 0; margin: 0; } #EmailForm label.radio, #EmailForm label.radioitem { clear: none; margin: 0 0 0 25px; padding: 0 0 15px; } #EmailForm input.checkbox, #EmailForm input#checkbox_1, #EmailForm input#checkbox_2, #EmailForm input#checkbox_3, #EmailForm input#checkbox_4 { clear: both; float: left; padding: 0; margin: 0; } #EmailForm label.checkbox { clear: none; margin: 0 0 0 25px; padding: 0 0 15px; } /* style the #EmailForm elements to look similar across browsers ... emulates Safari */ #EmailForm label input, #EmailForm textarea { border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; padding: 0 2px; height: 18px; line-height: 20px; background: #fff url(../d_images/input-bg.gif) repeat-x top left; } #EmailForm input.checkbox, #EmailForm select { border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #fff; } #EmailForm textarea { margin-top: 3px; width: 383px; height: auto; display: block; } #EmailForm label input.calc { text-align: right; width: 100px; clear: left; padding: 0; } #EmailForm input.button { clear: left; border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c;} /*gallery*/