div#recipes {
	margin:  20px 0 20px;
	padding: 1px 0;
	background: url(/public/images/three-columns-bg.gif) repeat-y center;	
}
* html div#recipes {
	display: inline-block;
}

div#recipes-season {
	margin:  20px 0 20px;
	padding: 1px 0;
	background: url(/public/images/one-column-right-bg.gif) repeat-y center;	
}
* html div#recipes-season {
	display: inline-block;
}

div#recipes div.first-column {
	float: left; 
	xwidth: 319px; 
	width: 239px;	
}

div#recipes-season div.first-column-alt {
	display:block;
	float:left;
	width:730px;
}

div#recipes div.first-column div.content {
	xwidth: 279px;
	width: 199px;
	margin: 0 20px; 
	text-align: left;
}

div#recipes-season div.first-column-alt div.content {
	margin:0pt 20px;
	text-align:left;
	width:690px;
}

div#recipes div.second-column {
	float: left; 
	xwidth: 650px; 
	width: 490px;	
	padding: 0px; 
	display: table;
}

div#recipes-season div.second-column-alt {
	display:inline;
	float:left;
	padding:0px;
	width:239px;
}

div#recipes-season div.second-column-alt div.content {
	margin:0pt 20px;
	text-align:left;
	width:199px;
}

div#recipes div.second-column div.content {
	xwidth: 610px;
	width: 450px;
	margin: 0 20px; 
	text-align: left;
}

div#recipes div.second-column div.content ul {
	padding-left: 15px;
	font-size: 1em;
}


div#recipes div.third-column {
	float: left; 
	xwidth: 319px; 
	width: 239px;	
	padding: 0px; 
}
div#recipes div.third-column div.content {
	xwidth: 279px;
	width: 199px;
	margin: 0 20px; 
	text-align: left;
}


div#recipes div.second-column div.reviews {
	float: left;
	padding: 5px 0;
	width: 350px;
}

div#recipes div.third-column div.list-recipes, div#recipes-season div.second-column-alt div.list-recipes {
	float: left;
	padding: 5px 0;
	width: 169px;
}

div#recipes div.third-column div.list-recipes a, div#recipes-season div.second-column-alt div.list-recipes a {
	color: #6A6F4B;
	text-decoration: none;
	font-weight: bold;
}

div#recipes div.third-column div.list-recipes a:hover, div#recipes-season div.second-column-alt div.list-recipes a:hover {
	text-decoration: underline;
}

div#recipes h1 {
	font-family: Verdana, sans-serif;
	font-size: 17px;
	font-weight: normal;
	margin: 0px 0px 15px;
	padding: 0px;
}

div#recipes div.second-column p {
	padding: 0;
	text-indent: 0;
	margin: 10px 0;
}

div#recipes div.first-column p {
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}

div#recipes div.third-column p {
	padding: 0;
	text-indent: 0;
}
div#recipes .date {
	margin: 5px 0;
	padding: 0;
	text-indent: 0;
	font-style: italic;
}
div#recipes .title {
	margin: 5px 0;
	padding: 0;
	text-indent: 0;
	font-weight: bold;
}

div#recipes div.line {
	height: 1px; 
	width: 100%; 
	background-color: #E7E7E7; 
	font-size: 1px; 
	line-height: 0px;
	margin: 10px 0;
	clear: both;
}

div#recipes-season div.second-column-alt div.line {
	height: 1px; 
	width: 100%; 
	background-color: #E7E7E7; 
	font-size: 1px; 
	line-height: 0px;
	margin: 10px 0;
	clear: both;
}

div#recipes div.container { height: 26px; }

input#review_send,  input#recipe_send { display: block; position: relative; left: 50%; margin-left: -75px; }

div#review_loader, div#recipe_loader  { width: 16px; height: 16px; display: none; 
                    position: relative; left: 50%; margin-left: -8px;
                    background: #ffffff url('../images/ajax-loader.gif') no-repeat 0 0; }
						  
