html, body {
    margin:                 0;
    padding:                0;
  }

  body {
    background:             #ffffff;
    font-family:            "Helvetica Condensed", "Arial Narrow", "Tahoma", "Arial", sans-serif;
    font-size:              13px;
    color:                  #555555;
  }

  img {
    border:                 0px;
  }

  a, a:link, a:active, a:visited, a:hover {
    color:                  #555555;
    text-decoration:        none;
  }

  div {
    position:               relative;
  }

  span#paradox_login_button {
    display:                block;
    width:                  100%;
    cursor:                 pointer;
  }

  div.maxwidth {
    width:                  1000px;
    margin:                 auto;
  }

  div.header {
    height:                 175px;
    background:             url('/theme/images/headerbg.jpg') repeat-x;
  }

  a.logo {
    position:               absolute;
    height:                 175px;
    width:                  520px;
    display:                block;
    font-size:              100px;
    line-height:            205px;
    padding-left:           89px;
    letter-spacing:         -4px;
    text-shadow:            0px 0px 5px #ffffff;
    background:             url('/theme/images/logo.png') no-repeat;
    z-index:                500;
  }
  
  span.version {
    position:               absolute;
    top:                    -40px;
    display:                block;
    left:                   545px;
    font-size:              100px;
    line-height:            205px;
    color:                  #e9e9e9;
    z-index:                10;
  }

  div.topmenu {
    position:               absolute;
    right:                  0;
    width:                  400px;
    line-height:            50px;
    color:                  #000000;
  }

  div.topmenu ul {
    display:                inline;
    margin:                 0;
    padding:                0;
    list-style-type:        none;
  }

  div.topmenu ul li {
    display:                inline;
    margin:                 0;
    padding:                0;
  }

  div.topmenu ul li a {
    display:                block;
    float:                  left;
    width:                  33%;
    text-align:             center;
    color:                  #000000;
    font-size:              16px;
  }

  div.topmenu ul li a:hover {
    color:                  #555555;
    text-decoration:        none;
  }


  div.breadcrumb {
    height:                 40px;
    background:             #e4ded1;
  }
 
  div.breadcrumb span.seperator {
    display:                none;
  }
 
  span.bcitem {
    display:                block;
    float:                  left;
    line-height:            40px;
    padding:                0;
    font-size:              20px;
    font-weight:            bold;
  }
  
  span.bcitem span {
    display:                block;
  }
  
  span.bcitem a {
    display:                block;
    height:                 40px;
    padding:                0 10px;
    color:                  #999999;
  }
  
  span#bc_0 {
    font-size:              0px;
    line-height:            0%;
    width:                  0px;
    border-top:             20px solid #999999;
    border-bottom:          20px solid #999999;
    border-left:            20px solid #555555;
    border-right:           none;
  }

  span#bc_1 {
    background:             #999999;
  }

  span#bc_2 {
    background:             #cccccc;
  }

  span#bc_3 {
    background:             none;
  }

  span#rc_1a {
    font-size:              0px;
    line-height:            0%;
    width:                  0px;
    border-top:             20px solid #cccccc;
    border-bottom:          20px solid #cccccc;
    border-left:            20px solid #999999;
    border-right:           none;
  }

  span#rc_1b {
    font-size:              0px;
    line-height:            0%;
    width:                  0px;
    border-top:             20px solid #e4ded1;
    border-bottom:          20px solid #e4ded1;
    border-left:            20px solid #999999;
    border-right:           none;
  }

  span#rc_2 {
    font-size:              0px;
    line-height:            0%;
    width:                  0px;
    border-top:             20px solid #e4ded1;
    border-bottom:          20px solid #e4ded1;
    border-left:            20px solid #cccccc;
    border-right:           none;
  }


  span#bc_1 a, span#bc_2 a {
    color:                  #ffffff;
  }

  div.bodyblock {
    margin-bottom:          5px;
    min-height:             400px;
  }

  div.footer {
    border:                 1px solid #e3dccf;
    border-left:            0px;
    border-right:           0px;
    background:             #f9f6f1;
    height:                 300px;
  }

  div.aboutme {
    position:               absolute;
    margin:                 5px;
    width:                  300px;
    height:                 300px;
  }
  
  div.avatar {
    position:               absolute;
    z-index:                10;
  }

  div.aboutme div.name {
    position:               absolute;
    top:                    0;
    left:                   90px;
    z-index:                100;
    font-size:              40px;
    line-height:            40px;
    color:                  #bcbcbc;
    text-align:             right;
  }

  span.aka {
    position:               relative;
    top:                    -20px;
    line-height:            15px;
    font-size:              13px;
  }

  span.aka acronym {
    display:                inline;
    font-family:            "Arial", sans-serif;
    cursor:                 help;
    border-bottom:          1px dotted #bcbcbc;
  }

  div.aboutme_desc {
    top:                    100px;
  }

  div.footer_link_box {
    top:                    20px;
    position:               absolute;
    width:                  650px;
    left:                   350px;
  }

  div.footer_link_box div {
    position:               absolute;
    width:                  50%;
  }

  div.affiliates {
    left:                   50%;
  }

  div.copy {
    height:                 30px;
    line-height:            30px;
    color:                  #c5c5c5;
  }

  div.copynote {
    position:               absolute;
    left:                   0px;
  }

  div.w3c {
    position:               absolute;
    right:                  0px;
    width:                  336px;
  }
  
  div.w3c a {
    display:                block;
    float:                  left;
    width:                  80px;
    margin:                 7px 2px;
    height:                 15px;
    background-image:       url('/theme/images/validation.sprite.jpg');
    background-repeat:      no-repeat;
  }

  div.w3c a#xhtml         { background-position:   0px   0px; }
  div.w3c a#xhtml:hover   { background-position: -80px   0px; }

  div.w3c a#css           { background-position:   0px -15px; }
  div.w3c a#css:hover     { background-position: -80px -15px; }

  div.w3c a#wai           { background-position:   0px -30px; }
  div.w3c a#wai:hover     { background-position: -80px -30px; }

  div.w3c a#firefox       { background-position:   0px -60px; }
  div.w3c a#firefox:hover { background-position: -80px -60px; }