@charset "UTF-8";
/* 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", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	list-style-type: 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;
}

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

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


/* NAVIGATION */

#nav {
padding-top: 80px;
padding-bottom: 10px;
}

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

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

/* HEADINGS */
#heading {
width: 732px;
height: 105px;
text-indent: -3000px;
}

.heading-jokes {
background-image:url(images/heading-jokes.png);
background-repeat:no-repeat;
}

.heading-recipes {
background-image:url(images/heading-recipes.png);
background-repeat:no-repeat;
}

.heading-goodies{
background-image:url(images/heading-goodies.png);
background-repeat:no-repeat;
}

.heading-contact{
background-image:url(images/heading-contact.png);
background-repeat:no-repeat;
}

.heading-sitemap{
background-image:url(images/heading-sitemap.png);
background-repeat:no-repeat;
}

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

#content {
background-color: #fff;
text-align: left;
}

#content h2 {
padding: 15px 40px 0px 40px;
border-top-width: 2px;
border-top-color: #92d4f2;
border-top-style:dashed;
color: #51b4e4;
}

#content h3 {
font-size: 1em;
padding: 10px 0 10px 40px;
}

#content p {
padding: 10px 40px 15px 40px;
}

/* Joke Panel */

.jokepanels {
margin-left: 40px;
}

.jokepanels ul {
margin:0;
padding:0;
}

.jokepanels li {
list-style:none;
display: inline;
padding-right: 9px;
}

.jokerow {
margin-bottom: 15px;
}

/* Goodies */

.avatars {
margin-left: 40px;
}

.avatars ul {
margin:0;
padding:0;
}

.avatars li {
list-style:none;
display: inline;
padding-right: 10px;
}

#wallpaperwrapper {
margin-left: 40px;
}

.wallpaperthumbnail {
float: left;
width: 426px;
margin-right: 10px;
margin-bottom: 20px;
}

.wallpapersizes {
float: left;
}

.wallpapersizes ul {
list-style: none;
}

.wallpapersizes ul li {
margin-bottom: 3px;
}

.wallpapersizes ul li a {
display: block;
text-align: center;
padding: 2px 3px 2px 2px;
color: #e4a;
background-color: #fff999;
text-decoration: none;
width: 100%;
}

.wallpapersizes ul li a:hover {
color: #fff;
background-color: #ff77af;

}

.messengericons {
margin: 10px 0 0 40px;
}

.messengericons ul {
}

.messengericons li {
list-style:none;
display: inline;
padding-right: 3px;
}

.messengerinstructions li {
margin-left: 40px;
}

/* SIDEBAR */

#sidebar {
	float: left;
}

/* SIDEPOD GENERICS */

.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;
}

.sidepod-title {
padding-bottom: 4px;
padding-top: 4px;
color: #fff;
background-color: #ccc;
}

.sidepod-title h2 {
font-size: 1.1em;
}

.sidepod-content p {
padding: 15px 0 10px 0;
}

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

/* SIDEPOD RECIPES PAGE */

.sidepod-title-jokes {
background-image: url(images/jokespodcanopy.gif);
color: #fff;
}

.sidepod-content-jokes {
background-color: #fff;
background-image: url(images/jokespodcanopyedge.gif);
background-repeat:repeat-x;
}

/* SIDEPOD RECIPES PAGE */

.sidepod-title-recipes {
background-image: url(images/recipespodcanopy.gif);
color: #fff;
}

.sidepod-content-recipes {
background-color: #fff;
background-image: url(images/recipespodcanopyedge.gif);
background-repeat:repeat-x;
}

/* SIDEPOD GOODIES PAGE */

.sidepod-title-goodies {
background-image: url(images/goodiespodcanopy.gif);
}

.sidepod-content-goodies {
background-color: #fff;
background-image: url(images/goodiespodcanopyedge.gif);
background-repeat:repeat-x;
}


