/*
-----------------------------------------------
Site:		VittleAnte
Author:		Brent Marsh
Version:	2007.12.20
----------------------------------------------- 
*/


/*
General Spacing Styles
----------------------------------------------- 
*/
body, div, p, table, img, ul, h1, h2, h3, h4, .H1, .H2, .H3, .H4
{	
	padding:			0px;
	margin:				0px;
}

h2, h3, h4, .H1, .H2, .H3, .H4
{
	margin-top:			10px;	
}

td.H2
{
	padding-top:		5px;	
}

td
{
	padding-bottom:		8px;	
}

td.H1
{
	padding-bottom:		13px; /*15-2 to account for the cell-padding top and bottom of 1 */
}

td.H2
{
	padding-bottom:		3px;  /*5-2 to account for the cell-padding top and bottom of 1	 */
}

p
{
	margin-bottom:		12px;	
}

br
{
	line-height:		11px; /* Should be 1 pt less than the margin-bottom for P */
}

/*
Text Styles
----------------------------------------------- 
*/
H1, .H1, H2, .H2
{ 
	font-family:		Arial;
	font-weight:		normal;
	color:				#EA3E32;
}

H1, .H1
{ 
	
	font-size:			22px; /*Scale*/	
	line-height:		24px;
} 

H2, .H2
{ 
	font-size:			18px; /*Scale*/
	line-height:		26px;
}

.T1, .T2, #SidebarBody
{ 
	font-family:		Verdana;
	color:				#5C5444;
}

.T1
{ 
	line-height:		18px;
	font-size:			14px; /*Scale*/
}

/* When T1 shows in a horizontal content repeater, move it up so that it top aligns with the image typically shown to the left */
.ContentRepeater table.Horizontal .T1
{
	line-height:		14px;	
	padding-bottom:     4px;
}


.T2, #SidebarBody .T1
{ 
	line-height:		15px;
	font-size:			12px; /*No Scale*/
}

body, div, p
{ 
	font-family:		Verdana;		
	font-size:			12px; /*Scale*/
	color:				#5C5444;	
	line-height:		15px;
	font-weight:		normal;
} 

.Helper
{ 
	font-size:			11px; /*No Scale*/
	line-height:		16px;
	color:				#BEBBB4;
	text-transform:		uppercase;
	margin:				0px;
	margin-bottom:		5px;
} 

.Teaser
{ 
	font-size:			1px; /*No Scale*/
	color:				#5C5444;	
} 

.Description
{ 
	font-size:			12px; /*No Scale*/
	color:				#5C5444;		
}


.Leader
{ 
	font-weight:		bold;	/*Scale-Inherited*/
	color:				#5C5444;
} 

.Warning
{ 
	font-size:			11px; /*Scale*/
	color:				#EA3E32;
}

a, .Link, a.T1, a.T2
{
	color:				#86B247;
	text-decoration:	none;
}

a:Hover
{ 
	color:				#7A6237;
}

a:Visited
{ 
	color:				#A38D61;
}

