@import url('DaveLayout.css');
html {
	/*the following is necessary for firefox browsers*/
	overflow: -moz-scrollbars-vertical;
	overflow-y:scroll;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif; /*Tahoma, */
	font-size: small;
	/*background-image: url("../images/backgroundImageGradient.jpg");*/
	background-image: url('../images/WebBackgroundImageGradient90_DarkGrey_36_36_36_Long.jpg');
	background-repeat: repeat;
}
#container {
	/*border-right: thick gray solid;
	border-bottom: thick gray solid;
	border-left: thick gray solid;*/
	/*background-color: #363636;*/
}
#masthead {
	text-align: left;
	height: 102px;
	/*background-color: #fff;*/
	/*background-image: url("../images/NasturtiumMasthead.gif");*/
	/*background-image: url("../images/aspen_masthead.jpg");*/
	/*background-image: url("../images/aspentrunk_masthead.jpg");*/
	/*background-image: url("../images/aspenleaf_masthead.jpg");*/
	/*background-image: url("../images/stoughlake_masthead.jpg");*/
	background-repeat: no-repeat;
	/*color: #F4F4F4;*/
	/*z-index: 1;*/
}
#navigation {
	/*border-top: 1px solid #808080;*/
	/*border-bottom: 1px solid #808080;*/
	/*background-color: #E0F1C9;*/
	/*background-color: #9DB9E6;*/
}
html>body #navigation {
	/*overflow: hidden;*/ /*if hidden, this prevents the google checkout from showing*/
}
#column_l {	
	width: 137px;
	/*width: 587px;*/
	padding: 15px 15px 15px 0px; /*top, right, bottom, left*/
	margin: 0px;
	/*padding: 15px;*/
	/*background-color: #C0C0C0;*/
	/*border-right: 1px solid #595959;*/
}
html>body #column_l {
	width: 140px;
	padding: 15px 15px 15px 0px; /*top, right, bottom, left*/
	margin: 0px;
	/*padding: 0 15px;*/
	/*background-color: #C0C0C0;*/
	/*border-right: 1px solid #595959;*/
}
#column_leftBottom {
	/*nothing yet*/
}
#column_r {
	width: 632px; /*790 total width - 140 column left width - 15 column left padding - 3 for safety*/
	padding: 15px 0px 15px 0px; /*top, right, bottom, left*/
	/*padding: 15px 10px;*/
	/*background-color: #C0C0C0;*/
}
html>body #column_r {
	width: 635px;  /*790 total width - 140 column left width - 15 column left padding*/
	/*width: 140px;*/
	padding: 15px 0px 15px 0px; /*top, right, bottom, left*/
	/*padding: 15px 10px;*/
	/*background-color: #C0C0C0;*/
}
#content {
	background-color: #C0C0C0;
}
#footer {
	text-align: center;
	padding-bottom: 10px;
}
html>body #footer {
	text-align: center;
	padding-bottom: 0;
}
/* Masthead */
#masthead h1 {
	font-weight: bold;
	font-style: italic;
	color: #F4F4F4;
	margin-bottom: 0;
	margin-left: 0.5em;
}
#masthead h3 {
	font-weight: bold;
	font-style: italic;
	color: #F4F4F4;
	margin-top: 0;
	margin-left: 1em;
}
/* Main Navigation */
#navigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
}
#navigation a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	display: block;
	padding: 7px;
	padding-left: 7px;
	padding-right: 7px;
	/*border: 1px solid #2C7616;*/
	/*background-color: #2C7616;*/
}
#navigation a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #F4F4F4;
	padding: 7px;
	background-color: #999999; /*light-medium gray*/
	/*background-color: #2C7616;*/ /*pine green*/
	background-image: none;
	/*border: 1px solid #2C7616;*/
}

/* Main Gallery Navigation on left hand side */
#galleryNavigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#galleryNavigation li {
	float:none;
}
#galleryNavigation a {
	font-weight: normal;
	text-decoration: none;
	color: #999999;	/*medium grey*/
	/*color: #F4F4F4;*/ /*off-white*/
	/*color: #6D70D3;*/ /*dull (but pleasant) steel blue*/
	display: block;
	padding: 7px;
	padding-left: 7px;
	padding-right: 7px;
	font-style: italic;
}
#galleryNavigation a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #F4F4F4;
	padding: 7px;
	/*background-color: #2C7616;*/
	background-image: none;
	/*border: 1px solid #2C7616;*/
}

/* Next/previous navigation*/

div.nextPreviousNavigation p {
	color: #F4F4F4;
	text-align: right;
	padding-top: 20px;
	padding-bottom: 0px;
	/*padding-right: 175px;*/
}
div.nextPreviousNavigation a {
	font-weight: normal;
	text-decoration: none;
	color: #999999;
	/*display: none;*/
	padding: 7px;
	padding-left: 7px;
	padding-right: 7px;
	/*border: 1px solid #2C7616;*/
}
div.nextPreviousNavigation a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #F4F4F4;
	padding: 7px;
	/*border: 1px solid #2C7616;*/
}
.buffer {
	padding: 7px;
}
.bufferColor {
	padding: 7px;
	color: #999999;
}

/* weekly photo */
div.weeklyPhoto p {
	color: #F4F4F4;
}
div.weeklyPhoto img {
	color: #999999;
	/* border: 2px solid #999999; */
}
div.weeklyPhoto img:hover {
	color: #F4F4F4;
	/*border: 2px solid #F4F4F4; */
}
div.weeklyPhoto a {
	font-weight: normal;
	text-decoration: none;
	color: #999999;
	/*display: none;*/
	/*border: 4px solid #999999;*/
}
div.weeklyPhoto a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #F4F4F4;
	/*border: 1px solid #2C7616;*/
}

