@charset "utf-8";
/*
Crash Mania
Main stylesheet

Web: http://www.crashmania.net
File: global.css
Author: HP Zoner
*/
html{
margin: 0px;
padding: 0px;
height: 100%;
}
body{
/*A cor e a imagem de fundo sao definidas em addons/background.php*/
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS";
font-size: 14px;
color: #333;
background-repeat: repeat-y;
background-attachment: fixed;
background-position: center;
text-align: center;
height: 100%;
}
a:link{
color: #0033CC;
text-decoration: none;
}
a:visited{
text-decoration: none;
color: #666666;
}
a:hover{
text-decoration: underline;
color: #0066CC;
}
a:active{
text-decoration: none;
color: #66FFFF;
}
h1{
font-size: 28px;
text-shadow: #CCC 1px 2px 2px;
margin: 30px 0px 30px 0px;
}
h2{
font-size: 21px;
text-shadow: #CCC 1px 2px 2px;
}
h3{
margin: 0px;
padding: 0px;
font-size: 16px;
text-shadow: #CCC 1px 2px 2px;
}
h5{
font-size: 12px;
margin-top: 10px;
}
table, .tabela{
margin: auto;
font-size: 14px;
}
.tabela td{
background-color: #FFF;
border: 1px solid #999;
padding: 5px;
}
.galeria{
background-color: #FBB904;
margin-top: 10px;
width: 542px;
}
.level_list{
margin: auto;
border: 0px;
clear: both;
font-size: 14px;
}
.level_list td{
border: 0px;
padding: 5px 0px 5px 0px;
}
.bulletlist ul{
padding-left: 0px;
margin-left: 0px;
}
.bulletlist li{
list-style: none;
background-image: url("images/icons/wumpaicon.gif");
background-repeat: no-repeat;
padding-left: 1.5em;
margin-bottom: 10px;
}
.imagem{
margin-left: 10px;
}
.spoilers{
color: #7400CC;
}
#wrapper{
margin: auto;
width: 1000px;
text-align: center;
}
#mainmenu{
/*A imagem de fundo esta definida em addons/background.php*/
background-repeat: repeat-y;
width: 208px;
height: 100%;
position: fixed;
left: 50%;
margin-left: -500px;
}
#menulogo, #logo, #logo_small{
margin-top: 5px;
}

#mainmenu_buttons1{
width: 197px;
height: 240px;
background: url("images/menu/menu.png");
margin: 10px auto;
padding: 0;
position: relative;
}
#mainmenu_buttons1 li{
margin: 0;
padding: 0;
list-style: none;
top: 0;
}
#mainmenu_buttons1 li, #mainmenu_buttons1 a {
height: 30px;
display: block;
}
#menu_home1 {width: 197px;}
#menu_home1 a:hover {background: transparent url("images/menu/menu.png") -197px 0px no-repeat;}
#menu_about1 {width: 197px;}
#menu_about1 a:hover {background: transparent url("images/menu/menu.png") -197px -30px no-repeat;}
#menu_games1 {width: 197px;}
#menu_games1 a:hover {background: transparent url("images/menu/menu.png") -197px -60px no-repeat;}
#menu_pedia1 {width: 197px;}
#menu_pedia1 a:hover {background: transparent url("images/menu/menu.png") -197px -90px no-repeat;}
#menu_collectathon1 {width: 197px;}
#menu_collectathon1 a:hover {background: transparent url("images/menu/menu.png") -197px -120px no-repeat;}
#menu_features1 {width: 197px;}
#menu_features1 a:hover {background: transparent url("images/menu/menu.png") -197px -150px no-repeat;}
#menu_archive1 {width: 197px;}
#menu_archive1 a:hover {background: transparent url("images/menu/menu.png") -197px -180px no-repeat;}
#menu_recordbook1 {width: 197px;}
#menu_recordbook1 a:hover {background: transparent url("images/menu/menu.png") -197px -210px no-repeat;}
#menu_poll1 {width: 197px;}
#menu_poll1 a:hover {background: transparent url("images/menu/menu.png") -197px -240px no-repeat;}

#mainmenu_buttons2{
width: 197px;
height: 153px;
background: url("images/menu/menu_small.png");
margin: 10px auto;
padding: 0;
position: relative;
}
#mainmenu_buttons2 li{
margin: 0;
padding: 0;
list-style: none;
top: 0;
}
#mainmenu_buttons2 li, #mainmenu_buttons2 a {
height: 18px;
display: block;
}
#menu_home2 {width: 197px;}
#menu_about2 {width: 197px;}
#menu_games2 {width: 197px;}
#menu_pedia2 {width: 197px;}
#menu_collectathon2 {width: 197px;}
#menu_features2 {width: 197px;}
#menu_archive2 {width: 197px;}
#menu_recordbook2 {width: 197px;}
#menu_poll2 {width: 197px;}

