/*---------------------------------------------- standard html tags ----------------------------------------------*/ body {background:#A4D7E8; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; margin:20px 0; padding:0} blockquote {background:#f0f4fc url('../images/quote.gif') no-repeat left top; color:#004566; font-size:11px; line-height:1.4em; margin:5px 0; min-height:30px; padding:10px 14px 10px 60px} h1 {color:#0076A3; font-family:Arial, Helvetica, sans-serif; font-size:84px; font-weight:bold; letter-spacing:-4px; line-height:0.9em; margin:22px 0 0 0; padding:0; text-shadow:1px 1px 1px #ccc} h1 em {font-size:33px; color:#ccc; font-style:normal; letter-spacing:0px} h2 {color:#666; font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:normal; letter-spacing:-1px; line-height:1.4em; margin:0 0 22px 0; padding:0} h2 em {color:#0076A3; font-style:normal} h3 {color:#515F7B; font-size:11px; padding:0 0 4px 0; margin:0 0 4px 0; font-weight:normal; border-bottom:1px solid #7CA6BA; text-transform:uppercase} h4 {background-color:#82AECB; color:#fff; font-size:1em; font-weight:normal; margin:0; padding:5px; text-transform:uppercase} h5 {color:#333; font-size:1.1em; font-weight:normal; line-height:1.5em; margin:0; padding:0} img {margin:0; padding:0px} img#profile {border:4px solid #eee; margin:20px auto 0 auto; padding:2px} ul {margin:8px 0; padding:8px 0} ul li {line-height:2em; list-style:none} /*---------------------------------------------- links ----------------------------------------------*/ a {color:inherit; text-decoration:none} a.button {color:#3980B8 !important; display:block; font-weight:normal; line-height:1.5em; margin:0 0 2px 0; text-decoration:none} a:hover.button {color:#3980B8 !important} a.screen, a.screen:visited {position:relative; z-index:1;} a.screen span {position:absolute; visibility:hidden; height:0; left:0; /* position:the image */top:-220px;} a.screen:hover {text-decoration:none; border:0; /* needed for this to work in IE */ z-index:1000; cursor:pointer} a.screen:hover span {visibility:visible; height:150px; /* now give it a height */cursor:pointer; /* for IE */z-index:500; } a.screen:hover span img {border:0} a.video, a.video:visited {position:relative; z-index:1} a.video span {position:absolute; visibility:hidden; height:0; left:0; top:-100px} a.video:hover {text-decoration:none; border:0; z-index:100; cursor:pointer} a.video:hover span {visibility:visible; height:80px; cursor:pointer; z-index:100} a.video:hover span img {border:0} /*---------------------------------------------- custom ----------------------------------------------*/ .content p {color:#555; font-size:12px; line-height:2em; margin:0; padding:8px 0} .clearfloat {clear:both; display:block; font-size:0; height:0} /*---------------------------------------------- yellow box ----------------------------------------------*/ .yellow-box {background-color:#FFEEAB; font-size:1em; margin:0 0 44px 0; padding:5px; text-align:center} /*---------------------------------------------- structural ----------------------------------------------*/ #bg {position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1} #page-container {position:relative; z-index:1; background-color:#fff; width:920px; padding:0; border:3px solid #e5e5e5; margin:22px auto 0 auto} .content-container {position:relative; z-index:1; background-color:#fff; width:880px; padding:20px; border:3px solid #e5e5e5; margin:10px auto} .content-container p {font-size:0.8em; text-align:right; float:right; max-width:507px; line-height:1.6em; margin:0; padding:0; color:#555} .content-container p a {font-size:0.8em; text-align:right; float:right; max-width:507px; line-height:1.6em; margin:0; padding:0; color:#000} .content-container img {border:none !important} .placeholder {padding:20px} .middle {margin:0 auto; text-align:center} #domain-head {color:#ccc; padding:0; margin:22px; text-align:right; font-size:1.1em; clear:both; display:block; clear:both} #domain-head a {color:#ccc} #left {width:600px; float:left} #left .content {padding:10px; font-size:0.7em} #left .content ul {} #left .content li {} #left a:link, #left a:visited {color:#006699} #left a:hover {color:#006699; border-bottom:1px dotted #006699} #right {width:240px; float:right; border:1px solid fff} #right .content {padding:10px; font-size:0.7em} #right ul {} #right ul li {margin:0 0 0 8px} #right a:link {color:#755E00} #right a:visited {color:#333} #right a:hover {color:#000} #article {padding:0; margin:0; font-size:12px; color:#555} #article blockquote {background:none; color:#000; font-size:18px; line-height:1.4em; margin:22px 0; padding:22px; border-width:1px 0; border-style:solid; border-color:#ccc; text-align:center} #article blockquote em{ font-style:normal; font-size:10px} #article object {clear:both; display:block; margin:22px auto} #article img {padding:1px; border:1px solid #ccc; margin:0 0 44px 0} #article h1 {color:#0076A3; margin-bottom:33px; text-shadow:none} #article h1 em {color:#2098C8; font-size:44px; line-height:1.4em} #article h2 {font-size:28px; margin:33px 0 8px 0; padding:0; font-weight:normal; letter-spacing:-1px; color:#0076A3; text-transform:none} #article h3 {font-size:22px; margin:33px 0 8px 0; padding:0; font-weight:bold; border:none; color:#666; letter-spacing:-1px; text-transform:none} #article p {} #article p strong { color:#333} #article a {text-decoration:underline; color:#006699} #article ul {margin:8px 30px; padding:0; list-style:disc !important} #article ul li {margin:0 0 0 30px; padding:0; list-style:disc !important} #footer {padding:10px 0; margin:20px auto; height:100px; clear:both; color:#666; font-size:0.7em; width:860px; text-align:center; background:none; border:none} #footer a:link, #footer a:hover, #footer a:visited {color:#666 !important} /*---------------------------------------------- contact me ----------------------------------------------*/ #contactme ul {padding:0; margin:10px 0 0 0} #contactme li {margin:0; padding:0; clear:both; padding-bottom:10px; line-height:1.4em} #contactme label {padding:0; margin:0; width:60px; float:left; text-align:left; color:#333; font-weight:bold} /*---------------------------------------------- find me on ----------------------------------------------*/ .facebook {background:url('../images/icon-facebook.png') no-repeat 12px 0; text-indent:40px; display:block} .linkedin {background:url('../images/icon-linkedin.png') no-repeat 12px 0; text-indent:40px; display:block} .flickr {background:url('../images/icon-flickr.png') no-repeat 12px 0; text-indent:40px; display:block} .twitter {background:url('../images/icon-twitter.png') no-repeat 12px 0; text-indent:40px; display:block} .youtube {background:url('../images/icon-youtube.png') no-repeat 12px 0; text-indent:40px; display:block} /*---------------------------------------------- goals ----------------------------------------------*/ .goals {padding:10px 20px} .goals small {padding:2px 4px; margin:0 5px 0 0; color:#fff; font-size:0.9em; font-family:Arial, Helvetica, sans-serif} .goals a {text-decoration:none; border-bottom:1px dotted #006699; color:#006699} .bg-asap {background-color:#1AB108} .bg-2009 {background-color:#F58615} .bg-2010 {background-color:#EB4214} .bg-plus {background-color:#2098C8} ul.goals {padding:0 10px} ul.goals small {padding:2px 4px; margin:0px; color:#fff; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif} ul.goals a {} /*---------------------------------------------- project list ----------------------------------------------*/ .list {margin:0; padding:0 8px; line-height:2em; margin:0} .list li a {color:#006699 !important} ul.writings {padding:0} ul.writings li {background:url('../images/icon-page.png') no-repeat 0 2px; text-indent:22px; display:block; margin:0; padding:0} ul.writings small {padding:2px 5px; color:#fff; font-size:11px} .bg-writing {background-color:#2098C8} .bg-writing:hover {background-color:#006699}