/*   
Theme Name: SylkeWeb
Theme URI: http://www.sylkeweb.com
Description: I need fish
Author: Sylke Krämer
Author URI: http://www.sylkeweb.com/
Template: mallow-sylke
Version: 1.0
.
This is derived from Kubrick for WP 1.3 by Ryan Boren.
Anything that does not work is probably Matthews fault. Don't bug Michael or Ryan.

    Mallow for WordPress 1.3
    http://somefoolwitha.com/mallow  mallow@somefoolwitha.com
    
    Elements of Kubrick v1.3.0-rc2 for WordPress 1.3
    http://boren.nu/archives/2004/10/10/kubrick-130-rc2/
    
	Inturn from Kubrick
	http://binarybonsai.com/kubrick/

    Im not too up on this GPL license stuff but IMO youre free to 
    do with it what you will just so long as you give relevant credits.
    Please dont sell it on commercially though (yeah right!) 
    or distribute it on CDs etc without asking first.
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	
*/

/* supernav and bottommeta */

#blogtitle, #supernav a, #bottommeta { background-color: #54392C; } 
/* colour of area behind the name of your blog and the main nav and hover calendar*/
body#recipes #blogtitle, body#recipes #supernav a, body#recipes #bottommeta { background-color: #DDCCAA; } 
/* as above for recipes blogtitle */

/* #supernav a:hover { background-color: #b4271e; }*/ 
/* main nav background */

#blogtitle h1 a, #blogtitle h1 a:visited { color: #F7F3D5; } 
/* links: the blog title in the band */

#supernav a, #blogtitle h1 span, #bottommeta { color:#DEC187; }
/* blog title description, main nav,  */
body#recipes #supernav a, body#recipes #blogtitle h1 span, body#recipes #bottommeta { color: #CC4422; }
/* as above for recipes blogtitle */

#supernav a:hover, #bottommeta a:hover { color: #FCA138; } 
/* main top nav */
body#recipes #supernav a:hover { color: #771621; }
/* as above for recipes blogtitle */

#bottommeta a:visited, #bottommeta a { color: #DEA059; } 
/* links: the bottom meta text */

#blogtitle h1 a:hover, #bottommeta a:hover { color: #FCA138; }
/* blogtitle hover colour */

body#recipes #blogtitle h1 a:hover { color: #771621; }
/* as above for recipes blogtitle */

#blogtitle {
	clear: both;
	height:39px;  
	width: 826px;
	margin-bottom: 30px;
} /* the name of the blog in the title bar */

#blogtitle h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	margin: 0px;
	padding-top: 10px;
	font-weight: bold;
	padding-left: 15px;
} /* the name of the blog in the title bar */
	
#supernavcontainer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	float: left;
	margin-left: 13px;
	margin-top: 172px;
	text-align: left;
	padding: 4px 4px 2px 4px;
} /* top title nav */
body#recipes #supernavcontainer {
	margin-top: 82px;
} /* as above for recipes blogtitle */

#supernav {
	padding: 0;
	margin: 0;
} /* top title nav */

#supernav a {
	text-decoration: none;
	padding: 4px 4px 2px 4px;
} /* top title tabs */

#supernav a:hover {
	text-decoration: none;
	padding: 4px 4px 2px 4px;
} /* top title tabs hover */


#supernav li {
	display: inline;
	/* text-transform: lowercase; */
	margin-left: 1px;
	margin-right: 1px;
}  /* top title tabs */

/* end supernav and bottommeta */



/* text colours */

/* p, body { color: #2e2e2e;} */ /* main text doesnt seem to be needed so i turned it off */
	
body#single .meta a:link .ttag, body#recipes .meta a:link .ttag, body#home .meta a:link .ttag, body#archives .meta a:link .ttag { color: #e3544d; } 
/* meta links, probably dont need to specify each one though */

.storycontent, .meta, #wp-calendar td:hover, #wp-calendar #today, h4 { color: #2e2e2e; } 
/* the story text and calendar today and hover*/

