/*
Theme Name: KitchenWitch by OSN
Theme URI: http://onestarrynight.com/
Description: A custom design by Sarah
Author: Sarah DiLullo
Author URI: http://onestarrynight.com
*/

/* basics */

*{margin:0; padding:0;}

body {
	background:#f7f5f0 url(http://jonirae.com/wp-content/uploads/2010/12/bg.png);
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	margin:20px;
        color:#353434;
	}
	
h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}

p {margin: 10px 0; padding:0}


img{ border: 0; padding:0; }
img a{border:0;}

img.left{ float: left; border: 0; padding: 6px 0 0 0; }
img.right{ float: right; border: 0; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{
	color:#86ac10;
	text-decoration:none;
	}

a:hover{text-decoration: underline;}



/* container */


#container {
	width:1000px;
	margin: 0 auto;
	padding:0;
	background:#ffffff;
	color:#4e414c;
	overflow: hidden;
border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;
	}
	
/* header */

#header {
	background:#ffffff;
  	width:100%; 
	}
.widget {padding-bottom:30px;}



/* main menu */


#menu {
	background:#717171;
	font-family: verdana, arial, times, serif;
	font-size: 12pt;
	width:100%; 
	overflow:hidden;
        margin-top:-2px;
}


#menu ul {
	margin:0;
	padding:0;
}

#menu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0;
}

#menu ul li a {
	padding:4px 10px;
	margin: 0;
	color: #ffffff;
	display:block;
}





/* content */


#content {
	float: left;
	width:730px;
	overflow: hidden;
	padding: 10px;
	}

.post {
	margin:0;
	padding:0;
	line-height: 14pt;
	}
	
.post h2{
	font:normal 20pt georgia, times;
	}
	
.post h2 a{
	color: #353434;
	text-decoration: none;
	}
.date {float:left; background: url(http://jonirae.com/wp-content/themes/kitchenwitch/img/date.png) no-repeat;width:71px; height:71px;text-align:center;}
.title {float:left; margin: 20px 0 0 8px; width:420px;}

.title a {color:#353434}

.post ul {}

.post li {}

.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;clear:both}
.alignright a{float:right; margin:25px 0; clear:both}
	



/* left sidebar */

#left {
	width:180px;
	float:left;
	margin:0;
	padding:10px;
	border-right: 1px solid #ddd;
	}

#left h3{
	font:normal 14pt arial, georgia, times;
	color: #353434;	
	margin: 0;
	padding: 0;
}

#left label{
	font:normal 11pt arial, georgia, times;
	color: #353434;	
	margin: 0;
	padding: 0;
}

#left p {margin:0; padding: 0;}

#left img {padding: 0; margin: 0;}

#left ul {
	margin:12px;
	padding:0;
	}

#left ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#left ul ul {
	margin:14px 0;
	padding: 0;
}

#left ul ul li {
	list-style-type: none;
	}

#left ul ul ul{
	margin: 0;
	padding: 0;
}

#left ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #4e414c;
}



/* right sidebar */

#right{
	width:21%;
	float:right;
	margin:0;
	padding: 10px;
	border-left: 1px solid #ddd;
	}

#right h3{
	font:normal 14pt arial, georgia, times;
	color: #353434;	
	margin: 0;
	padding: 0;
}

#right label{
	font:normal 11pt arial, georgia, times;
	color: #353434;	
	margin: 0;
	padding: 0;
}

#right p {margin:0; padding:0;}

#right img {padding: 0; margin: 0;}

#right ul {
	margin:12px;
	padding:0;
	}

#right ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#right ul ul {
	margin:14px 0;
	padding: 0;
}

#right ul ul li {
	list-style-type: none;
	}

#right ul ul ul{
	margin: 0;
	padding: 0;
}

#right ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #4e414c;
}



/* comments */


#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #353434;
	}
	
#commentform a{color: #353434; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #353434;
	margin:0;
	padding:0;
	}
	
#comment{
	width:100%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #353434;
	}
	
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#353434;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #353434; text-decoration: none; border-bottom: 1px dotted #465D71;}



/* SEARCH*/

#search {width:136px;text-align:center; height:60px;float:left; color:#5e3269;}

.searchbox {background:transparent; width:100px;text-align:center; height:60px;float:left; padding: 0 0 0 8px;}

#searchsubmit {width:63px;border: none; margin-top:-16px; margin-left: 140px; float:left; height:14px;}




/* misc */

