/* browser-adjusted global font controls */
* {font-family:Verdana, Arial; font-size:small}

/* overall layout */
body {text-align:center; background-color:rgb(50,50,150)}
body div#contain {width:90%; border:solid; background-color:rgb(255,255,255);  border-width:0px; margin:auto; text-align:center; padding:10px; padding-top:0px; width:800px; padding:0px; border: solid 2px; padding: 2px 5px 2px 5px;  border-color:rgb(200,200,200);}
body div * {text-align:left}
a {color:blue; text-decoration:none; font-size:100%}
input {font-size:100%}
img {border: solid 1px; border-color:rgb(150,150,150)}

em {font-size:100%; font-weight:bold; font-style:normal}

/* footer styles */
body div#contain div.footer {padding:20px; font-size:60%; text-align:center; background-image:url("http://efoodi.com/resources/images/dbu.png");}
body div#contain div.footer a {font-size:100%; padding-left:10px; color:blue; text-decoration:underline}
body div#contain div.footer img {margin-top:5px; margin-bottom:5px}

/* general list styles */
ul {list-style-type:none}

/* uncategorized */
body div form {text-align:center}
a img {border:none}

/* content input boxes */
input.rectit {text-align:left; display:inline; border:solid 1px; border-color:rgb(230,230,230); background-color:transparent}
h1 input.rectit {color:rgb(255,160,100); font-size:100%}

/* content input textareas */
textarea {border:none; background-image: url("http://efoodi.com/resources/images/horgray.png"); font-size:75%; margin:0px; border:solid 0px; padding:3px; border-color:rgb(240,230,200); border-right:none; overflow:auto}
textarea.addcomment {border: solid 4px; border-color:rgb(240,230,220); background-image: url("http://efoodi.com/resources/images/yellohor500.png");}

/* content input tag boxes */
ul.tags {margin:0px; padding:0px; border:solid 0px; border-color:rgb(200,200,200); background-image: url("http://efoodi.com/resources/images/txtarea.png")}
ul.tags li label {font-size:80%; text-align:left; color:rgb(100,100,100)}

/* content input comments */
body div#contain ul.comments {margin:0px; padding:0px; background-color:white; background-image:url("http://efoodi.com/resources/images/bluehor1500.png"); background-repeat:repeat-y; padding-top:5px; padding-left:5px}
body div#contain div.comment {font-size:80%; text-align:left; padding-left:20px; padding-bottom:10px}
body div#contain ul.comments h6 {font-size:60%; margin-bottom:5px; margin-top:0px; position:relative; left:10px}
body div#contain ul.comments h6 a {font-size:100%}

/* content title headers*/
body div#contain h1.nomargin {font-family:sans-serif; font-weight:normal; margin-top:0px; padding-bottom:0px; margin-bottom:5px; font-size:120%; text-align:left; color:rgb(255,160,100);}
body div#contain h1.nomargin * {font-size:100%}

h6.nomargin {margin:0px; padding:0px}
h6.nomargin {margin-left:30px; font-size:60%; color:rgb(150,150,150)}
h6.nomargin a {font-size:100%; color:blue}

/* recipe content styles */
body div#contain h2#recipetitle {font-size:90%; font-weight:normal; padding-bottom:0px; margin-bottom:5px; color:rgb(100,100,100)}
body div#contain h2#recipetitle input {font-size:100%}

h3#preptext {margin:0px; margin-left:20px; margin-bottom:5px; font-weight:normal; font-size:75%; color:rgb(150,150,150)}
h3#preptext * {font-size:100%; color:rgb(125,125,125)}

/* search header styles */
div#searchinput {text-align:left; margin:0px; padding:0px}
div#searchinput div,div#searchinput div ul  {display:block; font-size:100%}
div#searchinput table {width:100%}
div#searchinput table tr td {width:40%}
div#searchinput table tr td img {margin-bottom:5px}
div#searchinput table tr td.rightcol {width:60%; text-align:right}
div#searchinput table tr td.rightcol form {text-align:right; font-size:100%}
div#searchinput table tr * {font-size:80%; vertical-align:middle; text-align:left; padding:0px; margin:0px}
div#searchinput table tr td input.searchbutton {text-align:center; padding:0px; margin:0px; margin-top:5px; margin-bottom:3px; font-size:100%; color:rgb(50,50,255)}
div#searchinput table tr td.rightcol form label {margin-right:5px; background-color:rgb(200,150,250); padding:2px;}
div#searchinput table tr td.rightcol form label.recres {margin-right:5px; background-color:rgb(250,150,200); padding:2px;}