#slogan{
padding-top: 5px;
}
#searchbar{
margin-top: 10px;
}
#crunch{
width: 207px;
height: 138px;
background-image: url("images/menu/crunchsays.png");
background-repeat: no-repeat;
text-align: left;
}
#crunchtext{
/*O padding-top e definido no index.php*/
width: 145px;
text-align: center;
}
#donate{
width: 190px;
margin: 10px auto 0 auto;
}
#main{
/*A imagem de fundo é definida em addons/background.php*/
width: 792px;
float: right;
background-repeat: no-repeat;
text-align: center;
background-attachment: scroll;
background-position: center top;
}
#content_top{
padding-top: 10px;
margin: auto;
width: 728px;
height: 98px;
background-image: url("images/bg/content_top.png");
background-repeat: no-repeat;
background-position: bottom;
}
#content_middle{
/*A altura mínima e a largura estão definidas no index.php*/
margin: auto;
text-align: justify;
padding: 0px 50px 0px 50px;
background-image: url("images/bg/content_middle.png");
background-position: center;
background-repeat: repeat-y;
display: inline-block;
line-height: 20px;
width: 628px;
}
#content_bottom{
margin: auto;
width: 728px;
height: 61px;
background-image: url("images/bg/content_bottom.png");
background-repeat: no-repeat;
}
#main_copyright{
/*A cor da letra e definida em addons/background.php*/
font-family: "Verdana";
font-size: 10px;
width: 728px;
margin-top: 10px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
}
.copyright{
font-family: "Verdana";
font-size: 10px;
margin-top: 10px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
}
#contact{
/*A cor da letra em "Contact site owner" esta definida em background.php*/
margin: auto;
margin-top: 10px;
width: 180px;
height: 22px;
clear: both;
}
#contact_button{
width: 88px;
height: 22px;
margin-left: auto;
float: left;
}
#links_button{
width: 88px;
margin-left: auto;
float: right;
}
#visitors{
width: 170px;
font-size: 14px;
margin: 10px auto 0 auto;
}
#visitors a{
color: #333;
text-decoration: none;
}
#skin{
width: 190px;
margin: auto;
padding-right: 3px;
}
#gamelogo{
margin-top: 10px;
}
.small{
font-size: 12px;
}
#gamemenu{
font-size: 12px;
padding-bottom: 3px;
border-bottom: 1px solid #999;
}
#gamemenu_bottom{
font-size: 12px;
padding-top: 10px;
border-top: 1px solid #999;
}
.pediaimg{
border-left: 2px solid #DFAB0D;
border-top: 2px solid #DFAB0D;
border-right: 2px solid #6C4511;
border-bottom: 2px solid #6C4511;
background-color: #FFF;
}
.spyroimg{
border-left: 2px solid #DFAB0D;
border-top: 2px solid #DFAB0D;
border-right: 2px solid #6C4511;
border-bottom: 2px solid #6C4511;
background-color: #FFF;
}
.cmimg{
border-left: 1px solid #6C8CA9;
border-top: 1px solid #6C8CA9;
border-right: 2px solid #394986;
border-bottom: 2px solid #394986;
}
.genimg{
border-left: 1px solid #6C8CA9;
border-top: 1px solid #6C8CA9;
border-right: 2px solid #394986;
border-bottom: 2px solid #394986;
margin-right: 10px;
}
/*Usado em chronology.php*/
.chrono{
background-color: #FBFF98;
width: 100%;
margin: auto;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
.contest_form{
background-color: #FFCC66;
border: 1px solid #FF9933;
padding: 5px;
}
.contest_form td{
background-color: #FFCC66;
}
.obligatory{
color: #FF0000;
}
.login{
background-image: url("images/bg/login.png");
background-position: left top;
background-repeat: no-repeat;
background-color: #F6F6F6;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-bottom: 2px solid #666666;
border-right: 2px solid #666666;
padding: 10px;
}
.login input{
border: 1px solid #666666;
}
.rules{
margin: auto;
width: 525px;
border: 1px solid #666666;
background-color: #FFF;
padding: 10px;
font-family: "Trebuchet MS";
font-size: 14px;
color: #333;
}
#w3c{
width: 180px;
margin: 10px auto 0 auto;
}
#social_icons{
float: left;
text-align: left;
margin-bottom: 10px;
margin-left: -10px;
width: 200px;
}
#feed_icons{
float: right;
text-align: right;
margin-bottom: 10px;
width: 100px;
}
#poll{
background-color: #FFFFE2;
background-image: url("images/bg/poll.jpg");
background-repeat: no-repeat;
border: 1px solid #000;
color: #000;
padding: 5px;
width: 290px;
min-height: 205px;
}
.recordbook_avatar{
background-color: #FFF;
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
padding: 1px;
}