/* DR. STEIN */

/* TYPE SELECTORS */

html, body {height: 100%;}

a {
text-decoration: none;
}

a:link {color: #1874fe;}
a:visited {color: #013f9a;}
a:hover {color: #ff00ff;}
a:active {color: #ff0000;}

body {
background: url("https://websafestudio.tripod.com/img/bg-999.png") #999 repeat-y 50% 0;
font: normal 14px/18px Verdana, sans-serif;
}

form {
padding: 20px 0;
}

h1, h2, h3, h4 {
font-family: Verdana, sans-serif;
font-weight: normal;
margin: 0 0 .5em 0;
}

h1 {
color: #fff;
font-size: 32px;
}

h2 {
font-size: 20px;
line-height: 22px;
}

h3 {
color: #fff;
font-size: 18px;
font-weight: bold;
}

h4 {
color: #999;
font-size: 16px;
font-weight: bold;
}

hr {
clear: both;
visibility: hidden;
height: 1px;
}

p {
margin: 0 0 1em 0;
}

/* PAGE STRUCTURE */

#wrapper {
background: #ddd;
margin: 0 auto;
min-height: 100%;
position: relative;
width: 960px;
}

#logo {
background: #bbb;
float: left;
height: 130px;
padding: 10px;
text-align: center;
width: 170px;
}

#tagline {
background: #a8444b;
color: #fff;
float: left;
height: 130px;
padding: 10px;
vertical-align: top;
width: 180px;
}

#intro {
background: #a4ab70;
color: #000;
float: left;
font-size: 12px;
line-height: 16px;
height: 130px;
padding: 10px;
vertical-align: top;
width: 550px;
}

#content {
clear: both;
overflow: auto;
padding: 0 20px 20px 20px;
width: 920px;
}

#footer {
background: #a4ab70;
bottom: 0;
clear: both;
font-size: 10px;
padding: 5px 0;
position: absolute;
text-align: center;
width: 960px;
}

/* CUSTOM */

.fineprint {
color: #000;
font-size: 10px;
vertical-align: bottom;
}

/* CUSTOM (FROM OLD CSS) */
#hidden {display: none;}

#mood-bad {
background: #ff0000;
color: #fff; 
font: bold x-small Verdana, sans-serif;
padding: 5px;
width: 50%;
}

#mood-good {
background: #32cd32;
color: #fff;
font: bold x-small Verdana, sans-serif;
padding: 5px;
width: 50%;
}

#mood-neutral {
background: #ffa500;
color: #fff;
font: bold x-small Verdana, sans-serif;
padding: 5px;
width: 50%;
}

table#swatch {
width: 150px;
height: 150px;
}

td#sidebar {
font-size: 12px;
line-height: 16px;
padding: 20px 10px 0 0;
vertical-align: top;
width: 160px;
}

td#main {
padding: 0 0 0 10px;
vertical-align: top;
width: 740px;
}