/* definition of a horizontal ruler since FF doesn't like styling <hr> tags */
div.hr {margin-bottom:0px; margin-top:0px; border:solid 1px; padding:0px; border-color:rgb(220,220,220);}

h4 {text-align:left; background-color:rgb(0,200,0); padding-left:5px; border:solid 1px; border-color:rgb(220,220,220); color:rgb(230,250,230); font-weight:normal}
h4 {font-size:80%; font-weight:bold; margin-top:5px; margin-bottom:2px; padding-bottom:1px}

/* */
body div#login {margin:0px; padding:0px; padding-bottom:5px; text-align:left}
body div#login a {padding-left:10px; color:blue; font-size:130%; text-decoration:underline; cursor:pointer}

/* content main table (two-column format)*/
table#mast {margin:auto; width:100%; background-image:url("http://efoodi.com/resources/images/yellohor500.png"); background-repeat:repeat-y}
table#mast tr td {text-align:center; margin:auto; vertical-align:top; padding-left:10px; padding-bottom:20px}
table#mast tr td.leftcol {width:50%;}
table#mast tr td.rightcol {width:50%}
/* image uploading */
table#mast tr td div.imageupload {font-size:80%; text-align:center}
table#mast tr td div.imageupload input {font-size:100%}
table#mast tr td div.imageupload label {font-size:100%; color:red;}

table#mast tr td.rightcol div#ratingswidget {text-align:center; margin:auto}
table#mast tr td.rightcol div#ratingswidget div {text-align:center}
table#mast tr td.rightcol div#ratingswidget table tr td {margin:0px; padding:0px; height:20px}
table#mast tr td.rightcol div#ratingswidget table {margin:0px; padding:0px; margin:auto}
table#mast tr td.rightcol div#ratingswidget table tr {margin:0px; padding:0px}
table#mast tr td.rightcol div#ratingswidget table tr td b {font-size:80%}
table#mast tr td.rightcol div#ratingswidget table tr td input {border:solid 1px; border-color:rgb(200,200,200)}

table#profilemast tr td div.imageupload {font-size:80%; text-align:center}
table#profilemast tr td div.imageupload input {font-size:100%}
table#profilemast tr td div.imageupload label {font-size:100%; color:red;}
table#profilemast tr td.rightcol input {border:solid 1px; border-color:rgb(230,230,230)}

/* edit-recipe bar */
div.toolbar {font-size:80%; text-align:right;float:right; padding:10px}
div.toolbar a {font-size:100%; color:blue; padding-left:20px}

/* "you are editing" box*/
div.edittoolbar {font-size:80%; text-align:center; color:red; border:solid 1px; padding:2px; background-color:rgb(240,200,200)}
div.edittoolbar a {font-size:100%; color:blue; padding-left:20px; padding-right:20px}

div.comment label {font-size:100%; margin-left:30px; color:red}

/* button for submiting a recipe */
input#submitrecipe {text-align:center; font-size:80%}

/* person-viewing tabbar */
body div#contain div#tabbar {text-align:right; margin-bottom:0px; margin-top:10px; padding-bottom:0px}
body div#contain div#tabbar a {text-decoration:none; padding:5px; padding-bottom:3px; font-size:80%; font-weight:bold; border:solid 2px; border-color:rgb(220,220,220); margin-right:20px}
body div#contain div#tabbar a.inactive {color:rgb(150,150,150); background-color:rgb(240,240, 240)}
body div#contain div#tabbar a.active {background-color:rgb(150,150,150); color:rgb(255,255,255); border-color:rgb(150,150,150)}
body div#contain div#tabbar div.hr {margin:0px; padding:0px; border:solid 5px; border-color:rgb(150,150,150); background-color:rgb(150,150,150); position:relative; bottom:0px; z-index:1; color:rgb(250,250,250); font-size:120%; text-align:right; margin-bottom:0px}

