/*
Author: Vincent a.k.a. Vayn
URI: www.elnode.com
Date: 2010-08-01
Version: 2010-08-01 Yan (1.2)
History: 2007-12-15 Star (0.10)
   2008-01-18 Holiday (0.20)
   2009-08-06 Leon (1.0)
   2010-01-30 Tomb (1.1)
   2010-08-01 Yan (1.2)
*/
body {
  font-size: 1.2em;
  font-family: Geogia, Arial, Verdana;
  line-height: 1.5em;
  text-align: center;
  background: #000 url('img/leon1.jpg') fixed no-repeat right 50%;
}

a:link, a:visited {
  color: #090909;
  text-decoration: none;
  outline: none;
}

#top {
  margin: 0 auto;
  position: absolute;
  left: 146px;
  top: 40px;
  z-index: 9999;
}

#top a {
  color: #aab;
  outline: none;
  text-decoration: none;
}

#top a:hover {
  color: #667;
  text-decoration: underline;
}

#header-letter {
  padding-top: 10px;
  font-size: 36px;
  font-family: 'Arial Black', Verdana;
  text-align: center;
  color: #99a;
  letter-spacing: -1px;
  margin-left: 50px;
  margin-top: 10px;
}

#header-letter span.desc {
  display: block;
  padding-top: 5px;
  font-size: 11px;
  font-family: 'Arial';
  text-align: center;
  color: #aab;
  letter-spacing: 0px;
}

#left-bg {
  position: absolute;
  left: 10px;
  top: 30px;
  width: 465px;
  height: 203px;
  background: url('img/leon2.jpg') no-repeat;
  clear: both;
}

#content {
  position: absolute;
  width: 500px;
  height: 360px;
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -180px;
  font-size: 36px;
}

#content ul {
  margin: 0 auto;
  padding: 0;
  width: 300px;
  list-style-type: none;
}

#content li {
  margin: 0px 0px 30px 0px;
  margin: 0px 0 10px 0\9;
  margin: 25px 0 10px 0\0;
  padding: 10px 0;
  text-shadow: 0 -1px 1px #eee;
}

#content a:link, #content a:visited {
  display: block;
  width: 300px;
  margin: -15px 0;
  padding: 10px 0;
  text-decoration: none;
  outline: none;
  color: #bcbcbc;
  background-color: #000;
  border: 1px #0f0f0f solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 8px rgba(124, 124, 124, 0.1);
  -webkit-box-shadow: 0px 1px 8px rgba(124, 124, 124, 0.1);
  box-shadow: 0px 1px 8px rgba(124, 124, 124, 0.1);
  -moz-transition-property: color, shadow;
  -webkit-transition-property: color, shadow;
  -moz-transition-duration: 0.2s, 0.2s;
  -webkit-transition-duration: 0.2s, 0.2s;
  -moz-transition-timing-function: linear, ease-in;
  -webkit-transition-timing-function: linear, ease-in;
}

#content a:hover {
  color: #ffffff;
  -moz-box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.5);
}

#content a:active {
  color: #aab;
  -moz-box-shadow: 0px 1px 8px rgba(124, 124, 124, 0.1);
  -webkit-box-shadow: 0px 1px 8px rgba(124, 124, 124, 0.1);
  box-shadow: 0px 1px 8px rgba(124, 124, 124, 0.1);
}

#links {
  position: absolute;
  top: 30px;
  right: 50px;
}

/* no js #menu styles */
.no-js #menu li:hover ul {
  display:block;
}

/* base #menu styles */
#menu {
  display:block;
  position:relative;
  font-size:12px;
  -moz-opacity: .9;
  opacity: .9;
  filter: alpha(opacity=90);
}

#menu ul {
  padding:0;
  margin:0;
}

#menu li {
  position:relative;
  float:left;
  list-style-type:none;
  border:1px solid #222;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 8px rgba(124, 124, 124, 0.1);
  -webkit-box-shadow: 0px 1px 8px rgba(124, 124, 124, 0.1);
  box-shadow: 0px 1px 8px rgba(124, 124, 124, 0.1);
  -moz-transition-property: color, shadow;
  -webkit-transition-property: color, shadow;
  -moz-transition-duration: 0.2s, 0.2s;
  -webkit-transition-duration: 0.2s, 0.2s;
  -moz-transition-timing-function: linear, ease-in;
  -webkit-transition-timing-function: linear, ease-in;
}

#menu li:hover {
  -moz-box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.1);
}

#menu ul:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

#menu li a {
  display:block;
  width:80px\9;
  padding:2px 10px;
  color:#eee;
  text-decoration:none;
}

#menu li a:focus {
  outline:none;
}

#menu li:first-child a {
  border-left:none;
}

#menu li.last a {
  border-right:none;
}

#menu ul ul {
  display:none;
  width:100%;
  position:absolute;
  left:0;
  background:#6a6a6a;
}

#menu ul ul li {
  float:none;
  border-width:0;
}

#menu ul ul a {
  padding:1px 10px;
  font-size:11px;
}

#menu ul ul a:hover {
  background-color:#555;
}

/* CSS3 */
#menu ul ul {
  background-color: #222;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}

#menu ul ul a:hover {
  background-color:rgba(85,85,85,.9);
}

#menu ul ul .last a:hover {
  background-color:rgba(85,85,85,.9);
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}

#footer {
  position: absolute;
  bottom: 40px;
  right: 60px;
  margin: 5px 3px;
  font-size: 0.8em;
  color: #222;
  background-color: #000;
  -moz-opacity: .9;
  opacity: .9;
  filter: alpha(opacity=90);
}

#validator {
  position: absolute;
  bottom: 10px;
  left: 20px;
}