/*   
Theme Name: Chibi Mooneater
Theme URI: http://mooneater.org
Description: YuiHaru chibi layi.
Author: Cielo
Author URI: http://core.mooneater.org
*/

/* =Resets 
 ----------------------------------------------- */
*{
  margin: 0;
  padding: 0;
  line-height: 160%;
  outline: none;
}

/* Removes dotted line when focus */
:focus { outline: none; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* =Style
 ----------------------------------------------- */
body{
  font-family: "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background:url('img/bg.jpg') #e2e2e2;
  color: #6e6e6e;
}

/* Image Styles */
a img{border: none;}
img { margin: 0; max-width: 600px; }
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}

/* Lists, Headers and paragraphs */
ul{ margin-left: 25px; list-style: disc; }
p, ul, ol{ margin-bottom: 10px; }
ol { list-style: decimal; margin-left: 25px; }
ol ol { list-style:upper-alpha; }
ol ol ol { list-style:lower-roman; }
ol ol ol ol { list-style:lower-alpha; }
ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom:0;
}
strong, em{ color: #355785}

h1,h2,h3,h4,h5,h6{ font-weight: normal; }
h1{ font-size: 28px; color: #355785 }
  .entry-title a{ font-weight: normal; color: #355785; }
h2{ font-size: 20px; }
h3{ font-size: 17px; color: #cd8060; }
h4{ 
  font-family: "Century Gothic", Arial, Helvetica, sans-serif; 
  color: #d4815f; 
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

blockquote{
  margin: 5px auto;
  padding: 15px;
  width: 85%;
  border-left: 10px solid #aaa;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
}

dl { margin:0 0 24px 0; }
dt { font-weight: bold; }
dd { margin-bottom: 18px; }
big { font-size: 131.25%; }
ins { background: #ffc; text-decoration: none; }
strong { font-weight: bold; }
em, dfn, cite { font-style: italic; }
dfn { font-weight: bold; }

sup, sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 12px; }

del { text-decoration: line-through; }
ins { text-decoration: underline; }

code, pre {  line-height: 15px; }
var, kbd, samp, code, pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fafafa; }
kbd { font-weight: bold; }
samp, var { font-style: italic; }
pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; }
code { padding: 0px 3px; }
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
/* =Forms 
-------------------------------------------------*/
input, textarea, button { background: #eee; border-color: #ddd; border-style: solid; border-width: 1px; color: #444; font-size: 10px; font-family: "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif; }
input, textarea, button {  padding: 7px; margin: 2px; }
  .search, .search-btn{ line-height: 15px; padding: 4px; }
  .search{ width: 120px; }
  .form-section input{ width: 400px; }
  .form-section label{ width: 100px; display: block; float: left; }
  .form-section textarea, #allowed-tags{ width: 500px; }
button { font: 10px; padding: 4px 10px; cursor: pointer; }
input:focus, textarea:focus, button:hover { background: #f4f4f4; }

#comment-form{ width: 550px; margin: 0 auto; }
.wpcf7-form input, .wpcf7-form textarea{ width: 400px; }
.wpcf7-form input[type=submit]{ width: auto; }

/* Link Styles */
a{ 
  text-decoration: none; 
  color: #4fb3ae;
  font-weight: bold;
}
a:hover, #footer a:hover{ cursor: crosshair; color: #cd8060; }
a: visited{ font-weight: normal; }

/* =Main Elements
-------------------------------------------------------------- */
#bg-horizontal{
  z-index: 0;
  height: 110px;
  background: url('img/bg-hor.jpg');
  margin-top: 200px
}
#wrapper{
  width: 900px;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -432px;
}

/* =Header
-------------------------------------------------------------- */
#header{
  height: 160px;
  padding: 190px 0 0 25px;
  background: no-repeat url('img/header.png') bottom;
}
  h1.title{
    text-indent: -9999px;
    line-height: 0%;
  }
  #header p{margin-bottom: 10px;}
  
/* =Navigation
-------------------------------------------------------------- */
#nav{
  font-size: 14px;
  margin: 10px 0;
}
  #nav a strong{ color: #edbb24; }
  #nav a{ color: #355785; font-weight: normal;}
  #nav a:hover{ color: #edbb24; }
  #nav a:hover strong{ color: #355785; }
  
  ul.nav-toplist{ margin: 0; }
  ul.nav-toplist li{
    padding:0 10px 5px 10px;
    display: inline;
    list-style: none;
    margin: 0 3px 0 0;
  }
  
/* =Main Content
-------------------------------------------------------------- */
#content{
  width: 640px;
  padding: 0 15px 20px 15px;
  float: left;
}
  a h6{ 
    font-size: 14px; 
    font-weight: bold;
    padding-right: 15px; 
  } 