div#review_status, div#recipe_status  { color: red; margin: 5px 0 10px; }						  

form { 
	display: block; 
	font-size: 11px; 
	padding: 15px 0px 0; 
	text-align: left;
}
form span { 
	width: 110px; 
	font-size: 11px; 
	display: inline; 
	float: left; 
	padding: 8px 0;
}
form input.text { 
	display: inline;
	width: 238px; 
	height: 20px; 
	font-size: 11px;
	border: 1px solid #E7E7E7; 
	color: #6A6F4B;
	float: left; 
	margin: 3px 0; 
	padding: 5px 5px 0;
}

form input.file { 
	display: inline;
	font-size: 11px;
	color: #6A6F4B;
	float: left; 
	height: 25px;
	border: 1px solid #E7E7E7; 
	margin: 3px 0; 
	padding: 5px 5px 0;
	outline-width: 0px;
	width: 238px; 
	line-height: 25px;
}

form textarea {
	font-family: Tahoma;
	float: left; 
	display: inline; 	
	width: 238px; 
	height: 100px; 
	font-size: 11px; 
	border: 1px solid #E7E7E7; 
	color: #6A6F4B;
	margin: 3px 0; 
	padding: 5px 5px 0;
}
form input.submit { 
	width: 150px; 
	height: 26px; 
	background: url('/public/images/button-add-comment.gif') no-repeat;
	cursor: pointer;
}

form input.add-new-recipe { 
	width: 150px; 
	height: 26px; 
	background: url('/public/images/button-add-a-recipe.gif') no-repeat;
	cursor: pointer;
}



.rating{
	width:80px;
	height:16px;
	padding:0;
	list-style:none;
	position:relative;
	background: url(/public/images/star-matrix.gif) no-repeat 0 0;
}

.nostar {background: url(/public/images/star-matrix.gif) no-repeat 0 0; background-position:0 0}
.onestar {background: url(/public/images/star-matrix.gif) no-repeat 0 0; background-position:0 -16px}
.twostar {background: url(/public/images/star-matrix.gif) no-repeat 0 0; background-position:0 -32px}
.threestar {background: url(/public/images/star-matrix.gif) no-repeat 0 0; background-position:0 -48px}
.fourstar {background: url(/public/images/star-matrix.gif) no-repeat 0 0; background-position:0 -64px}
.fivestar {background: url(/public/images/star-matrix.gif) no-repeat 0 0; background-position:0 -80px}

ul.rating li {
	cursor: pointer;
	float:left;
	display: inline;

}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}


ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(/public/images/star-matrix.gif) no-repeat 0 0
}

ul.rating li.one a:hover {background-position:0 -176px;}
ul.rating li.two a:hover {background-position:0 -192px;}
ul.rating li.three a:hover {background-position:0 -208px}
ul.rating li.four a:hover {background-position:0 -224px}
ul.rating li.five a:hover {background-position:0 -240px}

/*             
    Menu 'month'
*/

div#menu-month  {
	width: 640px; 
	margin: 5px auto; 
	height: 22px; 
}

a#month-jan { 
	float: left; 
	background: url(/public/images/menu-month-bg.gif) no-repeat 0px -22px; 
	width: 56px; 
	height: 22px;
}

a#month-jan:hover, 
	a#month-jan.active { 
		float: left; 
		background: url(/public/images/menu-month-bg.gif) no-repeat 0px 0px; 
		width: 56px; 
		height: 22px;
	}
	
a#month-feb { 
	float: left; 
	background: url(/public/images/menu-month-bg.gif) no-repeat -56px -22px; 
	width: 54px; 
	height: 22px;
}

a#month-feb:hover, 
	a#month-feb.active { 
		float: left; 
		background: url(/public/images/menu-month-bg.gif) no-repeat -56px 0px; 
		width: 54px; 
		height: 22px;
	}

