html {
  background-color: rgb(32, 32, 32);
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 0.8em;
  color: rgb(238, 238, 238); }

a {
  text-decoration: underline;
  color: #0FF; }
  a:hover {
    text-decoration: none; }
  a img {
    border: none; }

h2, h3 {
  color: #008080; }

#user-bar {
  height: 55px;
  width: 250px;
  float: right;
  position: relative;
  top: 0px; }
  #user-bar .gravatar {
    border: 1px solid black;
    float: right;
    margin-left: 5px; }
  #user-bar #user-bar-greeting, #user-bar #user-bar-action {
    float: right; }

.character_infos {
  font-size: 0.8em; }

#title {
  color: #004080;
  font-weight: bold;
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 25px; }
  #title h1 {
    margin: 0px; }
  #title a {
    color: #004080;
    text-decoration: none; }
    #title a:hover {
      text-decoration: underline; }

#container {
  padding-left: 10px;
  padding-bottom: 0px;
  padding-right: 10px;
  padding-top: 10px;
  border-width: 2px;
  border-color: #004080;
  border-style: solid;
  margin-right: 100px;
  margin-left: 100px;
  width: auto;
  background: rgb(32, 32, 32); }

#header {
  height: 80px; }

#home_right, #home_left {
  width: 49.5%; }

#home_right {
  float: right;
  width: 49.5%; }

.home_block {
  background-color: rgb(51, 51, 51);
  border: 1px solid #004080;
  margin-bottom: 10px;
  padding: 5px; }
  .home_block h2 {
    margin: 0px 0px 5px 0px; }
  .home_block h3 {
    margin: 2px 0px 3px 0px; }
  .home_block p, .home_block .home_block ul {
    margin: 2px 0px 2px 0px; }
  .home_block li {
    list-style-position: inside;
    list-style-type: square; }
  .home_block ul {
    padding-left: 5px; }

h3 {
  margin: 5px 0 2px 0; }

ul {
  margin: 0; }

ul.changes {
  padding: 0; }
  ul.changes li.change {
    list-style-type: none; }

.change_date {
  font-size: 0.8em;
  color: white;
  margin-right: 5px; }

.invisible {
  visibility: hidden; }

#footer {
  clear: both;
  font-size: 0.7em;
  text-align: center;
  padding-bottom: 2px; }

.achievement {
  text-decoration: none;
  font-weight: bold;
  color: rgb(255,209,0); }
  .achievement a.class:hover {
    text-decoration: underline; }

#character_informations {
  background-color: rgb(51, 51, 51);
  border: 1px solid #004080;
  margin: 0 0 15px 0;
  padding: 5px; }
  #character_informations h1 {
    margin: 0; }
  #character_informations img#portrait {
    float: left;
    margin: 5px 5px 5px 0; }
  #character_informations #character_menu {
    clear: both;
    padding: 2px 5px 2px 5px;
    margin: 5px 0 0 0; }
    #character_informations #character_menu ul {
      margin: 0;
      padding: 0; }
    #character_informations #character_menu li {
      display: inline;
      margin: 0;
      padding: 0 15px 0 0; }


.class {
  text-decoration: none;
  font-weight: bold; }

a.class:hover {
  text-decoration: underline; }

.class_unknown {
  color: grey; }

.class_warlock {
  color: #9482C9; }

.class_shaman {
  color: #2459FF; }

.class_priest {
  color: #FFFFFF; }

.class_death_knight {
  color: #C41F3B; }

.class_warrior {
  color: #C79C6E; }

.class_druid {
  color: #FF7D0A; }

.class_paladin {
  color: #F58CBA; }

.class_hunter {
  color: #ABD473; }

.class_rogue {
  color: #FFF569; }

.class_mage {
  color: #69CCF0; }


.item {
  text-decoration: none;
  font-weight: bold; }
  .item a.class:hover {
    text-decoration: underline; }