/*  
Theme Name: Quirky Bird Blog - New
Theme URI: http://quirky-bird.com
Description: Blog template for Staci @ Quirky Bird.
Version: 0.3
Author: Daniel Espinoza
Author URI: http://quirky-bird.com/
*/

/* comments */
.commentwrap { width: 570px; float: right; margin: 10px 35px 10px 0; }
.commentlist { background: url(images/comment-top.png) top no-repeat; padding: 8px 0 0 0; }
.commentlist .inside { background: url(images/comment_mid.png); padding: 0 10px 20px 10px; }
.commentlist h3.comments { font-size: 30px; font-weight: normal; color: #4fc3cf; padding: 0 0 0 20px; line-height: 1; }

.thecomments { color: #c5c3c0; font-size: 12px; }
.thecomments a { color: #c5c3c0; font-size: 12px; }
.thecomments li {margin: 15px 0; }
.thecomments cite { color: #8d58a0; font-size: 18px; }
.thecomments cite a { color: #8d58a0; font-size: 18px; }

.commentform {color: #a9a6a2; font-size: 12px; background: url(images/comment-bot.png) bottom no-repeat; padding: 0 0 10px 0; margin: 15px 0 0 0; }
.commentform .inside {background: url(images/comment_mid.png); padding: 10px 10px 20px 10px;}
.commentform h3.respond { font-size: 24px; color: #805190; }

.commentform label { color: #a9a6a2; width: 150px; float: left; text-align: right; padding-right: 10px; }
.commentform input { background: #4f4e4c; width: 200px; float: left; color: #000; border: none; }
.commentform textarea { background: #4f4e4c; width: 370px; float: left; color: #000; border: none; }
.commentform .submitcomment { background: none; border: none; float: left; color: #4fc3cf; font-size: 24px; width: 100px; }
.commentform br { clear: left; }

/* Begin Images */
p img {	padding: 0; 	max-width: 100%;}
img.aligncenter { display: block; margin-left: auto; margin-right: auto;}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left;
}
/* End Images */

.col2-left-layout { padding: 0; width: 912px; background: url(images/blog_main_bg.png); }
.col-left { width: 216px; padding-top: 30px; }
.col-main { width: 670px; padding-top: 30px; }

.widget { font-size: 18px; color: #73706d; text-transform: lowercase; width: 180px; margin: 0 auto; }
.widget a { color: #73706d; }
.widget h2.widgettitle { font-size: 22px; text-transform: lowercase; color: #b9b4af; margin-top: 30px; }
.widget ul { margin: 10px 0 10px 15px; }
.widget ul li {}

/*  Post */

.post { width: 670px; float: right; margin: 0 0 20px 0; }
.posttitle { width: 670px; background: url(images/blog_header.png) no-repeat; text-align: left; padding: 5px 0 0 10px; }
.date { float: right; color: #247b84; font-size: 16pt; text-transform: lowercase; line-height: 1; font-weight: normal; margin: 5px 15px 0 0; }
.date span { color: #8d58a0; }
.storytitle { color: #4fc3cf; text-transform: lowercase; font-weight: normal; font-size: 26px; }
.storytitle a  { color: #4fc3cf; font-size: 26px; font-weight: normal;}
.pagetitle {color: #9a9794; font-size: 32px; text-align:right;}

.post .storycontent { background: url(images/data_table_bg.png); padding: 10px 20px; font-size: 14px; color: #cfcdca; margin: 0; }
.post .storycontent a { color: #cfcdca; }
.post .storycontent p { margin: 15px 0;}
.post .storycontent h1 { font-size: 30px; color: #8d58a0; } 
.post .storycontent h2 { font-size: 24px; color: #ddb247; margin: 10px 0 5 0; }
.post .storycontent h3 { font-size: 18px; color: #32abb7; }
.post .storycontent ul { margin: 0 0 0 30px; }
.post .storycontent ul li { list-style: none; background: url(images/blog_dot.gif) left no-repeat; padding: 0 0 0 15px; }


.post .post-bottom { width: 670px; height: 33px; background: url(images/blog_footer.png) no-repeat; padding: 8px 15px 0; color: #237b84; }
.post .post-bottom a { color: #237b84; }

.navigation { width: 670px;  margin: 20px 0; }
.navigation a { color: #9a9794; font-size: 30px; }

.navigation2 { color: #9a9794; font-size: 16px; width: 670px; margin: 20px 0; }
.navigation2 a { color: #9a9794; font-size: 16px; }