a#month-mar { 
	float: left; 
	background: url(/public/images/menu-month-bg.gif) no-repeat -110px -22px; 
	width: 54px; 
	height: 22px;
}

a#month-mar:hover, 
	a#month-mar.active { 
		float: left; 
		background: url(/public/images/menu-month-bg.gif) no-repeat -110px 0px; 
		width: 54px; 
		height: 22px;
	}

a#month-apr { 
	float: left; 
	background: url(/public/images/menu-month-bg.gif) no-repeat -164px -22px; 
	width: 52px; 
	height: 22px;
}

a#month-apr:hover, 
	a#month-apr.active { 
		float: left; 
		background: url(/public/images/menu-month-bg.gif) no-repeat -164px 0px; 
		width: 52px; 
		height: 22px;
	}

a#month-may { 
	float: left; 
	background: url(/public/images/menu-month-bg.gif) no-repeat -216px -22px; 
	width: 55px; 
	height: 22px;
}

a#month-may:hover, 
	a#month-may.active {
		float: left; 
		background: url(/public/images/menu-month-bg.gif) no-repeat -216px 0px; 
		width: 55px; 
		height: 22px;
	}

a#month-jun { 
	float: left; 
	background: url(/public/images/menu-month-bg.gif) no-repeat -271px -22px; 
	width: 54px; 
	height: 22px;
}

a#month-jun:hover, 
	a#month-jun.active {
		float: left; 
		background: url(/public/images/menu-month-bg.gif) no-repeat -271px 0px; 
		width: 54px; 
		height: 22px;
	}
	
a#month-jul { 
	float: left; 
	background: url(/public/images/menu-month-bg.gif) no-repeat -325px -22px; 
	width: 50px; 
	height: 22px;
}

a#month-jul:hover, 
	a#month-jul.active {
		float: left; 
		background: url(/public/images/menu-month-bg.gif) no-repeat -325px 0px; 
		width: 50px; 
		height: 22px;
	}
	
a#month-aug { 
	float: left; 
	background: url(/public/images/menu-month-bg.gif) no-repeat -375px -22px; 
	width: 55px; 
	height: 22px;
}

a#month-aug:hover, 
	a#month-aug.active {
		float: left; 
		background: url(/public/images/menu-month-bg.gif) no-repeat -375px 0px; 
		width: 55px; 
		height: 22px;
	}
	
a#month-sep { 
	float: left; 
	background: url(/public/images/menu-month-bg.gif) no-repeat -430px -22px; 
	width: 54px; 
	height: 22px;
}

a#month-sep:hover, 
	a#month-sep.active {
		float: left; 
		background: url(/public/images/menu-month-bg.gif) no-repeat -430px 0px; 
		width: 54px; 
		height: 22px;
	}
	
a#month-oct { 
	float: left; 
	background: url(/public/images/menu-month-bg.gif) no-repeat -484px -22px; 
	width: 51px; 
	height: 22px;
}

a#month-oct:hover, 
	a#month-oct.active {
		float: left; 
		background: url(/public/images/menu-month-bg.gif) no-repeat -484px 0px; 
		width: 51px; 
		height: 22px;
	}
	
a#month-nov { 
	float: left; 
	background: url(/public/images/menu-month-bg.gif) no-repeat -535px -22px; 
	width: 54px; 
	height: 22px;
}

a#month-nov:hover, 
	a#month-nov.active {
		float: left; 
		background: url(/public/images/menu-month-bg.gif) no-repeat -535px 0px; 
		width: 54px; 
		height: 22px;
	}
	
a#month-dec { 
	float: left; 
	background: url(/public/images/menu-month-bg.gif) no-repeat -589px -22px; 
	width: 51px; 
	height: 22px;
}

a#month-dec:hover, 
	a#month-dec.active {
		float: left; 
		background: url(/public/images/menu-month-bg.gif) no-repeat -589px 0px; 
		width: 51px; 
		height: 22px;
	}
	
/*
    End
*/