﻿body, html          { background-color: #FBFFD7; padding: 0; margin: 0; height:100%; font-family: Verdana, Arial; font-size: 10px; color:#030;}
input               { font-size: 10px; }
button              { background: url(/img/buttonBG.jpg) left repeat-x; border: none; height: 20px; color: #fff; font-family: Verdana, Arial; font-size: 11px; padding: 0 3px 3px 3px; }
a                   { color: #FFF; text-decoration: none; }
a:hover             { color: #666; }
label               { margin-right: 10px; font-weight: bold; }
textarea            { font-family: Verdana, Arial; font-size: 10px; }
hr                  { margin: 2px 0px 2px 0px; height: 2px; border-bottom: #fff 1px solid; border-top: #4B701B1 kkpx solid; border-left: none; border-right: none; }
table               { border-spacing:0px; border-collapse:collapse; }
img                 { border-style: none; } 

#pageContainer      { width: 760px; height: 100%; }
#superHeader        { height: 15px; width: 100%; background: url(/img/leftcolumnBG.jpg) left repeat-y; font-size: 9px; text-align: left; padding-left: 150px; font-style:italic;}
#header             { height: 125px; width: 100%; background: url(/img/title.jpg) left top no-repeat; }
#leftColumn         { width: 124px; height:1000px; float: left; background: url(/img/leftcolumnBG.jpg) left repeat-y; padding: 0px 0px 5px 10px; line-height: 20px; color: #fff; }

#LeftMenu input     { width: 98px; background-color:#FBFFD7; border:none; font-size:10px; padding:2px 2px 2px 4px;}
#LeftMenu button    { margin-top: 5px; }
#LeftMenu label     { font-weight:normal; }

#rssLink            { position:absolute; bottom:5px; }

div.default         { background-color:#FBFFD7; }
tr.alternate        { background-color:#F3F1BE; }
div.alternate       { background-color:#F3F1BE; }
.FloatRight         { float:right; }
.FloatLeft          { float:left; }

.content            { margin: 0 5px 15px 134px; padding:0 0 0px 15px; height:100%; }
.content a          { color: #4B701B; text-decoration: none; }
.content a:hover    { color:#666; }
h1                  { font-size: 18px; margin: 0 0 8px 0; padding:0;}
.Indent             { padding-left: 15px; }
.RowSpace           { height: 35px; vertical-align: bottom; }
input.Qty           { width: 30px; }
input.Unit          { width: 75px; }
input.Ingr          { width: 180px; }
input.Note          { width: 150px; }
input.Full          { width: 265px; }
textarea            { width: 425px; height: 25px; }

#New                { background:url(/img/rasberryBG.jpg) bottom left no-repeat; }
#Recent             { background:url(/img/cucumberBG.jpg) bottom left no-repeat; }

#Recipe img.main         { padding:8px 0 8px 0; }
#Recipe td               { vertical-align:top; }
#Recipe #Ingredients td  {padding:4px 4px 4px 8px; }
#Recipe #Ingredients     {margin-bottom: 10px; }
#Recipe #Instructions td {padding: 8px 0 8px 5px; }

#Comments                { width:167px; z-index:5; float:right; position:absolute; right:5px;}
#Comments table          { width:100%; }
#Comments .Header        { height:27px; background:url(/img/miniBoxHeader.gif) no-repeat; font-size:11px; padding:3px 0 0 10px;}
#Comments .Body          { background:url(/img/miniBoxBody.gif) repeat-y; padding:0px 4px 4px 24px;}
#Comments div.Comment    { margin-bottom:5px; width:140px; overflow:hidden; }
#Comments .Footer        { height:22px; background:url(/img/miniBoxFooter.gif) no-repeat; padding:4px 0 0 24px; }
#Comments .FullComment   { display:none; background-color:#F3F1BE; padding:5px 5px 5px 5px; border:1px solid #75AE29; margin-top:10px  }

#NewComment              { float:right; margin:5px 0 0 0; background-color:#F3F1BE; padding:5px 5px 5px 5px; border:1px solid #75AE29; display:none;}
#NewComment textarea     { width:300px; height:100px; margin-top:5px; }

#Links                   { background:url(/img/tomatoBG.jpg) bottom left no-repeat; }
#Links ul                { font-size:11px; }
#Links li                { padding:10px 0 0 0; }
#Links li a              { font-weight:bold; }

.RecipeSummary              { margin:10px 0 0 0; height:120px;}
.RecipeSummary div.thumb    { float:left; width:160px; height:100%; margin-right:10px; }
.RecipeSummary .RecipeText  { padding:5px 5px 5px 165px; }



