body{ background: #282A29 url("/img/grad-b-r-l.jpg") repeat-x top; }

#wrapper{ width: 790px; margin-left: auto; margin-right: auto; }
#content{ padding-top: 50px; }

#header{ padding-left: 40px; height: 50px; background: transparent url("/img/clipboard-32x32.png") no-repeat top left; }
#main{ width: 300px; float: right; margin: 0 0 20px 20px; text-align: right; }
#mainip{ font-size: 30px; font-family: times new roman; color: #B2B0A4; }
#mainextra{ font-size: 15px; font-family: times new roman; color: #7A7B7A; }

#leftcol{ width: 330px; }
#rightcol{ padding-left: 30px; }
#legend{ margin-top: 30px; background: #181A19; padding: 15px; }

#googlebig{ margin: 20px 0 20px 0; background: #181A19; padding: 15px; text-align: center; }

.infobit{ font-size: 11px; color: #8B897D; margin: 6px; padding: 0; }
.explain{ background: transparent url("../img/arrow-down.gif") no-repeat center right; padding-right: 30px; }
.warning{ color: #B2B0A4; padding: 2px 0 0 22px; background: transparent url("/img/warning.gif") no-repeat center left; }
.hazard{ color: #B2B0A4; padding: 2px 0 0 22px; background: transparent url("/img/hazard.gif") no-repeat center left; }
.inform{ color: #B2B0A4; padding: 2px 0 0 22px; background: transparent url("/img/inform.gif") no-repeat center left; }
.indent{ margin-left: 10px; }