a.externallink 
{
	background-image: url(Images/ExternalLink.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
}

a.unknownlink, a.unknownlink:link, a.unknownlink:active 
{
	color:				#CC3A1D;
}

a.unknownlink:hover 
{
	color:				#CC3A1D;
}


/*
Text Styles
----------------------------------------------- 

Content Specific Styles
Cloud - Green 2
Food Menu Title - White
Ingredient - ??
*/

/*
=Containers
-----------------------------------------------------*/
body
{
	background:			#ffffff;
	behavior:			url(htc/csshover.htc);
}

img
{
	border:				0px;	
	word-wrap:			break-word;
}

.spacer 
{
	margin-bottom:		15px;
}

.DisplayOnPrint
{
	display:			none;	
}

.HideOnPrint
{
	display:			block;	
}

.noDisplay 
{
	display:			none;
}

.Hide
{
	display:			none;	
}

.Show
{
	display:	block;	
}

/* Div used for clearing floats */
div.Clear 
{
	clear:	both;
}

span.Clear 
{
	clear:	both;
	display: block;
}




/*
=Structure
-----------------------------------------------------*/
/**
HeaderDiv
ContainerDiv					
	MainDiv
		MainHeaderDiv - Contains nothing
		PageHeaderDiv - Contains nothing
		PageContentDiv - Contains the bulk of the recipe content
		MainFooterDiv - Contains recipe comments
	SidebarDiv
		SidebarHeaderDiv
		SidebarContentDiv						
		SidebarFooterDiv
	FooterDiv		
**/

#HeaderDiv 
{
	display:			none;	
}

#ContainerDiv 
{
	width:				879px;
}

#MainDiv
{
	padding-left:		20px;
	padding-top:		75px;  /* Tied to the MainImage margin-top */
	width:				555px;
}

#PageHeaderDiv
{
	margin-top:			23px;  /* Padding top linked to Sidebar-Body  padding-top */
}

.Page_MainPage #PageHeaderDiv
{
	margin-top:			30px;  /* Padding top linked to Sidebar-Body  padding-top */
}

#PageTop
{
	clear:				both;
	display:			none;	
}

#PageContentDiv
{	
	clear:				left;
}

#MainFooterDiv
{
	margin:				0px;
}

#SidebarDiv 
{
	position:			absolute;
	left:				575px;
	width:				305px;
	top:				0px;
}

#SidebarHeaderDiv
{
	display:			none;	
}

#SidebarContentDiv 
{}


#SidebarFooterDiv
{
	display:			none;	
}

#FooterDiv 
{	
	vertical-align:		bottom;
	margin:				0px;
	padding-top:		50px;
	padding-left:		20px;
	width:				555px;
	clear:				both;		
}

#FooterDiv p
{
	font-size:			11px;
	color:				#ada9a1;
}


/*
=Lines, Fills & Borders
-----------------------------------------------------*/
div.Warning
{
	padding:				4px;
	margin-left:			-16px;
	padding-left:			16px;	
	color:					#E2361A;
	background:				url(Images/IconExclamation.gif) no-repeat; 
	background-position:	6px 12px;
}


/*
=Section boundary lines
------------------------------------------------------*/
#FooterDiv, #MainDiv, #ContainerDiv, #SidebarBody
{
	border-right:		solid 1px #F4F1EC;	
}

#SidebarBody
{
	border-left:		solid 1px #F4F1EC;	
}

#CommentListDiv
{

}

/*
=Tables, Lists 
------------------------------------------------------*/
table
{
}

th
{
	vertical-align:		top;	
	text-align:			left;	
	margin:				0px;
	padding:			0px 1px 0px 1px;
	border-bottom:		1pt solid #E3DDCF;
}

td
{
	vertical-align:		top;	
	text-align:			left;
	margin:				0px;
	padding:			0px 1px 3px 1px;	
}

table.Paragraph td
{
	padding:			0px 1px 10px 1px;
}

ul	
{
	list-style-type:	none;
}


/*
=Forms
-----------------------------------------------------*/
input, select, textarea, .Input
{
	color:				#5C5444;	 
	font-size:			12px; /*Scale on text area*/
	font-family:		verdana, "trebuchet ms", helvetica, sans-serif;	
}

select, textarea, input.Textbox
{	
	border:				solid 1px #E3DDCF;
	padding:			2px 1px 1px 1px;
	margin-top:			1px;
}

textarea
{
	width:				530px;	
}

.FieldList .Caption, .ListCaption
{ 
	margin-top:			-5px;
	color:				#BEBBB4;	
	font-size:			11px;  /*Scale*/
	clear:				both;
} 

.InvalidField, .resulterror
{
	font-size:				11px;
	background:				url(Images/IconExclamation.gif) no-repeat;
	background-position:	0px 2px;
	margin:					0px;
	vertical-align:			center;
	padding-bottom:			3px;
	margin-left:			-10px;
	padding-left:			10px;
	color:					#EA3E32 !important;
	display:				inline-block;
} 

.resulterror
{
	margin-left:		0px;
}

.FieldList li
{
	clear:				both;	
}

.InputControl
{
	float:				left;
	padding-bottom:		10px;
}

.InputValidation
{
	padding-top:		3px;	
	padding-left:		20px;
	display:			inline-block;
}





/*
=Content: Main Image
-----------------------------------------------------
*/
.MainImage
{
	margin-top:			-75px;  /* Tied to the MainDiv padding-top */
}

.MainImageTeaser
{
	display:			block;
	position:			absolute; 
	top:				230px;
	width:				335px;
	padding:			10px 10px 10px 10px;
	background-color:	#ffffff; 
	left:				20px; 
	opacity:			0.8;
	filter:				alpha(opacity=80);
	
}	

.MainImageTeaser .T1
{
	color:				#EA3E32;
	font-size:			16px;
	font-family:		Arial;
	font-weight:		bold;
	line-height:		22px;
}

/*
=Content: Regular Images
-----------------------------------------------------
*/
.imageleft
{
	float:				left;
	margin-right:		10px;
	margin-bottom:		10px;

} 

.imageright
{
	float:				right;
	margin-left:		10px;
	margin-bottom:		10px;
} 

/*
#ImageViewer
{
	width: 20px;
	vertical-align:		bottom;
}

#ImageViewer p
{
	margin-left:		10px;	
	margin-top:			7px;
	margin-bottom:		0px;
}
*/



/*
=Content: Sidebar Top
-----------------------------------------------------
*/

#SidebarTop
{
	background-color:	#CC3A1D;
	padding:			80px 20px 0px 20px;
	font-size:			11px;
	color:				#ffffff;
	text-align:			justify;
}

#Navigation .Button, #Navigation .Bullet
{
	font-family:		verdana;
	font-size:			12px;
	color:				#ffffff;	
}

#Navigation
{
	padding-left: 1px;
}

#Navigation .Bullet
{
	font-size:			11px;
	padding-left:		1px;
}

#Navigation a, #Navigation a:visited
{
	color:				#ffffff;
}

#Navigation a:hover
{
	color:				#DEDDDA;
}

#Login
{	
	position:			absolute;
	left:				65px;
	top:				0px;
	width:				210px;
	background-color:	#A8422A;
	text-align:			right;
	line-height:		18px;
	padding:			3px 20px 4px 10px;
	font-size:			11px;
	color:				#DEDDDA;
}


#Login a
{	
	color:				#ffffff;
}

#Login a:hover
{
	color:				#DEDDDA;
}

#SiteLogo
{
	margin-bottom:		22px;	
}

#Search
{	
	margin:				12px -5px 0px -2px;
}

.SearchButton
{
	margin-top:			1px;
	margin-left:		10px;
}

#TxtSearchBox 
{
	width:				190px;
	padding:			2px;
	margin-bottom:		65px;
}


/*
Content: Sidebar Body
-----------------------------------------------
*/

#SidebarBody
{
	padding:			30px 0px 0px 20px;  /* Padding top linked to PageHeaderDiv margin-top */
	border-bottom:		1px solid #ffffff;
}

#SidebarBody .Description
{
	font-size:			11px;	
}


/*
=Content: Nav
-----------------------------------------------------
*/
#TocContainer 
{
	margin-top:			10px;
}

#TocContainerTable
{
	border-top:			1px solid #DEDDDA;
	border-bottom:		1px solid #DEDDDA;
	width:				535px;	
	padding:			0px;
	margin:				10px 0px 10px 0px;
	border-collapse:	collapse;
}

#TocContainer p.small 
{
	margin:				0px;
	padding:			0px;
	color:				#BEBBB4;  
	margin-bottom:		-10px;
	font-size:			11px;
	width:				166px;
	float:				left;
}

#TocContainer p.small b
{
	font-weight:		normal;	
}

#Toc
{
	float:				left;
	margin-top:			-13px;
	margin-bottom:		-8px;
}

#Toc a
{
	line-height:		20px;
	text-indent:		15px;
}

div.transcludedpage #TocContainer
{
	display:			none;	
}

#ExpandTocSpan
{
	display:			none;	
}

.editsectionlink
{
	display:			none;	
}

/*
=Content: ContentPanel
------------------------------------------------*/
.Section
{
	margin-bottom:		20px;
	padding-right:		20px;	
}

.SectionHeader
{	
	font-size:			16px;
	font-weight:		bold;
	color:				#5C5444;
	margin-bottom:		10px;
	height:				17px;	
}

.SectionHeader .HeaderText
{
	display:			none;	
}

/*
=Content: ContentRepeater
------------------------------------------------*/
.ContentRepeater
{
	clear:				both;
	margin-right:		-5px;  /* accounts for the extra 5px of padding after the last cell */
	margin-top:			-5px; /* accounts for the extra spacing before the first row of the repeater */
}

#PageContentDiv .ContentRepeater
{
	width:				540px;  /* 5px larger than the allowable space, but the margin-right is set to -5px to compensate */
}

#SidebarBody .ContentRepeater
{
	width:				270px;
}

.ContentRepeater td div.Placeholder
{
	background-color:	#F4F1EC;
}

.ContentRepeater .ImagePlaceholder
{	
	background-color:	#E3DDCF;
}

.ContentRepeater td
{
	padding:			0px 5px 0px 0px;	
}

.ContentRepeater tr.row td
{
	padding-bottom:		5px;
}

.ContentRepeater .Vertical div.Text
{
	margin-left:		0px;
	padding-left:		0px;
}

/*ContentRepeater - Image Left*/
.ContentRepeater .Horizontal div.Image
{
	float:				left;
	margin-right:		7px;
}

.ContentRepeater tr.row td
{
	padding-top: 10px;
}


/*
=Content: More Link
------------------------------------------------*/
.MoreButton
{
	background:			url(Images/btnSeeMore.gif) no-repeat right center;
	width:				67px;
	height:				8px;
	margin-top:			5px;
	float:				right;
	margin-right:		-20px;
	cursor:				hand;
}

#SidebarBody .MoreButton
{
	margin-right: -0px;	
}

/*
=Content: Pagination
------------------------------------------------*/

.Pagination
{
	margin-top:			40px;
	text-align:			center;
}

.Pagination .NumberStep, .Pagination .TextStep, .Pagination .Elipsis
{
	text-align:			center;
	margin:				0px 3px 0px 3px;
	padding:			2px 7px 2px 7px;
	display:			inline-block;
}

.Pagination a.NumberStep, .Pagination a.TextStep
{
	color:				#86B247;	
}

.Pagination a.NumberStep
{
	border:				1px solid #E3DDCF;		
}

.Pagination span.TextStep, .Pagination span.NumberStep
{
	color:				#999;
}

.Pagination span.Current
{
	color:				#EA3E32;	
	font-weight:		bold;
}

.Pagination .Description
{
	margin-top:			5px;
	text-align:			center;
}


/*
=Content: JSFileTree
------------------------------------------------*/
.MenuHeader .Text
{
	background-color:	#5C5444;
	vertical-align:		center;
	text-align:			left;
}


.MenuHeader .HeaderText
{
	padding:			5px;
	color:				#ffffff;	
}

/*
=Content: JSFileTree
------------------------------------------------*/
#FileListTable 
{
	width:				98%;
	margin:				0px;
}

div.subtreediv 
{
	margin:				0px 0px 0px 10px;
}

a.subdirlink 
{
	background:			url(../../Images/Dir.png) no-repeat left center;
	padding:			0px 0px 0px 18px;
}

a.filelink 
{
	background:			url(../../Images/File.png) no-repeat left center;
	padding:			0px 0px 0px 18px;
}

/*
=Content: JSImageBrowser
------------------------------------------------*/
#ImagePreviewDiv 
{
	float:				right;
	width:				256px;
	height:				268px;
	border:				solid 1px Grey;
	margin:				4px;
	padding:			4px;
	text-align:			center;
	vertical-align:		middle;
}

#ImageBrowserDiv 
{
	border:				solid 1px Grey;
	width:				616px;
}

#MainContainerDiv 
{
	overflow:			auto;
	height:				286px;
}

#UpLevelLink, #UpLevelLink:hover {
	display:			block;
	width:				96px;
	height:				96px;
	vertical-align:		bottom;
	text-align:			center;
	text-decoration:	none;
}

