/*
Theme Name: Her Little Wardrobe
Description: For the love of delicious, pink cupcakes.
Version: 1.0.1
Author: Edited by KA, Authored by Michael Sisk
Author URI: http://herlittlewardrobe.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' );

.group            { width: 920px; }
.content          { width: 720px; }
.sidebar          { width: 200px; }
.interior         { padding: 10px; }

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 { color: #fff; margin: 0 0 1em; padding: 0 0 10px 0; position: static; }

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

/* #head */
#head              { background: bottom repeat-x url('includes/images/bg-head.png'); height: 175px; margin: 0 0 10px 0; }
#head .title a      { display: block; font: 300%/1em Constantia, Palatino, Times, serif; color: #803020; padding: 10px 0 12px 0; margin: 0 auto; }
#head .description { font: italic 200%/1em Constantia, Palatino, Times, serif; }

/* .posts */
.content .content            { width: 660px; }
.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                 { color: #fff; margin: 0; padding: 0 0 18px; position: relative; z-index: 2; }
.content .sticky h1, .content .sticky h2   { }
.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; border-top: 8px solid #FFBFDA; }
.content .entry .interior             { background: #fff; overflow: hidden; }
.content .sticky .entry                { color: #208080; }
.content .meta                        { margin: 0 0 3em; padding: 0; }
.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; }
.navigation { margin-left: 60px; font-weight: bold; }
.navigation a:link{ color: #FFFFFF; text-decoration: none; }
.navigation a:visited { color: #FFFFFF; text-decoration: none;}
.navigation a:hover { color: #FFFFFF; text-decoration: underline;}

/* .sidebar */
.sidebar           { color: #fff; font-size: 115%; }
.sidebar .interior { list-style: none; margin: 0; padding: 0 0 0 20px; }
.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; }

#topmenu ul { list-style: none; margin: 0; padding: 0; }
	#topmenu ul li { display: inline; padding: 0 25px 0 0; font: bold 16px Arial, Helvetica, sans-serif; } 
		#topmenu ul li a:link { color: #333333; text-decoration: none; }
		#topmenu ul li a:visited { color: #333333; text-decoration: none; }
		#topmenu ul li a:hover { color: #481E13; text-decoration: none; }				
#botmenu ul { list-style: none;  margin: 0; padding: 0; }
	#botmenu ul li { display: inline; padding: 0 15px; } 
.optin { float: right; padding: 8px 16px; background:url(includes/images/optin-bkg.png) bottom no-repeat; }
.optin table { padding: 0; margin: 0; }
.optin table td { padding: 2px 0 2px 0; }
.optin table td.privacy { font-size: 10px; }
.optin table input[type=submit] { font-size: 11px; }