body {
background:#1B1B1B url(./img/bg.jpg) no-repeat scroll center top;margin: auto;color:#000000;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:14px;
}
img{
border:0;
}
a {
font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:16px;color:#888888;text-decoration:none;
}
a:hover {
color:#6495B4;
}
h1 {
  margin: 0;font-size: inherit;
}
#site {
background:transparent;text-align:left;width:800px;color:#EEEEEE;margin:auto;margin-top:20px;
}
#site #header {
background:transparent url(./img/header.a.png) no-repeat scroll center top;width:800px;height:240px;border-radius: 1.4em;position: relative;text-shadow: 1px 1px 4px #1B1B1B;font-weight: bold;font-family: monospace;
}
#site #header em {
font-size: 3em;
position: absolute;bottom: 1em;left: 1em;
}
#site #header i {
position: absolute;bottom: 2em;left: 3em;
}
#site #menu {
background:transparent;width:800px;font-size:16px;margin-top:15px;
}
#site #menu ul{
line-height:20px;list-style-type:none;margin:0;padding:0px;height:25px;
}
#site #menu li{
line-height:20px;float:left;margin:0;padding:0px;
}
#site #menu li a.menuOn{
background:#6495B4 url(./img/titleBg.png) repeat-x scroll center;border-radius:5px;margin-right:10px;color:#EEEEEE;padding:5px 10px;
}
#site #menu li a.menuOff{
background:#3E3E3F url(./img/titleBg.png) repeat-x scroll center;border-radius:5px;margin-right:10px;color:#EEEEEE;padding:5px 10px;
}
#site #menu li a.menuOff:hover{
background:#6495B4 url(./img/titleBg.png) repeat-x scroll center;
}
#site #content {
background:transparent;width:800px;margin-top:10px;
}
#site #content #contentSite{
background:#282727;width:780px;border-radius:5px;margin-bottom:10px;padding:10px;
}
#site #content #contentLeft{
background:#282727;width:490px;border-radius:5px;padding:10px;float:left;margin-bottom:10px;
}
#site #content #contentLeft .title{
padding:10px;font-weight:bold;text-decoration:underline;
}
#site #content #contentLeft .label{
background:#3E3E3F;width:133px;height:70px;border-radius:5px;padding:10px;margin-bottom:10px;float:left;margin-right:10px;
}
#site #content #contentLeft .label div{
float:left;width:50px;margin:auto;
}
#site #content #contentLeft .label span{
text-decoration:underline;
}
#site #content .color{
color:#97b8cd;
}
#site #content #contentRight{
background:#282727;width:260px;border-radius:5px;padding:10px;float:left;margin-left:10px;margin-bottom:10px;
}
#site #content #contentBottom{
background:#282727;width:780px;border-radius:5px;padding:10px;clear:both;
}
#site #content #contentBottom ul{
line-height:20px;list-style-type:none;margin:0;padding:0px;height:20px;
}
#site #content #contentBottom li{
line-height:20px;float:left;margin:0;padding:0px;
}
#site  #content #contentBottom li a.menuOn{
background:#6495B4 url(./img/titleBg.png) repeat-x scroll center;border-radius:5px;margin-right:10px;color:#EEEEEE;padding:5px 10px;
}
#site  #content #contentBottom li a.menuOff{
background:#3E3E3F url(./img/titleBg.png) repeat-x scroll center;border-radius:5px;margin-right:10px;color:#EEEEEE;padding:5px 10px;
}
#site  #content #contentBottom li a.menuOff:hover{
background:#6495B4 url(./img/titleBg.png) repeat-x scroll center;
}
#site #content .contentTitle{
background:#3E3E3F url(./img/titleBg.png) repeat-x scroll;border-radius:5px;padding:10px;margin-bottom:10px;font-size:16px;font-weight:bold;
}
#site #footer {
width:800px;border-radius:5px;margin-top:10px;text-align:center;font-size:12px;margin-bottom:20px;
}
#site #footer a{
font-size:12px;
}

@media (max-width: 768px) {
  #site, #site #header, #site #menu, #site #content, #site #footer {
    width: 100%;
  }
  #site #header em {
    font-size: 2em;
  }
  #site #header i {
  bottom: 1em;
    left: 2em;
  }
  #site #menu,
  #site #content #contentLeft,
  #site #content #contentRight,
  #site #content #contentBottom {
    width: calc(100% - 40px);
    margin-left: 10px;
  }
  #site #menu li a{
    display: inline-block;
    margin-bottom: 10px;
  }
  #site #content #contentBottom ul {
    height: auto;
  }
  #site #content #contentBottom li {
    float: none;
  } 
  img {
    max-width: 100%;
    height: auto;
  }
}