a.dirlink, a.dirlink:hover {
	display:			block;
	width:				96px;
	height:				96px;
	vertical-align:		bottom;
	text-align:			center;
	text-decoration:	none;
}

a.itemlink, a.itemlink:hover 
{
	display:			block;
	width:				96px;
	height:				116px;
	vertical-align:		bottom;
	text-align:			center;
	text-decoration:	none;
}

#ImagePreviewDiv 
{
	float:				right;
	width:				256px;
	height:				268px;
	margin:				4px;
	padding:			4px;
	text-align:			center;
	vertical-align:		middle;
}

#PreviewImg 
{
	height:				248px;
	vertical-align:		middle;
}

img.thumb 
{

}

#ImageDescriptionSpan 
{
	font-size:			11px;
	font-style:			italic;
}


/*
=Content: Images
------------------------------------------------
*/

.RecipeImg
{
	margin-left: 10px;
}

.RecipeImg img
{
	float:				right;	
	margin-top:			13px;
}

.RecipeImg	.Caption
{
	color:				#9D988F;
	margin-left:		-10px;
	padding-top:		32px;
	width:				170px;
	font-size:			11px;  /*Scale*/
}

	
/*
=Content: PageInfoDiv
------------------------------------------------
*/
#PageInfoDiv
{
	clear:				both;
	padding-top:		5px;
	padding-bottom:		7px;
	
}

