/*
Theme Name: Chocochichi
Description: Custom style based on Cupcake Love theme by Michael Sisk.
Version: 1.0.0
Author: Monchichi Leopard
*/

@import url( 'includes/css/cf-reset.css' );
@import url( 'includes/css/cf-layout.css' );
@import url( 'includes/css/cf-typography.css' );

/** Cupcake Styles */
.group            { width: 960px; }
.content          { width: 600px; }
.sidebar          { width: 360px; }
.interior         { padding: 1em; }

html { background: url( 'includes/images/bg-body.png' ); color: #4d1e13; }
body { background: url( 'includes/images/trim-head.png' ) repeat-x; padding: 26px 0 0; }


a       { color: black; }
a:hover { color: red; }
.content .entry a { text-decoration: underline; }
.content .entry a:hover { text-decoration: none; }

h1, h1 a         { color: #fff; }
.content h1.archive-title { color: #fff; margin: 0 0 1em; padding: 0 0 18px; position: static; }

/* typography */
body { font-family: Verdana,Helvetica,Arial,sans-serif; }
#head .name a { font-size: 400%; font-family: Georgia, Times, "Times New Roman", serif; }
.content { line-height: 22px; font-size: 14px; }
#head .description { font: italic 200%/1em Constantia, Palatino, Times, serif; }
h1, h2, h3 { font-family: Georgia, Times, "Times New Roman", serif; }

/* classes - alignment */
.aligncenter  { margin: auto; }
.alignleft    { float: left; }
.alignright   { float: right; }
img.alignleft  { margin: 0 1em 1em 0; }
img.alignright { margin: 0 0 1em 1em; }

/* #head */
#head              { background: url( 'includes/images/bg-head.png' ); height: 120px; margin: 0 0 20px 0; }
#head .name a      { display: block; color: rgb(60,30,18); padding: 35px 0 0 0; margin: 0; }
#head .description { color: rgb(120,60,36); padding: 15px 0 0 0; margin: 0; }

/* ie6 */

div#ie6banner { width: 100%; text-align: center; background-color: rgb(230, 230, 190); color: rgb(200, 40, 40); font-weight: bold; padding: 4px; border: rgb(230, 230, 190) 2px solid;}
div#ie6banner a { color: rgb(130, 20, 20); }

/* .posts */
.content .content            { width: 540px; }
.content .sidebar            { width: 60px; text-align: center; }
.content .sidebar a          { border: 1px solid; color: #4d1e13; display: block; font: 115%/1em Constantia, Palatino, Times, serif; margin: 0 0 .5em; padding: 6px; width: 32px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.content .sidebar a:hover    { color: #4d1e13; }

.content .date a             { background: #ecf2da; border-color: #dfff7f; padding: 10px;}
.content .date strong        { display: block; font-size: 200%; margin-bottom: .25em; }
.content .comments a         { background: #daf2f2; border-color: #7fffff; padding: 10px;}
.content .edit a             { background: #fff4f2; border-color: #ff957f; }
.content .sticky .date a      { background: #fff4f2; border-color: #ff957f; }
.content .sticky .date strong { display: block; font-size: 200%; margin-bottom: .25em; }
.content .sticky .comments a  { background: #ecf2da; border-color: #dfff7f; }
.content .sticky .edit a      { background: #daf2f2; border-color: #7fffff; }

.content h1                 { color: #fff; margin: 0; padding: 0 0 18px; position: relative; z-index: 2; }
.content img.speaking { float: left; margin: 10px 0px 0px 10px; padding: 0; }
.content h2 { float: left; margin: 0 5px 0 5px; background-color: white; width: 530px; }
.content .sticky h1, .content .sticky h2   { }
.content h2 a                         { color: #fff; background-color: rgb(60,30,18); display: block; margin: 20px 10px 10px 140px; padding: 15px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.content h2 a:hover                   { color: #ffbfda; }
.content .sticky h2 a:hover            { color: #bfffff; }
.content h3                 { margin-top: 20px; }

.content .entry                       { margin: -.5em 0 1px; padding: 0 5px; }
.content .entry .interior             { background: #fff; overflow: hidden; }
.content .sticky .entry                { color: #208080; }
.content .meta                        { margin: 0 0 3em; padding: 0 1em; }
.content .meta .interior              { background: url( 'includes/images/bg-post-foot.png' ); }
.content .sticky .meta .interior       { background: url( 'includes/images/bg-sticky-foot.png' ); color: #208080; }

.content .wp-caption { background-color: #ECF2DA; border: 1px rgb(150,111,108) solid; padding: 10px 3px 10px 10px; margin: 10px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.content .wp-caption img { border: 1px rgb(150,111,108) solid; }
.content .wp-caption-text { margin: 0; }

/* .attachment */
.attachment .navi img { height: 60px; width: 60px; }

/* comments */
#comment                                    { width: 98%; }
#comments                                   { color: #fff; }
#respond                                    { background: #fcfff2; color: #688020; padding: .75em; border-radius: 1.5em; -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; }
.commentlist                                { list-style: none; margin: 0 0 3em; padding: 0; }
.commentlist .comment,
.commentlist .pingback,
.commentlist .trackback                     { border-width: .1em; border-style: solid; margin: 0 0 3em; padding: .75em .75em 0; border-radius: 1.5em; -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; }
.commentlist .comment.bypostauthor          { border: .25em double #333; }
.commentlist .vcard                         { font-weight: bold; }
.commentlist .vcard img.avatar              { float: left; margin: 0 1.5em 1.5em 0; }
.commentlist .vcard span.says               { display: none; }
.commentlist .comment-meta                  { color: #999; padding: 0 0 1.5em; }
.commentlist .reply                         { padding-bottom: .75em; }
.commentlist .children                      { list-style:none; margin: 0; padding: 0; }
.commentlist .even                          { background: #fff4f2; color: #4d1e13; }
.commentlist .odd                           { background: #daf2f2; color: #208080; }

/* .navi */
.navi { color: #fff; margin: 0 0 3em; }
.navi a { color: #fff; }

/* .sidebar */
.sidebar           { color: #fff; font-size: 115%; }
.sidebar .interior { background: url( 'includes/images/bg-side.png' ) 12px 0 repeat-y; list-style: none; margin: 0; padding: 0 0 0 60px; }
.sidebar h2        { color: #ffbfda; margin: 1.5em 0 0; }
.sidebar ul li ul  { line-height: 2em; }
.sidebar a         { color: #fff; }
.sidebar a:hover   { color: #ffbfda; }
ul ul              { margin: 15px 0 0 0; }

/* #s */
#s { font-size: 15px; color: rgb(120,60,36); background-color: rgb(60,30,18); padding: 5px; width: 192px; border-top: 2px solid rgb(90,45,27); border-left: 2px solid rgb(90,45,27); border-right: 2px solid rgb(120,60,36); border-bottom: 2px solid rgb(120,60,36); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/* #foot */
#foot   { background: url( 'includes/images/trim-foot.png' ) 0 100% repeat-x; color: #fff; padding: 20px 0 26px; text-align: center; }
#foot a { color: #ffbfda; }

/* misc */

.headerclear {
  clear: both;
  font-size: 1px;
  margin: 0 5px 0 5px;
  padding: 0;
  background-color: white;
}