* { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;
    font-family: inherit; font-weight: inherit;  font-style: inherit; font-size: inherit; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol { list-style: none; }

a:link { text-decoration: none; color: #3b5998; }
a:visited { text-decoration: none; color: #3b5998; }
a:link:hover, a:visited:hover { text-decoration: underline; color: #3b5998; }
b { font-weight: bold; }
body { font-size: 62.5%; line-height: 1; color: #000; background: #fff url(images/bg.png) repeat-x; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;}

#container { margin: 0 auto; width: 875px; }

#head { position: relative; margin: 0 15px; }
#logo { margin: 30px 0 10px 0; }
#tag { position: relative; margin: 0 15px; }
#tag h1 { padding: 14px 0; font-size: 13px; font-weight: bold; color: #203360; }
#quote { position: absolute; top: 35px; right: 0; height: 24px; width: 300px; text-align: right; }
#quote a { color: #fff; font-weight: bold; font-size: 13px; }
#learnwhy { display: block; position: absolute; top: 10px; right: 0; }


#updates, #about { margin: 30px; padding: 10px 15px; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#updates .header { font-size: 16px; font-weight: bold; color: #000; }


input[type=text] {border: 1px solid #bfc6d9; font-size: 13px; padding: 2px; }
input[type=radio] { margin: 0 0 0 10px; }

#updates form { border-bottom: 1px solid #ccc; padding: 0 0 10px 0; }
.examples { padding: 10px 0 20px 0; line-height:14px;}
.examples a { padding: 0 0 0 10px; }
.invisible {display: none;}

#results { padding: 10px; }
.update { padding: 0 0 20px 0; clear: both; }
.person { float: left; max-height:300px; width: 215px; margin: 0 0 40px 0; text-align:center; overflow:hidden; }
.person img { padding: 1px; border: #ccc 1px solid; }
.msg { margin: 0 0 0 215px; font-size: 13px; line-height: 1.3em; }
.msg-metadata { font-size: 11px; color: #666; padding: 5px 0 0 0; height: 16px; }
.msg-metadata a {color: #666;}
.msg-metadata a:link:hover {color: #666;}
.msg-metadata a:visited:hover {color: #666;}
#finished { text-align: center; font-size: 16px; font-weight: bold; display: none; }
#returnlink { display: block; margin: 30px; text-align: center; font-size: 16px; font-weight: bold; }



#results.only-gender-male .gender-female { display:none; }
#results.only-gender-male .gender-any    { display:none; }
#results.only-gender-female .gender-male { display:none; }
#results.only-gender-female .gender-any  { display:none; }

table.traffic_stats {
    border: 1px solid #999;
    margin: 12px;
}

table.traffic_stats th {
    font-size: 115%;
}

table.traffic_stats td {
    border: 1px solid #999;
    padding: 5px;
    padding-left:  10px;
    padding-right: 10px;
}

table.traffic_stats .amt {
    text-align: right;
}

#footer { text-align:center;}
#footer img { vertical-align:middle;}