@charset "utf-8";
@import url("styles.css");
/* CSS Document */

body {
	margin:0px;
	background:url(images/main-bg.jpg) top center no-repeat #000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#867547;
	line-height: 14pt;
	}
body#inside {
	background:url(images/inside-bg.jpg) top center no-repeat #000;
	}
body#menu {
	background:url(images/menu-bg.jpg) top center no-repeat #000;
	}
body#photos {
	background:url(images/photos-bg.jpg) top center no-repeat #000;
	}
body#movies {
	background:url(images/movies-bg.jpg) top center no-repeat #000;
	}
body#store {
	background:url(images/store-bg.jpg) top center no-repeat #000;
	}
body#contact {
	background:url(images/contact-bg.jpg) top center no-repeat #000;
	}
body#map {
	background:url(images/map-bg.jpg) top center no-repeat #000;
	}
/* START MAIN LAYOUT */
#wrap {
	width:990px;
	margin-left:auto;
	margin-right:auto;
	}
#header {
	position:relative;
	width:990px;
	height:280px;
	}
#container {
	position:relative;
	width:990px;
	padding: 0px 0px 0px 0px;
	}
#footer {
	position:relative;
	width:990px;
	text-align:center;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
/*	clear:both;*/
	border-top: double 3px #272016;
	}
.floatcontainer:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
    /*Having something in the content such as a period 
    gives a more consistent results across browsers.*/
/* Weblicize Link */
.wlz {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #a89c88;
	text-decoration: none;
}
.wlz a:link {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #a89c88;
	text-decoration: none;
	}
.wlz a:visited {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #a89c88;
	text-decoration: none;
	}
.wlz a:hover {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	}
/* END MAIN LAYOUT */


#content {
	float:left;
	background:url(images/black.png);
	border:solid 10px #272016;
	width:700px;
	margin:0px 0px 0px 0px;
	padding: 10px;
	text-align:justify;
	}
#map-content {
	float:left;
	background:url(images/map.jpg) top left no-repeat;
	border:solid 10px #272016;
	width:635px;
	height:550px;
	margin:0px 0px 0px 25px;
	padding: 10px;
	}
#contact-content {
	float:left;
	background:url(images/black.png);
	border:solid 10px #272016;
	width:635px;
	margin:0px 0px 0px 25px;
	padding: 10px;
	}

/* PHOTOS PAGE STYLES */
#photos-content {
	float:left;
	background:url(images/black.png);
	border:solid 10px #272016;
	width:635px;
	height:550px;
	margin:0px 0px 0px 25px;
	padding: 10px;
	}
	
/* END PHOTOS PAGE STYLES */


/* MOVIE REVIEWS PAGE STYLES */
#movies-content {
	float:left;
	background:url(images/black.png);
	border:solid 10px #272016;
	width:635px;
	margin:0px 0px 0px 25px;
	padding: 10px;
	}
#headings {
	float: left;
	width:640px;
	height: 20px;
	}
#movie-navigation {
	float:left;
	width:640px;
	height:20px;
	}
#movie-title {
	float: left;
	width:640px;
	height: 20px;
	margin: 20px 0px 0px 0px;
	border-top: solid #272016 1px;
	border-bottom: solid #272016 1px;
	}
#movie {
	float:left;
	width:540px;
	padding: 10px 0px 0px 100px;
	}
#review {
	float:left;
	width:640px;
	margin: 10px 0px 0px 0px;
	text-align: justify;
	}
/* END MOVIE REVIEWS PAGE STYLES */

/* STORE PAGE STYLES */
#store-navigation {
	bottom: 10px;
	width:180px;
	padding: 10px 10px 10px 10px;
	margin:280px 0px 0px 30px;
	float:left;
	border-left: solid 10px #272016;
	}
#store-content {
	float:left;
	width:660px;
	height:550px;
	margin:0px 0px 0px 20px;
	padding: 170px 0px 0px 0px;
	}
#store-item {
	float:left;
	width:126px;
	height:154px;
	margin:0px 2px 0px 0px;
	}
#empty-item {
	float:left;
	width:126px;
	height:154px;
	margin:0px 2px 0px 0px;
	}
#item-pic {
	float:left;
	width:126px;
	height:124px;
	}
#item-description {
	float:left;
	width:76px;
	height:23px;
	font-size:10px;
	line-height:1;
	background:#FFF;
	border: solid 1px #000;
	color:#333;
	text-align:center;
	padding:2px;
	}
#item-price {
	float:left;
	width:44px;
	height:20px;
	background:#351717;
	color:#FFF;
	font-size:10px;
	}
	
#coffee-jar {
  float:left;
  width:126px;
  height:124px;
  background: url(images/jar1.png);
}

#coffee-jar a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

#coffee-jar a:hover {
  text-decoration:none;
  background: url(images/jar2.png);
}
#t-shirt {
  float:left;
  width:126px;
  height:124px;
  background: url(images/tshirt1.png);
}

#t-shirt a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

#t-shirt a:hover {
  text-decoration:none;
  background: url(images/tshirt2.png);
}
#cup {
  float:left;
  width:126px;
  height:124px;
  background: url(images/cup1.png);
}

#cup a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

#cup a:hover {
  text-decoration:none;
  background: url(images/cup2.png);
}
#ginger {
  float:left;
  width:126px;
  height:124px;
  background: url(images/ginger1.png);
}

#ginger a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