/* splash-page styles */
body div#contain h1 {font-size:130%; color:red; text-align:center}
body div#contain table tr td {vertical-align:middle}
body div#contain table tr td ul * {font-size:80%; padding-bottom:15px; text-align:left}
body div#contain table tr td ul li input {padding-bottom:0px}
body div#contain table tr td input.submit {font-size:120%; text-align:center}
body div#contain table tr td ul li div.example {display:inline; color:rgb(150,150,150)}

body div#contain table tr td h2 {font-size:120%; padding:0px; color:rgb(255,160,0); margin:0px; padding-left:10px}
body div#contain table tr td ul div {font-size:100%; padding:0px; margin:1px; margin-left:30px}
body div#contain table tr td ul {margin:0px; padding:0px}

/* splash-page styles for register and login */
div#registersignin {text-align:center; background-image:url("http://efoodi.com/resources/images/dd.png")}
div#registersignin table.signin tr td h6 {color:black}
div#registersignin table.signin tr td input.submit {text-align:center; color:rgb(255,120,0); font-size:120%; margin-right:50px; padding-left:5px; padding-right:5px}

/* more registration/signin stuff */
div#registersignin table.signin {margin:auto}
div#registersignin table.signin form {margin:0px; font-size:100%; padding:0px; text-align:left}
div#registersignin table.signin tr td {vertical-align:top; font-size:80%; color:rgb(255,160,0)}
div#registersignin table.signin tr td form h6 {font-size:80%; margin: 0px; padding:0px; margin-bottom:5px; font-size:100%}
div#registersignin table.signin tr td form input {font-size:80%; margin: 0px; padding:0px; color:blue}
div#registersignin form input.submit {text-align:center; font-size:100%; margin: 0px; padding:0px; color:orange}

/* bottom splash message */
h1#bottomheader {margin-top:5px}

/* forgot password on creation */
a#forgotpassword {color:blue; font-size:80%; margin-left:5px;  text-decoration:none}

/* create user form */
body div#contain table#createmast tr td form#createuser {padding:0px; margin:0px}
body div#contain table#createmast tr td form#createuser ul * { margin-left:20px; font-size:80%; padding-bottom:15px; text-align:left}
body div#contain table#createmast tr td form#createuser ul li {color:rgb(255,160,0)}
body div#contain table#createmast tr td form#createuser ul li a#toslink {text-decoration:underline; margin-left:0px; font-size:110%}
body div#contain table#createmast tr td form#createuser ul li a { margin-left:0px; font-size:80%}
body div#contain table#createmast tr td form#createuser ul li input {padding-bottom:0px; color:blue}
body div#contain table#createmast tr td form#createuser input.submit {font-size:120%; text-align:center; color:rgb(255,120,0)}
body div#contain table#createmast tr td form#createuser ul li div.example {display:inline; color:rgb(150,150,150)}
a#needaccount {color:red; font-size:90%; text-decoration:underline}

/* login and creation errors */
div.loginerror {color:red; text-align:center; padding-top:20px; padding-bottom:20px; background-image:url("http://efoodi.com/resources/images/dd.png")}
div.loginerror a {font-size:80%; margin-left:40px}

div.createerror {color:rgb(120,200,120); padding-left:20px; margin-top:20px; background-image:url("http://efoodi.com/resources/images/dd.png");}
div.createerror ul#createerror {list-style-type:circle; margin-left:50px }
div.createerror li {color:red; font-size:80%; padding-bottom:5px}
div.createerror li a {color:blue; text-decoration:none; font-size:80%}

/* creation/login success messages */
div.successmessage {color:rgb(255,160,0)}
div.successmessage2 {color:rgb(255,0,0); margin-left:50px; font-size:80%}
div.successmessagebutton {text-align:center; color:rgb(255,160,0)}
div.successmessagebutton input.submit {color:rgb(255,120,0); margin-bottom:20px}

