/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

body {
	background-image:url(../../../../images/bg-pattern.gif);
	margin-left: 0px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	text-decoration:none;
	color: #999;
}

/* TYPOGRAPHY */
a {color: #ffae00;}

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

/* BUTTON */
.button	{ margin: 10px 0 15px 0; font-size: 1.1em; border: 1px solid #ffae00; background: white; padding: 3px 8px; 
		  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: ffae00; }
		  
.button:hover	 { background: #ffae00; color: white; }


#wrapper {
	margin: 0px auto;
	width: 960px;
	font-size:0.9em;
}

/* MASTHEAD */

#masthead {
margin-top: 0px;
background-position:top;
background-image:url(../../../../images/kawaii-kitchen-logo.png);
background-repeat:no-repeat;
}

/* NAVIGATION ELEMENTS */

#nav {
padding-top: 80px;
}

#nav ul{
padding: 0;
margin: 0 0 10px 0;
}

#nav ul li{
display: inline;
padding: 0;
margin-right: 8px;
}

/* HEADING */
#heading {
background-image:url(../../../../images/heading-blog.png);
background-repeat:no-repeat;
width: 732px;
height: 105px;
text-indent: -3000px;

}

/* POSTS */
.post {
background: #fff;
padding: 15px 40px 10px 40px;
text-align:left;
clear:both;
color: #333;
border-top-width: 2px;
border-top-color: #92d4f2;
border-top-style:dashed;
}

.post p {
}

.post h1 {
color: #51b4e4;
}

.post h2 {
font-size: 1.4em;
}

.post h3 {
color: #51b4e4;
margin: 1em 0 0.5em 0;
}

.postmetadata {
	padding-top: 5px;
	margin: 10px 0;
	font-size: 0.75em;
	color: #777;
	padding-left: 56px;
	}

h2 a {text-decoration:none;}

h2 a:hover {color: #fff; background: #ffae00; text-decoration:none;}

p {font-size: 0.8em;
}

#postpod {
width: 732px;
float: left;
padding-bottom: 6px;
margin-bottom: 15px;
background-image:url(../../../../images/blogpodtail.png);
background-position:bottom;
background-repeat:repeat-x;
}

#blogentry {
background-color: #fff;
float: left;
width: 540px;
}

#blogentry p {
margin-bottom: 0.75em;
}

.narrowentrypost {
background-color: #fff;
float: left;
width: 400px;
}

.minipic {
float: left;
width: 100px;
margin-left: 10px;
}

.datebox {
width: 36px;
float: left;
padding: 5px;
color: #fff;
background: #6fc4ed;
text-align: center;
margin: 0 10px 0 0;
-moz-border-radius: 8px; -webkit-border-radius: 8px;
}

.day {font-size: 1.7em; font-weight: bold; margin:0;}
.month {font-size: 0.9em; font-weight: bold; text-transform: uppercase; margin-top: -4px; }
.year {font-size: 0.8m; font-weight: bold; margin:0;}

#archiveheading {
background: #fff;
text-align: centre;
padding: 5px 0;
}

#archiveheading h2 {
font-size: 1.4em;
color: #51b4e4;
}

/* COMMENTS */

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
	}

.comment {
float: left;
padding: 10px 10px 2px 10px;
width: 480px;
background-image: url(../../../../images/blog-comment-top.gif);
background-repeat: no-repeat;
background-color: #ffe3c3;
}

.comment a {text-decoration: none;}

.commentfooter {
width: 500px;
height: 16px;
background-image:url(../../../../images/blog-comment-bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
}

.commentor {
float: left;
margin: 5px 0 10px 10px;
}

.commentavatar {
float: left;
width: 40px;
margin: 2px 0 10px 2px;
}

#commentform {font-size:1em;}

/* SIDE PODS */

#sidebar {
float: left;
margin-bottom: 20px;
}

#sidebar ul {
list-style-type: none;
}

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

.sidepod {
margin: 0 0 0px 24px;
width: 204px;

}

.sidepod h2 {
font-size: 0.9em;
}

.sidepod ul {
font-size: 0.8em
}

.sidepod ul li{
list-style-type: none;
}

.sidepodtitle {
padding-bottom: 4px;
padding-top: 4px;
background-color: #fff;
background-image: url(../../../../images/blogpodcanopy.gif);
color: #fff;
}

.sidepodtitle h2 {
font-size: 1.1em;
}

.sidepodcontent {
background-color: #fff;
background-image: url(../../../../images/blogpodcanopyedge.gif);
background-repeat:repeat-x;
}

.sidepodcontent p {
padding: 7px 0 3px 0;
}

.sidepodsquaread {
background-color: #fff;
background-image: url(../../../../images/blogpodcanopyedge.gif);
background-repeat:repeat-x;
}

.sidepodsquaread p {
padding: 15px 0 10px 0;
}

.sidepodtail {
margin: 0 0 20px 0px;
height: 6px;
background-image:url(../../../../images/blogpodtail.png);
background-repeat:no-repeat;
}

/* CLEAR */
.clr {clear:both;}


/* FOOTER */

#footer {
margin: 10px auto;
padding-top: 9px;
width: 960px;
height: 48px;
background-image:url(../../../../images/fluffy-panel.png);
background-repeat:no-repeat;
font-size: 0.75em;
color: #333;
}

#mylinks {
margin-left: 12px;
width: 132px;
float:left;
text-align: left;
}

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

#mylinks li{
display: inline;
padding: 0;
margin-right: 3px;
}

#legalandlinks {
	width: 692px;
	float: left;
	margin-top: 8px;
	text-align:center;
}

.copyright a {
padding: 3px 5px 7px 5px;
color: #999;
}

.homelinks a {
padding: 3px 2px 7px 24px;
background-image: url(../../../../images/icons/home-icon.gif);
background-repeat:no-repeat;
color: #6cdeed;
}

.jokeslinks a {
padding: 3px 2px 7px 18px;
background-image:url(../../../../images/icons/jokes-icon.gif);
background-repeat:no-repeat;
color: #a888fd;
}

.recipeslinks a {
color: #ff975d;
padding: 3px 2px 7px 12px;
background-image:url(../../../../images/icons/recipe-icon.gif);
background-repeat:no-repeat;
}

.goodieslinks a {
color: #eb75ad;
padding: 3px 2px 7px 17px;
background-image:url(../../../../images/icons/goodies-icon.gif);
background-repeat:no-repeat;
}

.bloglinks a {
color: #ffae00;
padding: 3px 2px 7px 20px;
background-image:url(../../../../images/icons/blog-icon.gif);
background-repeat:no-repeat;
}

.contactlinks a {
padding: 3px 2px 7px 20px;
color: #66cc66;
background-image:url(../../../../images/icons/contact-icon.gif);
background-repeat:no-repeat;
}

.sitemaplinks a {
padding: 3px 2px 7px 20px;
background-image:url(../../../../images/icons/sitemap-icon.gif);
background-repeat:no-repeat;
color: #88b4ff;
}


/* SOCIAL ELEMENTS */

#social {
	margin-right: 4px;
	width: 120px;
	float:left;
}

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

#social li{
display: inline;
padding: 0;
margin-left: 4px;
}