#body-wrap {width: 900px; margin: 20px auto 0; overflow: hidden;}

a, a:visited {color: #A600A6;}
a:hover, a:visited:hover {color: #E40045;}

#title {font-family: 'Oleo Script', cursive; font-size: 35px; line-height: 35px; margin: 0 20px 25px 0; float: left;}
#title a {color: #6C006C;}
#title a:hover {color: #7C1F7C;}

header {overflow: hidden; text-align: center;}
header form {display: inline-block;}
#add-btn {float:right; margin-top: 15px; padding: 2px;} 
#search-input {width: 250px; margin-top: 15px;}

nav:not(.segmented-button) {border-right: 1px solid #6C006C; display: inline-block; float: left; margin-right: 34px; width: 145px;}

nav .form-list {padding-left: 0; margin-left: 0;}
nav .form-list li {margin-left: 0;}

/* Tag Cloud Styles */
#tag-cloud {background:#CFE3FF; word-wrap: break-word; color:#0066FF; width: 110px; padding: 6px 6px 2px; border: 1px solid #559DFF; text-align:center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden;}
#tag-cloud a:link, #tag-cloud a:visited {text-decoration:none; color: #333;}
#tag-cloud a:hover {text-decoration: underline;}
#tag-cloud .tag {padding: 3px;}
#tag-cloud .smallest {font-size: 12px;}
#tag-cloud .small {font-size: 13px;}
#tag-cloud .medium {font-size:14px;}
#tag-cloud .large {font-size:15px;}
#tag-cloud .largest {font-size:16px;}
#tag-cloud #all-tags {float: right; font-size: 11px;}
#tag-cloud.large {width: 700px; padding: 7px;}
#tag-cloud.large .smallest {font-size: smaller;}
#tag-cloud.large .small {font-size: small;}
#tag-cloud.large .medium {font-size: medium;}
#tag-cloud.large .large {font-size: large;}
#tag-cloud.large .largest {font-size: larger;}

#content {float: left; margin: 0 5px 30px 0; width: 715px;}
#content h2 {margin-right: 6px;}
#content h2.left {display: inline-block;}

/* Form Styles */
form {display: block;}
.form-list {list-style-type: none; padding: 10px;}
.form-list li {padding: 3px 3px 4px 0px; overflow: hidden;}
.form-list li.multi-line label {position: absolute;}
.form-list li.multi-line > span {margin-left: 160px; display: block;}
.form-list li.error label {color: #f00;}
.form-list li.error input {border: 1px solid #f00;}
.form-list label {width: 150px; float: left; text-align: right; padding-right: 8px;}
.form-list fieldset {border: 0;}
.form-list textarea {height: 175px; width: 350px; resize: none;}
.form-list .submit-li {text-align: center;}
.form-list #submit-btn {float: right; margin: 10px; padding: 4px;}
.form-list.short label {width: 50px;}
.form-list.flexible label {width: auto; text-align: center;}
.form-list #input-notes {height: 80px;}

/* Special Form Items */
#input-ingredients-add {margin: 0px 10px 6px 0px;}
#input-ingredients {margin-left: 158px; width: 350px; height: 150px;}
#input-rmv-ingredient {vertical-align: top;}

table {width: 100%; font-size: 15px;}
table tr:nth-of-type(even) {background-color: #ddd;}
table td {padding: 1px 4px;}
table ul {list-style-type: none;}

/* Recipe Thumbs */
#recipes {overflow: hidden; margin-top: 20px;}
.recipe {overflow: hidden; width: 175px; height: 175px; float: left; margin-right: 60px; position: relative; border:solid 2px #000000;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
border-radius:10px;}
.recipe:hover .btm-bar {height: 22px;}
.recipe .btm-bar {position: absolute; bottom: 0px; height: 0; width: 100%; text-align: center; line-height: 22px; font-size: 16px; -webkit-transition: all .3s ease-in;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;}
.recipe .btm-bar .transparent {position: absolute; width: 100%; height: 100%; background: #000; opacity:.6; filter:alpha(opacity=60); -moz-opacity:0.6;}
.recipe .btm-bar .title {color: #fff; text-align: center; position: relative;}
.recipe.fave .btm-bar .fave {background: url(../img/fave.png) 2px 4px no-repeat; height: 22px; width: 18px; float: left; display: inline-block; position: relative;}
.recipe.private .btm-bar .private {background: url(../img/lock.png) -1px 2px no-repeat; height: 22px; width: 16px; float: right; display: inline-block; position: relative;}

#recipes-table {}
#recipes-table td.img-wrap {text-align: center; padding: 15px 0;}

/*
Segment Control
http://schinckel.net/2012/01/23/styling-radio-buttons-like-a-segmented-button/
*/
.segmented-button {
  padding: 12px;
}
.segmented-button input[type="radio"] {
  width: 0px;
  height: 0px;
  display: none;
}
.segmented-button label {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  border-radius: 4px;
  text-shadow: white;
  background: linear-gradient(#ffffff, #e4e4e4);
  border: 1px solid #b2b2b2;
  color: #666666;
  padding: 5px 24px;
  padding-bottom: 3px;
  font-size: 12px;
  cursor: pointer;
  font-family: Helvetica;
  border-radius: 0px;
  margin-right: -5px;
}
.segmented-button label {
  *display: inline;
}
.segmented-button label:hover {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  color: #333333;
}
.segmented-button label:active, .segmented-button label.active {
  background: linear-gradient(#e4e4e4, #ffffff);
}
.segmented-button label:disabled, .segmented-button label.disabled {
  background: linear-gradient(#ffffff, #efefef);
  cursor: default;
  color: #b2b2b2;
  border-color: #cccccc;
  box-shadow: none;
}
.segmented-button label.first {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.segmented-button label.last {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.segmented-button input:checked + label, .segmented-button label.selected {
  background: linear-gradient(#e4e4e4, #ffffff);
}
.segmented-button input:disabled + label {
  background: linear-gradient(#ffffff, #efefef);
  cursor: default;
  color: #b2b2b2;
  border-color: #cccccc;
  box-shadow: none;
}
.segmented-content {display: none;}
.segmented-content.active {display: block;}

/* View Single Recipe Page */
#edit-recipe {display: inline-block; padding-bottom: 5px;}
.recipe-info-wrap {overflow: hidden; position: relative;}
#recipe-img {float: left; border: 1px solid black;}
#toggle-wrap {display: block;}
#toggle-fave.loading {opacity: .5; cursor: wait;}
.form-list.recipe-info {position: absolute; bottom: 0; margin-left: 377px;}
.form-list.recipe-info li label {width: 100px;}
.ingredients {margin: -2px 0 0;}
.ingredients li {list-style-type: circle; margin-left: 0; padding-bottom: 0;}
.ingredients li span {cursor: pointer;}
.ingredients li .strike {text-decoration: line-through;}

.msg.error {text-align: center; border: 1px solid #f00; background-color: #faa; margin: 0 auto 10px; padding: 3px 6px; display: block;}
.msg.success {text-align: center; border: 1px solid #0b0; background-color: #afa; margin: 0 auto 10px; padding: 3px 6px; display: block;}
.msg.warning {text-align: center; border: 1px solid #fe0; background-color: #ffa; margin: 0 auto 10px; padding: 3px 6px; display: block;}
.msg.info {text-align: center; border: 1px solid #00f; background-color: #aaf; margin: 0 auto 10px; padding: 3px 6px; display: block;}

footer {overflow: hidden; text-align: center; width: 100%; font-size: 13px;}