* {
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
}
table {border-collapse: collapse; border-spacing: 0;}
h1,h2,h3{margin: 10px 0;}
h1 {font-size: 14pt; font-weight: bold; text-align: left; margin: 10px 10px 10px 10px;}
h2 {font-size: 13pt; font-weight: normal; padding-left: 10px;}
.right h1 {
    font-size: 14pt; font-weight: bold;
    border-bottom: 1px solid #bfbfbf; 
    /* border-left: 5px solid #bfbfbf; */
    padding: 0 0px;
    margin-right: 0;
    padding: 10px;
    text-align: left;
}
body {background-color: #030c0b;}
div, span, p {font-family: tahoma, arial; font-size: 10pt; line-height: 15pt; vertical-align: baseline; text-align: left;}
a:active {outline: 1px dotted silver}


body, html {background: white; color: black; height: 100%}

#content {overflow:auto; padding-bottom: 156px; width: 1000px;margin: 5px auto 0 auto;}
#footer {position: relative; margin: -157px auto 0 auto; height: 156px; clear:both; max-width: 960px}
body:before {content:""; height:100%; float:left; width:0; margin-top:-32767px; }



a {color: #006fbd; font-weight: bold}
a:hover {color: #f34747}
.clear {clear: both;}

.error, .error p{text-align: center;}
.error p {text-indent: 0}

#wrap {margin: 0 auto; min-height: 100%; max-width: 1200px; padding-top: 20px; background: url(../img/f2.jpg) no-repeat center bottom;}

#logo {margin: 0 auto; background: url(../img/logo.png) no-repeat; width: 418px; height: 156px}
#logo:hover {background-position: 0 -158px;}
#logo img {width: 418px; height: 156px}

#menu {width: 990px; height: 50px; margin: 0 auto;}
#menu ul {padding: 0 15px; width: 960px; height: 50px; margin: 0;}
/* this part will be modified in mom_*.css for i18n
#menu li {display: block; margin: 0; float: left; width: 160px; height: 36px; text-align: center; padding-top: 14px; border-bottom: 1px solid black;}
#menu li a{display: block; width: 160px; height: 36px; text-align: center;}
#menu img, #menu a:hover {background-image: url(../img/menusprite.png); background-repeat: no-repeat}
  #news img{width: 122px; height: 26px; background-position: 0 0;}
  #news{background-position: 0 -228px;}
  #about img{width: 114px; height: 32px; background-position: 0 -31px;}
  #about{margin-top: -36px; padding-top: 36px; background-position: 0 -271px;}
  #developers img{width: 82px; height: 28px;  background-position: 0 -64px;}
  #developers{margin-top: -22px; padding-top: 22px; background-position: 4px -343px;}
  #downloads {height: 38px !important;margin-top: -32px; padding-top: 30px; background-position: 0 -424px;}
  #downloads img{width: 137px; height: 37px;  background-position: -3px -97px;}
  #gallery {margin-left: -19px; padding-left: 19px;margin-top: -55px; padding-top: 55px;background-position: 0 -533px;}
  #gallery img{width: 121px; height: 35px;  background-position: 0 -137px;}
  #records {height: 38px !important;margin-top: -32px; padding-top: 30px; background-position: 25px -625px;}
  #records img{width: 129px; height: 37px;  background-position: 0 -173px;}
*/

#main {width: 960px; padding: 15px 20px;  background: rgba(255,255,255,0.8); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b4ffffff', endColorstr='#b4ffffff');}

#main p{text-indent: 10px; margin-bottom: 5px; }
#main .left {width: 600px; float: left}
#main .right {width: 300px; float: right; clear: right}
#main .homeleft {width: 450px; float: left}
#main .homeright {width: 450px; float: right; clear: right}
#main li{ margin: 0 0 0 20px }
#main ol, ul{padding: 0 0 0 30px}
#main dd{margin: 0 0 0 40px}

.miniatures {text-align: inherit; margin: 0; list-style-type: none}
.miniatures li {display: inline-block; margin: 5px 20px;vertical-align:middle; width:150px; padding-top: 10px}
.centeredminiatures {text-align: center; margin: 0; list-style-type: none}
.centeredminiatures li {display: inline-block; margin: 5px 20px;vertical-align:middle; width:150px;}
.videominiatures {text-align: left; margin: 0; list-style-type: none}
.videominiatures li {display: inline-block; margin: 5px 20px;vertical-align:middle; width:300px;}
.releases {text-align: center; margin: 0; list-style-type: none; margin-right: 50px;}
.releases h1 {
    font-size: 14pt; font-weight: bold;
    /* border-bottom: 1px solid #bfbfbf;*/
    /* border-left: 5px solid #bfbfbf; */
    padding: 0 10px;
    text-align: left;
}
.releases li {display: inline-block; margin: 20px 20px; vertical-align:middle; text-align:center;}
.releases li.title {width: 100%; text-align: left; padding-top: 10px; border-bottom: 1px solid #bfbfbf;}
.releases-file {display: inline-block; margin: 20px 20p; vertical-align:middle; text-align:center;}
.screen-big { display: block; margin: 5px -10px; text-align: middle;}
.mosaic {text-align: center; margin: 0; list-style-type: none}
.mosaic li {display: inline-block; margin: 5px;}
.mosaic li img {max-width: 930px}

strong {font-size: 13pt; font-weight: bold;}

#footer a{float: right}
#footer .copy {float: left; margin-top: 74px;}
  #footer .social {margin: 3px 0 0 15px;}

.developers td {border: 1px dotted silver; padding: 3px}
.developers tr td:first-child, .developers tr:first-child td {vertical-align: middle; text-align: center; font-weight: bold;}
.developers .a {width: 100px}
.developers .b, .developers .c, .developers .d, .developers .e {width: 215px}

.developer {width: 445px; margin: 15px; display: block; float: left}
.developer td{border: 1px dotted silver; padding: 3px}
.developer tr td:first-child, .developers tr:first-child td {vertical-align: middle; text-align: center; font-weight: bold;}

.single { -moz-column-count: 2; -webkit-cloumn-count: 2; column-count: 2;}
.rssFeed li {margin: 0; list-style-type: none; padding-bottom: 5px; line-height: 12pt;}
.rssFeed b {font-size: 10pt !important}
.rssFeed .d{float: right; color: silver; font-style: italic; }

.media {margin: 10px auto; text-align: center;}
.category {border-bottom:1px solid silver; display:block; font-size:14pt; margin:25px 0 12px 0; padding-bottom: 3px;}

.newstitle {
    font-size: 14pt;
    font-weight: bold;
    border-bottom: 1px solid #bfbfbf;
    padding: 0 0px;
    text-align: left;
}
.news {margin: 0; list-style-type: none; margin-bottom: 3em; display: block;}
.news h1 {
    font-size: 14pt; font-weight: bold;
    /* border-bottom: 1px solid #bfbfbf; */
    /* border-left: 5px solid #bfbfbf; */
    padding: 0 0px;
    text-align: left;
}
.news li.title {width: 100%; text-align: left; padding-top: 100px;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#highscores {margin: 0 auto 15px; background:rgba(255,255,255,0.5);}
#highscores th {font-size: 14px; font-weight: bold; text-align: center; padding: 5px 10px;}
#highscores tr {border-bottom: 1px solid silver;}
#highscores tr:first-child {border-bottom-width: 2px;}
#highscores td {padding: 5px 15px;}
#highscores .a td{font-size: 13px;}
#highscores .b td{font-size: 12px;}
#highscores .c td{font-size: 11px;}
.pagination {text-align: center;}

.youtube-preview img { width: 150px; height: 111px;}
.miniaturedescription { text-align: center;}
.mibbit-wrapper {
    border: 1px solid rgba(75, 83, 94, 0.45);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) inset;
    margin: 0;
    padding: 0 0 0 10px;
    position: relative;
    transition: all 0.2s linear 0s;
    float:left;
    margin: 10px;
}
.mibbit-btn {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 6px rgba(255, 255, 255, 0.55) inset;
    color: #555555;
    display: inline-block;
    font-weight: 700;
    line-height: 1.1;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}