/* SIDEPOD CONTACT PAGE */

.sidepod-title-contact {
background-image: url(images/contactpodcanopy.gif);
}

.sidepod-content-contact {
background-color: #fff;
background-image: url(images/contactpodcanopyedge.gif);
background-repeat:repeat-x;
}

/* SIDEPOD SITEMAP PAGE */

.sidepod-title-sitemap {
background-image: url(images/sitemappodcanopy.gif);
}

.sidepod-content-sitemap {
background-color: #fff;
background-image: url(images/sitemappodcanopyedge.gif);
background-repeat:repeat-x;
}

/* Flash Kitchen */

#kitchen {
width: 960px;
background-color:#88D3FF;
}

/* CONTACT POSTCARD */
#postcard {
margin: 0px 0 0 73px;
width: 580px;
background-image: url(images/postcard.jpg);
background-repeat: no-repeat;
padding: 35px 30px 45px 30px;
}

#postcard p {
padding: 0 0 15px 0;
}

#postcard form textarea {
color : #6a757d;
border: dashed 2px #ccc;
/*background: #e6f1ff;*/

font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

#postcard form input { color : #6a757d; border: dashed 2px #ccc; background: #fff; 
font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

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

/* adunits */

#microadunits {
margin: 10px auto;
padding: 9px 0 0 30px;
width: 960px;
height: 40px;
background-image:url(images/microadunitbg.png);
background-repeat:no-repeat;
font-size: 0.7em;
}

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

#microadunits li {
list-style:none;
display: inline;
padding-right: 7px;
}

/* links to my other sites */

#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;
}

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

/* FOOTER */

#footer {
margin: 5px 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;
}

#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 {
	margin-right: 4px;
	width: 120px;
	float:left;
}

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

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

/* SITEMAP */

#expand-collapse-wrapper {
 width: 500px;
 margin:0 auto;
 }

.expand-collapse {
float: left;
padding: 0 0 3px 5px;
color: #666;
font-size: 0.85em;
margin-right: 15px;
}

#mapcontainer {
	line-height:1.5em;
	margin:0 auto;
	padding: 20px 0 70px 0;
	width:500px;
	font-size: 0.85em;
}

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap{color: #fff; }
#sitemap ul{
	display:none;
	
}
#sitemap li{
	line-height:2em;
	margin-top:1px;
	position:relative;
	width:100%;
}


/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px; font-weight: bold; color:#fff; text-decoration:none; width:100%;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(images/collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(images/expanded.gif) no-repeat 0 0;}
#sitemap li p {margin: 0; padding: 0;}

/* second level */

#sitemap li li{
	background:#6e9e9e;
}
#sitemap li li a{padding-left:56px; font-weight:normal; color:#fff; width:100%;}
#sitemap li li span{left:28px;}
#sitemap li li p{margin: 0; padding: 0;}

/* third level */

#sitemap li li li a{padding-left:84px; color:#fff; width:100%;}
#sitemap li li li span{left:56px;}
#sitemap li li li p{margin: 0; padding: 0;}

/* colour coding */

.homemap {background-color:#7be1ef; margin: 0; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.jokesmap {background-color:#a888fd;  margin: 0; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.jokessubmap {background-color:#b093ff;  margin: 0; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.recipesmap {background-color:#ff975d;  margin: 0; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.recipessubmap {background-color:#ffa471;  margin: 0; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.goodiesmap {background-color:#ff77af;  margin: 0; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.goodiessubmap {background-color:#ff8bbd;  margin: 0; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.blogmap {background-color:#ffae00;  margin: 0; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.blogsubmap {background-color:#ffbe00;  margin: 0; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.blogsubsubmap {background-color:#ffc900;  margin: 0; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.contactmap {background-color:#85d685;  margin: 0; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* advertisements */
#skyscraper {padding: 20px 0 0 15px;}
#squaread {padding: 20px 0 0 40px;}