body { margin:0px; padding:0px; background:#FFFFFF; }
div { margin:0px; padding:0px; }
form { display:inline; margin:0px; padding:0px; }
a { color:#0000ff; text-decoration:none; }
a:hover { text-decoration:underline; }

#header { padding:0em 1em 0 1em; background-color:#AAAAFF; background-image:url(/images/header-top.png); background-repeat:repeat-x; background-position: bottom left; }

#logo { }
#logo h1 { margin:0px; padding:0px; line-height: 1.0em; }
#logo h1 br { padding:0; margin:0; }
#logo h1 span { margin:0px; padding:0px; line-height: 1.0em; }
#logo h1 .flip { font-family: Arial,Sans-Serif; font-size: 0.9em; color:#ffffff; }
#logo h1 .fact { font-family: Times,Serif; font-size: 1.6em; color:#111155; }
#logo h1 .motto{ padding-left:2em;font-family: Sans-Serif; font-style:italic; font-size: 0.4em; color:#444499; }

#menu-login { float:right; margin: 1em; text-align:right; background: transparent; font-family: Arial; font-size:1.0em; }
#menu-login ul { }
#menu-login li { display:block; float:left; color: #ffffff; margin-left: 0.5em; }
#menu-login li a { color: #ffffff; padding: 0.25em; background: transparent; text-decoration: none; }
#menu-login li a:hover { text-decoration:underline; }

#tabs { font-family:Arial; padding:0; margin:0; }
#tabs table { border-collapse:collapse;margin:1em 0 0 0; display:table; border-spacing:0.25em 0; list-style:none; padding:0 0 0 0; font-size:0.9em;}
#tabs table td { display:table-cell; width:7em; margin: 0 0 0 0; padding: 0; background: #AAF url(/images/nav.png) no-repeat 100% 0; white-space: nowrap; }
#tabs table td a { color: #ffffff; display: block; text-decoration: none; background: url(/images/nav-left.png) no-repeat 0 0; margin: 0; padding: 0.5em 1em 0.25em 1em; text-align: center; font-weight: bold; white-space: nowrap; }
#tabs table td:hover, #tabs table td.hover { background-color: #AAF; background-position: 100% -200px; }
#tabs table td:hover a, #tabs table td.hover a { background-position: 0 -200px;}
#tabs table td.on, #tabs table td:hover.on { background-color: #FFFFFF;  background-position: 100% -400px; }
#tabs table td.on a, #tabs table td:hover.on a {color: #000000; background-position: 0 -400px;}
#tabs table td.spacer { display:table-cell; width:3em; margin: 0 0 0 0; padding: 0; background-image: none; background-color:transparent; }

#main { background-color:#ffffff;text-align:center;background-image:url(/images/main-bg.png); background-repeat:repeat-x; background-position: top left; }
#main .main-table { border-collapse:collapse;margin:0 auto; }
#main .edge { padding:0;margin:0;vertical-align:top; }
#main .middle { vertical-align:top;background:#ffffff;padding:0;margin:0;width:50em; }

#content { display:block; max-width: 50em; width:expression(document.body.clientWidth>(500/8)*parseInt(document.body.currentStyle.fontSize)?"50em":"auto" ); margin-left:auto; margin-right:auto; padding:1em; }

#attention { clear:both;margin:0.5em 0 0.5em 0;background-image:url(/images/description-bg.gif); background-repeat:repeat-x; background-position: bottom left; padding:1em;border:solid 1px #aaaaaa; }
#attention h2 { text-align:center;font-family: Sans-Serif;margin:0px; padding:0px; color:#992222; }
#attention h3 { text-align:center;font-family: Sans-Serif;margin:0px; padding:0px; color:#992222; }
#attention p { text-align:center;margin:1em 0 0 0;padding:0 20% 0 20%;font-family: Sans-Serif;line-height:1.5em; }
#attention a { background-color:#ffff00; }

#columns { padding:0.5em 0 0.5em 0;margin:0.5em 0 0.5em 0;}
#columns h3 { text-align:center;margin:0 0 1em 0; font-family: Sans-Serif; color:#992222; }
#columns h4 { text-align:center;margin:0;padding:0; font-family: Sans-Serif; color:#992222; }
#columns table { width:100%; border-spacing: 0; }
#columns .fact-or-fiction-column { width:50%;margin:0.5em; padding:0.5em;vertical-align:top; border-spacing:0; list-style:none; }
#columns .form-column { width:35em;margin: 0 0 0 0; padding: 0;vertical-align:top; }
#columns .tips-column { width:15em;margin: 0 0 0 0; padding: 0;vertical-align:top; }
#columns .login-column { width:25em;margin:0.5em; padding:0.5em;vertical-align:top; border-spacing:0; list-style:none; }
#columns .categories-column { width:10em;margin: 0 0 0 0; padding: 0;vertical-align:top; }
#columns .facts-column { width:40em;margin: 0 0 0 0; padding: 0;vertical-align:top; }

#form { margin:0.5em 0 0.5em 0; }
#form table { width:100%; border-spacing: 0; border:1px solid #ddddee;}
#form table td { }
#form .label { vertical-align:top; color:#ffffff; text-align:right; padding: 0.5em 0.5em 0 0.5em; background-color:#992222; font-family: Arial; font-size: 0.9em; white-space: nowrap; }
#form .terms { vertical-align:top; color:#ffffff; text-align:right; padding: 0.5em 0.5em 0 0.5em; background-color:#992222; font-family: Times; font-size: 0.9em; }
#form .terms a { color:#ffffff; }
#form .field { padding:0.5em 0.5em 0 0.5em; background-color:#992222; color:yellow;vertical-align:top; width:100%;}
#form .field input { width:100%;border:1px solid #cccccc;background-color:#ffffff; }
#form .field textarea { width:100%;border:1px solid #cccccc;background-color:#ffffff; }
#form .field select { width:100%;border:1px solid #cccccc;background-color:#ffffff; }
#form .submit { padding:0.5em; background-color:#992222; text-align:right; color:#ffffff; }
#form .error { padding:0.5em; background-color:#992222; }

#tips { padding: 0.5em; }

#categories { margin:0.5em; padding: 0.5em; border: 1px solid #cccccc; }
#categories h4 { text-align:left; margin-bottom:1em; border-bottom: 1px solid #ddddff; }
#categories a { font-family:Arial; font-size:0.9em; color:#222266; }
#categories .selected { font-family:Arial; font-size:0.9em; color:#222266; font-weight:bold; }

#facts h2 { text-align:left;font-family: Sans-Serif;margin:0px; padding:0px; color:#992222; border-bottom: 1px solid #cccccc; margin-bottom: 0.5em; }
#facts h3 { text-align:center;font-family: Sans-Serif;margin:0px; padding:0px; color:#992222; margin-bottom: 0.5em; }
#facts table { width:100%; border-spacing: 0; }
#facts table td { }
#facts span { font-family: Arial,Sans-Serif;font-weight:normal; }
#facts .fact-image { vertical-align:top; width: 70px; padding: 0.3em; }
#facts .fact-image img { border:1px solid #aaaaaa; }
#facts .fact { vertical-align:top;padding:0.5em; border-bottom:1px solid #ddddff; }
#facts .fact a { color:#000000; white-space: normal; }
#facts .fact a:hover { text-decoration:none; }
#facts .author { font-style:italic; font-size:0.8em; color: #222266; }
#facts .read-more { text-align:left; margin-top:0.4em; float:left; }
#facts .read-more span { color:#bbbbbb; font-family:Arial; font-size:0.75em; }
#facts .read-more a { color:#aaaaaa; font-family:Arial; font-size:0.8em; }
#facts .read-more a:hover { color:#0000ff; }
#facts .vote { text-align:right; margin-top:0.25em; }
#facts .vote span { font-size:0.75em; white-space: nowrap; }
#facts .vote input { font-size:0.75em; wrap:no-wrap; width:9em; }
#facts .guess-fact { color:#222266; }
#facts .true-fact { color:#222266; }
#facts .mystery-fact { color:#222266; }
#facts .false-fact { color:#222266; }

#information { margin:0.5em 0 0.5em 0;padding:0em;clear:both; }
#information h2 { text-align:center;font-family: Sans-Serif;margin:0px; padding:0px; color:#992222; }
#information h3 { text-align:center;font-family: Sans-Serif;margin:0px; padding:0px; color:#992222; }
#information p { padding:0 20% 0 20%;text-align:center;font-family: Sans-Serif;line-height:1.5em; }
#information a { background-color:#ffff00; }

#fact { margin:0.0em 0 0.0em 0;padding:0.5em; border-bottom:solid 1px #cccccc;}
#fact .edit-link { float:right; }
#fact .edit-link a { font-family:Sans-Serif; color:#992222; }
#fact h2 { text-align:left;font-family: Sans-Serif;font-size:1.2em;margin:0px; padding:0px; color:#222266; }
#fact h3 { text-align:center;font-family: Sans-Serif;margin:0px; padding:0px; color:#992222; }

#fact-description { font-family: Sans-Serif; margin:1em 0 1em 0; text-align:left; }
#fact-description h1 { font-size:1.3em; color:#222266; }
#fact-description h2 { font-size:1.2em; color:#222266; }
#fact-description h3 { font-size:1.1em; color:#222266; }
#fact-description h4 { font-size:1.0em; color:#222266; }
#fact-description li { margin:0.5em 0 0 0; }
#fact-description hr { height:1px; border-bottom:0; border-top: 1px solid #cccccc; }
#fact-description p { margin:0 0 1.0em 0;padding:0 0 0 0;line-height:1.5em; }
#fact-description blockquote { padding:0.5em 1em 0em 1em; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }
#fact-description pre { width:100%; margin-bottom:1.0em; overflow:scroll; border-style:solid; border-color:#cccccc; border-width:1px; background-color:#EEEEEE; }
#fact-description .fact-image { margin:0; padding:0 0 1em 1em;background-color:#ffffff; float:right;}
#fact-description .fact-image div { border:1px solid #cccccc; background-color:#eeeeee; }
#fact-description .fact-image p { text-indent:0;margin:0;padding:0.5em; text-align:center; font-size:0.8em; font-family:Sans-Serif; }
#fact-description .fact-image img { border:1px solid #888888; }
#fact-only-image { margin:auto;padding:0;border:1px solid #cccccc; background-color:#eeeeee;}
#fact-only-image p { text-indent:0;margin:0;padding:0.5em; text-align:center; font-size:0.8em; font-family:Sans-Serif; }
#fact-only-image img { border:1px solid #888888; }

#comments { margin:0.5em 0 0.5em 0;padding:1em;background:#f8f8ff; }
#comments h2 { text-align:center;font-family: Sans-Serif;margin:0px; padding:0px; color:#992222; }
#comments h3 { text-align:left;font-family: Sans-Serif;margin:0px; padding:0px; color:#992222; }
#comments p { text-align:left;margin:1em 0 0 0;padding:0 0.5em 0 0.5em; }
#comments li { margin:0.1em 0 0 0; }
#comments .comment { line-height:1.4em;font-size:0.9em;padding:0em;margin:0 1em 0 1em;text-align:left;font-family: Sans-Serif; }
#comments .author { color:#222266; text-align:left;font-family: Sans-Serif; padding:1.0em 0 0.5em 0;width:100%;font-style:italic;font-size:0.75em;border-bottom:1px solid #dddddd;}

#pagination {width:100%;text-align:center;padding-top:1em;padding-bottom:1em;clear:both;}
#pagination a {color:#222266; text-decoration:none;background: #fff; padding: 0.2em 0.3em 0.2em 0.3em; border:1px solid #222266; }
#pagination a:hover, .pagination a:active {background:#eee;}
#pagination span.current {color:#000;background: #eee; padding: 0.2em 0.3em 0.2em 0.3em; border:1px solid #222266; }
#pagination span.disabled {color:#cccccc;background: #fff; padding: 0.2em 0.3em 0.2em 0.3em; border:1px solid #cccccc; }

#error { color:#aa0000;border:1px solid #eeaaaa;background-color:#ffffaa;font-weight:normal;font-family:Sans-Serif;font-size:0.9em;padding:0.25em;margin:0.25em; }
#error p { padding:0; margin:0 0 0.25em 0; }

#share { text-align:center;font-family: Sans-Serif;font-size:0.8em; }

#privacy { font-family: Sans-Serif; margin:1em 0 1em 0; text-align:left; font-size:0.9em;}
#privacy h1 { font-size:1.3em; color:#992222; }
#privacy h2 { font-size:1.2em; color:#992222; }
#privacy h3 { font-size:1.1em; color:#992222; }
#privacy h4 { font-size:1.0em; color:#992222; }
#privacy li { margin:0.5em 0 0 0; }
#privacy hr { height:1px; border-bottom:0; border-top: 1px solid #cccccc; }
#privacy p { margin:0 0 1.0em 0;padding:0 0 0 0; }
#privacy blockquote { padding:0.5em 1em 0em 1em; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }
#privacy pre { width:100%; margin-bottom:1.0em; overflow:scroll; border-style:solid; border-color:#cccccc; border-width:1px; background-color:#EEEEEE; }

#terms { font-family: Sans-Serif; margin:1em 0 1em 0; text-align:left;  font-size:0.9em;}
#terms h1 { font-size:1.3em; color:#992222; }
#terms h2 { font-size:1.2em; color:#992222; }
#terms h3 { font-size:1.1em; color:#992222; }
#terms h4 { font-size:1.0em; color:#992222; }
#terms li { margin:0.5em 0 0 0; }
#terms hr { height:1px; border-bottom:0; border-top: 1px solid #cccccc; }
#terms p { margin:0 0 1.0em 0;padding:0 0 0 0; }
#terms blockquote { padding:0.5em 1em 0em 1em; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }
#terms pre { width:100%; margin-bottom:1.0em; overflow:scroll; border-style:solid; border-color:#cccccc; border-width:1px; background-color:#EEEEEE; }

#about { font-family: Sans-Serif; margin:1em 0 1em 0; text-align:left; }
#about h1 { font-size:1.3em; color:#992222; }
#about h2 { font-size:1.2em; color:#992222; }
#about h3 { font-size:1.1em; color:#992222; }
#about h4 { font-size:1.0em; color:#992222; }
#about li { margin:0.5em 0 0 0; }
#about hr { height:1px; border-bottom:0; border-top: 1px solid #cccccc; }
#about p { margin:0 0 1.0em 0;padding:0 0 0 0; }
#about blockquote { padding:0.5em 1em 0em 1em; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }
#about pre { width:100%; margin-bottom:1.0em; overflow:scroll; border-style:solid; border-color:#cccccc; border-width:1px; background-color:#EEEEEE; }

#footer { padding-top:0.25em;background-image:url(/images/footer-top.png); background-repeat:repeat-x; background-position: top left; margin: auto; text-align: center; font-family:Arial; font-size:0.8em; }
#footer .copyright { padding-top:15px;padding-bottom:1.0em;font-size:0.8em;color:#992222;text-align:center;font-family:Arial,Helvetica,sans-serif; }
#footer p { padding:0.5em;margin:0; }
#footer a { color:#222266; }