a:visited, a:visited img { color: #d9837d; } 
/* visited links */

a:link, a:link img, h1, h1 .pagetitle, h2, h3 .feedback, h3, .meta span, .pagenav { color: #b4271e; } 
/* links, h1, h2, h3, (not sure what feedback is ;-) ) */

body#single .meta a:hover .ttag, body#recipes .meta a:hover .ttag, body#home .meta a:hover .ttag, body#archives .meta a:hover .ttag, a:hover, /* .storytitle a, .storytitle a:visited, */.highlight { color: #771621; } /* hover, story titles */

.storytitle a { color: #b4271e; }
/* story titles link colour */

.storytitle a:hover { color: #771621; }
/* story titles link hover */

#menu {color: #CCC4C2; } /* menu text */
#menu ul li, .blogrollfolder, #menu h2 { color: #54392C; } /* menu titles */
#menu ul ul li  {color: #54392C; } /* menu text */
#menu a { color: #9E6D44; } /* menu links */
#menu a:visited { color: #BDA175; } /* menu links visited */
#menu a:hover { color: #E6683E; } /* menu links hover */

.navigation { color: #737373; } /* page nav */

body#single .meta .ttag, body#recipes .meta .ttag, body#home .meta .ttag, body#archives .meta .ttag, body .commentlist blockquote, body blockquote, .commentlist cite, #menu input#s, code, .commentlist small { color: #696969; } /*meta on single pages, quotes and code */

/* end text colours */



/* other colours */

body#recipes #bottommeta { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
} /* recipes meta info - footer*/

body#recipes { background-color: #D81207; } /* recipes outside colour */

body#commentspopup { background-color: #0B0C2F; } 
body#commentspopup .meta, body#commentspopup p { color: #FFFFC0; } 
body#commentspopup h1, body#commentspopup h2, body#commentspopup h3 { color: #FFFFC0; }
body#commentspopup a { color: #FF4411; }
body#commentspopup a:hover { color: #FFAA88; }
body#commentspopup li p { color: #400000; }

#rap {
	background-color: white; 
	border-right-color: white;
	border-left-color: white; 
} /* the main blog content page background and left and right inner borders */
	
#shadow {
	border-right-color: #d3d3d3;
	border-left-color: #d3d3d3;	} /* the outer thin borders */
	
body, #wp-calendar td:hover, #wp-calendar #today { background-color: /* #FADE9A; */ white;	} 
/* main background colour, controls the outsides */

.highlight { background-color: #fadfde;		} /* highlight backgrounds */

.notedcomment { background-color: #f7f7ff;	} /* noted comments background */

#commentarea { /* background-color: white;*/	} /* regular comment backgrounds */

.authorcomment { background-color: #FFFFCC;	} /* author comments backgrounds */

.comments { background-color: white; /*#DDEEEE;*/ } /* other comments backgrounds */

.commentlist blockquote, blockquote { border-left: 4px solid #ba4942; } /* quote border colors */

/* end other colours */


/* images */

#content img { max-width: 530px; }

body#single #content img, body#recipes #content img  { max-width: 580px; }

/* body#home #rap, body#archives #rap, body#about #rap, body#e404 #rap {
	background-image: url(images/rap.gif);
	background-repeat: repeat-y; 
} *//* pages with sidebar */
	
body#recipes #rap {
	background-image: url(images/rap_recipes.gif);
	background-repeat: repeat; 
} /* pages with sidebar */

/*body#home, body#single, body#archives, body#about, body#e404 {
	background-image: url(images/back.gif);
	background-repeat: repeat-x;
	background-position: top; 
}*/ /* very back image (top stripes either side of page by default)  */

#topimage { 	
	background-image: url(images/banner.jpg); 
	background-position: center top;
	clear: both;
	width: 826px;
	height: 190px;
	z-index: -1;
} /* banner.jpg top banner image */

#topimage_recipes { 	
	background-image: url(images/banner_recipes.jpg); 
	background-position: center top;
	clear: both;
	width: 826px;
	height: 100px;
	z-index: -1; 
} /* banner_recipies.jpg top banner image for recipes */

/* end images */

/* other .. in no particular order */


.highlight {
	margin: 5px 5px 0 0;
	padding: 10px;
	} /* highlight div */

.post {
	display: block;
	float: left;
    padding-bottom: 40px;
} /* position each post */

#sidebarcurrent {
	font-size: 90%;
	padding-bottom: 15px;
} /* eer not sure */

#titlesearch {
	font-size: 100%;
	margin: 8px 30px;
 	padding: 0; 
	float:right;
} /* search it title bar */

h1 span, h1 .pagetitle {	
	font-size: 70%;
	font-weight: bold;
} /* the description of the blog in the title bar */

h1 {
	font-size: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2, .feedback {
	font-size: 110%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3, .pagenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
} 

h4 {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#menu a:hover, .meta a:hover, .ttag a:hover, .navigation a:hover, .navbottom a:hover  { text-decoration: none; } /* various hovers */

.storytitle span { 
font-weight: normal; 
font-size: 90%;
} /* comment count next to story title  */

.storycontent {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
} /* actual post content */

.storycontent p, .storycontent td {
	padding-top: 3px;
} /* actual post content */

p { } /* just the p tag */

.storycontent p, .storycontent td, .storycontent ol, .storycontent ul, .storycontent li, .xmlfeed { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
} /* fonts */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: normal;
}

body#home .storycontent, body#archives .storycontent {
	width: 530px;
} /* actual post home */

body#single .storycontent, body#recipes .storycontent {
	width: 650px;
} /* actual post single post */

body#single .post, body#recipes .post {
	width: 100%; 
} /* single page post */