/*Gendre description on left hand side */
div.gendreDescription p {
	font-weight: normal;
	text-decoration: none;
	color: #999999;	/*medium grey*/
	/*color: #F4F4F4;*/ /*off-white*/
	display: block;
	padding: 7px;
	padding-left: 7px;
	padding-right: 7px;
	font-style: italic;
	float:none;
	font-size: x-small;
}

div.gendreDescription b {
	font-weight: bold;
	font-style: normal;
}

div.gendreDescription ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
div.gendreDescription li {
	float:none;
}

div.gendreDescription a {
	font-weight: normal;
	text-decoration: none;
	color: #999999;	/*medium grey*/
	/*color: #F4F4F4;*/ /*off-white*/
	/*color: #6D70D3;*/ /*dull (but pleasant) steel blue*/
	display: block;
	padding: 7px;
	padding-left: 7px;
	padding-right: 7px;
	font-style: italic;
}
div.gendreDescription a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #F4F4F4;
	padding: 7px;
	/*background-color: #2C7616;*/
	background-image: none;
	/*border: 1px solid #2C7616;*/
}

/*Enlarged Image*/
img#back {
	z-index: 0;
	position: absolute;
	top: 90px;
	left: 0px;
}

img#front {
	z-index: 1;
	position: absolute;
	top: 90px;
	left: 0px;
}

img#weeklyPhotoBack {
	z-index: 0;
	position: absolute;
	top: 30px;
	left: 0px;
}

img#weeklyPhotoFront {
	z-index: 1;
	position: absolute;
	top: 30px;
	left: 0px;
}


/* Right Column */
#column_r img {
	border: 1px solid #808080;
}

/* Site typography */
p {
	color: #F4F4F4;
}
h1 {
	font-size: xx-large;
	color: #F4F4F4;
}
h2 {
	font-size: x-large;
	font-style: italic;
	color: #F4F4F4;
}
h3 {
	font-size: large;
	font-style: italic;
	color: #F4F4F4;
}
h4 {
	font-size: medium;
	font-style: italic;
	color: #F4F4F4;
}
h5 {
	font-size: x-small;
	font-style: italic;
	color: #F4F4F4;
}
h6 {
	font-size: xx-small;
	font-style: italic;
	color: #F4F4F4;
}

ul {
	color: #F4F4F4;
}

/* Footer */
#footer p {
	font-size: x-small;
	color: #F4F4F4;
}
/* Links */
a {
	color: #999999;
	/*color: #6D70D3;*/ /*dull but pleasant steel blue*/
	text-decoration: underline;
}
a:hover {
	color: #F4F4F4;
	/*color: #2C7616;*/
	text-decoration: none;
}
a.contact {
	color: #999999;
	/*color: #6D70D3;*/ /*dull but pleasant steel blue*/
	text-decoration: underline;
}
a.contact:hover {
	color: #F4F4F4;
	text-decoration: none;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

/* images */
div.gallery img {
	/*create a thick border around a centered image*/
	text-align: center;
	vertical-align: middle;
	margin: 10px; /*space around each image*/
	
	/*Doesn't work. The following should put a border around the image, but it acts like it is smaller and only a border around text*/
	/*border-style: solid;
	border-width: 7px;
	border-color: #000000;*/
}
div.gallery a {
	text-decoration:none;
}
div.gallery a:hover {
	text-decoration:none;
}

/* general */
.center {
	text-align: center;
}
.copyright {
	text-align: center;
	font-size: x-small;
	font-style: italic;
}
.bottomSpace {
	margin: 10px;
}
.floatLeft {
	float: left;
	font-size: x-small;
	margin: 10px;
	color: #F4F4F4;
}
.hundredPixelHorizBuffer {
	margin-left: 100px;
	margin-right: 100px;
}
.tenPixelHorizBuffer {
	margin-left: 10px;
	margin-right: 10px;
}
.enlargedPhotoDescription {
	font-style: italic;
	font-size: x-small;
	color: #F4F4F4;
}
.weeklyPhoto {
	/** font-size: x-small; */
	color: #F4F4F4;
}
.floatLeftNoMargin {
	float: left;
	font-size: x-small;
}
.floatRight {
	float: right;
	font-size: x-small;
	margin: 10px;
	color: #F4F4F4;
}

table.prices {
	color: #F4F4F4;
	width: 75%;
}



/* GOOGLE CHECKOUT STYLES */

/*.override #googlecart-widget-head {
	background: #65CB34;
}*/

#googlecart-item-count {
	font-weight: normal;
	font-size: x-small;
}

#googlecart-widget-control a {
	font-weight: bold;
	text-decoration: none;
	color: #0000FF;
	display: inline;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#googlecart-widget-control a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #C0C0C0;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: none;
}
.override .googlecart-widget-short-details {
	font-weight: normal;
	font-size: x-small;
}
.override .googlecart-widget-long-details {
	font-weight: normal;
}

/**I created this one myself -- it is not  GOOGLE CHECKOUT defined class or id.  
It is necessary so the parenthesis around the googlecart-item-count will be the 
same size. */
#smallForGoogle {
	font-weight: normal;
	font-size: x-small;
}



/* FACEBOOK like button styles */

#facebookLikeButton p {
	padding: 7px;
	padding-left: 7px;
	padding-right: 7px;
}