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

p.desc { font-size:12px; margin:10px 0; }

.floatr { float:right; font-size:12px; line-height:24px; }

#side .signup h4 { font-size:20px; margin:10px 0 0 0; }
#side .signup h5 { margin:15px 0 5px 0; padding:0; }
#side .signup ul { margin-left:20px; list-style:disc;}
#side .signup ul li { margin:5px 0; line-height:150%;}

#side .signin h4 { font-size:20px; color:#595959; padding:0 0 5px 0; border-bottom:1px solid #DDD; }
#side .signin form div { margin:10px 0; }
#side .signin form div label { float:left; padding:3px 0 0 0; width:75px; text-align:right; margin:0 10px 0 0; }
#side .signin form div p { margin-left:85px; }
#side .signin form div  input.text { width:190px;}
#side .signin form div.submit { border-top:1px solid #DDD; padding:10px 0 0 0; text-align:right; }

#content #main { position:relative; }
#content #main .welcome { margin:0 0 20px 0; }
#content #main .welcome h2 { font-size:24px; font-weight:normal; }
#content #main .welcome h3 { font-size:18px; font-weight:normal; }

.filters { text-align:center; font-size:11px; margin:15px 0 0 0;  }

#toolbar .avatar  { text-align:center; }
#toolbar .avatar img { border:3px solid #595959; }


.recipe { float:left; width:440px; }
.recipe .actions { float:right; }
.recipe .image { float:left; margin:0 10px 10px 0; width:136px;  border:1px solid #7b6f49;}
.recipe h3 { font-size:16px; margin:0 0 0 145px; }
.recipe table.stats { font-size:12px; line-height:150%; margin:10px 0 10px 145px;}
.recipe table.stats tr td { white-space:nowrap; padding-right:10px; }
.recipe p.desc { clear:left; font-size:12px; }


#shopping-list ul { list-style:none; }
#shopping-list ul li { position:relative; border-bottom:1px solid #e5e5e5; padding:5px; font-size:14px; }
#shopping-list ul li.active { background-color:#ebebeb; }
#shopping-list ul li input.checkbox { margin-right:5px; }
#shopping-list ul li .ingredients { display:none; margin:10px 0 0 20px; font-size:12px; line-height:150%; }
#shopping-list .submit { margin:5px 0; }

#shopping-list .recipe .actions { float:right; margin:0 0 0 10px; position:relative; }
#shopping-list .recipe .actions img { cursor:pointer; }
#shopping-list .recipe .actions .drop { display:none; position:absolute; top:0px; right:25px; width:150px; background:url(/css/img/recipe/drop-top.gif) top left no-repeat; padding-top:7px; }
#shopping-list .recipe .actions .drop .din { background:url(/css/img/recipe/drop-bot.gif) bottom left no-repeat; padding-bottom:7px; }
#shopping-list .recipe .actions .drop ul { list-style:none; background:url(/css/img/recipe/drop-bg.gif); }
#shopping-list .recipe .actions .drop ul li { border-top:1px solid #e5e5e5; border-bottom:none; margin:0 3px; padding:3px 5px; font-size:11px; text-align:right; }
#shopping-list .recipe .actions .drop ul li.first { border-top:none; }

#print-frame { display:none; width:390px; height:500px; position:absolute; border:8px solid #595959; background:#FFF; top:25px; left:30px; z-index:99; }
#print-frame .close { position:absolute; top:-20px; right:-20px; }
#print-frame iframe { width:100%; height:100%; border:none; }

textarea.code { width:99%; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; margin:0 0 20px 0 }
table.buttons { text-align:center;}
table.buttons img { margin:0 0 5px 0; cursor:pointer; }
table.buttons textarea { width:99%; margin:5px auto; }
h3.submit { font-weight:normal; }