/*  
Theme Name: Book of Yum - Spring 2008
Description: Book of Yum - Spring 2008
Author: Justin

*/







/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }








body { font-family:'Verdana'; font-size:12px; }

#wrap { width:980px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666; margin:0 auto;}

#headerImage {  float: left; clear: both; width: 100%; margin-bottom: 5px; height: 110px; background: url(images/tomatoes_framed.png) no-repeat center center;}

#header { position:relative; color:#000; margin:0 0 3px 0; float:left; padding:0; background: #ffffff;}
#header h1 { text-indent:0px; margin:0; padding:0; font-size: 24pt; font-style: italic; float: left; clear: both;}
#header h1 a { display:block; color: #E21313; margin-left: -100000px; }
#header h2 {text-indent:0px; margin:0; padding: 5px 0px 0px 0px;}
#header h2 a { display:block; color: #f93; float: left;}

#search { margin: 3px 0; float:right; padding:0;}
#search input[type="text"] {width: 225px;}
#search input[type="submit"] { background:#fc6; border:2px solid #f93; color:#333; font-size:13px; }

#feed a { margin-top: 3px; float:left; padding:0; display: block; clear: right;}
#feed div {font-family: Verdana; font-size: 14px; font-weight: bold; color: #A8DC1C; background: transparent; margin-top: 5px;}
#feed img {float: left;}
#navigation div {clear: both;}

#navigation ul {margin: 0;}

#navigation ul li {
	float: left; 
	margin: 0 5px 0 0;
	list-style-type: none;
}

#navigation ul li a {
	border: #f93 1px solid; 
	border-bottom:none;
	padding: 2px 12px; 
	display: block; 
	font-weight:bold;
	color:#333;		
	text-decoration: none;
	background:#fc6;
	letter-spacing:0px;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
	background: #fff;
	color: #333;	
	border: #f93 1px solid; 
	border-bottom:none;		
}



a:hover { text-decoration:none; color:#555353; border:none; }

.left { float:left; width:200px; border:3px solid #f3f3f3; margin:10px 0 0 5px; padding:10px; }

.right { float:left; width:170px; border:3px solid #f3f3f3; margin:10px 0 0 5px; padding:10px; } 
.right img { border:0; display:block; margin-left:auto; margin-right:auto; }

.middle { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:510px; border:3px solid #f3f3f3; overflow:none; padding:10px; font-size:12px; }


.middle h2 { font-size:16px; border-bottom:dashed 1px #ccc; margin:0 7px 3px 0; padding:3px 0; }
.middle img { border:4px #eee solid; }

.ads { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:510px; border:3px solid #f3f3f3; text-align:center; padding:10px; }
.ads img { border:0; text-align:center; }

img.wp-smiley { border:0; padding:0; }

#footer { width:980px; margin-top:20px; text-align:center; clear:both; padding:10px; }

div.hr { height:3px; background:#fff url(images/hr.gif) repeat-x scroll center; clear:both; }

div.br { height:10px; background:#fff url(images/br.gif) repeat-x scroll center; clear:both; }
.alignright { float:right; } 
.alignleft { float:left; } 
.gcomment { border-left:none; vertical-align:middle; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#F7F7F7; padding:3px; }
.ucomment { border-left:none; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#fbfbf1; padding:3px; } 
input#submit { background:#fc6; border:2px solid #f93; color:#fff; font-size:13px; }

ol.commentlist { margin:0 0 1px; padding:0; }
ol.commentlist li { list-style:none; margin:0; padding:13px 13px 1px; }
ol.commentlist li.commenthead { list-style:none; margin:0; } 
ol.commentlist li.commenthead h2 { margin:0; }

/*
span { background:#FFC; }
*/

.addthis { float:right; clear:both; }

a:link,a:active,a:visited { text-decoration:none; color:#3D8A3D; border:none; }

.left h2,.comments h3 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px; padding:3px 0; }
.left ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }
.left ul li,.right ul li { list-style-type:none; margin:0 0 20px; padding:0; }
.left ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }
.left ul li ul li,.right ul li ul li { list-style-type:none; background:transparent url(images/bullet.gif) no-repeat 0 4px; border:0; margin:0; padding:0 0 2px 14px; }
.left ul li ul li :hover { border-bottom:#ccc 1px solid;}

.right h2,.comments h3 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px; padding:3px 0; }
.right ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }
.right ul li,.right ul li { list-style-type:none; margin:0 0 20px; padding:0; }
.right ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }
.right ul li ul li,.right ul li ul li { list-style-type:none; background:transparent url(images/bullet.gif) no-repeat 0 4px; border:0; margin:0; padding:0 0 2px 14px; }
.right ul li ul li :hover { border-bottom:#ccc 1px solid;}

div.hr hr,div.br br { display:none; }

.middle2,.middle3 { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:237px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; }
.middle2 h2,.middle3 h2 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px 0; padding:3px 0; } 
.middle2 :hover,.middle3 :hover { background:#fafafa; }
.ucomment img,.addthis img { border:0; }


.entry p {
    padding-top: 15px;

}

.addthis {
    float:right;

}










/*            yum_recipe STYLES            */
.yum_recipe {
	font-family: verdana, arial, times, georgia, sans-serif;
	border: 1px solid #c4c4c4; 
	padding: 0px 5px 0px 5px;
	margin-top: 25px;
}

.yum_recipe img{
	padding: 0px
}
	
.yum_recipeTitle {
	font-family:"Book Antiqua", verdana, arial, times, sans-serif;
	font-size:16pt;
	font-weight:bold;
	border-bottom:1px solid #c4c4c4;
	padding-bottom:3px;
	margin-top:5px;
}

.yum_recipeTitleTD {}

.yum_recipeHeading {
	font-family: "Book Antiqua", verdana, arial, times, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	border-bottom: 1px solid #c4c4c4;
	padding-bottom: 3px;
	margin-top: 5px;
}

.yum_recipeHeadingTD {}

.yum_recipeCategories {
    font-size: 8pt; 
	font-style: italic;
}

.yum_recipeIngredients {
    font-size: 8pt; 
	padding-bottom: 15px;
}
	
.yum_recipeDirections {
    padding-bottom: 15px;
}
	
.yum_recipeComments {
    padding-bottom: 15px;
}
	
.yum_recipeNotes {
	padding-bottom: 15px;
}
	
.yum_recipePic {
    float:right; 
	padding: 5px 0px 5px 10px; 
	background: white;
}
	
.yum_recipePic img {
    border: 1px solid #c4c4c4
}
	
.yum_recipePicCaption {
    font-size: 8pt; 
	font-style: italic
}
	
.yum_recipeInfo {
    font-size: 8pt; 
	font-style: italic; 
	color: gray
}
	
.yum_recipeInfoData {
    font-size: 8pt; 
	color: gray
}
	
.yum_recipeAdditionalPics {}

.yum_recipeAdditionalPics img {
    margin: 15px 5px 5px 5px;
}
	
.yum_recipeMetaData {
    border-top: 1px solid #c4c4c4;
}