* {
padding: 0;
margin: 0;
}
html {
overflow-y: scroll;
}
a:link, a:active, a:visited {
color: #006A80;
text-decoration: none;
}
a:hover {
color: #A8001C;
text-decoration: none;
}
img, fieldset {
border: 0 none;
}
fieldset {
margin: 1em 0;
}
body {
background: #FFFFFF none repeat scroll 0 0;
color: #545454;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
body#center #wrapper {
margin: 0 auto;
}
#wrapper {
text-align: left;
width: 780px;
}
#title {
font-family: 'Times New Roman',Times,serif;
font-size: 1.75em;
}
#subtitle {
color: #AAAAAA;
font-family: 'Times New Roman',Times,serif;
font-size: 1em;
font-style: italic;
}
.nav {
width: 100%;
}
.nav tr {
height: 1.5em;
}
.nav tr td {
font-size: .75em;
border: 1px solid #CCCCCC;
}
.nav tr td a {
display: block;
height: 100%;
text-align: center;
font-weight:100;
text-decoration: none;
}
.nav tr td:hover {
font-weight:100;
}
.nav tr td a:hover {
height: 100%;
text-decoration: none;
font-weight:100;
}
#navdiv {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 5px;
margin: 5px 0 5px 0;
}
#current {
font-weight: bold;
font-style: italic;
}
.post-header {
width: 100%;
border-bottom: 1px solid #CCCCCC;
margin: 1em 0 5px 0;
}
.post-title {
vertical-align: bottom;
font-family: 'Times New Roman', Times, serif;
font-size: 1.5em;
color: #006A80;
}
.post-date {
text-align: right;
font-size: .80em;
vertical-align: bottom;
color: #A8A8A8;
}
.post {
}
.post p {
text-align: justify;
font-size: .85em;
padding: 5px 3px 5px 3px;
}
.post p.subheader {
font-weight: bold;
font-size: 1em;
}
.post table {
margin: .5em auto;
}
#footer {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 5px;
margin: 1em 0 1em 0;
}
#footer p {
font-size: .80em;
text-align: center;
}
.chemequation {
font-family: 'Times New Roman',Times,sans;
vertical-align: bottom;
text-align:center;
font-size:1.25em;
}
.wordequation {
font-family: 'Times New Roman',Times,sans;
white-space: nowrap;
vertical-align: top;
text-align:center;
font-size:.85em;
}
.symbol {
vertical-align: middle;
text-align:center;
font-size:1em;
padding:10px;
}
.rendertable {
margin: 0 auto;
margin-bottom: 0;
border:3px double #CCCCCC;
}
.centertable {
margin: 0 auto;
}
.centertable tr td {
vertical-align: top;
}
.sitemaptable {
margin: 0 auto;
}
.sitemaptable tr td {
vertical-align: top;
font-size: .85em;
padding: 5px 2em;
}
.hazardtable {
margin: 0 auto;
}
.hazardtable tr td {
vertical-align: top;
font-size: .85em;
padding: 1px 5px;
}
.hazardtable #fire {
text-align: center;
vertical-align: middle;
color: #ea253a;
padding: 0 10px;
}
.hazardtable #health {
text-align: center;
vertical-align: middle;
color: #0599dc;
padding: 0 10px;
}
.hazardtable #reactivity {
text-align: center;
vertical-align: middle;
color: #fcdc02;
padding: 0 10px;
}
.hazardtable #special {
text-align: center;
vertical-align: middle;
color: #000000;
padding: 0 10px;
}
.caption {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
background-color: #F0F0F0;
border: 1px solid #CCCCCC;
margin: .75em 10px;
padding-top: 4px;
text-align: center;
}
.caption p {
text-align: center;
line-height: 17px;
padding: 0 4px 5px;
}
.red {
color: #FF0000;
}
.blue {
color: #0000FF;
}
#upload-input {
padding:0 10px 0 10px;
}
#upload-input label {
font-size:14px;
color:#A8A8A8;
display:block;
margin:0 0 1em 0;
}
#upload-buttons {
text-align: right;
}
#upload-buttons input {
width: 100px;
}
#input-post-info {
padding: 0 20px 0 20px;
}
#input-post-info label {
font-size:14px;
color:#A8A8A8;
display:block;
margin:0 0 1em 0;
}
.post-info {
background:#FAFAFA none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#545454;
display:block;
margin:0.2em 0 0;
padding:2px;
width:100%;
}
#info-input {
float:left;
width:200px;
padding:0 10px 0 20px;
}
#message-input {
float:right;
width:400px;
padding:0 25px 0 15px;
}
#author, #email, #subject, #website {
background:#FAFAFA none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#545454;
display:block;
margin:0.2em 0 0;
padding:2px;
width:240px;
}
#info-input label {
font-size:14px;
color:#A8A8A8;
display:block;
margin:0 0 1em 0;
}
#message-input textarea {
float: right;
width: 425px;
background:#FAFAFA none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#545454;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
margin:0 0 1.2em;
padding:2px;
}
#message-input label {
width: 430px;
float: right;
text-align: left;
font-size:14px;
color:#A8A8A8;
display:block;
margin:0 0 0.2em;
}
#buttons {
float:right;
}
#form-error {
display: inline;
}
#form-error li {
color: #FF0000;
list-style: none;
display: inline;
padding-right: 1.5em;
}
#visitors {
white-space: nowrap;
border-spacing:0;
font-size: 10pt;
font-family: Monospace, 'Courier New', sans;
}
#visitors td {
padding: .25em .5em .25em .5em;
border: 3px double #CCCCCC;
}
#visitor-nav {
margin: 0 auto;
}
#visitor-nav tr td {
border:0;
font-size:10pt;
padding:7px 1em 0 1em;
}
.webpage, .referer {
font-weight: bold;
}
.submit {
border-color:#ff8000;
background-color:#ff8000;
color:#0000ff;
font-size:8pt;
margin:0;
padding:2px 2px 0 2px;
font-family: Monospace, 'Courier New', sans;
}
.analyze, .counter, .counter-head, .day, .day-head, .date, .date-head, .time, .time-head, .ip-head, .user-agent-head, .referer-head, .webpage-head {
text-align: center;
}
.counter, .counter-head, .day, .day-head, .date, .date-head, .time, .time-head, .ip-head, .user-agent-head, .referer, .referer-head, .webpage, .webpage-head {
border: 3px double #CCCCCC;
}
.ip {
border: 3px;
border-style: double;
border-color: #CCCCCC; 
border-left:0;
padding-left:.5em;
border-right:0;
padding-right:.5em;
}
.remote-host, .user-agent {
border: 3px;
border-style: double;
border-color: #CCCCCC; 
border-left:0;
padding-left:.5em;
}
.analyze {
border: 3px;
border-style: double;
border-color: #CCCCCC; 
border-right:0;
}
#visitor-wrapper {
overflow:auto;
width:775px;
}
.short { display:inline; }
.long { display:none; }