/* master.css						*/

/* StyleSheet Classes                                                */
/*                                                                   */
/* Welcome to the stylesheet.  Most of the visual characteristics    */
/* can be altered by adjusting the classes contained in this         */
/* stylesheet. */

/* Border Styles         */
/* border-style: dotted} */
/* border-style: dashed} */
/* border-style: solid}  */
/* border-style: double} */
/* border-style: groove} */
/* border-style: ridge}  */
/* border-style: inset}  */
/* border-style: outset} */ 

/* .name = class         */
/* #name = id            */

/* Blue-Grey Letters rgb(96,148,199);   */
/* Pale Yellow       rgb(255,255,153);  */	
/* Purple            rgb(179,90,151);   */
/* Deep Red          rgb(177,46,67);    */
/* light blue        rgb(236,246,251)   */	
/* med sea blue      rgb(61,197,207);   */
/* lavendar          rgb(155,114,207);  */
/* light gray-blue   rgb(241,241,253)   */
/* xlight gray-blue  rgb(231,233,241)   */
/* white             rgb(255,255,255)   */ 
/* black             rgb(0,0,0)         */
/* Gray              rgb(204,204,204)   */
/* Top Nav Red       rgb(209,55,79)     */
/* light tan         rgb(252,253,232)   */
/* Yellow in Menu    rgb(255,255,190)   */
/* Yellow in Ice Cream rgb(245,236,128) */
/* Brown             rgb(102,66,75)     */

/* Forces Scroll bar wich disappears on short Mozilla Browser Pages causing shifting */
html { min-height: 100%; margin-bottom: 1px; }

/* Outside Color and Font Defaults used */
/* background:rgb(147, 142, 193); */	/*GreyPurple*/
/*background-image: url(../images/backgroundcones.gif); */
/*background-image: url(../images/backgroundcones2.gif); */
/*background-image: url(../images/backgroundsun.gif); */
body{
	font-family:comic sans ms, arial, helvetica, verdana, sans-serif;
	font-size: .8em;
	color:rgb(102,66,75);	
	direction:ltr;
	text-align:center;
	margin:0;
	background-image: url(../images/backgroundsun.gif); 
	background-repeat: repeat; 

} 

/* Removes excess space in Firefox Print	 */
/*table { border-collapse: collapse;}*/

/* Background Color of Main Content Area */
.insidecolor {background:rgb(252,253,232);} 


/* Links  */
a:link{	color:rgb(3,83,165); text-decoration:none;} 	/*Med Blue*/ 
a:visited{color:rgb(3,83,165); text-decoration:none;} 	/*Med Blue*/ 
a:hover{color:black; text-decoration:underline;}


/* Footer  */
/* .footer {bottom: 0; position: absolute; width: 80%; text-align: center; padding: 2% 10%;} */
/*.footer {bottom: 0; position: absolute; font-family:verdana, sans-serif; font-size:.7em; color:rgb(96,148,199);padding-left:8px;padding-right:8px;}*/


.footer { font-family:verdana, sans-serif; font-size:.7em; color:rgb(189,185,186);padding-left:8px;padding-right:8px; padding-bottom:6px;padding-top:6px;}
#footerline{ color:rgb(189,185,186); background:rgb(189,185,186); border: 0; Height:1px;}


/* Left Navigation Blue Bottom Filler */
.bottomspacer {
background-image: url(../images/nav/bottomspacer.gif); 
background-repeat: repeat-y; 
}

/* Left Navigation Blue Bottom Filler */
.bottomspacertest {
background-image: url(../images/nav/bottomfadespacer2.gif); 
background-repeat: repeat-y; 
}


/* Home Page */


/* Flavor of the Week */
.weekbuffer {padding-bottom:15px;padding-left:10px;}
.weekheader{font-size: 1.1em; background:rgb(209,55,79);color:rgb(236,246,251);border-left:none;border-right:none;border-top:solid 3px rgb(143,212,104);border-bottom:solid 3px rgb(143,212,104);margin:0;padding:0;height:auto;overflow:hidden;}
.weekdetail{font-size: 1em; color:rgb(102,66,75);text-align:center;background:white;border:solid 1px rgb(143,212,104);}


/* Hours */
#hoursframe {border:1px solid;border-color:rgb(211,194,244);background:rgb(255,235,236);color:rgb(0,0,0);margin-left:22px;} 
#hoursheader {font-size: 1.2em;background:rgb(211,194,244);color:rgb(102,66,75);} 
#hoursdetails {font: .8em arial;color:rgb(102,66,75);padding-left:5px;padding-right:5px;padding-top:8px;text-align:center;} 
#hoursseparator {color:purple; background: purple; border: 0; Height:1px;}
.smallhours{font-size:.7em;color:rgb(96,148,199);}
.hoursframe {margin-left:22px;}

