/*  
Theme Name: mallow
Theme URI: http://somefoolwitha.com/mallow
Description: Mallow is based my one sflwa.com which inturn includes much from the Kubrick theme.
Version: 1.04 (17-12-4)
Author: Matthew Maber
Author URI: http://somefoolwitha.com/

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
	
	Have fun, and don't be afraid to contact me if you have questions.
*/





/* text colours */

#supernav a:hover { color: white; } /* main nav */

/* p, body { color: #2e2e2e;} */ /* main text doesnt seem to be needed so i turned it off */
	
body#single .meta a:link, body#home .meta a:link, body#archives .meta a:link { color: #e3544d; } /* meta links */

.storycontent { color: #2e2e2e; } /* the story text */

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

a:link, h2, h2 span, .feedback, h3, .meta span, h1 a, h1 a:visited, .storytitle a:hover { color: #b4271e; } /* links, post titles hover */

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

.storytitle a:hover { color: #b4271e; } /* story titles hover again.. trust me */

#menu ul li { color: #bf514c; } /* menu titles */
	
#menu ul ul li {color: #777681;} /* menu text */

#bottommeta { color: #777681; } /* footer  text */

#menu a { color: #d96b65; } /* menu links */

#menu a:hover { color: #753a37; } /* menu links hover */

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

body#single .meta, body#home .meta, body#archives .meta, h1 span, #supernav a, body .commentlist blockquote, body blockquote, .commentlist cite, #menu input#s, code { color: dimgray; } /*meta on single pages, blog title description, main nav, quotes and code */


/* end text colours */

/* other colours */

#blogtitle, #supernav a { background-color: #e3e2fa; } /* area behind the name of your blog and the main nav */

#rap {
	background-color: #fafaff;
	border-right-color: white;
	border-left-color: white; } /* the main blog content page background and left and right inner borders */
	
	#shadow {
border-right-color: lightgray;
	border-left-color: lightgray;	} /* the outer thin borders */
	
	body{	background-color: white;	} /* just set the background of the site to white */

.comments { background-color: #f0f0ff;	} /* regular comment backgrounds */

.authorcomment, #highlight { background-color: #fadfde;		} /* outhor (or admin) comments backgrounds */

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

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

#bottommeta { background-color: #e4e4f2; } /* bottom meta info (admin login, design credits etc) background */

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

/* end other colours */


/* images */


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 {
	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); } /* grad.jpg top banner image */


/* end images */

#highlight {
	margin: 5px 5px 0 0;
	padding: 10px;
	}

#supernavcontainer
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	float: left;
	margin-left: 13px;
	margin-top: 15px;
	text-align: left;
	}

#supernav
{
	padding: 0;
	margin: 0;
}

#supernav li {
	display: inline;
	text-transform: lowercase;
	margin-left: 1px;
	margin-right: 1px;
}

#supernav a {
	text-decoration: none;
	padding: 3px 8px 5px;
}

#supernav a:hover {
	text-decoration: none;
}

.post {
    padding-bottom: 40px;
}

#sidebarcurrent {
font-size: 90%;
padding-bottom: 15px;
}

#titlesearch {
font-size: 100%;
margin: 8px 30px;
 padding: 0; 
float:right;
}

#blogtitle {
	clear: both;
height:39px;  
width: 826px;
margin-bottom: 30px;
}

h1 {font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	margin: 0px;
	padding-top:10px;
font-weight: normal;
	padding-left:15px;}
	
	h1 span {	font-size: 70%;;
		font-weight: normal;
}


h3 {
font-size:100%;
}

#menu a:hover, .meta a:hover, .navigation a:hover, .navbottom a:hover  { 	text-decoration: none; }


.storycontent {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.storycontent p {
	padding-top: 3px;
}
p 	{ 
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

body#home .storycontent {
	width: 530px;
}
body#single .storycontent {
	width: 580px;
}


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

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


a {
	text-decoration: none;
}

a img {
	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;
}

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

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


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


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

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


h2, .feedback {
	font-size: 130%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}



.navigation {
	display: block;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 10px;
	font-size: 80%;
	font-family: "Lucida Grande", "Lucida Sans Unicode",  Verdana, Arial, Helvetica, sans-serif;

}



h3 a:hover {
	text-decoration: none;
}

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


body#single .meta {
    	padding-bottom: 20px;
    	padding-top: 0px;
    width: 580px;
}

body#home .meta {
    	padding-top: 5px;
}


.meta {
	text-align: left;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    width: 530px;
    padding-top: 0px;
    padding-bottom: 0px;
	margin-top: 0px;
    margin-bottom: 0px;
	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 {
	font-family: "Lucida Grande", "Lucida Sans Unicode",  Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;	
	margin: 0;
    padding-bottom: 2px;
    width: 530px;
}

body#single .storytitle {
    padding-top: 0px;
	font-size: 150%;	
    width: 580px;
    margin-bottom: 8px;

}


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

#commentform textarea {
	width: 100%;
}



.commentlist cite {
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

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


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

.authorcomment {
	list-style: none;
 width: 530px;
 margin: 0px 50px 10px 0px;
	padding: 10px 10px 5px 8px;
	}

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

body#single #content {
	padding-bottom: 10px;
		width: 650px;
			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: 560px;
}


#topimage {
	clear: both;
	width: 826px;
	height: 140px;
	z-index: -1;
}


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



#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 ul li {
	font-family: "Lucida Grande", 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;
	padding-left: 3px;
}

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


.alignright {
	float: right;
}

.alignleft {
	float: left;
}