* {
 margin: 0;
 padding: 0;
 line-height: 1;
}

body {
 margin: 0.2em;
 background-color: #FFFFFF;
}

p, pre, address {
 margin: 0.2em;
 background-color:#FFFFFF;
 font-size: 90%;
}

h1, h2, h3, h4, h5, h6 {
 margin: 0 1px 1px 0;
 padding: 0.1em;

 background:#750026;
 color: #FFFFFF;

 font-weight: 800;
 text-align: left;
}

h1, h2, h3, h4, h5, h6 {
 margin-bottom: 1px;
}
h1 {
 font-size: 1.8em;
}
h2 {
 font-size: 1.2em;
}
h3 {
 font-size: 1.1em;
}
h4 {
 font-size: 1.0em;
}
h5 {
 font-size: 0.9em;
}
h6 {
 font-size: 0.8em;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
 color: #FFFFFF;
 text-decoration: none;
 padding: 0.2em 0.4em;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
 color: #FFFFFF;
 text-decoration: none;
}
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
 color: #FFFFFF;
 text-decoration: none;
}
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
 color: #FFFFFF;
 text-decoration: none;
}
h5 a:link, h5 a:visited, h5 a:hover, h5 a:active {
 color: #FFFFFF;
 text-decoration: none;
}
h6 a:link, h6 a:visited, h6 a:hover, h6 a:active {
 color: #FFFFFF;
 text-decoration: none;
}

ul {
 margin: 0.1em;
 padding: 0;
 list-style-position: inside;
}
li {
 font-weight: bold;
}
ol {
 margin: 0.1em;
 padding: 0;
 list-style-position: inside;
}

dl {
 margin: 0.2em;
 list-style-position: inside;
}
dt { 
 font-weight: 800; 
 margin-left:1em;
}
dd { 
 margin-left:3em;
}
.list {
/* display: list-item;*/
 margin-left: 0.2em;
}
.hot li, .popular li {
 list-style-type: decimal;
 padding-top: 0.4em;
}
.new li, .random li {
/* list-style-type: square;*/
 padding-top: 0.4em;
}
#random {
 margin-left: 1em;
 font-weight: 800;
}

#random:before {
 content: "→";
 color: #000;
 font-weight: 800;
}

#ft {
 clear: both;
 background:#750026;
 color: #FFFFFF;
 bottom: 1em;
 padding-left: 0.3em;
}
#ft a:link, #footer a:visited, #footer a:hover, #footer a:active {
 color: #FFFFFF;
 text-decoration: none;
}

/* http://www.neuroticweb.com/recursos/css-rounded-box/index.php?color=FF0033&fondo=FFFFFF */
/* set millions of background images */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
 width: 100%;
 height: 57px;
 font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 90%; margin: 1em auto; }

#create_button {
 color: #FFFFFF;
 font-size: 1.8em;
 font-weight: 900;
 text-decoration: none;
}
.show {
 text-align: center;
}
.create {
 text-align: left;
}
/* quiz-show */
#status {
 font-weigh: 600;
 font-size: 1.5em;
}
#found {
 font-weigh: 800;
 font-size: 1.3em;
}
#clock {
 color: #000;
 font-weigh: 800;
 font-size: 10em;
 text-align:center;
}
#footer-top {
 color: #000;
 font-weigh: 800;
 font-size: 2em;
 position:absolute;
 bottom:0;
 left: 1em;
}
#footer-create {
 color: #000;
 font-weigh: 800;
 font-size: 2em;
 position:absolute;
 bottom: 0;
 right: 1em;
}
p.notice {
 font-color: red;
 font-weigh: 800;
}
img.hatebu {
 width: 41px;
 height: 13px;
}