/* person-viewing header */
div.nameheader {color:rgb(255,160,0); font-size:120%}
div.viewtop {margin:0px; padding-top:10px; padding-bottom: 10px; background-image:url("http://efoodi.com/resources/images/bluevert600.png")}
div.viewtop form {padding:0px; margin:0px}
div.viewtop form input {color:orange; text-align:center; font-size:120%}
div.viewbody {margin:0px}
div.viewbody form {padding:0px; margin:0px; background-image:url("http://efoodi.com/resources/images/horgray.png"); padding-left:10px}
div.viewbody form ul {padding:0px; margin:0px; padding-top:10px; padding-bottom:10px; margin-left:50px}
td.itemview div {margin-left:10px}
td.itemview a {color:rgb(255,160,0); font-size:110%; text-decoration:underline}
td.itemview a.editlink {color:blue; font-size:60%; text-decoration:underline}
td.itemview div.viewitem1 {margin-left:20px; color:rgb(100,100,100); font-size:80%}
td.itemview div.viewitem2 {margin-left:40px; color:rgb(150,150,150); font-size:80%}
td.itemview div.viewitem3 {margin-left:60px; color:rgb(200,150,100); font-size:60%}
td.itemview label.deleterecipe {margin-left:80px; color:rgb(250,100,100); font-size:80%}
div.viewbottom {background-color:rgb(150,150,150); color:rgb(255,255,255); text-align:center; padding:5px}
div.viewbottom input {color:rgb(255,160,0); text-align:center; font-size:120%; padding:5px; margin:2px}

body div#contain div#recipeheader {text-align:left; padding:10px; background-image:url("http://efoodi.com/resources/images/dd.png")}
body div#contain div#recipeheader * {text-align:left}

body div#contain table#mast tr td {vertical-align:top}
body div#contain table#mast tr td ul {margin:0px; padding:0px}
body div#contain table#mast tr td ul li {color:red; padding:0px; margin:2px}

div.viewbody table#profilemast tr td.leftcol {width:33%}
div.viewbody table#profilemast tr td.rightcol {width:67%}

form#addcomment {background-color:rgb(230,230,230); margin-bottom:5px}

div#linksection {font-size:80%; text-align:left; background:transparent; margin:0px; padding:10px; background-image:url("http://efoodi.com/resources/images/txtarea.png"); background-repeat: repeat-y}
input.newlink {font-size:100%}
a.remote_link {font-size:100%; text-decoration:underline; display:block; margin-left:5px; margin-top:10px}
div#linksection label.deletelink {font-size:100%; color:red}

div#searchinput {background-image:url("http://efoodi.com/resources/images/dbu.png"); text-align:center; padding:5px}
div#searchinput table  {width:95%}

table#splashmast {width:100%; background-image:url("http://efoodi.com/resources/images/horgray.png");}
table#splashmast tr td {padding:15px}

table#profilemast {background-image:url("http://efoodi.com/resources/images/horgray.png")}
table#profilemast tr td {padding:20px}

table#createmast {width:100%; background-image:url("http://efoodi.com/resources/images/horgray.png");}
table#createmast tr td {padding:15px; margin:0px}
table#createmast tr td form {margin:0px; padding:0px}


table#profilemast h1#screenname {color:rgb(255,160,0); margin-bottom:5px; text-align:left; font-weight:normal}
table#profilemast h2#tagline {color:rgb(100,100,100); padding:0px; margin-left: 10px;font-size:90%; margin-bottom:5px; text-align:left; font-weight:normal}
table#profilemast h2#location {color:rgb(150,150,150); padding:0px; margin-left: 20px; font-size:90%; margin-bottom:10px; text-align:left; font-weight:normal}
table#profilemast h2#location input {color:rgb(150,150,150)}
table#profilemast h3#efoodinumber {color:rgb(100,100,255);  margin:0px; margin-left:20px; font-size:60%;}
table#profilemast textarea {background-image:url("http://efoodi.com/resources/images/horgray.png")}

