body { font: 13px "Verdana"; background: #fff; }

h1 { font-size: 28px; }
h2 { color: #999; font-size: 20px; font-weight: bold; }

a { color: #ec2227; text-decoration: underline; }

.modal { background: #666; padding: 5px; width: 550px; font-size: 16px; border: 8px solid #333; color: #eee; }

#header { position: relative; width: 1000px; height: 275px; margin: 0 auto; background: url(../images/header-background.jpg) no-repeat; }
#header .nav { position: absolute; top: 20px; left: 270px; }
#header .nav li { float: left; margin: 0 5px; }
#header .title { position: absolute; top: 110px; left: 10px; width: 630px; }
#header .title h1 { padding: 0 15px; margin-bottom: 5px; }
#header .title p { font-size: 14px; padding: 0 15px; }
#header .diduknow { position: absolute; left: 675px; top: 40px; width: 290px; height: 160px; }
#header .diduknow span.orange { font-size: 18px; font-weight: bold; color: #f69220; }
#header .diduknow p { margin-top: 10px; font-size: 15px; color: #fff; }
#header .diduknow p:hover { font-size: 15px; color: #fff; text-decoration: underline; cursor: pointer; }

#content { width: 1000px; margin: 0 auto; }

#footer { margin: 20px 0; color: #666; text-align: center; vertical-align: middle; }
#footer .logo { margin: 0 auto; width: 58px; vertical-align: middle; }
#footer .logo img { vertical-align: middle; }

.float_left { float: left; }
.float_right { float: right; }
.clear { clear: both; }
.italic { font-style: italic; }

/* Games */
#games #content p { padding: 10px; }
#games #content .divider { width: 422px; height: 13px; margin: 20px 0; background: url(../images/games-divider.png); }

/* Facts Find */
#results { margin: 10px; padding: 10px; border: 1px dotted #ccc; }
#complete { font-weight: bold; }
#quiz ol { margin-bottom: 30px; }
#quiz li { margin: 10px 0 10px 30px; list-style: decimal; font-size: 14px; line-height: 20px; }
#quiz li span { font-weight: bold; }
#quiz li span.error { color: #f00; }

/* Coloring Pages */
#coloringpages #content li { float: left; width: 33%; margin-bottom: 5px; }
#coloringpages #content li p { padding: 5px; text-align: center; }
#coloringpages #content li .thumb { display: block; width: 252px; height: 196px; margin: 0 auto; }
#coloringpages #content li .download { display: block; width: 199px; height: 29px; margin: 0 auto; }