@charset "utf-8";
/* CSS Document */

html {
font-family: sans-serif;
}

h1 {
text-align:right;
padding-top:30px;
margin-right:30px;
font-size:48px;
}

body, html, div.container, div#footer {
margin-top:0;
margin-bottom:0;
padding-bottom:0;
}

div#sliceOne {
background-repeat:no-repeat;
height:118px;
}

div#sliceTwo {
background-repeat:no-repeat;
height:43px;
}

div#sliceTwo h3 {
text-align:right;
margin-right:100px;
padding-top:12px;
}

div#body {
background-color:white;
}

div#content {
padding-top:10px;
padding-right:10px;
text-align:justify;
width:780px;
}

div#sideBar {
padding-top:10px;
width:300px;
}

div#footer {
background-repeat:no-repeat;
height:87px;
margin-bottom:-4em;
}

div#footer address {
text-align:center;
margin-top:30px;
}

/* -------------------MENU--------------------- */

div#menu ul {
list-style:none;
font-size:20px;
margin-left:0px;
margin-right:0px;
text-align:right;
}

div#menu li {
padding-right:10px;
}

div#menu a {
text-decoration:none;
}



form#recipe button {
float:right;
margin-right:13px;
border: 1px solid black;
}

textarea {
width: 765px;
}

textarea#id_1-notes, textarea#id_variations {
height:70px;
}

textarea#id_body {
height:170px;
}

div.buttonRow {
text-align: right;
}

a.done {
margin-right: 13px;
}

form#recipe input#id_title {
width: 530px;
}

input {
border: 1px solid #bbb;
margin-bottom:6px;
}

input:focus {
border-color:#666;
}

div.recipeMeta {
clear: both;
}

div.recipeMeta input, select {
width:79px;
margin-right:10px;
}

div.recipeMeta label {
margin-right:3px;
}

div.ingredientBlock input[id|="quantity"] {
width:30px;
}

div.ingredientBlock {
clear:both;
}

ul#ingredientList {
width:100%;
}

ul#ingredientList li {
width: 340px;
float:left;
}

ul#ingredientList span.edit {
margin-left:5px;
}

form#recipe p {
margin-right:13px;
}

p.error {
clear:both;
}

div.mainContent {
clear:both;
}

/* ------------RECIPE FORM--------------------- */
div.recipe {
margin-right:13px;
}

div.recipe h2, p.serves {
text-align:center;
}

p.tags {
text-align:right;
}

ul#ingredients {
width:100%;
}

ul#ingredients li {
font-style: italic;
width: 340px;
float:left;
}

div.recipe blockquote {
float:right;
width: 30%;
}