/*   
Theme Name: The Ricco Kitchen
Theme URI: http:/www.thericcokitchen.com
Description: Live to eat
Author: Jessica Ricco
Author URI: http://www.jessicaricco.com
Template: 
Version: 1

*/
body		{
			font-size:12px;
			background-image:url(images/swirl.jpg)
			
			}

/*all other styling*/

img			{
			border:none;
			}
			
h1, h2, h3, h4 {font-family: Century gothic,Verdana,Helvitica,sans-serif;
				display:inline;
				} 
.entry p a, .entry ul li a {text-decoration:underline}
.entry ul{list-style-type:circle}

a 			{
			text-decoration:none;
			color:#6d8c3f;
			}
a:hover		{
			text-decoration:none;
			color:#8dbf41;
			}
.clear {clear:both}
.noclear {clear:none}

#padding {padding-right:2px}

.tab	{
		float:right;
		}
ul {list-style-type:none}

.alignleft {
	float:left;
	padding:3px 5px 2px 5px;
	}
	
.alignright {
	float:right;
	padding:3px 5px 2px 0px;
	}
	
	
#navigation {
	padding-top:5px;
	width:588px;
	margin:0px 0px 5px 0px;
	background:#add268 url(../images/8d_slice.jpg) repeat-x;
	height:22px;
	}
#navigation a:link, #navigation a:visited {
	color:#fff;
	font-weight:bold;}

#clear{clear:both}

/*encompasses all contents*/
#fadewrapper {background-image:url(images/fade.jpg);
				width:1000px;
				height: auto;
				margin:auto;
				}
#wrapper 	{
			width: 900px;
			height: auto;
			margin:auto;
			background-color:#FFFFFF;
			margin-top:0;
			}
			
#casing		{
			width:900px; 
			padding:0px 0px 10px 0px; 
			height:auto;
			background: url(images/main_shadow.jpg) top repeat-x scroll;
			}

/*Top section of webpage. Includes main image banner and both nav menus*/
#top 		{
			height: 30px;
			padding: 3px;
			background-color:#6d8c3f;
			color:#ffffff;
			}


#top #dates {
	float: left;
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
	font-size: 13px;
	color: #ffffff;
	margin-top: 1px;
}

#top ul {
	float: right;
	display: inline;
	height: 25px;
	padding:0 10px 0 0;
	margin:0px 0px 0 0;
}

#top ul li {
	float: left;
	margin-left: 20px;
	display: inline;
	height: 20px;
}

#top ul li a {
	height: 20px;
	line-height: 30px;
	background: url(images/feed.png) no-repeat;
	background-position: left;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

#top ul li a:hover {
	color: #e4f2c4;
}

#top h3 {color:#ffffff}
#logobanner {
			height: 100px;
			background:url(images/header.jpg) top;
			}
			
.name {
	width:600px;
	font-family:Century gothic,Verdana,Helvitica,sans-serif;	
    text-align:center;
	margin:auto;
	padding-top: 15px;
	}
.name h1  {
	font-size:34px;
	font-weight:bold;
	color:#6d8c3f;
	text-align:left;
	margin:0px 0 0 0px
	
	}
	
.name h1  a:hover { 
	color: #FFF; 
	}
.name h2 {
	margin:0px 20px 0px 0px;
	font-size:24px;
	font-weight:normal;
	color:#6d8c3f;
	text-align:center;
	}


/*the navigation menus*/

.navmenu 	{
			width: 900px;
			height:30px;
			background-color:#8dbf41;
			background:url(images/navmenu2.jpg) repeat-x;
			display:block;
			padding:0px 0 0px 0px;
			border-top:1px solid #474747;
			font: 14px "Century gothic",verdana, Arial, sans-serif;
			font-weight:normal;
			}
			

.menu ,.menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height:29px;
	
	}

.menu a {
	color: #e0e5eb;
	display: block;
    font-weight: normal;
   	padding: 4px 10px 6px 10px;
	}
	
.menu a:hover {
	background:url(images/navmenu1hov.jpg) repeat-x;
	color: #fff;
	display: block;
	text-decoration: none;
  
	}

.menu li {
	float: left;
	margin: 0px 0 0px 0;
	padding: 0px;
	}
	
.menu li li {
	float: left;
	margin: px 0px 0px 5px;
	padding: 0px;
	width: 130px;
	}
	
.menu li li a, .menu li li a:link, .menu li li a:visited {
	background:url(images/navmenu1.jpg) repeat-x;
	width: 130px;
	float: none;
	margin: 0px;
	padding: 4px 10px 5px 10px;
	color:#fff;
	
	}
	