.lavendarheader{font-size: 1em; background:rgb(211,194,244);color:rgb(0,0,0);border-left:none;border:none;}
/* Corner Colors              */
/* orange 	rgb(251,118,77)   */
/* lavendar 	rgb(211,194,244)  */
/* pink 	rgb(244,168,222)  */
/* yellow 	rgb(243,245,145)  */
/* green 	rgb(176,244,162)  */
/* blue 	rgb(51,204,255)   */
/* lightblue 	rgb(168,234,244)  */


/* Cakes */
.cakes{border:solid 2px rgb(239,208,187);margin-left:10px;background:rgb(255,255,255);}
.cakeheader {font:bold 100% arial;font-size: 1em;background:rgb(236,246,251);color:rgb(96,148,199);} 
.cakedetails{font-size: .8em; text-align:center; color:rgb(102,66,75);padding-left:10px;padding-right:10px;}
.cakedetails a:link{color:black; text-decoration:underline;} 
.cakedetails a:visited{color:black; text-decoration:underline;} 
.cakedetails a:hover{color:red; text-decoration:underline;}

/* Gift Certificate */
.certificate{border:double 3px rgb(102,66,75);margin-left:10px;}
.certificatedetails{font-size: .8em; text-align:center; color:rgb(102,66,75);padding-left:10px;padding-right:10px;}
.certificatedetails a:link{color:black; text-decoration:underline;} 
.certificatedetails a:visited{color:black; text-decoration:underline;} 
.certificatedetails a:hover{color:red; text-decoration:underline;}


/* Homemade */
#homemadebuffer {padding-top:0px;}
#homemadeframe {border:2px solid;border-color:rgb(96,148,199);background:rgb(236,246,251);color:rgb(0,0,0);margin-left:10px;} 
#homemadeheader {font:bold 100% arial;background:rgb(236,246,251);color:rgb(96,148,199);padding-top:5px;padding-bottom:5px;} 
#homemadedetail{font-size: .8em; color:rgb(102,66,75);text-align:left;background:rgb(236,246,251);border-top:solid 1px rgb(96,148,199);padding:5px;}

/* Best of NH */
.bestofnhborder{border:solid 1px rgb(143,212,104);margin-left:10px;}
.bestofnhheader{font-size: .8em; text-align:center; color:rgb(209,55,79);padding:0px;}
.bestofnhdetails{font-size: 1.1em; text-align:center; color:rgb(102,66,75);padding:5px;}

/* Phone */
#phoneframe {border:5px double;border-color:rgb(182,87,147);background:rgb(255,255,255);color:rgb(0,0,0);margin-left:8px;}
#phoneheader {font: 1.2em arial;background:rgb(105,79,56);padding-top:5px;padding-bottom:5px;} 
#phoneheader a:link{color:rgb(245,236,128);text-decoration:none;} 
#phoneheader a:visited{color:rgb(245,236,128);text-decoration:none;} 
#phoneheader a:hover{color:rgb(255,255,255);text-decoration:none;} 

/* Event */
#eventsframe {border:2px dotted;border-color:rgb(225,124,37);background:rgb(255,255,255);color:rgb(0,0,0);margin-left:8px;}
#eventsheader {font: 1.1em arial;background:rgb(226,249,151);padding:5px;text-align:center;} 
#eventsheader a:link{text-decoration:none;}
#eventsheader a:visited{text-decoration:none;}
#eventsheader a:hover{text-decoration:none;}
#eventsdetail {font: .8em arial;color:rgb(102,66,75);background:rgb(226,249,151);padding:5px;} 
#eventsdetail a:link{color:black;text-decoration:underline;} 
#eventsdetail a:visited{color:black;text-decoration:underline;} 
#eventsdetail a:hover{color:red;text-decoration:underline;} 


/* END Home Page */

/* Flavors Page*/
.flavorbuffer {padding-bottom:15px;padding-left:95px;}
.flavorheader{font-weight:bold;font-size: 1em; background:rgb(209,55,79);color:rgb(236,246,251);border-left:none;border-right:none;border-top:solid 3px rgb(143,212,104);border-bottom:solid 3px rgb(143,212,104);margin:0;padding:0;height:auto;overflow:hidden;}
.flavordetail{font-weight:bold;font-size: .8em; color:rgb(102,66,75);text-align:center;background:white;border-top:none;border:solid 1px rgb(143,212,104);}
.flavorsmallfont{font-size: .8em; color:rgb(96,148,199);}
.flavorseparator {color:rgb(153,0,51); background:rgb(153,0,51); border: 0; Height:1px;margin-left:15px;margin-right:15px;}

/* Menu Print Link Font */
.menufont{font-size: .8em; color:rgb(96,148,199);}
.menufont a:link{color:rgb(96,148,199); text-decoration:underline;} 
.menufont a:visited{color:rgb(96,148,199); text-decoration:underline;} 
.menufont a:hover{color:black; text-decoration:underline;}

/* Crew Page */
.crewtitle{font-size: 1.5em; color:rgb(102,66,75);text-align:center;font-weight:bold;}
.crewdetail{border:solid 1px rgb(143,212,104);font-size: .8em; color:rgb(102,66,75);background:white;text-align:center;padding-left:30px;padding-right:30px;}