#ginger a:hover {
  text-decoration:none;
  background: url(images/ginger2.png);
}
#vanilla {
  float:left;
  width:126px;
  height:124px;
  background: url(images/vanilla1.png);
}

#vanilla a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

#vanilla a:hover {
  text-decoration:none;
  background: url(images/vanilla2.png);
}
#caramel {
  float:left;
  width:126px;
  height:124px;
  background: url(images/caramel1.png);
}

#caramel a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

#caramel a:hover {
  text-decoration:none;
  background: url(images/caramel2.png);
}
#hazelnut {
  float:left;
  width:126px;
  height:124px;
  background: url(images/hazelnut1.png);
}

#hazelnut a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

#hazelnut a:hover {
  text-decoration:none;
  background: url(images/hazelnut2.png);
}
#chocolate {
  float:left;
  width:126px;
  height:124px;
  background: url(images/chocolate1.png);
}

#chocolate a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

#chocolate a:hover {
  text-decoration:none;
  background: url(images/chocolate2.png);
}
/* END STORE PAGE STYLES */

/* MENU STYLES */
#menu-content {
	float:left;
	background:url(images/black.png);
	border:solid 10px #272016;
	width:635px;
	margin:0px 0px 0px 25px;
	padding: 10px;
	}
#menu-item-header {
	float:left;
	width:415px;
	height:16px;
	padding:6px 0px 0px 6px;
	margin: 20px 0px 0px 0px;
	border-bottom: double 3px #31291c;
	font-weight:bold;
	letter-spacing:2px;
	color:#d49f43;
	}
#menu-item {
	float:left;
	width:415px;
	height:14px;
	padding:6px 0px 0px 6px;
	margin: 0px 0px 0px 0px;
	border-bottom: dotted 1px #31291c;
	text-align: left;
	}
#menu-reg-header {
	float:left;
	width:100px;
	height:16px;
	padding-top:6px;
	text-align:center;
	border-bottom: double 3px #31291c;
	margin: 20px 0px 0px 0px;
	}
#menu-lg-header {
	float:left;
	width:100px;
	height:16px;
	padding-top:6px;
	text-align:center;
	border-bottom: double 3px #31291c;
	margin: 20px 0px 0px 0px;
	}
#menu-reg {
	float:left;
	width:100px;
	height:14px;
	padding-top:6px;
	text-align:center;
	border-bottom: dotted 1px #31291c;
	}
#menu-lg {
	float:left;
	width:100px;
	height:14px;
	padding-top:6px;
	text-align:center;
	border-bottom: dotted 1px #31291c;
	}
#menu-bottom {
	float:left;
	width:616px;
	text-align:center;
	}
/* END MENUS TYLES */

.heading1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#feb83f;
	font-size:18px;
	}
.heading2 {
	font-family: Verdana, Geneva, sans-serif;
	color:#feb83f;
	font-size:12px;
	}

#main-navigation {
	z-index:10;
	background-color:#272016;
	position:absolute;
	bottom: 10px;
	width:560px;
	height:18px;
	padding: 10px 10px 10px 70px;
	margin-left:0px;
	}
	
a:link {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #feb83f;
	text-decoration: none;
	}
a:visited {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #feb83f;
	text-decoration: none;
	}
a:hover {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #feb83f;
	text-decoration: none;
	}

.body-links { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; text-decoration:none;}
.body-links  a:link {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;; font-size:14px; color:#ffffff; text-decoration:none;}
.body-links  a:visited {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; text-decoration:none;}
.body-links  a:hover {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#feb83f; text-decoration:none;}

#inside-navigation {
	width:180px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 30px;
	float:left;
	border-left: solid 10px #272016;
	}

#blog {
	position:absolute;
	bottom:10px;
	right:10px;
	width:100px;
	height:79px;
	}

	
/* CALENDAR STYLES */

/**************************************************************
********* Formatting For Month Table and Text *****************
**************************************************************/

A		{ font-family:arial, helvetica; color:#feb83f; text-decoration:underline }
SPAN	{ font-family:arial, helvetica }
TD     	{ font-family:arial, helvetica; border: dotted 1px #31291c; }
/*BODY	{ background-color:#FFF }*/

/**** month and year header at top of calendar ****/
.date_header			{ font-size:16px; font-family:arial, helvetica; font-weight:bold }

/**** color and size of calendar cells.  ****/
.day_cell				{height:80; width: 90px; }
.empty_day_cell			{height:80; width: 90px; }
.today_cell				{ background-color:#141414; height:80; width: 90px; }

/**** day number in upper left corner of each cell ****/
.day_number				{ font-size:10px; font-family:verdana, arial, helvetica; color:#feb83f }

/**** title_txt is the text for each post on main page ****/
.title_txt				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000 }
.title_txt A:link		{ color:#feb83f; text-decoration:underline }
.title_txt A:active		{ color:#feb83f; text-decoration:underline }
.title_txt A:visited	{ color:#feb83f; text-decoration:underline }
.title_txt A:hover		{ color:#ffffff; text-decoration:underline }

/**** time line under title text when event time given ****/
.time_str				{ font-size:9px; font-family:arial, helvetica }

/**** column headers or days of the week ****/
.column_header			{ background-color: #484848; font-size:12px; font-family:arial, helvetica; color:#FFFFFF; font-weight:bold }

/**** footprint text ****/
.footprint				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000; font-weight:bold; }
.footprint A			{ font-size:10px; font-family:verdana, arial, helvetica; color:#00F; font-weight:bold; }
// end hiding