.menu li li a:hover, .menu li li a:active {
	background:url(images/navmenu1hov.jpg) repeat-x;
	width: 130px;
	float: none;
	margin: 0px;
	padding: 4px 10px 5px 10px;

	}

.menu li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

.menu li:hover ul {
	left: auto;
	display: block;
	}
	
.menu li:hover ul, #menu li.sfhover ul {
	left: auto;
	}		
		

/*Includes all content below header.php */
#maincontent{
			width:588px;
			margin:6px;
			float:left;
			display:inline;
			height: auto;
			
			}

#recent		{
			width:588px;
			height: 300px;
			background:#add268;
			}
			
#recent h2, .post1 h2, .post2 h2 {
					font-size:14px;
					color:#FFFFFF;
					text-align:right;
					padding: 2px 2px 2px 2px;
					
					}
#recent .category			{
					height: 20px;
					margin:5px 0 5px 0;
					}
					
.titleimg			{
					height:autopx;
					float:left;
					width:260px;
					margin-bottom:5px;
					margin-top:10px;
					}
#recent img			{
					border:#ffffff 1px solid;
					margin: 0 0 2px 0;
					width:240px;
					height:190px;
					}
#recent .recententry		{
					height:220px;
					float:left;
					width:328px;
					overflow:hidden;
					margin-bottom:5px;
					margin-top:5px;
					
					}
#bottombar			{
					
					background:url(images/8d_slice.jpg) repeat-x;
					height: 22px;
					text-align:right;
					display:block;
					clear:both;
					}
#bottombar h2 {color:#ffffff;}

#bottombar h4 {color:#ffffff; font-size:12px; font-weight:normal}

#bottombar h4 a:link {color:#e4f2c4;}

#recent .entry h3	{
					font-size:12px;
					color:#ffffff;
					padding-top:20px;
					}
#recent h1	{
					font-size:18px;
					color:#ffffff;
					padding-left:5px;
					margin-left:5px;
					}

#recent .category h2	{
					font-size:13px;
					color:#6d8c3f;
					}
					
/*posts*/



.title {height: 24px; padding:1px;}

#teasers	{
			width:588px;
			height: 500px;
			position: relative;
			margin-right:6px;
			margin-top:6px;
			padding-top:6px
			}

#rtcolumn {float:right; width:294px; height:auto;}

#lftcolumn {float:left; width:294px; height:auto}
			
.post1 h3, .post2 h3 {
					font-size:11px;
					color:#000000;
					text-align:left;
					font-weight:normal
					}
					
.post1 h4, .post2 h4 {
					font-size:10px;
					color:#000000;
					text-align:left;
					padding-left: 5px;
					}
.post1 h1, .post2 h1 {
					font-size:15px;
					color:#000000;
					text-align:left;
					padding: 0 3px 0 0;
					}
														
.post1 		{
			width: 291px;
			height: 160px;
			float:left;
			background: #e4f2c4 url(images/shadow_top.jpg) top;
			background-repeat:no-repeat;
			display:inline;
			margin:0;
			}

.post2 		{
			width: 291px;
			height: 160px;
			float:right;
			background:#e4f2c4 url(images/shadow_top.jpg) top;
			background-repeat:no-repeat;
			margin: 0;
			}
.post1 img, .post2 img {float:left; padding:5px; margin-right:3px; height: 75px; width:100px; border:#ffffff 3px solid;}
			
#floatright {float:right}
#floatleft {float:left}


.postcontent {height: 108px; overflow:hidden; padding:5px}

.post1 #category {height:12px; margin: 5px 2px 3px 0;}

.readmore 	{height:20px; background:#e4f2c4 url(images/readmore.jpg) no-repeat right bottom;
			display:inline; }


/*Entire right column*/


#sidebar {
			width: 294px;
			float:right;
			margin-right:4px;
			margin-bottom:6px;
			}
			
<!--Search--!>
		


#search form {
	margin: 0;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search p {
	margin: 0;
	font-size: 85%;
}

#s {
	margin-left:35px;
	margin-top: 10px;
	float: left;
	width:190px;
	padding: 3px 3px;
	border: 1px solid #6d8c3f;
	font: normal 100% "century Gothic", Arial, Helvetica, sans-serif;
	color:#6d8c3f;
}

#searchsubmit {
	width:25px;
	float: left;
	margin-top: 10px;
	border: none;
	font: bold 100% "century gothic", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height:23px;
	background: #EFEFEF url(images/submit.jpg) no-repeat;
}


#search 	{
			height:50px;
			width:294px;
			background:url(images/search.jpg) top;
			background-repeat:no-repeat;
			}