.PageInfoText
{
	font-size:			11px;
	padding-bottom:		1px;
	color:				#BEBBB4;	
}

#ActionButtons .Button
{	
	margin-right:		3px;
}

#ActionButtons #ShareList
{
	display:			none;	
	background-color:	#ffffff;
}

#ActionButtons span:hover #ShareList 
{
	display:			block;	
	position:			absolute;
}

#ShareList 
{
	position:			absolute;
	background-color:	#ffffff;
	border:				1px #E3DDCF solid;
	padding:			2px;
	width:				100px;
	padding-bottom:		5px;
	margin-left:		20px;
	margin-top:			-1px;
}

#ShareList li
{
	padding-left:		5px;
	padding-top:		5px;
	clear:				both;	
}	

#ShareList li img
{
	margin-right:		5px;
	float:				left;	
}

#ShareList li a
{	
	margin-top:			-2px;	
}


/*
=Content: Sidebars
-----------------------------------------------------
*/



#CategoryCloud .SectionHeader
{
	background:			url(Images/headCategories.gif) no-repeat left top;	
	margin-bottom:		5px;	
}
#NewPageList .SectionHeader
{
	background:			url(Images/headNewlyAdded.gif) no-repeat left top;		
}

#RelatedPageList .SectionHeader
{
	background:			url(Images/headRelated.gif) no-repeat left top;	
}

