/* GLOBAL ELEMENTS */ .error { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;} body { background-color: #FFFFFF; margin: 0px; padding: 0px; height: 100%; border: none;} img { border: 0px;} form { margin: 0px; padding: 0px; width: auto;} a:link, a:visited, a:active { text-decoration: none;} a:hover { text-decoration: underline;} #container { background: #FFFFFF url(../_images/bg.gif) no-repeat 318px 29px; height: 699px; width: 770px; margin: auto; position: relative;} .hide { visibility: hidden;} /* ABOUT */ #iframe-about { background-color: #E9E9E9;} #about-frame { background-color: #E9E9E9; position: absolute; height: 196px; width: 410px; top: 47px; right: 0px;} #about-divider-on { visibility: hidden;} #about-header { background-image: url(../_images/header_about_bg.gif); position: absolute; height: 27px; top: 20px; right: 0px; width: 410px;} #about-header #about-menu { position: absolute; height: 22px; top: 0px; right: 0px; width: 210px;} #about-header .ul { position: absolute; top: 22px; right: 0px;} #about-body { position: absolute; top: 47px; right: 0px; width: 410px; height: 195px; background: #E9E9E9;} #about-body #content { position: absolute; top: 15px; left: 19px; width: 168px; height: auto; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #717171;} #about-body #quote { position: absolute; top: 40px; left: 219px; width: 130px; height: auto; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #888888;} #about-body #pic { position: absolute; top: 6px; right: 8px;} #about-body #vertical-rule { position: absolute; top: 15px; left: 200px; } img#about_divider_off { z-index: 50; position: absolute; top:0px; right: 112px; } img#about_divider_on { z-index: 100; position: absolute; top:0px; right: 112px; } img#header_about_main { position: absolute; top:0px; right: 0px; } img#header_about_contact { position: absolute; top:0px; right: 136px; } /* CONTACT */ #iframe-contact { background-color: #E9E9E9; margin: 0px; padding: 0px; } #contact-body{ position: absolute; top: 0px; left: 0px; width: 402px;} #contact-body #pic { position: absolute; top: 6px; right: 0px; } #contact-body p { position: absolute; top: 6px; left: 20px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #717171; width: 300px; margin:0px; padding: 0px;} #contact-body #contact-name { position: absolute; top: 31px; left: 40px;} #contact-body #contact-name-field-pos { position: absolute; top: 26px; left: 75px; width: 243px; height: 16px;} #contact-body #contact-name-field { width: 243px; height: 16px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #404040 #D4D0C8 #D4D0C8 #404040; color: #717171;} #contact-body #contact-email { position: absolute; top: 56px; left: 40px;} #contact-body #contact-email-field-pos { position: absolute; top: 51px; left: 75px; width: 243px; height: 16px;} #contact-body #contact-email-field { width: 243px; height: 16px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #404040 #D4D0C8 #D4D0C8 #404040; color: #717171;} #contact-body #contact-comments { position: absolute; top: 81px; left: 15px;} #contact-body #contact-comments-field { position: absolute; top: 76px; left: 75px; width: 243px; height: 81px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #404040 #D4D0C8 #D4D0C8 #404040; color: #717171;} #contact-body #contact-submit { position: absolute; top: 165px; left: 219px;} #contact-body .boldblue { font-weight: bold; } /* DIARY */ #diaryframe { position: absolute; height: 647px; width: 354px; top: 47px; left: 0px; margin: 0px; padding: 0px;} #diary-header { position: absolute; height: 27px; width: 354px; top: 20px; left: 0px; margin: 0px; padding: 0px;} #diary-dropdown { z-index: 100; position: absolute; top: 2px; right: 2px; height: 18px; width: 215px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: 0px; color: #717171;} img#header_diary_divider_off { z-index: 50; position: absolute; top:0px; left: 104px; } img#header_diary_divider_on { z-index: 100; position: absolute; top:0px; left: 104px; } img#header_diary_archive { position: absolute; top:0px; left: 129px; z-index: 50; } #diary-base { position: absolute; top: 694px; left: 0px;} #diary-header .ul { position: absolute; top: 22px; left: 0px; } #iframe-diary { background-color: #F8F8F8; padding-top: 7px; padding-bottom: 7px; padding-left: 15px; width:320px; } #iframe-diary h1 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin-top: 0px; margin-bottom: 2px;} #iframe-diary h2 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; font-weight: normal; margin-top: 0px; margin-bottom: 10px;} #iframe-diary p { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 0px; margin-bottom: 14px;} .public, .private { margin-bottom: 6px;} .public p, .public h1 { color: #717171;} .public h2 { color: #949494;} .private .hr, .public .hr { margin: 0px; padding: 0px; left: -3px;} .private p, .public p { margin-top: 7px; margin-bottom: 3px;} .private a:link, .private a:visited, .private a:active { color: #888686; text-decoration: none;} .private a:hover { color: #888686; text-decoration: underline;} /* REPLY */ #replies { margin-top: 4px; margin-bottom: 4px; padding:0px; } .reply { margin: 0px; padding: 4px; background-color: #F0F0F0; width: 305px; } .reply p { margin: 2px; } .reply .posted-by { margin: 2px; font-style: italic; padding: 0px; } .reply_box{ position: relative; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 2px; float: right; color: #717171; padding: 0px; right: 10px;} .reply_box a, .reply_box a:visited { color: #717171; } #reply-form { position: relative; margin-top: 0px; padding-top: 0px; height:290px; } #reply-form h1 { position: absolute; left: 3px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin-top: 0px; margin-bottom: 2px; color: #717171;} #reply-form p { position: absolute; width: 307px; left: 3px; top: 22px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #717171;} #reply-name { position: absolute; top: 91px; left: 30px;} #reply-form #reply-name-field-pos { position: absolute; top: 85px; left: 64px; width: 243px; height:16px;} #reply-form #reply-name-field { width: 243px; height:16px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-width: 1px;border-style: solid; border-color: #404040 #D4D0C8 #D4D0C8 #404040; color: #717171;} #reply-form #reply-email { position: absolute; top: 116px; left: 30px;} #reply-form #reply-email-field-pos { position: absolute; top: 110px; left: 64px; width: 243px; height: 16px;} #reply-form #reply-email-field { position: relative; width: 243px; height: 16px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #404040 #D4D0C8 #D4D0C8 #404040; color: #717171;} #reply-form #reply-url { position: absolute; top: 141px; left: 40px;} #reply-form #reply-url-field-pos { position: absolute; top: 135px; left: 64px; width: 243px; height: 16px;} #reply-form #reply-url-field { width: 243px; height: 16px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #404040 #D4D0C8 #D4D0C8 #404040; color: #717171;} #reply-form #reply-comments { position: absolute; top: 166px; left: 5px;} #reply-form #reply-comments-field { position: absolute; left: 64px; top: 162px; width: 243px; height: 103px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #404040 #D4D0C8 #D4D0C8 #404040; color: #717171;} #reply-form #preview_comment { position: absolute; top: 272px; left: 66px;} #reply-form #post_comment { position: absolute; top: 272px; left: 173px;} /* CONTACT */ #contact-frame { position: absolute; height: 196px; width: 410px; top: 47px; right: 0px; visibility: hidden;} #contact-frame iframe { height: 196px; width: 410px;} /* LOGO */ #logo-frame { position: absolute; height: 222px; width: 222px; top: 249px; right: 0px;} /* PORTFOLIO */ #portfolio-frame { background-color: #E9E9E9; position: absolute; height: 222px; width: 410px; top: 477px; right: 0px;} #portfolio-header { background-image: url(../_images/header_about_bg.gif); position: absolute; top: 0px; left: 0px; width: 410px; height: 27px;} img#header_portfolio_main { position: absolute; top: 0px; left: 0px; } img#portfolio_divider_on { position: absolute; top: 0px; left: 64px; z-index: 100; } img#portfolio_divider_off { position: absolute; top: 0px; left: 64px; z-index: 50; } img#header_portfolio_skills { position: absolute; top: 0px; left: 89px; } img#portfolio_divider2_on { position: absolute; top: 0px; left: 123px; z-index: 100; } img#portfolio_divider2_off { position: absolute; top: 0px; left: 123px; z-index: 50; } img#header_portfolio_resume { position: absolute; top: 0px; left: 147px; } #portfolio-graph { position: absolute; top: 0px; left: 226px;} .portfolio-body { position: absolute; top: 58px; left: 0px; width: 410px; height: 159px; background-image: url(../_images/portfolio_bg.gif); overflow: auto;} .portfolio-element { position: relative; height: 95px;} .portfolio-element .ss{ position: absolute; top: 6px; left: 13px;} .portfolio-element .hr{ position: absolute; top: 88px; left: 15px;} .portfolio-element .s1{ position: absolute; top: 36px; left: 259px;} .portfolio-element .s2{ position: absolute; top: 36px; left: 279px;} .portfolio-element .s3{ position: absolute; top: 36px; left: 299px;} .portfolio-element .s4{ position: absolute; top: 36px; left: 319px;} .portfolio-element .s5{ position: absolute; top: 36px; left: 339px;} .portfolio-element .s6{ position: absolute; top: 36px; left: 359px;} .portfolio-element .s7{ position: absolute; top: 36px; left: 379px;} .portfolio-element h1{ top: 14px; left: 90px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #717171; font-weight: bold; margin: 0px; position: absolute;} .portfolio-element h1 a{ font-weight: normal;} .portfolio-element p{ top: 45px; left: 90px; width: 162px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #717171; font-style: italic; margin: 0px; position: absolute;} #portfolio-base { position: absolute; top: 217px; left: 0px;} #portfolio-header .ul { position: absolute; top: 22px; left: 0px;} #portfolio-frame #bl { position: absolute; top: 217px; left: 0px;} /* SKILLS */ #skills-graph { position: absolute; top: 0px; left: 267px; visibility: hidden;} #skills-body { position: absolute; top: 58px; left: 0px; width: 410px; height: 159px; overflow: auto; visibility: hidden; background-image: url(../_images/skills_bg.gif);} .skills-element { position: relative; height: 20px; float:inherit; clear: both; display:block; width:auto;} .skills-element p{ top: 4px; left: 30px; width: 162px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #717171; margin: 0px; position: absolute;} .skills-element .level{ top: 9px; left: 301px; position: absolute;} .skills-element .hr{ position: absolute; top: 20px; left: 10px;} /* RESUME */ #resume-body { position: absolute; top: 27px; left: 0px; width: 410px; height: 190px; overflow: auto; visibility: hidden;} .resume-element { position: relative; height: 58px;} .resume-element p{ top: 4px; left: 30px; width: 280px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #717171; margin: 0px; position: absolute;} .resume-element .hr{ top: 53px; left: 20px; position: absolute; width: 345px; margin: 0px;} #resume-body h1{ position: relative; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; left: 20px; width: 370px; margin-top: 10px; margin-bottom: 10px;} .resume-element .date{ top: 4px; left: 280px; width: 70px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #717171; position: absolute;} /* LOGIN */ #login-frame { position: absolute; height: 222px; width: 182px; top: 249px; left: 360px; margin: 0px; padding: 0px; overflow: hidden;} #iframe-login { background-color: #FFFFFF;} #login-header { background-image: url(../_images/header_about_bg.gif); position: absolute; top: 0px; left: 0px; width: 182px; height: 27px;} #login-header .ul { position: absolute; top: 22px; left: 0px;} #login-body { background: #E9E9E9; position: absolute; top: 27px; left: 0px; width: 182px; height: 95px;} #login-body-error { background: #E9E9E9; position: absolute; top: 27px; left: 0px; width: 182px; height: 195px;} #login-body-error #login-error { position: absolute; top: 8px; left: 10px; width: 162px; height: 25px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } #login-body #username { position: absolute; top: 11px; left: 32px;} #login-body-error #username { position: absolute; top: 51px; left: 32px;} #login-body #password { position: absolute; top: 34px; left: 9px;} #login-body-error #password { position: absolute; top: 74px; left: 9px;} #login-body #persistent { position: absolute; top: 53px; left: 72px;} #login-body-error #persistent { position: absolute; top: 93px; left: 72px;} #login-body #button-login { position: absolute; top: 68px; left: 66px; } #login-body-error #button-login { position: absolute; top: 108px; left: 66px; } #login-body #text-field-username-pos { position: absolute; top: 5px; left: 66px; width: 104px; height: 14px;} #login-body-error #text-field-username-pos { position: absolute; top: 45px; left: 66px; width: 104px; height: 14px;} #text-field-username { width: 104px; height: 14px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #404040 #D4D0C8 #D4D0C8 #404040; color: #717171;} #login-body #text-field-password-pos { position: absolute; top: 29px; left: 66px; width: 104px; height: 14px;} #login-body-error #text-field-password-pos { position: absolute; top: 69px; left: 66px; width: 104px; height: 14px;} #text-field-password {width: 104px; height: 14px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #404040 #D4D0C8 #D4D0C8 #404040; color: #717171;} #login-body .checkbox { background-image: url(../_images/login_check_on.gif); background-repeat: no-repeat; height: 11px; width: 12px; position: absolute; top: 52px; left: 160px; z-index: 35;} #login-body-error .checkbox { background-image: url(../_images/login_check_on.gif); background-repeat: no-repeat; height: 11px; width: 12px; position: absolute; top: 92px; left: 160px; z-index: 35;} #login-body .checkbox input { visibility: hidden; height: 11px; width: 12px; position: absolute; top: 52px; left: 160px; z-index: 30;} #login-body-error .checkbox input { visibility: hidden; height: 11px; width: 12px; position: absolute; top: 92px; left: 160px; z-index: 30;} #login-body #checkbox-base { height: 11px; width: 12px; position: absolute; top: 52px; left: 160px; z-index: 25;} #login-body-error #checkbox-base { height: 11px; width: 12px; position: absolute; top: 92px; left: 160px; z-index: 25;} /* NO ACCOUNT */ #noaccount-header { background-image: url(../_images/header_about_bg.gif); position: absolute; top: 128px; left: 0px; width: 182px; height: 27px;} #noaccount-header .ul { position: absolute; top: 22px; left: 0px;} #noaccount-body { background: #DDDDDD; position: absolute; top: 155px; left: 0px; width: 182px; height: 67px;} #noaccount-body #request { position: absolute; top: 40px; left: 6px;} #noaccount-body #noaccount-desc { position: absolute; top: 8px; left: 10px; width: 162px; height: 25px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #717171;} /* REQUEST AN ACCOUNT */ #iframe-request { background-color: #FFFFFF;} #request-header { background-image: url(../_images/header_about_bg.gif); position: absolute; top: 0px; left: 0px; width: 182px; height: 27px;} #request-body { background: #DDDDDD; position: absolute; top: 27px; left: 0px; width: 182px; height: 195px;} #request-body #request-desc { position: absolute; top: 8px; left: 10px; width: 162px; height: 25px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #717171;} #request-body #request-name { position: absolute; top: 73px; left: 34px;} #request-body #request-name-field-pos { position: absolute; top: 67px; left: 64px; width: 110px; height: 14px;} #request-body #request-name-field { width: 110px; height: 14px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #404040 #D4D0C8 #D4D0C8 #404040; color: #717171;} #request-body #request-email { position: absolute; top: 98px; left: 34px;} #request-body #request-email-field-pos { position: absolute; top: 92px; left: 64px; width: 110px; height: 14px;} #request-body #request-email-field { width: 110px; height: 14px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #404040 #D4D0C8 #D4D0C8 #404040; color: #717171;} #request-body #request-password { position: absolute; top: 123px; left: 9px;} #request-body #request-password-field-pos { position: absolute; top: 117px; left: 64px; width: 110px; height: 14px;} #request-body #request-password-field { width: 110px; height: 14px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #404040 #D4D0C8 #D4D0C8 #404040; color: #717171;} #request-body #request-passwordconf { position: absolute; top: 143px; left: 9px;} #request-body #request-passwordconf-field-pos { position: absolute; top: 142px; left: 64px; width: 110px; height: 14px;} #request-body #request-passwordconf-field { width: 110px; height: 14px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #404040 #D4D0C8 #D4D0C8 #404040; color: #717171;} #request-body .boldblue { font-weight: bold; } #request-submit { position: absolute; top: 167px; left: 75px;} #logout-button { position: absolute; top: 167px; left: 75px;} /* BOTTOM */ #bottom_firefox { position: absolute; top: 702px; right: 116px;} #bottom_xhtml { position: absolute; top: 702px; right: 58px;} #bottom_css { position: absolute; top: 702px; right: 0px;}