/*  
Theme Name: cookie
Description: A new theme developed for use with madaboutbaking.com
Version: 1.0
Author: Arup Sen
Author URI: http://arupdesigns.co.uk/

	cookie v1.0
	 http://arupdesigns.co.uk/blog/

	This theme was designed and built by Arup Sen,
	in order to enhance the look of madaboutbaking.com
	Built from the Kubrick css file.
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/*The Colour Palette
#411417 - dark reddish brown for main text
#800000 - lighter reddish brown for headings and links
#B9CD7F - muted army green for panel backgrounds
#B6723B - light muddy brown for hover
#EFFFB6 - very light green for footer etc
*/


/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: #FBFFE4;
	color: #411417;
	text-align: center;
	}

#page {
	background-color: #FBFFE4;
	/*border: 1px solid #959596;*/
	text-align: left;
	}

#header {/*cursor helps to make clear that header is clickable*/
	background: #73a0c5 url('images/mab_header.jpg') no-repeat bottom center;
	cursor:pointer;
	cursor:hand;
	}

#headerimg 	{ 
	margin: 7px 9px 0; 
	height: 200px; 
	width: 900px; 
	} 

#content {
	font-size: 1.2em
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #EFFFB6;
	border-top: 1px solid #B9CD7F;
	border-bottom: 1px solid #B9CD7F;
	}

#footer {
	background: #EFFFB6 url(images/ftbg.gif); 
	border: none;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {/*display set to none because logo has title*/
	font-size: 4em;
	text-align: center;
	display:none;
	}

#headerimg .description {/*no subtitle used, well, now there is one!*/
	font-size: 1.2em;
	text-align: center;
	color:#411417;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.7em;
	}

#sidebarleft h2 {
	font-family: Verdana, Sans-Serif;
	font-size: 1.3em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color:#411417;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #800000;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebarleft h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebarleft, #sidebarright {
	font: 1em, Verdana, Arial, Sans-Serif;
	}

small, #sidebarleft ul ul li, #sidebarleft ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #800000;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #B6723B;
	text-decoration: none;
	}

a:hover {
	color: #FF6600;
	text-decoration: underline;
	background-color:#EFFFB6;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0; 
	}

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 902px;
	border: 1px solid #B9CD7F;
	}

#header {
	background-color:#EFFFB6;
	margin: 0 0 0 1px; 
	padding: 0; 
	height: 200px; 
	width: 900px;
	}

#headerimg {
	margin: 0;
	height: 200px;
	width: 100%;
	}

.narrowcolumn {/*this is the middle column*/
	float:left;
	padding: 0 0 20px 40px;
	margin: 0px 0 0;
	width: 462px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 460px;
	}

.post {
	margin: 0 0 35px;
	text-align: justify;
	border:1px solid #FFF;/*just to see the width of post*/
	padding:0px;
	}
	
/*green rounded post border*/
.post #topborder{
	background:url(images/mab_border_top.gif) no-repeat 50% 1% #fff;
	height:43px;
	width:100%;
	z-index:0;
	}
.post {
	background:url(images/mab_border_side.gif) repeat-y;
	}
.post #bottomborder {
	background:url(images/mab_border_bottom.gif) no-repeat center bottom;
	width:100%;
	height:43px;
	}
.post h2, .post p, /*.post small,*/ .entry{
	padding:0 9px;
	}
.post h2 {
	margin-top:-15px;
	margin-left:10px;
	}
.post h3 {
	padding-left:10px;
	}
.post small {	
	padding-left:20px;
	}
.post p.postmetadata {
	margin-bottom:-15px;
	}
.post .entry p {
	margin:20px 0 0 0;
	}
/*end post border*/
	
.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 902px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 20px 0 0;
	}

h2.pagetitle {
	margin-top: 15px;
	margin-left:10px;
	margin-bottom:-40px;
	text-align: center;
}

#sidebarleft h2 {
	margin: 5px 0 0;
	padding: 0;
	}

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

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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
	}
/* End Images */


/*nav links in the header*/
#headernav {
	width:510px;
	height:180px;
	background-color:none;
	margin:0 auto;
	}
#headernav ul, #headernav li {
	list-style-type:none;
	font-size:1.5em;
	float:left;
	text-align:center;
	}
