/* Standard Declarations */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; line-height: 150%; }
html { font-size: 75%; height: 100%; }
body { margin: 0; padding: 0; border: 0; background: #ffffff; color: #000000; font-family: HelveticaNeue, Helvetica, Arial, sans-serif; line-height: 120%; text-shadow: #000 0px -1px 1px; }
h1, h2, h3, h4, h5, h6, p, address { margin: 0 0 1.4em 0; padding: 0; font-style: normal; }
ul, ol { padding-bottom: 1.2em; padding-left: 1.25em; }
ul ul, ol ol { padding-bottom: 0; }
a img { border: 0; }
a, a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover, a:focus { color: #cccccc; }
a:active { color: #cccccc; text-decoration: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
#ie6 .clearfix { height: 1%; }
/* sIFR STYLES */
.sIFR-flash { visibility: visible; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; color: #333333; }
.sIFR-active p.category { padding-bottom: 0; visibility: hidden; line-height: 1; }
/* Design-Specific Declarations */
body { background: #070b0f; color: #cccccc; text-align: left; }
.contained { width: 1000px; margin: 0; text-align: left; }
#containerHead { background: #070b0f;}
#body { }
#body .contained { }
#header { padding: 0 0 0 29px; }
#header h1 { background: url(/media/2009/images/d-keith-robinson.png) center top no-repeat; width: 312px; height: 222px; text-indent: -9999em; float: left; }
#header h1 a { background: url(/media/2009/images/d-keith-robinson.png) center top no-repeat; width: 312px; height: 222px; text-indent: -9999em; float: left; }
#ie6 #header h1 { background-image: url(/media/2009/images/d-keith-robinson.gif); }
#main { float: right; width: 61%; margin-bottom: 2.7em; padding-top: 75px; }
#content { margin-right: 90px; }
.article { }
.articleHeader { margin-bottom: .2em; font-weight: bold; }
.article p.category { color: #fff; margin: 0; font-size: 170%; font-weight: bold; line-height: 120%; letter-spacing: -0.04em; }
.article h2 { font-size: 225%; font-weight: normal; letter-spacing: -0.01em; margin-bottom: .7em; }
.article p {font-size: 130%;}
#nextprev {float:right;}
.title { font-style: italic; }
.article h3 { font-size: 117%; font-weight: bold; }
.projectImage { text-align: right; }
.projectInfo { text-align: right; }
.projectInfo a { display: block; font-weight: bold; }
#additional { text-align: left; border-top: 1px solid #464646; margin-right: 90px; }
#additional ol { margin: 0; padding: 0; list-style: none; overflow: visible; }
#additional ol li { padding-bottom: 0; float: left; width: 49%; }
#additional span.category { font-weight: bold; }
#additional p { clear: both; padding-top: 1.2em; margin-left: 49%; }
#additional .moreThings li {margin-top:9px;}
#sidePanel { float: left; width: 32%; text-align: right; font-size: 115%; padding-bottom:20px; }
#sidePanel * { line-height: 125%; }
#sidePanel h4 { color: #f0422d; font-weight: normal; padding: 0; margin: 0; }
#sidePanel ul { margin: 0 0 1.2em 0; padding: 0; list-style: none; overflow: visible; }
#sidePanel li { }
#about { padding: 10px 0 0 0; }
#about p { margin-left: 45px; }
#about p a { font-weight: bold; line-height: normal; }
#addressBook { }
#addressBook p { margin-left: 45px; font-size:90%; }
#addressBook p a { font-weight: bold; line-height: normal; background: url(/media/2009/images/icon-address-book.png) right center no-repeat; padding-right: 35px; }
#avatar { padding: 10px 0 0 0; }
#avatar p { margin-left: 45px; }
#avatar p a { background: url(/media/2009/images/photo-keith.jpg) center top no-repeat; width: 133px; height: 107px; text-indent: -9999em; display: block; float: right; text-align: left; }
.navigation { padding: 10px 0 0 0; clear: both; }
.navigation a { color: #cccccc; }
.navigation a:hover { color: #ffffff; }
#sidePanel .navigation p { margin-left: 45px; }
#footer { clear: both; background: #ececec; color: #333; }
#bottomLine { margin: 0 78px 0 50px; padding: 18px 0 0 10px; }
#familyTitle { float: left; }
h3#theBottomLine { background: url(http://dangerismyfirstname.com/media/images/the-bottom-line.png) center top no-repeat; width: 238px; height: 35px; text-indent: -9999em; margin-bottom: 14px; }
#ie6 h3#theBottomLine { background-image: url(http://dangerismyfirstname.com/media/images/the-bottom-line.gif); }
h4#aNetworkOfSites { background: url(http://dangerismyfirstname.com/media/images/a-network-of-sites.png) center top no-repeat; width: 137px; height: 21px; text-indent: -9999em; }
#ie6 hh4#aNetworkOfSites { background-image: url(http://dangerismyfirstname.com/media/images/a-network-of-sites.gif); }
#familyItems { float: right; padding-bottom: 50px; }
#familyItems ul { margin: 0; padding: 0; list-style: none; overflow: visible; }
#familyItems li { margin-bottom: 18px; }
#familyItems li a { width: 204px; height: 36px; text-indent: -9999em; display: block; }
#familyItems li a:hover { background-position: center bottom; }
li#dangerIsMyFirstName { }
li#dangerIsMyFirstName a { background: url(http://dangerismyfirstname.com/media/images/bottom-danger-is-my-first-name.png) center top no-repeat; }
#ie6 li#dangerIsMyFirstName a { background-image: url(http://dangerismyfirstname.com/media/images/bottom-danger-is-my-first-name.gif); }
li#boomarung { }
li#boomarung a { background: url(http://dangerismyfirstname.com/media/images/bottom-boomarung.png) center top no-repeat; }
#ie6 li#boomarung a { background-image: url(http://dangerismyfirstname.com/media/images/bottom-boomarung.gif); }
li#happyMasochist { }
li#happyMasochist a { background: url(http://dangerismyfirstname.com/media/images/bottom-happy-masochist.png) center top no-repeat; }
#ie6 li#happyMasochist a { background-image: url(http://dangerismyfirstname.com/media/images/bottom-happy-masochist.gif); }
#familyFooter { background: #000; color: #fff; padding: 11px 90px 11px 60px; font-size: 84%; position: relative; clear: both; margin-right: 78px; }
#familyFooter p { margin: 0; }
#familyFooter a, #familyFooter a:link { color: #fff; }
#familyFooter a:visited { color: #fff; }
#familyFooter a:hover, #familyFooter a:focus { color: #e17e4f; }
#familyFooter a:active { color: #e17e4f; }
h4#dkr { position: absolute; right: 17px; top: -26px; }
#ie6 h4#dkr { right: 107px; }
h4#dkr a { background: url(http://dangerismyfirstname.com/media/images/dkr-logo.png) center top no-repeat; width: 52px; height: 57px; text-indent: -9999em; display: block; }
#ie6 h4#dkr a { background-image: url(http://dangerismyfirstname.com/media/images/dkr-logo.gif); }
h4#dkr a:hover { background-position: center bottom; }
/* Comment Styling, adapted from the old site - Martine didn't do this. :) */
#comments {
margin-top:50px;
}
#comments h3 {
color: #fff;
}
#comments h4 {
color:#143752;
font-weight: normal;
}
#comments ul {
margin:18px 0 18px 20px;
}
#comments ul li {
}
.commentbox, .commentbox2, .commentboxkeith {
padding-bottom:18px;
}
.commenttext {
}
.commentmeta {
height:36px;
margin-bottom:18px;
padding-top:9px;
color:#fff;
border-top: 1px #333 dotted;
}
.commentmeta a {
text-decoration:underline;
color:#fff;
}
.commentboxkeith .commentmeta {
color:#fff;
}
#comments .commentboxkeith .commentmeta a {
text-decoration:underline;
color:#fff;
}
.gravatar {
width:36px;
height:36px;
float:right;
}
.commentbox h5, .commentbox2 h5, .commentboxkeith h5 {
font-size:14px;
line-height:36px;
font-weight:bold;
margin:0 0 0 10px;
}
.commentbox p, .commentbox2 p, .commentboxkeith p {
padding:0 10px;
}
#submit {
float:right;
}
.text {
border:1px solid #333;
height:16px;
width:460px;
margin-bottom:18px;
margin-right:10px;
}
#comment {
border:1px solid #333;
height:178px;
width:460px;
margin-bottom:18px;
margin-right:10px;
}