a
{
    color: #369;
}
a:hover
{
    color: #2296bb;
    /*background: #369;*/
    text-decoration: none;
}
h1, h2, h3
{
    margin: .8em 0 .2em 0;
    padding: 0;
}
p
{
    margin: .4em 0 .8em 0;
    padding: 0;
}
img
{
    margin: 10px 0 5px;
}
a img {border: none; } 

/* memberheader styles */
#memberheader
{
    clear: both;
    float: left;
    width: 907px;
    margin-left: 13px;
}
#memberheader
{
    border-bottom: 1px solid #000;
}
#memberheader p, #memberheader h1, #memberheader h2
{
    padding: .4em 15px 0 15px;
    margin: 0;
}
#memberheader ul
{
    clear: left;
    float: left;
    width: 100%;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}
#memberheader ul li
{
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}
#memberheader ul li a
{
    display: block;
    float: left;
    margin: 0 0 0 1px;
    padding: 3px 10px;
    text-align: center;
    background: #eee;
    color: #000;
    text-decoration: none;
    position: relative;
    left: 15px;
    line-height: 1.3em;
}
#memberheader ul li a:hover
{
    background: #369;
    color: #fff;
}
#memberheader ul li a.active, #memberheader ul li a.active:hover
{
    color: #fff;
    background: #000;
    font-weight: bold;
}
#memberheader ul li a span
{
    display: block;
}
/* 'widths' sub menu */
#layoutdims
{
    clear: both;
    background: #eee;
    border-top: 4px solid #000;
    margin: 0;
    padding: 6px 15px !important;
    text-align: right;
}
/* column container */
.colmask
{
    position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    float: left;
    width: 909px; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
    margin-left: 13px;
}
/* 2 column left menu settings */
.leftmenu
{
    background: #FFF; /*this sets the color of the left column */
}
.leftmenu .colright
{
    float: left;
    width: 200%;
    position: relative;
    left: 185px; /*200px*/
    background: #fff;
}
.leftmenu .col1wrap
{
    float: right;
    width: 50%;
    position: relative;
    right: 365px; /*200px*/
    padding-bottom: 1em;
}
.leftmenu .col1
{
    margin: 0 0px 0 190px;
    position: relative;
    right: 730px; /*100%;*/
    overflow: hidden;
}
.leftmenu .col2
{
    float: left;
    width: 170px;
    position: relative;
    right: 179px;
}
/* Footer styles */
#footer
{
    clear: both;
    float: left;
    width: 909px;
    margin-left: 13px;
    border-top: 1px solid #000;
}
#footer p
{
    padding: 10px;
    margin: 0;
}

#membercontent
{
    float: right;
    width: 729px;
    /*border: dashed 2px purple;*/
}
#membercontent-wrapper
{
    /*position: relative;*/
}
#NavWrapper
{
    /* required to avoid jumping */
    left: 146px;
    position: relative;
    margin-left: 15px;
    width: 190px;
    border: solid 1px green;
    height: 320px;
}
#navigation
{
    position: absolute;
    top: 0;
    margin-top: 10px;
    padding-top: 10px;
    left: -500px;
    border: dashed 1px orange;
   
    
}

#navigation.fixed
{
    position: fixed;
    top: 0;
    left: 181px;
}

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

.glossymenuTop
{
    background: black url('https://web.archive.org/web/20111003174504im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/glossytop2.gif') repeat-x bottom left;
    height: 12px;
    border-collapse: collapse;
    border: 0px solid #9A9A9A;
    width: 174px;
    border: 0px solid #000;
    border-bottom-width: 0;
}


.glossymenuBottom
{
    background: black url('https://web.archive.org/web/20111003174504im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/glossybot2.gif') repeat-x bottom left;
    height: 12px;
    border-collapse: collapse;
    border: 0px solid #9A9A9A;
    width: 174px;
    border: 0px solid #000;
    border-top-width: 0;
}

.glossymenu
{
    margin: 0;
    padding: 0;
    width: 172px; /*width of menu*/
    border: 1px solid #1b232d;
    border-bottom-width: 0;
    border-top-width: 0;
    text-align: center;
}