#headernav li {
	padding:140px 25px 10px 5px;
	}
/*end header navigation*/	

/*astore styles*/
#astore {
	margin-left:60px;
	}

/*end astore*/

/*recipe index styling, appears in category-xx.php*/
#recipes h2 {
	text-align:center;
	}
#recipes ul {
	font-size:1.15em;
	list-style-image:url(images/listicon.gif);
	}

/*end recipe index*/

/*google ads in sidebarright*/
#sidebarright #google-ads {
	margin:20px 0 0 11px;
	}

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

/*.entry ul li:before, #sidebarleft ul ul li:before, #sidebarright ul ul li:before {
	content: "\00BB \0020";
	}
*/
.entry ul li, #sidebarleft ul ul li {
	/*background:url(images/listicon.gif) no-repeat 1% 45%;*/
	list-style-image:url(images/listicon.gif);
	list-style-position:inside;
	/*border:1px solid;*/
	}
.entry ol {
	padding: 0 0 0 25px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebarleft ul#recent li {/*for the recent posts*/
	list-style-position:outside;
	margin-left:18px;
	}

#sidebarleft ul #sidebarright ul, #sidebarleft ul ol, #sidebarright ul ol {
	margin:0;
	padding:0;
	}

#sidebarleft ul li, #sidebarright ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	margin-left:-10px;
	}

#sidebarleft ul p, #sidebarleft ul select {
	margin: 15px 5px 3px 0px;
	}

#sidebarleft ul ul, #sidebarleft ul ol {
	margin: 5px 0 0 -30px;
	}

#sidebarleft ul ul ul, #sidebarleft ul ol {
	margin: 0 0 0 -30px;
	}

ol li, #sidebarleft ul ol li {
	list-style: decimal outside;
	}

#sidebarleft ul ul li, #sidebarleft ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebarright #searchform #s {
	width: 130px;
	padding: 2px 5px;
	margin-bottom:3px;
	}

#sidebarright #searchform input{
	padding: 2px;
	color:#800000;
	background-color:#EFFFB6;
	border:1px solid #800000;
	margin-right:10px;
	margin-left:-24px;
	}
#sidebarright #searchsubmit {
	cursor:pointer;
	cursor:hand;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	color:#800000;
	background-color:#EFFFB6;
	border:1px solid #800000;
	}

#commentform textarea {
	width: 99%;
	padding: 2px;
	border:1px solid #800000;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}

#google-search {/*the google search field in sidebarright*/
	margin-top:-20px;
	}
	
#google-search input {
	background-color:#EFFFB6;
	border:1px solid #800000;
	color:#800000;
	padding:2px;
	}
	
#google-search input#sbb {	
	margin-left:26px;
	}
#sidebarleft ul select {
	color:#800000;
	border:1px solid #800000;
	margin:0 25px 0 -10px;
	}	
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin:0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebars Left and Right 
Floating away hay, on the thin ice of
a new day*/
#sidebarleft {
	float:left;
	width:180px;
	padding: 5px 15px 10px -10px;
	margin:0;
	text-align:left;
	clear:both;
	background-color:#B9CD7F;
	background-image:url(images/sidebar.gif);
	background-repeat:no-repeat;
	background-position:right top;
	}
#sidebarright {
	width:180px;
	list-style-type:none;
	float:right;
	background-color:#B9CD7F;
	background-image:url(images/sidebarright.gif);
	background-repeat:no-repeat;
	background-position:right top;
	}
#sidebar {/*used in default theme*/
	
	margin-left: 635px;
	width: 230px;
	
	}
#content {
	/*border:2px dashed;*/
	}
#sidebar form {
	margin: 0;
	}
/* End Sidebars */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

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

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: -22px;
	color:#800000;
	margin-bottom: 60px;
	}
.navigation a {
	color:#800000;
	}
/* End Various Tags & Classes*/



/* "Believe nothing merely because you have been told it... Do not believe what your teacher tells you merely out of respect for the teacher. But whatsoever, after due examination and analysis, you find to be kind, conducive to the good, the benefit, the welfare of all beings - that doctrine believe and cling to and take it as your guide." */