h6.profilescreennamelabel {font-size:60%; color:rgb(170,170,200); margin:0px; padding:0px; margin-bottom:5px}
h6.profiletaglinelabel {font-size:60%; color:rgb(170,170,200); margin:0px; padding:0px; margin-top:10px; margin-bottom:5px}
h6.profileblurblabel {font-size:60%; color:rgb(170,170,200); margin:0px; padding:0px; margin-top:10px; margin-bottom:5px}

form {margin:0px; padding: 0px}

div#profilepersonal {font-size:80%; margin-top:5px; background-image:url("http://efoodi.com/resources/images/bluevert600.png"); padding:10px; margin:0px}
div#profilepersonal input {font-size:80%; margin-right:20px; margin-left:20px}
div#profilepersonal h6 {font-size:100%; margin:0px; background-color:rgb(150,150,150); color:white; padding-left:20px}
div#profileimage {margin-top:10px; font-size:80%; text-align:center}
div#profileimage input {font-size:100%}
input#profilescreenname {font-size:100%; color:rgb(255,160,0); font-weight:normal}
input#profiletagline {font-size:100%; color:rgb(100,100,100); font-weight:normal}

/* profile comments */
form#profileaddcomment table tr td.leftcol {width:60%; text-align:left; vertical-align:top}
form#profileaddcomment table tr td.rightcol {font-size:80%; width:40%;}
form#profileaddcomment table tr td.rightcol input {font-size:100%; margin-right:10px}
form#profileaddcomment {background-color:white;background-image:url("http://efoodi.com/resources/images/bluehor1500.png"); padding:10px; margin:0px}

form#addcomment table tr td.leftcol {margin-right:50px; padding-right:50px}
form#addcomment table tr td.rightcol {font-size:80%}
form#addcomment table tr td.rightcol input {font-size:80%; margin-right:10px}
form#addcomment {background-color:white; background-image:url("http://efoodi.com/resources/images/bluehor1500.png"); padding:10px; margin:0px}

body div#contain form#addcomment {/*background-color:red*/}


table#createmast tr td div#authmessage {font-size:80%; margin-bottom:20px}
table#createmast tr td div#authmessage a {font-size:100%; text-decoration:underline}


div#profileprivacy {font-size:80%; background-image:url("http:/efoodi.com/resources/images/bluevert600.png"); padding:10px}
div#profileprivacy label {font-size:100%}
table#profilemast tr td div#profileprivacy label {font-size:70%}

body div#contain div.content-border  {width:100%; height: -1px; color:white; background-color:rgb(150,150,150); border:solid 0px; padding-top:10px; padding-bottom:10px; border-color:rgb(150,150,150); text-align:left; font-size:100%; font-weight:bold}

body div#contain table#linksmast {width:100%; background-image:url("http://efoodi.com/resources/images/yellohor500.png"); background-repeat:repeat-y}
body div#contain table#linksmast tr {margin-bottom:0px}
body div#contain table#linksmast tr td.leftcol {background-image:url("http://efoodi.com/resources/images/yellohor500.png"); background-repeat:repeat-y; width:60%; padding:5px; vertical-align:top}
body div#contain table#linksmast tr td.leftcol ul li {padding:0px; margin-bottom:10px; font-size:80%;}
body div#contain table#linksmast tr td.leftcol ul li a {font-size:100%;}
body div#contain table#linksmast tr td.leftcol ul li label {color:red; margin-left:50px; font-size:60%}

body div#contain table#linksmast tr td.rightcol {width:40%; padding:5px; font-size:80%; vertical-align:middle}
body div#contain table#linksmast tr td.rightcol form {font-size:100%; text-align:left}
body div#contain table#linksmast tr td.rightcol input {font-size:80%}
body div#contain table#linksmast tr td.rightcol input#newlinksubmit {text-align:center}

h3#currentfriends {color:rgb(150,150,150); font-size:100%; text-align:left; margin-bottom:0px; text-decoration:underline}
ul.currentfriends {padding:0px; margin:0px}
ul.currentfriends li {color:red; margin-left:20px}

