@charset "UTF-8";
/* +++++++++++++++++++++++++
	      Typography
   +++++++++++++++++++++++++ */
.noDisplay {
	position: absolute;
	left: -9999px;
	width: 1em;
	overflow: hidden;
}
body {
	font: 85%/1.6 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #3C3C3C;
}
/* breadcrumb divider ex. >> */
.bc {
	font-size: 16px;
}
h3 + p, ul, h4, h5 {
	margin-top: 0.5em;
}
/* +++++++++++++++++++++++++
	     End Typography
   +++++++++++++++++++++++++ */
   
/* +++++++++++++++++++++++++
	   Rounded Box Fixed
   +++++++++++++++++++++++++ */
.box {
	width: 677px;
	background: url(../images/layout/rounded-box-tile.png) repeat-y;
	margin-top: 2em;
	margin-bottom: 2em;
}
.box h3 {
	background: url(../images/layout/rounded-box-top.png) no-repeat left top;
	padding-top: 15px;
}
.header-background {
	background: url(../images/layout/header-background.png) no-repeat left top;
	height: 33px;
	width: 605px;
	display: block;
	margin: 15px 0 20px 0;
}
.box .last {
	background: url(../images/layout/rounded-box-bottom.png) no-repeat left bottom;
	padding-bottom: 20px;
	display: block;
}
.box h3, .box p, .box h4 {
	padding-left: 30px;
	padding-right: 20px;
}
p {
	margin: 0; /* fixes bug in IE */
}
.box h3 {
	font-size: 2em;
	color: #AAA;
}
.box h4 a {
	font-size : 1.8em;
	color:  #84523B;
}
/* Ingredients */
.box h5 {
	font-size: 1.6em;
	color: #84523B;
	padding-left: 30px;
}
.box > ul {
	list-style: url(../images/layout/check.png) none;
	padding-left: 55px;
	line-height: 2.2em;
}
/* View Layout */
.box ul + p {
	margin: 1.8em 0 0 .5em;
	width: 17em;
}
.box a {
	color: #69F;
	text-decoration: none;
}
.box a:hover {
	color: #69F;
	text-decoration: underline;
}
/* +++++++++++++++++++++++++
	 End Rounded Box Fixed
   +++++++++++++++++++++++++ */
   
/* ++++++++++++++++++++++++++++++++++++++++++++++++++
	     Display Recipe Items Index and View
   ++++++++++++++++++++++++++++++++++++++++++++++++++ */
.img-wrapper {
	background: url(../images/product/shadow.gif) no-repeat bottom right;
	clear: both;
	float: right;
	position: relative;
	margin: 10px 40px 30px 35px;
}
.img-wrapper img {
	background-color: #fff;
	border: 1px solid #CACACA;
	padding: 8px;
	display: block;
	margin: -5px 5px 5px -5px;
	position: relative;
}
/* View Layout - adds spacing around image and paragraph */
.img-wrapper-view {
	margin: 1.8em 3em 0 0;
}
.paginationControl {
	color: #69F;
	font-size: 15px;
	margin: 5em 0 1.5em 2.2em;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++
	    End Display Recipe Items Index and View
   ++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++
            Layout Visual Display Elements
   ++++++++++++++++++++++++++++++++++++++++++++++++++ */
#inner-wrapper {
	background: url(../images/layout/repeating-wrapper.png);
	width: 944px;
}
#branding {
	height:146px;
	background: url(../images/layout/banner.png) no-repeat;
	width: 944px;
}
.bread-pic {
	background: url(../images/layout/bread-pic.png) no-repeat;
	width: 256px;
	height: 189px;
	position: relative;
	z-index: 5;
	top: -4.6em;
	left: 0;
}
.logo {
	background: url(../images/layout/logo.png) no-repeat;
	width: 368px;
	height: 63px;
	position: relative;
	z-index: 5;
	top: -18.7em;
	left: 11.8em;
}
.banner-pic {
	background: url(../images/layout/french-dip-pic.png) no-repeat;
	width: 410px;
	height: 330px;
	position: relative;
	top: -26.8em;
	left: 38.7em;
}
#search {
	display:inline;
	position: relative;
	left: 48.4em;
	top: -32em;
	height: 1.4em;
	font-size: 15px;
	color: #666;
	z-index: 5;
}
#top-nav {
	position:relative;
	z-index: 0;
	height:52px;
	background: #683D2F url(../images/layout/top-nav.png);
	width: 932px;
	margin-left: 6px;
}
#site-info {
	background: url(../images/layout/site-info.png) no-repeat;
	width: 944px;
	height: 146px;
}
#site-info p {
	color:#FFF;
	padding: 32px 0 0 20px;
}
#site-info a {
	color:#fff;
	text-decoration: none;
}
#site-info a:hover {
	color:#fff;
	text-decoration: underline;
}
#site-info .validate {
	float:right;
	margin: -5.4em 1.5em 0 0;
}
#site-info a[href^="http:"] {
 background: url(../images/layout/externalLinkFooter.png) no-repeat right top;
 padding-right: 10px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++
          End Layout Visual Display Elements
   ++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++
       Sub Category Box
   +++++++++++++++++++++++++ */
