﻿*
{
    margin: 0;
    padding: 0;
}

body 
{
    background: #bfbfbf url(/img/bg.gif) repeat-y left top;
	font: 62.5% Arial, Helvetica, sans-serif;
}

h1
{
    color: #422400;
    font-size: 1.9em;
    text-align: center;
    font-family: 'Trebuchet MS';
    margin: 10px 0 10px 0;
}

h2
{
	font-size: 1.7em;
	color: #fff;    
	padding-top: 3px;
	font-family: 'Trebuchet MS';
}

#page
{
    width: 954px;
    margin: 0 auto 0 auto;
    background-color: #fff;
    border-left: 2px solid #422400;
    border-right: 2px solid #422400;
}

#header
{
    height: 90px;
    width: 100%;
    background-color: #422400;
}

#search
{
    float: right;
}

/* Menu and Navigation */

#menu
{
    height: 32px;
    width: 100%;
    background: #5fc35f url(/img/menu-back.png) repeat-x;
}
	#nav{
		list-style-type: none;
	}
	#nav li{
		float:left;
	}
	#nav li a{
		display:block;
		height:32px;
	}
	#nav li a:hover{
		background-position: -100% 0;
	}
	#nav li a.home{
		width:80px;
		background-image:url(/img/nav-hm.png);
	}
	#nav li a.diets{
		width:80px;
		background-image:url(/img/nav-ds.png);
	} 
	#nav li a.categories{
		width:110px;
		background-image:url(/img/nav-cs.png);
	} 
	#nav li a.blog{
		width:80px;
		background-image:url(/img/nav-bg.png);
	} 
	#nav li a.resources{
		width:110px;
		background-image:url(/img/nav-rs.png);
	}
	#nav li a.dietreviews{
		width:120px;
		background-image:url(/img/nav-dr.png);
	}
	#nav li a.dietnews{
		width:110px;
		background-image:url(/img/nav-dn.png);
	}
	#nav li a.about{
		width:80px;
		background-image:url(/img/nav-ab.png);
	}  
	#nav li a.contact{
		width:90px;
		background-image:url(/img/nav-ct.png);
	}  
	#nav li a.active{
		background-position: -100% 0;
	}

/* End Menu */

/* Columns - Used for 3 Column structure */
#columns
{
	position:relative;
	clear:both;
	float:left;
	width:100%;			
	overflow:hidden;
}    

	.colright, .colmid, .colleft {
		float:left;
		width:100%;			
		position:relative;
	}
	.col1, .col2, .col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#422400;		
	}
	.threecol .colmid {
		right:310px;			
		background:#fff;		
	}
	.threecol .colleft {
		right:504px;			
		background:#422400;	
	}
	.threecol .col1 {
		width:504px;			
		left:954px;			
	}
	.threecol .col2 {
		width:138px;			
		left:310px;			
	}
	.threecol .col3 {
		width:308px;			
		left:814px;			
	}

/* End Columns  */
	
#lsidebar
{
    background-color: #422400;
    text-align: center;
    border-top: 2px solid #422400;
    border-right: 2px solid #422400;
    padding-top: 10px;
}

	.lsidebar-header
	{
		background-image: url(/img/sidebar-header.png);
		width: 140px;
		height: 30px;
		text-align: center;
		margin: 0 auto;
		font-family: 'Trebuchet MS';
	}

	.lsidebar-wrapper{
		width: 138px;
		margin: 0 auto 0 auto;
		display:block;
	}
	.lsidebar{
		width:140px;
	}

	.lsidebar ul{
		list-style-type:none;
		clear:both;
		text-align: left;
	}
	.lsidebar li{
		background-image:url(/img/list.gif);
		background-position:.5em 4px;
		line-height:1.1em;
		background-repeat:no-repeat;
		padding:4px 0 4px 17px;
		font-size:1.2em;
		border-bottom: 1px solid #339900;
		width: 121px;
	}
	.lsidebar li a{
		text-decoration:none;
		color:#339900;
	}
	.lsidebar li a:hover{
		text-decoration:underline;
	}

	.lsidebar li:hover
	{
		background-color:#fff;
		width:121px;
	}


#content
{
    font-size: 1.4em;
    font-family: Tahoma, Arial;
    padding-top: 10px;
}
    
    #contentpad
    {
        margin: 0 5px 0 5px;
    }

	.content-block
	{
		width: 484px;
		padding: 0 5px 0 5px;
	}

	#content h2
	{
		font-size: 1.7em;
		color: #339900;    
		padding: 10px 0 10px;
		font-family: 'Trebuchet MS';    
	}
	
    #content h2 a 
    {
        font-size: 1.0em;
        color: #339900;
    }	
	
	.startdiet
	{
		text-align: center;
		margin: 30px 0 20px 0;
	}
	
	.dietdesc
	{
		margin: 0 5px;
	}
	
	.reviewgrid
	{
	    text-align: center;
	    margin: 0 auto;
	}
	
	.gridrows
	{
	    padding: 0 5px;
	}
	
	#dietrating
	{
	    float: right;
	    margin-right: 10px;
	}
	
	#dietlist .tab
	{
	    width: 100%;
	    margin: 0 auto;
	    padding: 0 10px;
	    border: 1px solid #422400;
	    text-align: center;
	}