div#bookmarks {margin:0px; background-image:url("http://efoodi.com/resources/images/horgray.png")}
div#friends {margin:0px; background-image:url("http://efoodi.com/resources/images/horgray.png")}
body div#contain table tr td div#bookmarks ul#bookmarklist {margin-top:0px; margin-left:20px}
body div#contain table tr td div#bookmarks ul#bookmarklist li {color:rgb(50,50,50)}
body div#contain table tr td div#friends ul#friendslist {margin-top:0px; height:200px; margin-left:20px}
body div#contain table tr td div#friends ul#friendslist li {color:rgb(50,50,50)}
a.tagtrigger {cursor:pointer; font-size:70%; color:rgb(150,150,150)}
div#tagboxcontainer {visibility:hidden; margin:0px; padding:0px}
div#linkboxcontainer {display:none; margin:0px; padding:0px;}
div#tagboxcontainer div.tagboxlabel {font-size:70%; color:rgb(150,150,150); margin-top:10px; text-align:center}
div#linkboxcontainer div.tagboxlabel {font-size:70%; color:rgb(150,150,150); margin-top:10px; text-align:center}

body div#contain table tr td ul#alltags {margin-left:20px; margin-top:0px}
body div#contain table tr td ul#alllinks {margin-left:20px; margin-top:10px;}

h4#linksheader {background-color:rgb(170,170,200); color:white}
h4#tagsheader {background-color:rgb(170,170,200); color:white}

textarea#newtags {background-image:none; display:block; margin-top:2px; border:solid 1px; border-color:rgb(200,200,200); color:rgb(150,150,150); font-weight:bold}
textarea#newlinks {background-image:none; display:block; margin-top:2px; border:solid 1px; border-color:rgb(200,200,200); color:rgb(150,150,150)}

div.contenttopborder {display:inline; margin-left:20px}
div.contenttopborder a {color:white; text-decoration:underline}

body div.contain table tr td.searchrightcol {width:25%; vertical-align:top; border-left:solid 2px; border-left-color:rgb(200,200,200);}
ul.searchsidebar {margin-top:0px; margin-left:5px; font-size:80%; color:rgb(100,150,100); background-image:url("http://efoodi.com/resources/images/horgray.png"); background-repeat: repeat-y; padding-bottom:10px}

table#search_summary {width:100%; background-color:rgb(150,150,150)}
table#search_summary tr td.leftcol {width:40%; font-size:80%; vertical-align:top; color:rgb(200,200,200)}
table#search_summary tr td.rightcol {width:60%; font-size:100%; vertical-align:middle; color:rgb(250,250,250)}
table#search_summary tr td.rightcol a.inactive {margin-right:10px; color:rgb(200,200,250); text-decoration:underline}
table#search_summary tr td.rightcol a.active {margin-right:10px; color:rgb(255,255,255); font-weight:bold; text-decoration:underline}

table#search_results {width:100%; background-image:url("http://efoodi.com/resources/images/horgray.png"); background-repeat:repeat-y}
table#search_results tr td.results_leftcol {width:75%;vertical-align:top}
table#search_results tr td.results_leftcol div.search_notes {display:block; color:red; font-size:70%; margin:5px}
table#search_results tr td.results_leftcol div.search_notes div.didyoumean {display:inline; font-size:100%; color:rgb(150,150,150); margin-left:20px}
table#search_results tr td.results_leftcol ul.resultslist {margin-top:5px ; font-size:80%; margin-left:10px; color:rgb(50,150,50)}
table#search_results tr td.results_leftcol ul.resultslist li {margin:0px; font-size:130%; margin-bottom:5px; margin-left:20px; padding:0px}
table#search_results tr td.results_leftcol ul.resultslist li a {margin:0px; padding:0px; text-decoration:underline}
table#search_results tr td.results_leftcol ul.resultslist li div.subline {font-size:80%; color:rgb(100,100,100); margin:0px; margin-left:10px}
table#search_results tr td.results_leftcol ul.resultslist li div.subsubline {font-size:80%; margin:0px; margin-left:20px;color:rgb(150,150,150)}

input.coolbutton {background-color:rgb(240,240,240); border-color:rgb(200,200,200);}


body div.contain table tr td div#ratingswidget {border:solid 1px}