.glossymenu a.menuitem
{
    background: black url('https://web.archive.org/web/20111003174504im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/glossybackDSP1.gif') repeat-x bottom left;
    font: bold 14px "Lucida Grande" , "Trebuchet MS" , Verdana, Helvetica, sans-serif;
    color: white;
    display: block;
    position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
    width: auto;
    padding: 4px 0;
    padding-left: 10px;
    text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active
{
    color: white;
}

.glossymenu a.menuitem .statusicon
{
    /*CSS for icon image that gets dynamically added to headers*/
    position: absolute;
    top: -4px;
    right: 5px;
    border: none;
}

.glossymenu a.menuitem:hover
{
    background-image: url('https://web.archive.org/web/20111003174504im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/glossyback2.gif');
}

.glossymenu div.submenu
{
    /*DIV that contains each sub menu*/
    background: white;
}

.glossymenu div.submenu ul
{
    /*UL of each sub menu*/
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.glossymenu div.submenu ul li
{
    border-bottom: 1px solid blue;
    list-style-type: none;
}

.glossymenu div.submenu ul li a
{
    display: block;
    font: normal 13px "Lucida Grande" , "Trebuchet MS" , Verdana, Helvetica, sans-serif;
    color: black;
    text-decoration: none;
    padding: 2px 0;
    padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover
{
    background: #DFDCCB;
    colorz: white;
}

.LeftNav
{
    vertical-align: top; 
    padding: 10px 10px 10px 20px; 
}

div.overlay
{
    padding: 40px;
    width: 576px;
    display: none;
    background-image: url('https://web.archive.org/web/20111003174504im_/http://flowplayer.org/img/overlay/white.png');
}
div.overlay div.close
{
    background: url('https://web.archive.org/web/20111003174504im_/http://flowplayer.org/img/overlay/close.png') no-repeat;
    position: absolute;
    top: 2px;
    right: 5px;
    width: 35px;
    height: 35px;
    cursor: pointer;
}
div.overlay a
{
    height: 450px;
    display: block;
}
/* the overlayed element */
.apple_overlay
{
    /* initially overlay is hidden */
    display: none; /* growing background image */
    background-image: url('https://web.archive.org/web/20111003174504im_/http://flowplayer.org/img/overlay/white.png'); /*  		width after the growing animation finishes 		height is automatically calculated 	*/
    width: 640px; /* some padding to layout nested elements nicely  */
    padding: 35px; /* a little styling */
    font-size: 11px;
}
/* default close button positioned on upper right corner */
.apple_overlay div.close
{
    background-image: url('https://web.archive.org/web/20111003174504im_/http://flowplayer.org/img/overlay/close.png');
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}
/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black
{
    background-image: url(https://web.archive.org/web/20111003174504im_/http://static.flowplayer.org/tools/img/overlay/transparent.png);
    color: #fff;
}
div.apple_overlay h2
{
    margin: 10px 0 -9px 0;
    font-weight: bold;
    font-size: 14px;
}
div.black h2
{
    color: #fff;
}
#triggers
{
    margin-top: 10px;
    text-align: center;
}
#triggers img
{
    background-color: #fff;
    padding: 2px;
    border: 1px solid #ccc;
    margin: 2px 5px;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
div.apple_overlay
{
    background-image: url(https://web.archive.org/web/20111003174504im_/http://static.flowplayer.org/tools/img/overlay/overlay_IE6.gif);
    color: #fff;
}
/* default close button positioned on upper right corner */
div.apple_overlay div.close
{
    background-image: url(https://web.archive.org/web/20111003174504im_/http://static.flowplayer.org/tools/img/overlay/overlay_close_IE6.gif);
}

/*for the recipe show*/
.recipedivider
{
    background: #FFFfff url('https://web.archive.org/web/20111003174504im_/http://d5vjy4funet7q.cloudfront.net/images/main/recipebackground3.jpg') repeat-y;
    height: 2px;
}
.recipedate
{
    font-family: Georgia, Arial; 
    color: #0786d4;
}
.recipetitle
{
    font-size: 22pt; 
    font-family: georgia;
}
.recipebox
{
    padding: 0px 10px 0px 10px;
}
.recipedisplay
{
    padding: 20px; 
    color: #FFFFF6; 
    font-size: 14pt; 
    font-family: Adobe Garamond Pro, Georgia, Arial;
}
/*for the Journal*/
.notesqs
{
     font-family: Georgia, Arial; 
    color: #0786d4;
    font-size: 18pt;
    font-style: italic;
    padding-top: 10px;
}
/*
     FILE ARCHIVED ON 17:45:04 Oct 03, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:18:08 Mar 01, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.632
  exclusion.robots: 0.048
  exclusion.robots.policy: 0.036
  esindex: 0.011
  cdx.remote: 16.774
  LoadShardBlock: 85.394 (3)
  PetaboxLoader3.datanode: 171.676 (4)
  load_resource: 207.628
  PetaboxLoader3.resolve: 87.743
*/