/* =Sidebar
-------------------------------------------------------------- */
#sidebar{
  width: 205px;
  padding: 0 15px 20px 0;
  float: right;
}
  ul.sidenav, .widget ul{ margin: 0; }
  ul.sidenav li, .widget ul li{ list-style: none; display: inline;}
  ul.sidenav a, .widget ul a{
    display: block;
    color: #6e6e6e;
    border-bottom: 1px solid #4fb3ae;
    line-height: 24px;
    font-weight: normal;
  }
  ul.sidenav a:hover, .widget ul a:hover{ 
    color: #355785; 
    padding-left: 15px;
    border-bottom: 1px solid #6e6e6e;
  }
  
  div.widget{
    margin-bottom: 10px;
  }
  
/* =Footer
-------------------------------------------------------------- */
#footer{
  clear: both;
  background: #edbb24 url(img/foot-topleft.jpg) top left no-repeat;
  color: white;
  text-align: right;
}
  #footer p{
    margin: 0;
    line-height: 35px;
    padding-right: 40px;
    background: url(img/foot-topright.jpg) top right no-repeat;
  }
  #footer a{ color: #355785; }

  
/* Universal Classes */
.right { float: right; }
.left { float: left; }
.align-right{ text-align: right; }
.clear{ clear: both; }


/* =Wordpress Caption and Gallery
-------------------------------------------------------------- */
/* Caption */
.wp-caption {
  background: #ddd;
  border: 1px solid #c4c4c4;
  color: #7a7a7a;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 20px;
  padding: 5px;
}
.wp-caption img {
  margin: 5px;
}
.wp-caption p.wp-caption-text {
  margin: 0 0 4px;
}
.wp-smiley {
  margin:0;
}
/* [gallery] */
.gallery { margin: auto; }
.gallery-image { border: 2px solid #cfcfcf; margin-left: 0; }
.gallery-caption { margin-left: 0; }
.gallery-item { float: left; text-align: center; margin-left: 0; }

.gallery-columns-2 { width: 50%; }
.gallery-columns-3 { width: 33%; }
.gallery-columns-4 { width: 25%; }
.gallery-columns-5 { width: 20%; }
.gallery-columns-6 { width: 16%; }
.gallery-columns-7 { width: 14%; }
.gallery-columns-8 { width: 12%; }
.gallery-columns-9 { width: 11%; }

/* [gallery] + navigation clearfix */
.gallery-row:after, .navigation-links:after, .container:after, .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gallery-row, .navigation-links, .container, .menu { display: block; }

/* =comments
-------------------------------------------------*/
#comments ul, #comments ol{ list-style: none; }
.comment-list li, ping-list li{
  padding: 10px 10px 5px 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
#comments .children li{
  margin: 5px 0 0 0;
  border: none;
  border-top: 1px dashed #c4c4c4;
}
img.avatar{ float: left; margin: 0 10px 0 0; padding: 6px; border: 1px solid #ccc; }
li.administrator .comment-wrapper{ background: url('img/admintan.png') top right no-repeat }