<!--Tagcloud--!>


			
#tagcloud a:hover{color:#e4f2c4;}

#tagcloud h3 {font-family:Century gothic,Verdana,Helvitica,sans-serif; padding:5px;}

#tagcloud 	{
			height: auto;
			width:292px;
			margin-bottom:6px;
			border:#6d8c3f 1px solid;
			background:url(images/boxshadow.jpg) bottom;
			background-repeat:no-repeat;
			padding-bottom:18px;
			}


<!--subcolumns--!>


h2 .title{
		background-color:#6d8c3f;
			font-size:18px;
			text-align:center;
			color:#FFFFFF;
			margin: 0 0 2px 0;
			display:block;
			}

#tagcloud h2, .subcolumn li h2, #subcolumn2 h2{
			background-color:#6d8c3f;
			font-size:18px;
			text-align:center;
			color:#FFFFFF;
			margin: 0 0 2px 0;
			display:block;
			}
			
		
#subcolumn2 {
			width: 140px;
			float:right;
			}
			
<!--subcolumn1 --!>


			
.subcolumn h3, #subcolumn2 ul h3{
			font-size:16px;
			color: #6d8c3f;
			padding: 0;
			margin: 0px;
			display:block
			}
			
.subcolumn ul {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
			}
			
.subcolumn ul ul {
			list-style-type: none;
			margin: 0;
			padding: 0px 0px 10px 0px;
			background-repeat:no-repeat;
	
			}
			
.subolumn ul ul ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			border:0;
			}

.subolumn ul ul ul ul{
			list-style-type: none;
			margin: 0;
			padding: 0;
			border:0;
			}
			
.subcolumn ul li, #subcolumn2 ul li {
			list-style-type: none;
			margin: 0;
			padding: 0 2px 2px 0;
			display: block;
			}
			

	
							.subcolumn li{
										list-style-type: none;
										margin: 0 2px 2px 0;
										padding: 0;
										display: block;
										}
										
 

.subcolumn ul li a:link, .subcolumn li a:visited {
			color: #6d8c3f;
			text-decoration: none;
			display:block;
			background:#e4f2c4;
			background-repeat:no-repeat;}
			
.subcolumn ul li a:hover{
				color: #ffffff;
				text-decoration: none;
				background:#8dbf41;
				background-repeat:no-repeat;
				display:block;
			}

.subcolumn p {margin:0;
				padding:0;
				}
.subcolumn {
			width:140px;
			float:left;
			}
							


/*Single Page Styling*/

h2.pagetitle {
	padding:0;
	margin:10px 0 20px 0;
	font-size:20px;
	text-align:center;}
	
.entry {	padding: 6px 6px 6px 6px;
}

.single {
	margin: 0px 5px 5px 5px;
	height:100%;
	color:#6d8c3f;
	font: 13px  Arial, Helvetica, sans-serif;
	}
	
.single a:hover { color:#b9bfaa}
.single a:link { color:#b9bfaa}

.single h1 {font-size:20px; display:block}

.single h3 {font-size:12px; font-weight:normal}

.border {}



/* The Comments */

.comments {
	padding-left:10px;
	}
.comments form {
	}
.comments textarea {
	width:90%;
	height:156px;
	background:#fff;
	border:1px solid #6d8c3f;
	color:#444;
	padding:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

	}
h3 #comments-count {
	font-weight:bold;
	font-size:18px;
	margin:0 0 0 20px;

}	
	
#commentform {
	padding-left:23px;
	}
#commentform input {
	background:#fff;
	border:1px solid #6d8c3f;
	color:#333;
	padding-left:10px;
	}
.comments input#submit {
	padding:0;
	width:72px;
	height:25px;
	background:#e4f2c4;
	border:1px solid #6d8c3f;
	color:#8dbf41;
	}
.comments h2 {
	font-size:19px;
	line-height:30px;
	margin:24px 0 0 10px;
	padding:0;


	font-weight:normal;

	}
.comments ol li p {
	padding:0;
	margin:10px 0;
	color:#000000;
	
	}
.commentmeta small{
	color: #000000;
	
}

/*footer*/

#footer 	{
			width:900px;
			height:40px;
			background-image:url(images/footer.jpg);
			background-repeat:no-repeat;
			padding:0 10px 0 0;
			}
			
#footer h5	{
			font-size:10px;
			color:#FFFFFF;
			text-align:center;
			padding: 2px 10px 0 0;
			font-family: Century gothic,Verdana,Helvitica,sans-serif;
			}
#footer a:link {color:#FFFFFF; text-decoration:none}

#footer a:hover {color: #e4f2c4; text-decoration:none}

div#amazoncontent span.title {font-size:10px;}