/*
Theme Name: Cupcake Love
Description: For the love of delicious, pink cupcakes.
Version: 1.0.1
Author: Michael Sisk
Author URI: http://maikeruon.com/
Tags: blue, green, pink, brown, two-columns, fixed-width, threaded-comments, sticky-post
*/

@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: #708040; }
a:hover { color: #a7bf60; }

h1, h1 a         { color: #fff; }
.content h1.archive-title { background: url( 'includes/images/bg-sticky-head.png' ) 0 100% no-repeat; color: #fff; margin: 0 0 1em; padding: 0 0 18px; position: static; }

/* 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: 210px; margin: 0 0 3em; }
#head .name a      { display: block; font: 300%/1em Constantia, Palatino, Times, serif; color: #803020; padding: 1.5em 0; }
#head .description { font: italic 200%/1em Constantia, Palatino, Times, serif; }

/* .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; }
.content .date strong        { display: block; font-size: 200%; margin-bottom: .25em; }
.content .comments a         { background: #daf2f2; border-color: #7fffff; }
.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, .content h2                 { background: url( 'includes/images/bg-post-head.png' ) 0 100% no-repeat; color: #fff; margin: 0; padding: 0 0 18px; position: relative; z-index: 2; }
.content .sticky h1, .content .sticky h2   { background-image: url( 'includes/images/bg-sticky-head.png' ); }
.content h2 a                         { color: #fff; }
.content h2 a:hover                   { color: #ffbfda; }
.content .sticky h2 a:hover            { color: #bfffff; }

.content .entry                       { margin: -.5em 0 1px; padding: 0 1em; }
.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; }

/* .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  { list-style-image: url( 'includes/images/bullet-sidebar.png' ); line-height: 2em; }
.sidebar a         { color: #fff; }
.sidebar a:hover   { color: #ffbfda; }

/* #s */
#s { background: url( 'includes/images/bg-search.png' ); border: 0; color: #4d1e13; padding: 6px 60px 12px 48px; width: 192px; }

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