/*



Theme Name: Oh So Very!



Theme URI:  http://kerflop.com/freebies



Description:  A clean, colorful, easy to customize theme developed by <a href="http://www.kerflop.com/">Jessica Wiseman</a> with help from <a href="http://www.ohmystinkinheck.com/">Heather Sanders</a>.



Version: 0.1



Author:	Jessica Wiseman



Author URI: http://www.kerflop.com/



*/







body { 



	width: 800px;



	margin: 0 auto;



	font: .75em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;



	text-align: center;



	background: #fff url(images/bg.gif);



	color: #808080;



	line-height: 17px;



	}







#header {
	width: 820px;
	height: 35px;
	padding: 0;
	color: #000000;
	background: #fff url(images/head_bg.gif);
	background-repeat:repeat-x;
	border-left: 0 solid #000;
	border-right: 0 solid #000;
	}

#container {



	width: 800px;



	padding: 10px;



	color: #000000;



	background: #fff;



	float: left;



	text-align: left;



	border-left: 0 solid #000;



	border-right: 0 solid #000;



	}







h1 {



	font: 2em georgia, "times new roman", serif;  



	color: #efb000;



	background: #fff;



	margin-top: 0;



	margin-bottom: 8px;



	font-weight: normal;



	}







h2 {



	font: 1.5em georgia, "times new roman", serif;  



	color: #000;



	background: #fff;



	margin-top: 0;



	margin-bottom: 2px;



	font-weight: normal;



	padding-top: 15px;



	margin-left: 2px;



}







a:link, a:visited {



	color: #e64000;



	background-color: inherit;



	text-decoration:none;



	font-weight: normal;



}







a:hover {



	color: #000;



	background-color: inherit;



    }







.navigation { 



	width: 420px; 



	margin: 0 0 10px 18px; 



	float: left; 



}



	



.previous { 



	padding: 0 5px 0 0; 



	float: left; 



}



	



.next { 



	float: right; 



}







#content {



	padding-left: 15px;



	padding-right: 15px;



	background:#fff;



	color: #404040;



	margin:10px 0 0 155px;



	width: 455px;



	border-left: 1px dashed #ccc;



	border-right: 1px dashed #ccc;



} 







.story img {



	float: left;



	margin-right: 8px;



	padding: 3px;



	background: #fff;



	border: 1px dashed #ccc;



        }







#content img.icon {



	border: 0px;



	vertical-align: middle; 



	border: 0px;



}







.storytitle a {



	color: #efb000;



	background: #fff;



	text-decoration: none;



        }







.storytitle a:hover {



	color: #808080;



	background: #fff;



	text-decoration: none;



        }



	



.date {



	text-align:left;



	font-size: 1em;



	color: #a1a1a1;



	background: #fff;



	padding-left: 3px;



	margin-top: 0px;



	margin-bottom: 0px;



}







.meta {



	font-size: 1em;



	padding-left: 3px;



	text-align:right;



}







.meta li, ul.post-meta li {



	display: inline;



}







.meta ul {



	display: inline;



	list-style: none;



	margin: 0;



	padding: 0;



}







.meta, .meta a  {



	color: #007ece;



	background: #fff;



	font-weight: normal;



	letter-spacing: 0;



}







.meta a:hover {



	color: #000;



	background: #fff;



	font-weight: normal;



	letter-spacing: 0;



}







/* Left Menu BEGINS */







#left-menu {



	float: left;



	padding: 0;



	color: #808080;



	background: #fff;



	margin: 0;

	width: 150px;



	}







#left-menu a {



	color: #01b6b1;



	text-decoration:none;



	font-weight: normal;



	background: #fff;



    }







#left-menu a:hover {



	color: #ccc;



	background: #fff;



    }



#left-menu ul {



	padding:0px;



	margin:0px;



}







#left-menu li {



	padding:0 0 2px 0;



	margin-left:8px;



	background: #fff;



	color: #808080;



	list-style-type:none;



}







/* Left Menu ENDS */







/* Right Menu BEGINS */







#rightbar {



	float: right;



	background: #fff;



	color: #404040;



	margin: 0;



	width: 150px;



	}







#rightbar a {



	color: #01b6b1;



	background: #fff;



	text-decoration:none;



	font-weight: normal;



	}







#rightbar a:hover {



	color: #ccc;



	background: #fff;



	text-decoration:none;



	font-weight: normal;



    }







#rightbar ul {



	padding:0px;



	margin:0px;



}















#rightbar li {



	padding-left:10px;



	margin:0px;



	list-style-type:none;



}











/* Right Menu ENDS */







#footer {



	margin-bottom: 0px;



	padding: 10px;



	text-align: left;



	border-top: 1px dashed #ccc;



	background: #fff url(images/footer.gif);



	background-repeat:no-repeat;



	background-position: right bottom;	



	color: #808080;



	clear: both;



}











blockquote {



	border: 1px dashed #ccc;



	color: #000;



	margin: 5px;



	padding: 5px;



	background: #eee;



}











/* classes used by the_meta() */



ul.post-meta {



	list-style: none;



}







ul.post-meta span.post-meta-key {



	font-weight: bold;



}







.feedback {



	color: #808080;



	background: #fff;



	text-align: left;



	padding-right: 4px;



	margin-top: 5px;



	margin-bottom: 25px;



}







.feedback a {



	color: #808080; 



	background:#fff;       



	font-weight: normal;



}







.feedback a:hover {



	color: #000;



	background:#fff;



}











/* Comments Begin */







#commentform {



	width: 400px;



}







#commentform #author, #commentform #email, #commentform #url, #commentform



textarea {



	background: #fff;



	border: 1px solid #ccc;



	padding: .2em;



	color: #404040;



}







#commentform textarea {



	width: 90%;



}







#commentform input, #searchform input {



	border: 1px solid #ccc;



	background: #fff;



	color: #404040;



}







.commentlist {



	background-color: #FFF;



	color: #404040;



	margin: 0px;



	padding: 0px;



	text-align: left;



}







.commentlist li  {



	background-color: #F4F2F2;



	color: #404040;



	border: 1px dashed #ccc;



	font-size: 11px;



	list-style: none;



	margin: 2px 0px 10px 0px;



	padding: 2px 10px 0px 10px;



}







.authorcomment {



	color: #404040;



	border: 1px dashed #ccc;



	margin: 10px 0px 10px 0px;



	padding: 2px 10px 3px 10px;



	text-align: left;



	background-color: #fff;}







/* Comments - End */



/*Contact Form - Begin */







.contactform textarea {



	border: 1px solid #ccc;



	background: #fff;



	color: #404040;



	width: 450px;



}







.contactform input {



	border: 1px solid #ccc;



	background: #fff;



	color: #404040;



	margin-top: 5px;



}

/* For Google Slideshow API */

.ss a img {border : none;}
.ss {
    width: 420px;
    height: 420px;
    color: #000;
    background-color: #FFF;
}

/* Comment Form - End */