img.centered {
	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
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.twitter-message {padding-bottom:10px;}


/* footer */

#footer {background: url(http://jonirae.com/wp-content/themes/kitchenwitch/img/footerbg.png);
	clear: both;	width: 100%;padding:8px;
	}



#footerwitch {background: url(http://jonirae.com/wp-content/themes/kitchenwitch/img/kwfoot.png) no-repeat bottom right;}
	
#footer p{padding:14px 0;margin: 0; text-align:center;}

.box {float:left; width: 300px; margin-right: 30px;}

.box ul, .box li {list-style-type: none;padding: 0; margin: 0;}

.box h3 {text-align:center; font-size: 26px}

#buttons img {width: 125px; height:125px; padding: 4px 0 0 10px}

#buttons2 img {width: 125px; height:125px;}
#buttons2 ul, #buttons2 li {display:inline;list-style-type: none;padding: 0; margin: 0;}

#goodstuff img {width: 125px; height:125px; padding: 4px 0 0 4px}


/* comments */

.clear {clear: both; height: 3px;}
.commentleft {float:left; width: 30px; font-size: 13px; margin: -12px 0 0 0;color:#627e00;}
.commentleft a,.commentleft a:link, .commentleft a:hover, .commentleft a:active, .commentleft a:visited {color:#627e00; text-decoration: none;}

.depth-2 {margin-left: 50px;}
.depth-2 .commentbody {width: 400px;}

.depth-3 {margin-left: 75px;}
.depth-3 .commentbody {width: 330px;}

.commentbits .avatar {background:#717171; padding:4px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.commentbits {float:left; margin: 4px 8px 2px 0;text-align:center;}

.commentbody {float:left; width: 650px; text-align:left;margin: 0;}

div.me .commenttext{background-color: #cedae8; padding:2px 4px 2px 4px;  color:#534741; } 

div.me a,div.me a:link, div.me a:hover, div.me a:active, div.me a:visited {color:#02365b; text-decoration: none;}
div.me .commentby { background:#717171;color:#534741; font-size:12px;font-variant:small-caps;font-style:italic; font-weight:bold; color:#f5f5eb; padding: 3px;}
div.me .commentby a,div.me .commentby a:link, div.me .commentby a:hover, div.me .commentby a:active,div.me .commentby a:visited {font-style:normal;color:#f5f5eb;border-bottom: 1px dotted #f5f5eb;}

div.me .commentbits .avatar {background:#02365b; padding:4px;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
div.me h1 {color:#f5f5eb;}

.commentby { background:#717171; color:#534741; font-size:12px;font-variant:small-caps;font-style:italic; font-weight:bold; color:#f5f5eb; padding: 3px;}
.commentby a,.commentby a:link, .commentby a:hover, .commentby a:active, .commentby a:visited {font-style:normal;color:#f5f5eb;border-bottom: 1px dotted #f5f5eb;}

.cluv {font-size:11px;font-variant:small-caps; border-top: 1px dotted #534741; width: 100%;}
.commenttext{background-color: #E7EBD7;padding:4px; } 

.reply a, .reply a:link, .reply a:active {text-decoration: none; color:#f5f5eb; font-variant:small-caps; font-size:10px; font-weight: 800;text-align:center;}
.reply {background:#534741;text-decoration: none; color:#f5f5eb;padding:2px 3px 2px 3px; width:32px; text-align:center;}


div.me .reply a, div.me .reply a:link, div.me .reply a:active {text-decoration: none; color:#f5f5eb;font-variant:small-caps; font-size:10px; font-weight: 800;text-align:center;}
div.me .reply {background:#02365b;text-decoration: none; padding:2px 3px 2px 3px; width:32px; text-align:center;}

.clears {clear:both}
.clear  {clear:both}

/* FORMS*/
#prettycomment textarea {background:transparent;border:none;position:relative; margin: 60px 0 0 60px; width:400px; height: 200px;color:#5e3269;}
#prettycomment {background: url(http://jonirae.com/wp-content/themes/kitchenwitch/img/commentframe.png) no-repeat; width: 501px; height: 346px;}

.prettyinput {background: url(http://jonirae.com/wp-content/themes/kitchenwitch/img/starinput.png) no-repeat; width: 176px; height: 62px; padding-bottom:6px;float:left;margin-left: 40px;}
.prettyinput input {background:transparent;position:relative; border:none;padding: 4px 0 0 54px; width:115px; height: 40px;color:#534741; text-align:left;  }

.prettylabel label {float:left;color:#534741; font-size:18px; margin-left: 8px; margin-top:5px;}
.prettysubmit {color:#5e3269; font-size:24px; }