body { background-color: #fff; color: #000; font-size: 100%; font-family: Arial, Verdana, Tahoma, 'Myriad Web', Syntax, sans-serif; margin: 0; padding: 0; }

a { color: #000; }

.menu { margin: 1em; font: small sans-serif; text-align: center; float: right; height: 50px; margin: 10px; padding: 0; width: 50px; }

#menu_btn:hover, #menu_btn:focus, #account_btn:hover, #account_btn:focus { background-position: 0 -50px; }

#menu_btn:active, #account_btn:active { background-position: 0 -100px; }

.menu > span { visibility: hidden; }

#account_btn { background: url("../img/account-button.jpg") 0 0 no-repeat; }

#menu_btn { background: url("../img/menu-button.png") 0 0 no-repeat; }

h1 { font-weight: 100; }

#brand-wrapper { position: relative; top: 0; width: 100%; height: 92px; background-color: #031323; z-index: 3; /* because of the Inside section */ }

#brand #home { background: url("../img/boardgames_logo.png") center left no-repeat; display: block; height: 92px; left: 0; position: relative; top: 0; width: 150px; }

#brand #language-switcher { list-style: none; background-color: #031323; color: #fff; left: 120px; position: absolute; top: 0; }

#brand #language-switcher li { margin-bottom: 5px; }

#brand #language-switcher a { color: #fff; }

#brand #motto { background: url("../img/play-different.png") center left no-repeat; bottom: 0; display: block; height: 25px; margin: 0; position: absolute; right: 0; width: 143px; }

#brand span { display: none; }

h2 { font-family: 'Libre Baskerville', serif; color: #031323; font-size: 2em; text-align: center; }

section { padding: 0 1em; }

section img { display: block; width: 100%; }

hr { display: none; }

#t2r_nav_toggle { display: block; }

#t2r_nav { display: none; }

#t2r_nav:target { display: block; }

/* HOMEPAGE */
/* Action Buttons */
#actions { background-color: transparent !important; height: 100px; margin: 30px auto 10px auto; width: 300px; clear: left; }

#actions a > span { visibility: hidden; }

#online_link { float: right; display: block; height: 100px; width: 100px; margin: -15px auto 1em auto; background: url("../img/t2r2.png") no-repeat; background-size: cover; }

#forum_link { float: right; display: block; height: 80px; width: 190px; margin: 0 auto; background: url("../img/forum_button.png") 0 0 no-repeat; }

#forum_link:hover { background-position: 0 -80px; }

#forum_link:active { background-position: 0 -160px; }

#telex-wrapper { background-color: #000; text-align: center; color: #fff; }

#telex-wrapper p { color: #fff; font-weight: bold; }

#telex-wrapper p a { color: #fff; }

#video #player { padding-top: 56.271981242673%; position: relative; margin: 2em 0; width: auto; }

#video #player iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.review-cell { float: left; width: 47%; margin-bottom: 1em; }

.review-cell:nth-of-type(2n) { margin-right: 0; }

.review-cell:nth-of-type(2n+1) { clear: left; }

.review-cell > img { width: 95%; margin: 0 auto; }

.review-cell > span { visibility: hidden; }

.review-cell:hover > span { visibility: visible; background-color: #000; color: #fff; display: block; text-align: center; }

@media (min-width: 600px) { .review-cell, .review-cell:nth-of-type(n) { margin-right: 3%; width: 31%; }
  .review-cell:nth-of-type(n) { clear: none; }
  .review-cell:nth-of-type(3n) { margin-right: 0; }
  .review-cell:nth-of-type(3n+1) { clear: left; } }
@media (max-width: 800px) { #home-nav > a { float: left; width: 98%; margin: 0.5em auto; }
  #home-nav > a img { width: 100%; }
  .extra-menu { display: none; } }
blockquote { font-size: 1.2em; font-style: italic; margin-bottom: 3em; text-align: left; width: 80%; position: relative; }

blockquote cite { font-weight: bold; }

blockquote:before { color: rgba(3, 19, 35, 0.4); content: "\201C"; font-size: 10em; position: absolute; left: -0.3em; top: 0.2em; line-height: 0.1em; }

blockquote:after { color: rgba(3, 19, 35, 0.4); content: "\201D"; font-size: 10em; position: absolute; right: 0.2em; bottom: -0.2em; line-height: 0.1em; }

/*
@media (min-width: 600px) { #home-nav>a{ float: left; width: 47%; margin: 0 auto; }
 #home-nav>a:nth-of-type(2n){ margin-right:0; }
 #home-nav>a:nth-of-type(2n+1){ clear: left; }
 #home-nav>a img{ width: 98%; margin: 0.3em 1em; }
}
*/
@media (max-width: 800px) { #inside-wrapper, #download-wrapper, #expansion-wrapper { background-color: #eef3f1; }
  #description-wrapper, #video-wrapper, #designer-wrapper, #mosaic-wrapper, #reviews-wrapper { background-color: #f5e6cf; }
  #home-nav:before, #home-nav:after { content: ""; display: table; }
  #home-nav:after { clear: both; }
  #designer > div a, #reviews > div a { text-align: center; } }
section:before, section:after { content: ""; display: table; }

section:after { clear: both; }

/* navigation */
#primary_nav { background: #031323; }

#account_nav, footer { background: #1888c7; }

#primary_nav ul, #account_nav ul { list-style: none; padding: 5px 0; }

#primary_nav ul { margin-bottom: 0; }

#account_nav ul { margin-top: 0; }

#primary_nav li a, #account_nav li a { display: block; padding: 0 20px; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; line-height: 2em; height: 2em; border-bottom: 1px solid #383838; }

#account_nav li:last-child a { border-bottom: none; }

#primary_nav li a:hover, #primary_nav li a:focus, #account_nav li a:hover, #account_nav li a:focus { color: #031323; background: #ccc; }

footer, footer a { width: 100%; text-align: center; color: #fff; font-size: 12px; }

/* USA Page */
#designer > div a, #reviews > div a { /*color: #fff;*/ display: block; font-weight: bold; margin-bottom: 1em; }

/*# sourceMappingURL=small_africa.css.map */