html { width: 100%; height: 100% }
body { margin: 0 auto; padding: 0 20px 0 0; max-width: 660px; min-height: 100%;
       border: 0 none; border-right: dotted 3px #CCC; background: #FFF;
       font: 13px "Trebuchet MS", sans-serif; color: #000 }
h1 { position: relative; margin: 15px 0 0; padding: 0 0 2px 0; font-size: 26px;
     color: #ABC; text-align: right; border-bottom: solid 1px #CCC }
.tc76-opentheweb-net h1 { border-bottom: 0 none; padding: 0 }

h1:before { position: absolute; top: 2px; color: #000; z-index: -1 }

/* Hack for bug in IE7 script */
h1:before { right: -2px !important }
h1:before { right: 18px }

.tc76-opentheweb-net h1:before { content: "Tomcat76's ONLINE whereabouts" }
.tc76-opentheweb-net-web h1:before { content: "Tomcat WebDesign" }

h3 { margin: 15px 0; padding: 0; font-size: 15px }
h1+h3 { margin: 0 0 25px; padding-bottom: 5px; border-bottom: solid 1px #CCC;
        text-align: right; color: #BBB }
dl { float: right; margin: 0 0 5px 5px; padding-bottom: 10px;
     border-left: solid 5px #ABC; border-right: solid 5px #ABC; text-align: right }
dt { font-weight: bold; padding: 3px; background: #ABC }
dt span { font-size: 12px }
dd { margin: 0; background: #EEE }
dd a { text-decoration: none; display: block; color: #518;
       border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; padding: 3px }
dd a:hover { background: #ABC; border-top: solid 1px #777; border-bottom: solid 1px #777 }
p#fr { margin: 50px 10px 0 }

#contact { text-align: right }
#contact img { vertical-align: middle }

#contact+h4 { margin-top: 0 }

ul { margin-top: 0 }

.web-example { margin: 55px 0 20px; border: solid 1px #CCC; padding: 5px 5px 5px 120px;
               min-height: 45px; position: relative }
.web-example div:first-child { position: absolute; top: -38px; left: 10px;
                               border-right: solid 2px #CCC; border-bottom: solid 2px #CCC }
.web-example div:first-child img { display: block; border: solid 1px #FFF }
.web-example div:first-child+div { position: absolute; right: 10px; top: -10px;
                                   padding: 0 2px; background: #FFF; font-weight: bold }

.demargincollapser { height: 0.1px; overflow: hidden }

* html dd a { width: 152px; background: #EEE }
* html .web-example { height: 45px }
* html #contact img { margin-top: 2px }

:root #contact img { margin-top: -2px }
:root h1 { z-index: 100 }
:root h1:before { display: none }
:root h1 span { position: absolute; top: 2px; right: -2px; bottom: 0; z-index: -2 }
:root h1 span:after { color: #000 }
:root .tc76-opentheweb-net h1 span:after { content: "Tomcat76's ONLINE whereabouts" }
:root .tc76-opentheweb-net-web h1 span:after { content: "Tomcat WebDesign" }