html {
font-size:62.5%;
}

body {
font-family:arial;
font-size:1em;
padding:1em;
color:#222;
}

#container {
width:72em;
margin:0px auto;
background-color:#f0f0f0;
padding:0.5em 0.0em 0.0em 0.0em;
}

h1 {
font-size:3em;
font-weight:bold;
margin:0.0em 0em;
text-align:center;
color:#005;    
}

h1 a {
color:#005;
text-decoration:none;
}

h2 {
font-size:1.5em;
font-weight:bold;
margin:0em 0em;
background-color:#005;
padding:0.15em 0.0em;
text-align:center;
color:#fff;    
}

h3 {
font-weight:normal;
font-size:2.5em;
margin:0.5em;
}

h4 {
font-size:1.8em;
padding:0em 0.25em;
background-color:#ff9;
padding:0.75em;
margin:0em;
font-weight:normal;
}

#login-form {
font-size:1.4em;
margin:1em;
}

.graytxt {
color:#444;
font-size:0.8em;
}

.graytxt a {
color:#444;
}

#msg-wrap {
margin:1em auto;
text-align:center;
}

#msg {
font-size:1.6em;
background-color:#ff9;
padding:0.2em 0.4em;
font-weight:bold;
}

#footer {
margin-top:3em;
border-top:1px solid #aaa;
background-color:#ddd;
color:#333;
text-align:center;
font-size:1.2em
}

#footer a{
color:#333;
}

#welcome {
font-size:1.8em;
padding:0em 0.25em;
}

#blurb {
overflow:auto;
}

#pic1 {
background-color:#000;
}

#topbar {
font-size:1.8em;
background-color:#aaa;
width:100%;
overflow:auto;
}

.topbar-item {
text-align:center;
padding:0.2em 0.0em;
}

.topbar-item a {
color:#fff;
font-decoration:none;
}

#signup {
float:left;
background-color:#BC4848;
width:6em;
}

#login {
float:left;
background-color:#6B8727;
width:6em;
}

#upgrade {
float:left;
background-color:#F62817;
width:6em;
}

#options {
float:left;
padding-left:1em;
}

#options a {
color:#000;
}

#question {
font-size:1.6em;
background-color:#ccc;
text-align:center;
color:#000;
padding-top:0.5em;
font-weight:bold;
}

#ipbar {
width:100%;
overflow:auto;
background-color:#ccc;
}

#ipbox {
width:80%;
float:left;
padding:1em;
text-align:center;
}

#ipbox textarea {
width:96%;
height:7em;
font-size:1em;
}

#ipmisc {
float:left;
padding-top:1em;
}

#ipbox textarea {
font-size:2em;
padding:0.25em;
}

#ipmisc input{
font-size:2em;
}

#notes-container {
}

.note {
border:1px solid #999;
font-size:1.5em;
margin:1em;
background-color:#f9f9f9;
}

.note p {
margin:1em;
}

.note-foot {
padding:0.0em 0.0em 0.0em 1.0em; 
color:#222;
font-size:0.8em;
background-color:#ccc;
}

.note-foot a {
color:#222;
}

.trash a {
color:#d00;
float:right;
text-decoration:none;
margin:0.0em 0.2em 0.0em 0.0em;
display:inline;
}

.trash a:hover {
color:#f44;
}

.hdate {
margin:1em 0.2em;
font-size:1.4em;
font-weight:bold;
}

.starset {
float:right;
overflow:auto;
background-color:#f9f9f9;
}

.star1 {
visibility:hidden;  /* so that stars don't appear as radio buttons (while loading) */
}

div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{background:url('/media/sr/delete.gif') no-repeat 0 -16px}
div.star,div.star a{background:url('/media/sr/star.gif') no-repeat 0 0px}
div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
div.star{background:transparent!important;overflow:hidden!important}