/* Storybook Blog Specific Styles */

/*
.post > p:first-letter {
font-weight: bold; 
color: #fff; 
font-size: 175%; 
font-family: Hadry, Georgia, "Times New Roman", Times, serif;
background: #5F4427;
border: 1px solid #000; 
padding: 5px;
margin-right: 2px; }
*/

h2 {
text-align: center; 
margin: 10px 0 0; 
color: #38290C; }

.post h2 {
padding-bottom: 10px;
border-bottom: 1px solid #38290C; }

.post h2 a {
color: #036; 
text-decoration: none; }

#postlist {
padding: 5px; }

#postlist h3 {
font-size: 140%; 
text-align: center; }

#postlist h4 {
margin: 30px 0 0; 
border-top: 2px solid #036;
padding: 5px; 
border-bottom: 1px solid #036;
font-size: 110%; }
#postlist p {
padding: 0 5px; }

#postlist h4 small {
font-weight: normal; 
color: #c30; 
display: block; 
margin-top: 5px; }

#sidebar div {
padding: 0 10px; }

#sidebar #s {
width: 90px; margin: 0; }

#sidebar #categories ul,
#sidebar #categories li,
#sidebar #recent ul,
#sidebar #recent li {
margin: 0; padding: 0;
list-style: none;
list-style-image: none;
}

#sidebar h3 {
margin: 10px 0 0;
padding: 5px 0; 
background: none; 
border: 0;
font-size: 110%; }

#sidebar li {
padding: 0; margin: 0; }

#sidebar li a,
#sidebar li a:link,
#sidebar li a:visited,
#sidebar li a:hover {
display: block;
padding: 5px 0 5px 3px; }

#sidebar li a:hover {
background: #fff; }

#feed {
background: url(/wp-content/themes/storybook/imgs/feed-icon-14x14.png) right center no-repeat; 
padding: 5px 18px 5px 5px; 
float: right;
position: relative;
top: -25px; }
a#feed:hover {
background: #fff url(/wp-content/themes/storybook/imgs/feed-icon-14x14.png) right center no-repeat;  }

#announcements h2 {
text-align: left; }
#announcements div {
padding: 0; 
margin: 0; }


#commentform {
padding: 10px; }

#commentform h3 {
border: none;
margin: 15px 0 0;
padding: 0 0 5px;
font-size: 110%; }

#commentinstructions {
margin: 10px 0;
border-left: 1px solid #fff; 
width: 170px;
float: right;
padding: 0 10px;
font-size: 80%;
font-style: italic;
color: #3D2D10; }
* html #commentinstructions {
width: 150px; }

.commentlist {
margin: 0 0 10px;
padding: 5px; }

.commentlist li {
list-style: none;
list-style-image: none; 
border: 1px solid #CCBCA3; 
padding: 5px 10px;
margin: 5px 0; }

.commentlist li.alt {
background: #F1E9D4; }

.commentlist cite {
width: 200px;
text-align: left;
float: left; 
font-size: 100%;
font-weight: bold;
padding-left: 23px; }

.commentmetadata a {
text-decoration: none; }

.commentmetadata {
font-size: 85%; 
text-align: right;
padding-bottom: 5px;
margin: 0;
border-bottom: 1px solid #f6f6ee; }

.commentmetadata .date {
color: #35260a; }

#comments h3 {
font-size: 110%; 
margin: 30px 0 0; 
border-top: 1px solid #E4DABF;
padding: 10px 0 0; }

.navigation {
padding-top: 20px; }
.navigation div {
margin: 0;
font-size: 85%; }
.navigation .prev {
float: left;
width: 200px; }
.navigation .next {
text-align: right; }

.commentlist ol { counter-reset: item }
.commentlist li:before {
content: counter(item) ". ";
counter-increment: item;
display: block;
width: 18px;
height: 12px;
margin: 0;
padding: 0;
text-align: right;
margin-bottom: -20px;
color: #6E634F; }