body#single #content, body#single #commentcontent, body#recipes #content, body#recipes #commentcontent {
	padding-bottom: 10px;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}

body#commentspopup {
	padding: 15px 15px 15px 15px;
	margin-right: auto;
	margin-left: auto;
}

body#commentspopup #commentarea {
	padding: 0px 5px 5px 5px;
	margin-right: auto;
	margin-left: auto;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
}

body#commentspopup #commentcontent {
	padding: 0px 5px 5px 5px;
	margin-right: auto;
	margin-left: auto;
}

body#home #content, body#archives #content, body#e404 #content {
	padding-left: 15px;
	padding-bottom: 10px;
	padding-right: 15px;
	width: 530px;
}

#rap {
	width: 826px;
	margin-right: auto;
	margin-left: auto;
	border-right-style: solid;
	border-right-width: 3px;
	border-left-style: solid;
	border-left-width: 3px;
} /* this is a container div for the page */
	
body#home .storycontent table, body#archives .storycontent table, 
body#home .meta, body#archives .meta, 
body#home .ttag, body#archives .ttag  {
	max-width: 526px;
	margin-right: auto;
	margin-left: auto;
}

/* body#single .storycontent table, */
body#single .meta, body#single .ttag, body#recipes .meta, body#recipes .ttag {
	width: 580px;
}

body#home .navigation, body#single .navigation, body#recipes .navigation {
	padding-bottom: 30px;
}

body#archives .navigation {
	padding-bottom: 10px;
}

body#archives .entry { width:530px; }

body#single .storytitle, body#recipes .storytitle {
    padding-top: 0px;
	font-size: 150%;	
    margin-bottom: 8px;
} /* post titles on single pages */

.gallink {
	margin-top: 9px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 9px;
	font-size: 11px;
	background-image: url(images/gallery.gif);
}

.galtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 140%;
	margin-bottom: 0px;
} /* gallery RSS titles */

.photopost {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	empty-cells: show;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
} /* table for a photo post */

.photoleft {
	float: left;
	margin: 5px;
}

.photoright {
	float: right;
	margin: 5px;
}

.singlepage {
	border-collapse: collapse;
	border-spacing: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	empty-cells: show;
	width: 100%;
} /* table on a single page */

#shadow {
	width: 832px;
	margin-right: auto;
	margin-left: auto;
	border-left-width: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
} /* not a shadow, its the side grey borders */


a { text-decoration: none; }

a img { 
	border: solid;
	border-width: 1px; 
}

