@charset "UTF-8";
/*reset*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*classes*/label,.clickable{cursor:pointer}.left{float:left}.right{float:right}.clear{float:none;clear:both}img{color:#666;font-style:italic}

body{
  background:#000;
  font-family:arial, sans-serif;
  color:#fff;
}
#wrapper{
  width:700px;
  margin:10px auto;
}
#title{
  background:url(../images/title_bg.gif) repeat-x;
  height:66px;
  padding:15px;
  text-align:center;
}

.nav{
  padding:10px 0;
  clear:both;
}
.nav li{
  background: #ccc;
  float: left;
  padding: 5px;
  margin:0 3px;
  width:17.5%;
  text-align:center;
}
.nav li.current {
background:#FFF;
}
.nav li:hover{  background: #aaa;  }
.nav a{
  color:#000;
  text-decoration:none;
  font-size:12px;
  font-weight:bold;
}

#content{
  clear:both;
  padding:5px;
}

#left{
  width:428px;
  float:left;
  background:#131313;
  margin-top:20px;
  padding:15px;
}

#left h1{
  color:#06f;
  font-size:20px;
  margin-bottom:20px;
}


.big p{
  font-weight:bold;
  margin:0 0 26px;
}

.home .big p{margin:3px 0 15px 20px}
.home h2{margin:20px 0 0 20px;}
.home p{margin:3px 0 5px 40px}
h2 a{
  font-size:16px;
}
#left a{
  color:#06f
}

p{margin-bottom:15px;}

#right{
  float:left;
  width:200px;
  margin-left:6px;
  width:222px;
  margin-top:20px;
  border:2px solid #06f;
}

#langs{
  padding-bottom:10px;
}
#langs li{
  background: #ccc;
  float: right;
  padding: 2px;
  margin:0 3px;
  width:20px;
  text-align:center;
  font-size:10px
}
#langs  li:hover{  background: #aaa;  }

#left .c0z-m{
  height:90px;
  width:424px;
}
#right .c0z-m{
  height:90px;
  width:218px;
}

#footer {
    padding: 15px 5px;
    float: left;
    clear: both;
    width: 680px;
    font-size: 12px;
}

#footer .external {
    float: right;
    text-align: right;
}

#footer .external a {
    display: block;
    line-height: 120%;
}