.sub-box {
	width:177px;
	background: url(../images/layout/rounded-box-tile2.png) repeat-y;
	margin: 2em 0 0 1.9em;
}
.sub-box h3 {
	background: url(../images/layout/rounded-box-top2.png) no-repeat left top;
	padding-top: 30px;
}
.sub-box .last {
	background: url(../images/layout/rounded-box-bottom2.png) no-repeat left bottom;
	padding-bottom: 30px;
	display: block;
}
.sub-box h3, .sub-box a {
	padding-left: 15px;
}
p {
	margin: 0; /* fixes bug in IE */
}
.categorylist a {
	color: #6699ff;
	text-decoration: none;
	font-size: .9em;
}
.categorylist a:hover {
	color: #6699ff;
	text-decoration: underline;
}
.categorylist h3 {
	font-size: 1.8em;
	color: #aaaaaa;
}
/* +++++++++++++++++++++++++
     End Sub Category Box
   +++++++++++++++++++++++++ */
   
/* +++++++++++++++++++++++++
       Stringball Box
   +++++++++++++++++++++++++ */
.box-stringball {
	width:170px;
	background: url(../images/layout/rounded-box-tile2.png) repeat-y;
	margin: 2em 0 0 1.8em;
}
.box-stringball h3 {
	background: url(../images/layout/rounded-box-top2.png) no-repeat left top;
	padding-top: 15px;
}
.box-stringball .last {
	background: url(../images/layout/rounded-box-bottom2.png) no-repeat left bottom;
	padding-bottom: 20px;
	display: block;
}
p {
	margin: 0; /* fixes bug in IE */
}
/* +++++++++++++++++++++++++
     End Stringball Box
   +++++++++++++++++++++++++ */   
 
/* ++++++++++++++++++++++++++++++++++++++++++++++++++
    Absolute positioning nav-tools elements 
   ++++++++++++++++++++++++++++++++++++++++++++++++++ */
#nav-tools {
	position: absolute;
	top: .3em;
	left: 36.2em;
	margin: 0;
	width: 432px;
	height: 43px;
}
#nav-tools li {
	float: left;
}
#nav-tools a {
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: 1px;
}
#nav-home {
	margin: -11px 0 0 0px;
	padding: 22px 20px 0 0px;
}
#nav-home a:hover {
	text-decoration: underline;
}
#nav-login a {
	margin: -11px 0 0 0px;
	padding: 22px 0 0 17px;
	background: url(../images/layout/button-green.png) no-repeat 0px;
}
#nav-signup a {
	margin: -11px 0 0 16px;
	padding: 22px 0 0 8px;
	background: url(../images/layout/button-orange.png) no-repeat 0px;
}
#nav-logout a {
	margin: -11px 0 0 0px;
	padding: 22px 0 0 10px;
	background: url(../images/layout/button-green.png) no-repeat 0px;
}
#nav-recipes a {
	margin: -11px 0 0 0px;
	padding: 22px 0 0 10px;
	background: url(../images/layout/button-blue.png) no-repeat 0px;
}
#nav-registered-users a {
	margin: -11px 0 0 16px;
	padding: 22px 0 0 15px;
	background: url(../images/layout/button-blue.png) no-repeat 0px;
}
#nav-login a, #nav-logout a, #nav-recipes a, #nav-signup a, #nav-registered-users a {
	display: block;
	height: 43px;
	width: 90px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++
       End Absolute positioning nav-tools elements 
   ++++++++++++++++++++++++++++++++++++++++++++++++++ */
   
   
/* ++++++++++++++++++++++++++++++++++++++++++++++++++
       Admin table listings for list.phtml
   ++++++++++++++++++++++++++++++++++++++++++++++++++ */
td {
	font-size: 1.2em;
	color: #424242;
	padding: 5px 5px;
	text-align: left;
	border-bottom: 0px;
	border-top: 0px;
	border: 1px solid #d9d9d9;
}
th {
	font-size: 1.2em;
	font-weight: normal;
	color: #424242;
	text-align: left;
	padding: 5px;
	border: 1px solid #d9d9d9;
}
table .odd {
	background: #f6f6f6;
}
.datatable {
	margin: 1.5em 0 0 2.3em;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++
      Admin table listings for list.phtml
   ++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++
     Admin
   ++++++++++ */
.uploaded-thumb {
	margin: 1em 0 0 2.6em;
}
.uploaded-thumb:after {
	content: "Current thumbnail image for your recipe.";
	display:inline;
	font-style: italic;
	color: #84523B;
	margin: 0 0 0 1.8em;
}
.back-arrow {
	margin-left: 2.5em;
	padding-left: 20px;
	background: url(../images/layout/back-arrow.png) left center no-repeat;
}
/* ++++++++++
   End Admin
   ++++++++++ */