#rsidebar
{
    background-color: #422400;
    border-top: 2px solid #422400;
    border-left: 2px solid #422400;
    padding-top: 10px;
    text-align: center;
}

	.rsidebar-header
	{
		background-image: url(/img/sidebar-header.png);
		width: 310px;
		height: 30px;
		text-align: center;
	}

	.rsidebar
	{
		width: 300px;
	}


#footer
{
    background-color: #422400;
    width: 100%;
    color: #fff;
    text-align: center;
    margin: 10px 0 0 0;
}

    #footer a
    {
        color: #fff;
    }

.label
{
	float: left;
	text-align: right;
	width: 120px;
	clear: both;
	margin-right: 10px;
}

.text:focus, .input:focus
{
    border: 2px solid #000;
    background-color: #fff;
} 

/* Reviews */
#reviews {
	background: #ededed;
	padding: 15px;
	border: 1px solid #dcdddd;
	margin: 0 5px 30px 5px;
}
	#reviews a 
	{
		color: #339900;
	}
	#reviews_wrap h2, #reviews_wrap h2 a {
		font-size: 22px;
		font-weight: normal;
		margin: 0px;
		padding-bottom: 10px;
		color: #422400;
	}
	#reviews ol {
		margin: 0px;
		padding: 0px;
		padding-left: 120px;
	}
	#reviews ol li {
		list-style: none;
		padding: 0px;
		margin: 10px 0px;
		padding-top: 1px;
	}
	#reviews .review_wrap {
		position: relative;
		background: #fff;
		border: 1px solid #dcdddd;
	}
	#reviews .single_review {
		padding: 10px 15px 10px 15px;
	}
	#reviews .review_arrow {
		position: absolute;
		top: 10px;
		left: -32px;
	}
	#reviews .review_author {
		position: absolute;
		left: -120px;
		width: 100px;
		color: #8d8d8d;
		font-size: 12px;
		line-height: 14px;
	}
	#reviews .review_author span {
		display: block;
	}

	#reviews .review_form_wrap {
		position: relative;
	}
	#reviews .parent .review_form_wrap {
		position: relative;
		padding-left: 0px;
	}
	#reviews .review_form_wrap ol 
	{
		padding: 0;
	}
	#reviews .review_form_wrap .review_author {
		position: absolute;
		left: 0px;
		padding-top: 5px;
	}
	#reviews .input {
		width: 175px;
		padding: 4px 5px;
		background: #fff;
		border: 1px solid #ced0d0;
		color: #5f6565;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		margin:0 0 10px 0;
		display: block;
	}

	#reviews .inputs
	{
		width: 328px;
		padding: 4px 5px;
		color: #5f6565;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		display: block;
		margin:0 0 10px 10px;
	}
	 
	#reviews .textarea 
	{
		padding: 4px 5px;
		width: 330px;
		height: 135px;
		font-size: 12px;
	}
	#reviews #submit_review {

		width: 12.0em;
		height: 3.0em;
		float: right;
		margin-right: 7px;
		margin-top: 10px;
	}

	.review-ctrl
	{
		width: 480px;
		border: 1px solid #422400;
		background-color: #fff;
		margin: 2px auto;
		padding: 2px 0 2px 0;
		line-height: 1.2em;
	}

	.review-info
	{
		float: left;
		width: 80px;
		margin-left: 10px;
	}

	.review-text
	{
		width: 360px;
		float: right;
		padding: 0 5px 0 15px;
	}  

	.review-label
	{
		width: 90px;
		text-align: right;
		color: #8d8d8d;
		font-size: 12px;
		margin: 7px 10px 0 0;    
		float: left;
	}



#breadcrumb
{
    list-style-type: none;
    margin-left: 10px;
}

	#breadcrumb li
	{
		display: inline;
	}

.dietblock
{
	width: 494px;
	margin: 5px auto;
	height: 60px;
	border: 1px solid #339900;
	padding: 5px 0;
}

	.dblockleft
	{
		float: left;
		width: 120px;
	}

	.dblockright
	{
		float: right;
		width: 254px;
	}
	
	.dblockname, .dblockname a
	{
	    color: #339900;
	    margin-left: 5px;
	    font-size: 1.05em;
	    font-weight: bold;
	}
	
	.dblockdesc
	{
	    padding: 5px 10px;
	}
	
	.dblockrating
	{
	    float: right;
	    margin-top: 10px;
	}

/*  Ratings Stars - Both for User Input and For Show */
.ratingStar {
    font-size: 0pt;
    width: 12px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

	.filledRatingStar {
		background-image: url(/img/star_full.png);

	}

	.emptyRatingStar {
		background-image: url(/img/star_empty.png);
	}

	.savedRatingStar {
		background-image: url(/img/star_active.png);
	}

.star-rating ul {
	list-style: none;
	padding: 0px;
	width: 120px;
	position: relative;
	background: url(/img/rating1.gif) top left repeat-x;
	height: 24px;
}
	.star-rating li {
		padding: 0px;
		margin: 0px;
		display:inline;
	}
	.star-rating li.current-rating {
		background: url(/img/rating2.gif) bottom left;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 24px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}

/* General ... Catch-All ... */
img
{
    border: 0;
}

.center
{
    text-align: center;
}

.clear
{
    clear: both;
}