@import 'blueprint/lib/reset.css';
@import 'forms.css';
/*@import 'navigation.css';*/

body{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #303030;
	background: #eccf98 url("../base/stucco-bkg.jpg") no-repeat fixed top;
 	margin: 19px 0 36px 0;
 	text-align: center;
}

#recipe h1 {
    color: #a82a10  ;
}
#recipe h2, #recipe h3, #recipe-summary h3, #recipe-summary h4 {
    color: #b07239;
}
h1 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 18px;
    font-weight: bold;
}

h2 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 18px;
    font-weight: bold;
}

h3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}

h4 {
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
}

h5 {
    font-size: 10px;
    line-height: 18px;
    font-weight: bold;
}

h6 {
    font-size: 10px;
    line-height: 18px;
}

p {
    margin-bottom: 18px;
}

ul, ol {
    margin-bottom: 18px;
    padding-left: 32px;
}

dl {
    margin-bottom: 18px;
}
dl dt {
    font-weight: bold;
    line-height: 18px;
}

dl dd {
    padding-left: 10px;
    margin-bottom: 18px;
}

#content img {
    margin-bottom: 15px;
    line-height: 18px;
    padding-bottom: 0;
}

#headmast a {
    display: block;
    line-height: 12px;
    border: 0;
    padding: 0;
    margin: 0;
}
#headmast a img {
    padding: 0;
    margin: 0;
    border: 0;
}

#navigation {
    background: #DDD url('../navigation/nav_WOOD.jpg') repeat-x;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}
#navigation a {
    display: block;
    line-height: 1px;
    padding: 0;
    margin: 0;
    border: 0;
    
}
#navigation a img {
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
}
#navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#navigation li {
    display: inline;
    float: left;
    padding: 0;
    margin: 0;
}

#navigation ul li a {
    padding: 0;
    margin: 0;
}


#recipe {
    float: left;
    width: 410px;
    padding-left: 10px;
}

#recipe ul {
    list-style: none;
    padding: 15px;
}

#recipe ol {
    padding: 15px;
}

#recipe-summary, #recipe {
    font-size: 12px;
}

#recipe-summary {
    width: 250px;
    float: left;
}

#recipe-summary ul {
    list-style: none;
    padding-left: 10px;
}

#recipe-summary div {
    padding-left: 10px;
}

#recipe-search {
    margin-bottom: 18px;
}

#container {
    width: 853px;
    margin: 0 auto;
    border: 1px solid black;
    background-color: #fcefde; 
}

.gridbackground {
    background-image: url("../style/blueprint/lib/grid.png");
}

/* -- content -- */
#content {
    clear: both;
    text-align: left;
    padding-right: 10px;
}

#sidebar {
    float: left;
/*    width: 173px;*/
    width: 170px;
    font-size: 12px;
    background: #f8e4c1 url("../recipe/page/left-col-bkg.jpg") repeat-y right;
    padding-bottom: 36px;
}

#right-sidebar {
    width: 165px;
    float: left;
    /*background: #f8e4c1 url("../recipe/page/right-col-bkg.jpg") repeat-y left;*/
    padding-left: 10px;
    font-size: smaller;
    color: #a82a10;
/*    color: #ce9f5a;*/
}
#right-sidebar ul {
    list-style: none;
    margin-left: 0;
    padding-left: 10px;
}

#right-sidebar ul ul {
    list-style: disc;
    margin-left: 10px;
}

#right-sidebar li {
    margin-left: 0;
}

a {
    color: #a82a10;
    text-decoration: none;  
}

a:hover {
    color: black;
}

#footer {
    margin:0;
    padding:0;
    width: 100%;
    clear: left;
    border-top: 1px solid #d1933f;
}

#footer ul {
    list-style: none;
    margin-bottom: 0;
}

#footer li {
    display: inline;
    margin: 0;
    padding: 0 18px 0 0;
    font-size: 10px;
    font-weight: bold;
    line-height: 18px;
}

.list-container {
    padding: 0px 5px;
}

.list-container h1, .list-container h2, .list-container h3, .list-container h4, .list-container h5, .list-container h6 {
    text-align: center;
    color: #ce9f5a;
}
.list-container ol {
    list-style-type: disc;
    color: #ce9f5a;
    padding-left: 20px;
}

.list-container li {
    font-size: 10px;
}
.list-container li a {
    display: inline;
}

#quickRecipeSearch {
/*    padding-top: 54px;
    padding-bottom: 15px; 
    padding-left: 10px; 
    padding-right: 10px; */
    background-color: #492411;
    background-image: url("../recipe/page/quicksearch.jpg");
}

#quick-recipe-search-q {
    margin-top: 54px;
    margin-bottom: 16px;
    margin-left: 10px;
}

#quick-recipe-search-go {
    margin-top: 54px;
    margin-bottom: 16px;
}
#quickRecipeSearch h2 { display: none;}

#content #product, #content #productRecipes, #content #recipeList, #content #favorites,
#content div.promotion {
    padding: 0 10px;
}

li.recipe-item {
    padding: 0 10px;
    clear: both;
}

.promotion img {
    margin-right: 10px;
    margin-bottom: 18px;
}

.currentpage {
    font-weight: bold;
    text-decoration: underline;
}

.tinytype {
    font-size: 10px;
    line-height: 14px;
}

.go-button {
    background: transparent url('go.gif') no-repeat;
    width: 49px;
    height: 30px;
    outline: none;
    border: 0;
}

.recipe-search {
    width: 95px;
}

.alert {
    color: red;
}

ul.result {
    list-style: none;
}

ul.result li.url {
    color: green;
}

#center {
    width: 650px;
    margin: 0 auto;
}
#filters {
    width: 226px;
    float: left;
    margin-right: 10px;
    background-color: #f8e4c1;
    padding: 5px 5px;
    border-top: 1px solid #d1933f;
    border-bottom: 1px solid #d1933f;
}

#filters ul {
    list-style: none;
    padding-left: 10px;
}
ul#recipe-list {
    float: right;
    list-style: none;
    padding: 0;
    width: 400px;
    
}

ul#recipe-list li.favorite {
    clear: both;
}

ul#recipe-list li div.thumbnail {
    float: right;
    margin: 0;
    padding: 0;
    line-height: 1px;
}

div.basic {
    width: 400px;
    margin: 36px auto;
}

ul.messages {
    list-style: none;
    background-color: #f8e4c1;
    padding: 5px 5px;
    border-top: 1px solid #d1933f;
    border-bottom: 1px solid #d1933f;
    color: green;
}

ul.messages li {
    text-align: center;
}

#paginator {
    text-align: center;
}