﻿/*

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) fixed;
	color: #808080;
	line-height: 17px;
}



#header {

	width: 820px;

	height: 420px;

	padding: 0;

	color: #000000;

	background: #fff url(images/head_bg.gif);

	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: #A6D514;
	background: #fff;
	margin-top: 0;
	margin-bottom: 8px;
	font-weight: normal;
}


h2 {
	color: #000;
	margin-top: 5;
	margin-bottom: 2px;
	font-weight: normal;
	padding-top: 5px;
	margin-left: 2px;
	font-style: normal;
	font-variant: normal;
	font-size: 1.5em;
	line-height: normal;
	font-family: georgia, "times new roman", serif;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
}


h3 {
	background: url('images/titlebg.jpg');
	color: #000;
	margin-top: 5;
	margin-bottom: 4px;
	font-weight: normal;
	padding-top: 15px;
	margin-left: 2px;
	font-style: normal;
	font-variant: normal;
	font-size: 1.4em;
	line-height: normal;
	font-family: georgia, "times new roman", serif;
	text-align: center;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}


a:link, a:visited {
	color: #CC0000;
	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: #A6D514;
	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;

}

/* Comment Form - End */