.crewoutershadow {width: 490px; background:rgb(221,221,238);margin-left:30px;}
.crewmidoutershadow {background:rgb(196,197,226);}
.crewmiddleshadow {background:rgb(159,160,169);}
.scoopmidinnershadow {background:rgb(119,119,136);}
.crewinnershadow {background:rgb(170,170,187);}
.crewmidoutershadow, .crewmiddleshadow, .crewmidinnershadow, .crewinnershadow {
  position: relative;
  left: -1px;
  top: -1px;
  } 

/* Direction Page */
.directionsdetail{font-size: 1em; color:rgb(96,148,199);text-align:center;}
.directionsheader{font-size: 1.2em; color:rgb(102,66,75);text-align:center;font-weight:bold;}
.directionsdetail a:link{color:black; text-decoration:underline;} 
.directionsdetail a:visited{color:black; text-decoration:underline;} 
.directionsdetail a:hover{color:red; text-decoration:underline;}


/* Work at Moo's Page */
.jobstitle{font-size: 1.5em; color:rgb(102,66,75);text-align:center;font-weight:bold;}
.jobsdetail{border:solid 1px rgb(143,212,104);font-size: .8em; color:rgb(102,66,75);background:white;text-align:left;padding-left:30px;padding-right:30px;}
.jobsdetail a:link{color:red; text-decoration:underline;} 
.jobsdetail a:visited{color:red; text-decoration:underline;} 
.jobsdetail a:hover{color:black; text-decoration:underline;}

/* Outer shadow is the lighest, moving in they are darker */
.jobsoutershadow {width: 490px; background:rgb(221,221,238);margin-left:30px;}
.jobsmidoutershadow {background:rgb(196,197,226);}
.jobsmiddleshadow {background:rgb(159,160,169);}
.jobsmidinnershadow {background:rgb(119,119,136);}
.jobsinnershadow {background:rgb(170,170,187);}
.jobsmidoutershadow,.jobsmiddleshadow, .jobsmidinnershadow,.jobsinnershadow {
  position: relative;
  left: -1px;
  top: -1px;
  }

/* Moochandise Page */
.moochandisetitle{font-size: 1.5em; color:rgb(102,66,75);text-align:center;font-weight:bold;}
.moochandisedetail{border:solid 1px rgb(143,212,104);font-size: .8em; color:rgb(102,66,75);background:white;text-align:left;padding-left:30px;padding-right:30px;}

.moochandiseoutershadow {width: 490px; background:rgb(221,221,238);margin-left:30px;}
.moochandisemidoutershadow {background:rgb(196,197,226);}
.moochandisemiddleshadow {background:rgb(159,160,169);}
.moochandisemidinnershadow {background:rgb(119,119,136);}
.moochandiseinnershadow {background:rgb(170,170,187);}
.moochandisemidoutershadow, .moochandisemiddleshadow, .moochandisemidinnershadow, .moochandiseinnershadow {
  position: relative;
  left: -1px;
  top: -1px;
  }

/* The Scoop Page */
/* About Us */
.scooptitle{font-size: 1.5em; color:rgb(102,66,75);text-align:center;font-weight:bold;}
.scoopdetail{border:solid 1px rgb(143,212,104);font-size: .8em; color:rgb(102,66,75);background:white;text-align:left;padding-left:30px;padding-right:30px;}

.scoopoutershadow {width: 490px; background:rgb(221,221,238);margin-left:30px;}
.scoopmidoutershadow {background:rgb(196,197,226);}
.scoopmiddleshadow {background:rgb(159,160,169);}
.scoopmidinnershadow {background:rgb(119,119,136);}
.scoopinnershadow {background:rgb(170,170,187);}
.scoopmidoutershadow, .scoopmiddleshadow, .scoopmidinnershadow, .scoopinnershadow {
  position: relative;
  left: -1px;
  top: -1px;
  } 
  
/* Events */
.eventtitle{font-size: 1.5em; color:rgb(102,66,75);text-align:center;font-weight:bold;text-decoration: underline;}
.eventsubtitle{font-size: 1.2em; color:rgb(102,66,75);text-align:center;font-weight:bold;}
.eventdetail{border:solid 1px rgb(143,212,104);font-size: .8em; color:rgb(102,66,75);background:white;text-align:left;padding-left:30px;padding-right:30px;}
  
/* Outer shadow is the lighest, moving in they are darker */
.eventoutershadow {width: 490px; background:rgb(221,221,238);margin-left:30px;}
.eventmidoutershadow {background:rgb(196,197,226);}
.eventmiddleshadow {background:rgb(159,160,169);}
.eventmidinnershadow {background:rgb(119,119,136);}
.eventinnershadow {background:rgb(170,170,187);}
.eventmidoutershadow,.eventmiddleshadow, .eventmidinnershadow,.eventinnershadow {
  position: relative;
  left: -1px;
  top: -1px;
  }  


/* thumbnail image popups  */  
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px double brown;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 40px; /*position where enlarged image should offset horizontally */

}