#Recommendations .SectionHeader
{
	background:			url(Images/headRecommendations.gif) no-repeat left top;	
}

#FeaturedList .SectionHeader
{
	background:			url(Images/headRecentlyFeatured.gif) no-repeat left top;	
}


/*
=Content: Cloud
-----------------------------------------------------
*/

#CategoryCloud
{
	text-align: justify;
	margin-right: -2px;
}

#CategoryCloud a

{
	vertical-align:		middle;	
	color:				#839955;
	padding-bottom:		5px;
}

#CategoryCloud a:hover
{
	color:				#7A6237;
}


/*
=Content: Related body
-----------------------------------------------------
*/



/*
=Content: Recipe
------------------------------------------------
*/
.Yield
{
	margin-top:			1px;
	margin-right:       20px;	
	color:				#BEBBB4;
	float:				left;
	width:				130px;
	text-transform:		uppercase;
	font-size:			11px;
}

.IngredientHeader
{
	font-weight:		bold;	
	color:				#5C5444;
	padding-right:		10px;
	padding-bottom:		4px;
}

.Instructions
{	
}

.Introduction
{
	margin-bottom:		20px;
}

.InstructionHeader
{
	color:				#5C5444;
	padding-right:		5px;
	font-weight:		bold;
}

.Ingredients 
{
	padding-top:		0px;
	margin-right:		0px;
	margin-left:		180px;
	margin-bottom:		15px;
	width:				355px;
	line-height:		1.3em;
}	

.Ingredients li 
{	
	padding-bottom:		5px;
}
	
div.Ingredients .measure
{
	text-align:			right;
	width:				45px;
	margin-left:		-50px;
	float:				left;
	margin-right:		5px;
}


/*
=Measurement System
-------------------------------------------*/
.UseImperialMeasures .Metric
{
	display:			none;	
}


.UseMetricMeasures .Imperial
{
	display:			none;	
}


/*
=Content Specific Page Changes
-------------------------------------------*/
.Page_MainPage #NewPageList
{
	display: none;
}