.noborder, #supernavcontainer a img, .xmlfeed { 
	border: none;
}

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

acronym, abbr { border-bottom: 1px dashed #333; }

acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
	letter-spacing: .01em;
}

#commenttitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 140%;	
	margin-top: 10px;
	margin-bottom: 5px;
}

#commentarea { 
	/* display: block; 
	clear: both; */
	padding-top: 10px;
}

.commentlist blockquote, blockquote {
    font-size: 90%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
} /* quotes */

.storycontent li {			
	padding-top: 3px;
    list-style-type: disc;
    list-style-position: outside;
} /* lists */


code { 
	font-family: 'Courier New', Courier, Fixed, sans-serif;
	font-size: 120%; 
} 

cite {
	font-size: 100%;
	font-style: normal;
}


.archivetitle {
	font-size: 140%;
	font-weight: bold;
	padding-bottom: 10px;
}

.navigation {
	display: block;
	text-align: center;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}  /* prev/next page buttons */


ol#comments li p {
	font-size: 100%;
}


/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.metaimage { 	
	background-image: url(images/meta.jpg); 
} /* meta.jpg meta text background image */

div .ttag {
	margin-top: 5px;
	margin-bottom: 0px;
	border-top-style: none;
	border-width: 1px;
	border-color: gray;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 1px;
}

.meta, .ttag {
	/* text-align: left; */
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	/* clear : left; */
}

.meta span {
    font-style: italic;
}

.meta li, ul.post-meta li {
	/*display: inline;*/
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.storytitle a {
	text-decoration: none;
}

.storytitle a:hover {
	text-decoration: none;
}

.storytitle {
	width: 530px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 140%;	
	margin: 0;
    padding-bottom: 2px;
} /* post titles */

.storydate {
	width: 530px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 80%;	
	margin: 0;
    padding-bottom: 2px;
	/* border-bottom-style: solid;
	border-bottom-color: gray;
	border-bottom-width: 1px; */
} /* post dates */

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 90%;
}

.commentlist cite {
	font-weight:normal;
	font-size: 110%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.commentlist cite small {
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
	
#commentlist {
	margin: 0px;
}

.comments, .authorcomment, #commentform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

#postcomment, commentarea, commentcontent .pings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.comments, .authorcomment {
	list-style: none;
 	margin: 0px 0px 5px 0px;
	padding: 5px 5px 0px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	width: 90%;
}

.commentsfeed {
}

.commentsfeeddata {
	padding: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: gray;	
	background-color: #FADE9A;
}

.commentsfeedcontent {
	padding: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: gray;	
	background-color: white;
}

.commentsfeedcontent p {
	font-family: Georgia, Book Antiqua, Times, Verdana, Arial, Helvetica, sans-serif;
}

.pings {
	list-style: none;
 	margin: 0px;
	/* width: 530px; */
}

.notedcomment {
	list-style: none;
 	margin: 0px 10px 10px 0px;
	padding: 10px 10px 5px 8px;
}

#bottommeta {
	width: 826px;
	height: 35px;
	text-align: center;
	padding-top: 8px;
	font-size: 75%;
	clear: both;
}


/* Start recipe styles */

body#recipes .post p, body#recipes .post div, body#recipes .post td, body#recipes .post ol, body#recipes .post ul, body#recipes .post li, body#recipes .post dl, body#recipes .post dt,body#recipes .post h1, body#recipes .post h2, body#recipes .post h3, body#recipes .post h4, body#recipes .post h5 {
	font-family: book antiqua, times, arial, Helvetica, sans-serif;
	/* font-size: 100%; */
}

body#recipes .post dt, body#recipes .post dl, body#recipes .post ul, body#recipes .post ol, body#recipes .post li, body#recipes .post div {
	color: #800000; 
	font-size: 10pt; 
}

body#recipes .post ol li { list-style: decimal; }

body#recipes .post ol li, body#recipes .post ul li {
	margin-top: 0px; 
	padding-top: 0px;
}

