@charset "utf-8";
/*
Theme Name: MadMoo Landing Page
Theme URI: http://madmoo.com/
Description: CSS Styles Madmoo
Version: v 0.1
Author: Stanislav Kirilov for XS Software
Email: stanislav@xs-software.com
Website: http://www.xs-software.com/
*/

/*
#################### COMMON ####################
*/
@import "../../stylesheets/reset.css";
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#7e5c5c;
background:#110202 url(../../images/landing/bg.jpg) no-repeat center top;
}

#wrapper {
height:auto !important;
min-height:100%;
width:980px;
margin:0 auto;
}

a:link, a:visited, a:active {
text-decoration:underline;
color:#7e5c5c;
}

a:hover {
text-decoration:none;
}

h1, h2, h3 {
font-size:16px;
font-weight:bold;
}

h4, h5, h6 {
font-size:14px;
font-weight:bold;
}

/*
#################### HEADER ####################
*/

#header {
height:200px;
}

#header a#logo {
display:block;
height:108px;
width:403px;
background: url(../../images/landing/logo.png) no-repeat center top;
margin:47px 0 0 290px;
}

body.version-ar #header a#logo {
	margin:47px 290px 0 0;
}

#header .like {
width:320px;
padding:10px 10px 7px;
margin:0 auto;
background:rgba(0, 0, 0, 0.2);
border-radius:5px;
}

/*
#################### CONTENT ####################
*/

#content ul {
margin:0 64px;
height:350px;
}

#content ul li.margin{
margin-left:140px;
}

#content ul li a {
display:block;
width:258px;
height:158px;
float:left;
margin:8px 12px;
}

#content ul li a {
background: url(../../images/landing/gameBanners_en.png) no-repeat 0 0;
}

#content ul.ae li a {
background: url(../../images/landing/gameBanners_ae.png) no-repeat 0 0;
}

#content ul.de li a {
background: url(../../images/landing/gameBanners_de.png) no-repeat 0 0;
}

#content ul.es li a {
background: url(../../images/landing/gameBanners_es.png) no-repeat 0 0;
}

#content ul.it li a {
background: url(../../images/landing/gameBanners_it.png) no-repeat 0 0;
}

#content ul.fr li a {
background: url(../../images/landing/gameBanners_fr.png) no-repeat 0 0;
}

#content ul.pl li a {
background: url(../../images/landing/gameBanners_pl.png) no-repeat 0 0;
}

#content ul li a.ladypopular {
/* default */
}
#content ul li a.ladypopular3 {
background-position: 0 -790px;
}

#content ul li a.khanwars {
background-position: 0 -158px;
}

#content ul li a.nemexia {
background-position: 0 -316px;
}

#content ul li a.streetcrime {
background-position: 0 -474px;
}

#content ul li a.managore {
background-position: 0 -632px;
}

#content .fanbox {
background: url(../../images/landing/fansbox.png) no-repeat 0 0;
width:980px;
height:338px;
}
#content .fanbox .inside {
height:270px;
padding:35px 30px;
}

/*
 * T&C / Privacy Policy
 */
#content.content-text{
  padding:0 12px 0 20px;
  color:#eee6e6;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  margin-top:0px;
  text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0.83em 0;
}

ol, ul {
  padding: 0 0 0 40px;
  margin: 1em 0;
}

p, pre {
  margin: 1em 0;
}

#content.content-text img{
  max-width:680px;
  padding: 10px;
  background: rgba(181, 181, 181, 0.1);
}

#content.content-text h1{
  font-family:'Ubuntu Condensed',sans-serif;
  font-size:28px;
  color:#fff;
  font-weight:normal
}

#content.content-text h2{
  font-family:'Ubuntu Condensed',sans-serif;
  font-size:24px;
  color:#fff;
  font-weight:normal
}

#content.content-text h3{
  font-size:18px;
  color:#fff;
}

#content.content-text p{
  font-size:14px;
  line-height: 20px;
}

#content.content-text a{
  color:#e8e601;
  text-decoration:underline;
}

#content.content-text ul {
  height: initial;
}

#content.content-text ul li{
  font-size:14px;
  list-style: disc;
}

#content.content-text a:hover{
  text-decoration:none
}

#content.content-text table{
  border:1px solid #4f4f4f;
  margin:0.5em 0;
}

#content.content-text th{
  padding:5px;
  border:1px solid #4f4f4f;
  background-color:rgba(255,255,255,0.1)
}

#content.content-text td{
  padding:5px;
  border:1px solid #4f4f4f;
  font-weight: normal
}

#content.content-text table {
  font-size: 12px;
}

h1.big-title{
  text-align:right
}

/*
#################### FOOTER ####################
*/

#footer {
padding:10px 20px 30px;
text-align:center;
}


/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/