/* DB */
@font-face {
  font-family: Furore;
  src: url('./fonts/Furore.eot');
  src: local('☺'), url('./fonts/Furore.otf') format('opentype');
}

body { min-width: 960px; background: #f0f0f0; font-size: 87.5%; font-family: verdana, arial, sans-serif; }

#page { width: 960px; margin: 0 auto; }
#left { float: left; width: 700px; }
#right { float: right; width: 250px; }

#header { position: relative; height: 145px; }
#header #menu { height: 37px; background: url('./images/menubg.png') top left repeat-x; position: absolute; left: 0; top: 0; width: 100%; z-index: 2; }
#header #menu ul li { float: left; position: relative; }
#header #menu ul li a { color: #fff; text-decoration: none; line-height: 37px; font-size: 0.85em; margin: 0 0 0 5px; padding: 0 0 0 5px; background: url('./images/menubg.png') 0px -37px no-repeat; }
#header #menu ul li a.noline { color: #fff; text-decoration: none;  margin: 5px 0 0 0; padding: 5px 0 0 0;background: none;}
#header #menu ul li a:hover { color: #f1ba29; }
#header #menu ul li:first-child a { background: none; }
#header #menu ul ul { display: none; background: #26567a; position: absolute; left: 0; top: 99%; z-index: 2; }
#header #menu ul li:hover ul { display: block; }
#header #menu ul ul a { white-space: nowrap; margin: 0 7px 2px 7px; line-height: 1.7em; padding: 0 7px; display: inline-block; background: none; }
#header a#logo { position: absolute; top: 60px; left: 10px; display: block; height: 65px; width: 196px; }

.box { padding: 15px; border: 1px solid #ddd; background: #fff; color: #555; position: relative; margin: 0 0 10px; }
.box h1, .box h2 { text-transform: uppercase; border-bottom: 1px solid #ddd; margin: 25px 0 5px 0; font-family: Furore, verdana, sans-serif; font-size: 1.2em; }
.box h1:first-child, .box h2:first-child {  margin: 0 0 5px 0; }

#articleLinks { width: 122px; font-size: 0.9em; float: left; position: relative; }
#articleLinks h2 { color: #fff; background: #6c6c6c; padding: 5px; }
#articleLinks a { display: block; padding: 5px; color: #0161ab; background: #ddd; text-decoration: none; margin: 2px 0 0 0; }
#articleLinks a:hover { color: #222; }
#fade { height: 187px; background: url('./images/homepage/fade.png') top left repeat-x; background-image: -moz-linear-gradient(#ddd, #f0f0f0); margin: 2px 0 0 0; position: absolute; top: 100%; left: 0; width: 122px; }

#sitemap { clear: both; background: url('./images/sitemapbg.png') top left repeat-x; background-image: -moz-linear-gradient(#cacaca, #e5e5e5); padding: 15px; font-size: 0.85em; margin: 0 0 15px 0; }
#sitemap h2 { color: #0065b2; font-weight: bold; margin: 0 0 15px 0; font-family: Enigma, verdana, arial, sans-serif; }
#sitemap ul { width: 25%; display: inline; float: left; }

#footer { font-size: 0.8em; color: #999; margin: 0 0 15px 0; }
#footer div.footer-right { float: right; }
#footer a { color: #999; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

div.clear { clear: both; height: 0; overflow: hidden; }
.ca { text-align: center; }
.ra { text-align: right; }

ul.three { width: 33%; float: left; }
dt { font-weight: bold; }
dd { margin: 0 0 15px 0; }

#top30 { font-size: 0.9em; }
#top30 table { width: 100%; border-collapse: collapse; margin: 20px 0; }
#top30 th { font-weight: bold; }
#top30 th, #top30 td { padding: 5px 10px; border: 1px solid #eaeaea; }

h3 { font-weight: bold; }

a { color: #0065B2; text-decoration: none; }
a:hover { color: #222; }
#leaderboard { position: absolute; width: 728px; height: 90px; right: 0; bottom: 10px;  }
.advert.banner { float: left; margin: 0 0 10px 0; display: block; width: 120px; height: 240px; }
.advert.banner.left { float: left; margin: 0 10px 10px 0; }
.advert.square { display: block; width: 250px; height: 250px; margin: 0 0 10px 0; }

#talk { margin-bottom: 10px; width: 250px; color: #fff; text-align: center; background: url('./images/talk.png') top left no-repeat; display: block; height: 43px; line-height: 43px; text-transform: uppercase; }

ul.messages { display: block; padding: 10px 20px; background: #fdd; list-style-type: none; margin: 0 0 5px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul.messages li { display: block; margin: 0; list-style-type: none; }
ul.error { border: 1px solid #b10b20; color: #b10b20; background: #fdd; }
ul.success { border: 1px solid #090; color: #090; background: #dfd; }
ul.information { border: 1px solid #009; color: #009; background: #ddf; }