body#recipes .post h1 { font-size: 18pt; }
body#recipes .post h2 { font-size: 18pt; }
body#recipes .post h3 { font-size: 16pt; margin-bottom: 0px; }
body#recipes .post h4 { font-size: 13pt; color: #800000; margin-bottom: 0px; }
body#recipes .post h5 { font-size: 11pt; }

body#recipes #rec_table {
	border-collapse: collapse;
	border-spacing: 0px;
	/*border-width: 1px;
	border-style: solid;
	border-color: black;*/
	padding: 3px;
	empty-cells: show;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

body#recipes .rec_title {
	height: 35px;
	margin-top: 0px;
	color: #D81207; 
	font-size: 18pt;
	font-weight: bold;
}

body#recipes .rec_general {
	color: #800000; 
	font-size: 10pt; 
}

body#recipes .rec_veg {
	color: #800000; 
	font-size: 10pt;
	margin-bottom: 0px;
	float: right;
}

body#recipes .rec_group {
	height: 35px;
	margin-top: 0px;
	color: #800000; 
	font-size: 14pt;
	border-top-width: 1px;
	border-top-color: #804040;
	border-top-style: solid; 
	border-bottom-width: 1px;
	border-bottom-color: #804040;
	border-bottom-style: solid; 
}

body#recipes .rec_subgroup {
	width: 130px;
	margin-top: 0px;
	color: #C00000; 
	font-size: 11pt; 
}

body#recipes .rec_bullet {
	width: 15px;
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
	color: #800000; 
}

body#recipes .rec_item, body#recipes .rec_item p {
	margin-top: 0px;
	color: #800000; 
	font-size: 10pt; 
}

body#recipes .rec_description, body#recipes p.rec_description, body#recipes div.rec_description {
	/*font-family: "Times Roman";*/ 
	color: #800000; 
	font-size: 12pt; 
	font-weight: bold;
	/*font-style: italic;*/ 
}

body#recipes .curlyend {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

body#recipes .rec_menu {
	color: #400000; 
	font-size: 10pt; 
	font-weight: bold; 
}

/* End recipe styles */

#nicearchives {
	margin-top: 20px;
	margin-bottom: 40px;
    margin-left: 4px;
}

#menu li ul li small
{
	display: block;
	margin: 0px;
	margin-left: 10px;
	font-size: 90%;
}

#menu {
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 15px;
	text-align: left;
	float: right;
	width: 205px;
}

#menu input#s {
	background: white;
}

#menu h2 {
    font-size: 95%;
}

.blogrollmain {
    font-size: 85%;
	padding-left: 0px;
}

.blogrollfolder {
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-weight: bold;
	list-style-type: none;
	margin-top: 10px;
    font-size: 100%;
	padding-left: 0px;
}

#menu ul {
	list-style-type: none;
	margin: 0;
    font-size: 110%;
	padding-left: 0px;
}

#menu ul li, #sidebarcurrent {
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-weight: bold;
	list-style-type: none;
	margin-top: 10px;
    font-size: 85%;
	padding-left: 0px;
}

#menu ul ul li, #sidebarcurrent {
	margin: 0;
	padding-left: 0px;
    font-weight: normal;
	list-style-type: none;
    font-size: 85%;
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
	text-align: left;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.gimmespace {
	margin-top: 5px;
	margin-bottom: 5px;
}

#pregal hr {
	border-color: #404040; 
	/*border-size: 1px;
	border-top: solid; 
	border-bottom: none;*/
}


.pages {
	border-collapse: collapse;
	/*border-color: black;
	border-style: solid;
	border-width: 1px;
	border-spacing: 0px;*/
	padding: 0px;
	empty-cells: show;
	width: 100%;
	text-align: left;
}

.pages td {
	/*border-collapse: collapse;*/
	border-color: black;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	empty-cells: show;
	text-align: left;
	width: 25%;
	vertical-align: top;
}

.pages td ul {
	padding-left: 0px;

}

.pages td li {
    list-style-type: none;
    list-style-position: inside;
	padding-left: 5px;
}

.pages td li li {
	padding-left: 10px;
}

.pages td li li li{
    list-style-type: disc;
}