<!--
/* Filmstone stylesheet - 	*/
/* Copyright Lunarmedia					*/
/* Last update: May 2010				*/
/* --------------------------------		*/

@import url(generic.css); 
@import url(html.css); 

.page
{
	margin: 0 auto 0;
	width: 960px;
}
.head
{
}
.body
{
	padding: 12px;
	border: solid 1px #f1f1f1;
	text-align: left;
	background: #fefefe;
}
.row .left
{
	width: 598px;
	float: left;
}
.row .right
{
	width: 336px;
	float:right;
}

.page .foot
{
	margin: 36px 0 36px 0;
	font-size: 0.8em;
}

#logo
{
	width: 290px;
	margin: 0 0 0px 13px;
	padding: 4px 0 0 0;
	float: left;
	overflow: hidden;
}
#logo h1
{
	background: transparent url("images/logo.png") no-repeat 0 0;
	display: block;
	height: 65px;
	overflow: hidden;
	line-height: 1000px;
	outline: 0;
	margin: 0;
}
#login
{
	float:right;
	margin: 12px 13px 0 0;
	}
#navigation
{
	float: left;
	font-weight: bold;
	margin: 46px 0 0 12px;
	text-decoration: none;
}
#navigation a
{
	text-decoration: none;
}
#navigation ul li
{
	margin-left: 24px;
	display: inline;
}
.search
{
	float:right;
	margin: 32px 10px 0 0;
	}

.box
{
	margin-bottom: 64px;
}

.box ul li
{
	margin-top: 4px;
}
.box.groups ul li
{
	font-size: 15px;
	margin-top: 6px;
}
ul.articles .date
{
	font-size: 11px;
	color: #666;
}

.breadcrumb a
{
	color: #666;
}

.breadcrumb ul li
{
	display:inline;
	margin: 0 8px 0 0;
}

.chartWrapper
{
}
.chart
{
	float:left;
	margin: 0 10px 0 0;
}
.legend
{
	padding: 20px 0 0 0;
}
.legend li.protein
{
	color: #418cf0;
}
.legend li.fat
{
	color: #d69937;
}
.legend li.carbs
{
	color: #e0400a;
}
.legend li.alcohol
{
	color: #04557c;
}
ul li.header
{
	font-weight: bold;
}
ul li.header span.sub
{
	font-weight: normal;
	font-size: 11px;
	margin: 0 1px 2px 1px;
}
.legend li
{
	margin: 4px 0;
}


table.nutrients
{
	margin: 0 0 28px 0;
	width: 370px;
	border: 1px solid #dedede;
}
table.nutrients td.header
{
	font-weight: bold;
}
table.nutrients td
{
	border-bottom: solid 1px #dedede;
	padding: 1px 3px 2px 3px;
}
table.nutrients td.values
{
	text-align: right;
	width: 100px;
}

-->