* 						{ margin: 0; padding: 0; }
html, body 				{ height: 100%; min-height: 100%; }
body 					{ font-family: Verdana; font-size: 14px; color: #454545;
                            background: #a16660 url(/img/bak.png) repeat; }

/*--- Basics ---*/
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#111;
	line-height: 1;
	margin: 0.5em 0 0.5em 0;
}
h1 { font-size: 2.6em; }
h2, h5 { font-size: 2em; color: #666; }
h3, h6 { font-size: 1.7em; color: #00a8e6; }
h3 a { color: #00a8e6; }

h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* p { margin-bottom: 1em; } */
strong { font-weight: bold; }
em { font-style: italic; }
a { text-decoration: none; color: #454545; }
a, h1 a, h2 a { text-decoration: none; }
a:hover,
a:visited:hover { color: #A2A2A2; }
a img { border: none; }

div#container 			{ position: relative; margin: 0 10%; background-color: #f5eede; }
div#content             { width: 100%; margin-bottom: 30px; overflow: auto;  }

/*--- Header ---*/
div#header				{ margin: 0 0 30px; color: #e2d1bd; background-color: #AF0300; height: 50px; }
div#header,
div#header a            { color: #e2d1bd; }
div#header h2 			{ width: 70%; margin: .5em .5em 0 0; color: #454545; font-size: 22px; line-height: 28px; }
div#header .title		{ float: left; padding-top: 6px; height: 100%; width: 100%; text-align: center;
    font-size: 30px; }


.logo_title				{ font-size: 35px; colr: #111; float: left;  }
.tagline				{ color: #454545; font-size: 22px; float: left; }

div#user-navigation 	{ position: ABSOLUTE; right: 0; z-index: 100; padding: 5px; }
div#user-navigation div { float: right; padding: 0 5px; }
div#crumbs				{ position: absolute; top: 10px;  }


div#recipelist div		{ float: left; padding: 0px 10px; color: #454545; font-size: 22px; line-height: 30px; }

div#recipe_wrapper	    { position: relative; margin-left: 240px; }
div#ingredients			{ margin-left: 15px }
div#instructions		{ padding: 0px 15px; margin: 2px 0; }

div#usersbody			{ margin: 0 0 30px; padding: 2px 0; }
div#recipecolumn		{ position: relative; float: left; width: 200px; padding: 15px 15px; line-height: 1.8em;}
div#recipecolumn div    { border-bottom: dotted 1px #96B389; }
div#recipecolumn div:hover { background-color: #E6F5DF; color: black; }
div#recipecolumn div a:hover { color: black; }
div#blog_posts			{ position: relative; margin-left: 240px; padding: 15px 15px 30px;  }

div.intro               { padding: 60px 0; }
#tagslist               { width: 200px;  }
div.wrapper				{ width: 100%; overflow: hidden;  }
div.recipe-wrapper		{ width: 100%; overflow: hidden; background: #fff; padding: 10px 0px 0 0px; }
div#recipe-title		{ padding: 14px 15px 6px; font-size: 36px; }
div#recipe-description	{ margin-bottom: 8px; padding: 10px 15px;  }

div.addthis 			{ padding : 30px 20px; }
div.form_controls		{ float: right; }

div.subtext				{ font-size: 7px; text-decoration: italic; }
div#tags 				{ font-size: 1.7em; width: 100%; float: left; }
div#action_panel        { position: relative; margin: 0 0 60px 240px; padding: 10px 15px; }
div#action_button       { float: right; }
div#action_button a		{ margin: 10px; border: 1px solid #E9D792; background-color: #e2d1bd; padding: 3px 5px;}
div#action_button a:hover{ background-color: #FFE797; color: #454545; }
div.recipe_photo		{ float: right; border: 1px solid #454545; margin: 10px 10px 10px; padding: 4px 4px 1px 4px; }

div#recipe-footer		{ margin-top: 8px; padding: 10px 15px; font-size: 20px; }

div#featured_list       {  }

div.promoted_wrapper    { float: left; width: 236px; margin: 10px; border: 1px solid gray;
    text-align: center; }
div.promoted_name       { padding: 5px; background: #a16660 url(/img/red.png) repeat; }
div.promoted_name a     { color: #e2d1bd; }
div.promoted_recipe_wrapper { margin: 5px; }
div.promoted_recipe     { font-size: 13px;  }

/*--- Boxes and backgrounds ---*/
.white-page             { background-color: white;  }

/*--- Generic ---*/
.shadow					{
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
}

.odd                    { }
.even
div.intro               { background: white; font-size: 20px; margin: 60px 0; padding: 60px 20px; }
div.intro p,
div.intro h2            { padding: 10px 0; margin: 0 100px;  }

