@import url(https://fonts.googleapis.com/css?
family=Lora:400,400italic,700italic); @media screen and (min-width: 860px) {
  body {
    max-width: 90%;
  }
  content {
    width: 65%;     float:left;
  }
  side {
    width: 35%;
    float:left;
  } } body {
  background: #ddd;
  font-size: 11px;
  font-weight: normal;
  color: #666;
  font-style: sans-serif; } /*
 ------------------- basic -------------------
*/ a {
} a:hover {
} input, textarea, select {
    background: #fff;
    border: 1px solid #d8d8d8;
    color: #686868;
    padding: 1px;
    margin: 1px; } input[type=submit] {
    background: #e8a428;
    border: 1px solid #b1760b;
    color: #424242;
    padding: 2px 5px;
    margin: 1px; }
input[type=submit]:hover {
    background: rgba(232, 164, 40, 0.57);
}
textarea {
    width: 99%;     max-width: 691px;
}
h1, h2, h3 {
} h1 {
  padding: 0px;
  margin: 3px;
} h2 {
} h3 {
} /*
 ------------------- header -------------------
*/ at header {
  background: #444;
  padding: 0px;
} at header logo {
  background: #444;
  color: #989898;
  font-family: 'Lora', serif;
  display: block;
  padding: 4px; }
at header logo a {
  color: #989898;
} at header desc {
  background: #505050;
  display: block;
  padding: 5px;
  color: #989898;
} at header nav {
  display: :block;
  padding: 3px;
  border-bottom: 3px solid #e8a428;
} at header nav ul {
  padding: 0px;
  margin: 0px;
  display: inline-block;
} at header nav li {
  list-style: none;
  float: left;
  padding: 2px 0;
  margin: 0;
} at header nav li a {
  color: #ddd;
  padding: 3px 15px;
  border-right: 1px solid #505050;
}
at header nav li a:hover {   color: #B1760B;
} /*
 ------------------- class -------------------
*/
at footer {
  display: inline-block;
  width:100%;   padding: 3px;
}
at footer navi {
  background:#444;
  display: block;
  padding: 3px;   border-top: 3px solid #e8a428;
}
at footer foot {
  background: #505050;
  color: #cecece;
  display: block;   padding: 10px;
  text-align: center;
  border-radius: 0 0 10px 10px;
} at footer navi ul {
  padding: 0px;
  margin: 0px;
  display: inline-block;
} at footer navi li {
  list-style: none;
  float: left;
  padding: 2px 0;
  margin: 0;
} at footer navi li a {
  color: #ddd;
  padding: 3px 15px;
  border-right: 1px solid #505050;
}
at footer navi li a:hover {   color: #B1760B;
} /*
 ------------------- class -------------------
*/ at main {
  display:block;
  background: #f5f5f5;
  margin: 2px 4px;
  padding: 3px;
  border: 1px solid #cecece; }
at menu {
  display:block;
  background: #e1e1e1;
  margin: 2px 4px;
  padding: 3px;   border: 1px solid #cecece;
}
at note {
  display:block;
  background: #FFF8D6;
  color: #444;   margin: 2px 4px;
  padding: 3px;
  border: 1px solid #DCCA71;
} at list {
  display:block;
  background: #f5f5f5;
  margin: 2px 4px;
  margin-left: 10px;
  padding: 3px;   border-left: 3px solid #cecece !important;
  border: 1px solid #cecece;
} at list2 {
    display: block;
    background: #989898;
    color: #ddd;
    margin: 2px 4px;
    margin-left: 10px;     padding: 3px;
    border-left: 3px solid #e8a428 !important;
} at list3 {
    display: block;
    background: #FDCE79;
    margin: 2px 4px;
    margin-left: 10px;
    padding: 3px;     border-left: 3px solid #444 !important;
} at quote {
  display:block;
  background: #cecece;
  margin: 2px 4px;
  padding: 3px;
  border-bottom: 1px solid #989898; } at warning {
  display:block;
  background: #D88989;
  color: #ae4444;
  margin: 2px 4px;
  padding: 3px;   border: 1px solid #ae4444;
} at ads {
  display:block;
  background: #989898;
  color: #ddd;
  margin: 2px 4px;
  padding: 3px;   border-top: 2px solid #e8af47;
} at titles {
  display:block;
  background: #e8a428;
  color: #424242;
  margin: 2px 4px;
  padding: 3px;   border: 1px solid #D28700;
} at titled {
  display:block;
  background: #444;
  color: #ddd;
  margin: 2px 4px;
  padding: 3px;   border: 1px solid #424242;
} at titlez {
  display:block;
  background: #666;
  color: #ddd;
  margin: 2px 4px;
  padding: 3px;   border: 1px solid #545454;
} /*
 ------------------- link -------------------
*/ a#link {
  background: #e8a428;
  padding: 1px 5px;
  border-radius: 5px;
  border: 1px solid #b1760b;
  color: #424242; }
a#link:hover {
  background: #E6C17C;
}
a#down {
  background: #424242;   padding: 1px 5px;
  border-radius: 5px;
  border: 1px solid #424242;
  color: #e8a428;
}
a#down:hover {   background: #505050;
}
a#play {
  background: #666666;
  padding: 1px 5px;
  border-radius: 5px;   border: 1px solid #505050;
  color: #f5f5f5;
}
a#play:hover {
  background: #444;
} a#ads {
  background: #e9e9e9;
  padding: 1px 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  color: #505050; }
a#ads:hover {
  background: #e0e0e0;
}