/* UPDATED (small change) 5/23 for the vertical menu under "MENUS" */
/* UPDATED 5/1 for supersized full background with slideshow... Sarah, most of the stuff in here is the same as first draft. */
/* UPDATED 3/30 to fix issue with menu images inheriting transparent backgrounds */
/* UPDATED 3/29 noon to add transparent backgrounds to the sliding menu */

h1,h2 { text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:normal;}
h1 { margin-top:100px; font-size:3em;}
h2 { margin-top:15px; font-size:1em; }

#monterey-text, #inside {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; color:#fff; 
	position:absolute;
}

#inside p {
	margin-top:10px;
}

#monterey-text p {
	margin-top:10px;
}

img.overlay {
	position:absolute;
	z-index:10;
}

/* Base style for all rollovers, embedded CSS in HTML file positions them.
 * I think this is probably the most flexible way to do about this. */
.rollover {
	position:absolute;
	z-index:100;
}

*{
    margin:0; /* zero out everything's margin otherwise background is not completely fullscreen */
}

img {
	border:none; /* all images will have crummy looking border otherwise (FF only?) */
}

#vertical /* vertical, left-hand menu: "MENUS", "TASTING SCHEDULE", "NEWS", etc. */
{
    font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:16px;
    margin-top:260px; /* push menu down to middle of page, TO SARAH: adjust as desired? */
	margin-left:-20px;

    /* TO SARAH: */
    /* modify this value to change the space between the vertical menu "MENUS ... THE FARM" and the Foragers logo */
    margin-bottom:92px;
    width:179px;
    height:150px;
    text-align:center;
	cursor:pointer;
    z-index:100;
}

#vertical ul {
    list-style-type: none;
	letter-spacing:1px;
}

/* changed this so that the "MENUS" horiz menu toggle is also style the same way  */
#vertical ul li, #vertical ul li a
{
    color:#FFF;
    text-decoration:none;
	letter-spacing:1px;
}

/* Style for vertical drop down menu */
#v_menu { height:0px; opacity:0; }
.v_menuitem 
{ 
	margin-top:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#A2A08D;
}

#logo
{
    float:left;
    position:relative;
	margin-top:75px;
    margin-left:-179px;
    z-index:100;
}

#logoTransparency {
    float:left;
    width:179px;
    height:145px;
	margin-top:75px;
    /* TO SARAH: */
    /* modify this background-color and opacity value to play with the transparent effect on the Foragers logo*/
    /* comment out these 5 lines to remove transparent effects altogether */
    background-color:#FFF;
    filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
    z-index:99;
}

#menu
{
    width:0px;
    height:145px;
    margin-top:75px;
    float:left;
    /* here is where to change the size of the gap between the Foragers logo and the sliding menu */
    margin-left:3px;
    z-index:100;
}

#menuTransparency {
    margin-left:-920px;
    width:0px;
    height:145px;
    /* TO SARAH: */
    /* modify this background-color and opacity value to play with the transparent effect on the sliding menu*/
    /* comment out these 5 lines to remove transparent effects altogether */
    background-color:#FFF;
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
    z-index:99;
}

.menuItem
{
    float:left;
    position:relative;
    top:-145px;
    z-index:100;
    margin-left:-782px;
}
#menuToggle
{
    float:left;
    width:32px;
    height:145px;
    margin-top:75px;
	margin-left:2px;
    cursor:pointer;
    z-index:100;
}
#mailinglist {
    position:absolute;
    top:20px;
    right:20px;    
}
#mailinglist form input {
    font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
    border:none;
}
/*from here to EOF is all for supersized stuff*/
#content{
    margin:0px auto;
    height:100%;
    width:100%;
    z-index: 30;
    position:absolute;
}
#supersize{
    position:fixed;
}
#supersize img, #supersize a{
    height:100%;
    width:100%;
    position:absolute;
    z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img{
    z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
    z-index: 2;
}