/*
Theme Name: The Celebration Shoppe Blog
Theme URI: http://www.thecelebrationshoppe.com/
Description: Theme created for The Celebration Shoppe
Version: 1
Author: Nathan Demick for huber+co.
Author URI: http://www.huberandco.com/
Tags: custom header, fixed width, two columns
*/

* { margin: 0px; padding: 0px }

body { background: url('img/background.gif'); text-align: center; font: 12px Arial, sans-serif }
#container { width: 980px; margin: 0px auto }
#drop-shadow { background: url() }
#content { width: 922px; margin: 0px auto; text-align: left }

a:hover { text-decoration: none }
a img { border: 0px; }

#header { height: 90px }
#header .logo { margin: 12px 0px 0px 23px; border: none }

.shop-callout { float: right; margin-top: 25px; color: #421400; font-weight: bold; width: 230px; }
.shop-callout img { float: right; }
.shop-callout a img { border: 0px; }
.shop-callout a { color: #381008; }
.shop-callout p { padding-top: 5px; }

#search-bar { height: 38px; background: url('img/search-bar-background.gif') repeat-x #330b04 }

#site-search { float: left; padding: 10px 0px 0px 20px }
#site-search label { color: #e40375; font-weight: bold; }
#site-search label span { color: #fff }
#site-search input { height: 14px; color: #444; font-size: 11px }
#site-search button { width: 33px; height: 18px; background: url('img/go-button.gif'); cursor: pointer; border: none; vertical-align: top }

#standalone-search { padding: 20px 10px }
#standalone-search #site-search { float: none; padding: 0px }
#standalone-search #site-search label span { color: #000 }

#special-offers { float: right; padding: 10px 20px 0px 0px }
#special-offers label { color: #fff; font-weight: bold; }
#special-offers input { height: 14px; color: #444; font-size: 11px }
#special-offers button { width: 33px; height: 18px; background: url('img/go-button.gif'); cursor: pointer; border: none; vertical-align: top }

#body { background: #fff; padding: 1px 0px }

/* Sidebar */
.sidebar-item { width: 180px; border: 1px solid #f25cb4; margin: 18px 0px 0px 20px; float: left; clear: left }
.sidebar-item h2 { height: 21px; padding: 4px 0px 0px 25px; background: url('img/sidebar-item-headline-background.gif') repeat-x #381008; color: #fff; font: normal 13px Arial, sans-serif }
.sidebar-item h2 em { font-style: italic; font-family: serif }
.sidebar-item ul { list-style-type: none }
.sidebar-item ul li { padding: 8px 0px 0px 15px; background: url('img/sidebar-item-li-background.gif') left bottom repeat-x; height: 20px; display: block }
.sidebar-item ul li a { font-weight: bold; color: #4d4d4f; text-decoration: none; background: url('img/sidebar-item-dot.gif') 0px 5px no-repeat; padding: 0px 0px 0px 10px }

.sidebar-item p { padding: 8px 0px 8px 15px }
.sidebar-item p a { color: #e60376 }

/* Wigitized sidebar */
.widget { list-style-type: none; width: 180px; border: 1px solid #f25cb4; margin: 18px 0px 0px 20px; float: left; clear: left; padding-bottom: 10px; }
.widget h2 { height: 21px; padding: 4px 0px 0px 25px; background: url('img/sidebar-item-headline-background.gif') repeat-x #381008; color: #fff; font: bold 13px Arial, sans-serif }
.widget h2 em { font-style: italic; font: bold italic 14px serif }
.widget ul { list-style-type: none; margin-top: 3px; }
.widget ul li { margin: 0px; padding: 4px 0px 0px 15px; /*background: url('img/sidebar-item-li-background.gif') left bottom repeat-x*/  }
.widget ul li a { font-weight: bold; color: #000; text-decoration: none; background: url('img/sidebar-item-dot.gif') 0px 5px no-repeat; padding: 0px 0px 0px 10px }
.widget ul li ul.children { margin: 0px; padding: 0px; }
.widget ul li ul.children li { margin: 0px; padding: 4px 0px 0px 15px;  }
.widget li.recentcomments a { background: none; }
.textwidget { padding: 8px 5px 0px 15px; font-weight: bold; }

#blog-advert { width: 180px; height: 155px; border: 1px solid #dfdfdf; margin: 18px 0px 0px 20px; float: left; clear: left }

/*#posts { width: 650px; border: 1px solid #ccc; margin: 18px 0px 10px 220px }*/
#posts { width: 650px; border: 1px solid #ccc; margin: 18px 40px 10px 0px; float: right }

#posts h1 { font: bold 14px Helvetica, Arial, sans-serif; color: #4d2416; height: 20px; padding: 5px 0px 0px 15px; margin: 0px; background: url('img/blog-headline-background.gif') repeat-x; border-bottom: 1px solid #ccc }
#posts h2 { font-size: 18px; color: #421400 }
#posts .hr { background: url('img/hr.gif') bottom left #fff repeat-x; width: auto; height: 1px }
#posts .hr hr { display: none }

.post { padding: 15px; color: #333 }
.post.alt { background: #f6f6f6 }
.post a { color: #e60376 }
.post h2 { font-size: 18px }
.post h2 a { color: #421400; text-decoration: none }
.post h3 { font-size: 15px }
.post .timestamp { color: #666 }
.post .entry { line-height: 16px; margin-top: 5px }
.post .entry p { margin: 10px 0px; }
.post .postmetadata { font-size: 11px; margin-top: 5px; line-height: 14px; color: #666 }
.post .postmetadata a {  }
.post ul, .post ol { padding-left: 35px; }

.navigation a { color: #421400 }
/*.navigation.top { background: url('img/hr.gif') bottom left #fff repeat-x }*/
.navigation.top { font: bold 14px Helvetica, Arial, sans-serif; color: #4d2416; height: 20px; padding: 5px 0px 0px 15px; margin: 0px; background: url('img/blog-headline-background.gif') repeat-x; border-bottom: 1px solid #ccc }

.alignleft { float: left; margin: 0px 25px 10px 10px }
.alignright { float: right; margin: 0px 10px 10px 25px }

img.alignleft, img.alignright, img.aligncenter { border: 5px solid #ccc; }

.notfound { padding: 5px 15px 20px 15px; }
#footer { background: url('img/footer-background.png') no-repeat; height: 34px; padding: 30px; text-align: center }

/* Comments */
#comments { padding: 10px }
#comments h3 { color: #421400 }
#comments ol.commentlist { padding-left: 25px }
#comments ol.commentlist li { padding: 5px; margin-top: 5px }
#comments ol.commentlist li.alt { background: #eee }

cite a { color: #e60376; font-weight: bold }

#comment-form { padding: 10px }
#comment-form h3 { color: #421400 }

p.input { margin: 3px 0px }

.small { font-size: 11px; margin: 5px 0px; line-height: 14px; color: #666 }
.small a { color: #e60376 }

.clear-left { clear: left }
.clear-right { clear: right }
.clear { clear: both }