/******************************************************************** 
	villagegallery.ca
	vg-main.css
********************************************************************/ 

html, body {
   margin : 0;
   padding : 0;
}

body {
   color : #000000;
   background : #ffffff;
   width : 100%;
   font : 12px Arial, Helvetica, Tahoma, sans-serif;
}

/* body (default) styles 
**********************************************************************/ 

a, 
a:link, 
a:visited,
a:active { 
	color: #696969; 
	text-decoration: none; 
	border-bottom: 1px dotted #696969;
	}         

a:hover { 
	color: #cc3333;  
	text-decoration: none; 
	border-bottom: 1px dotted #cc3333;
	}

.no-decoration a, 
.no-decoration a:link, 
.no-decoration a:visited,
.no-decoration a:active,
.no-decoration a:hover { 
	text-decoration: none; 
	border-bottom: none;
}  


/********************************************************************
  main layout divs
*********************************************************************/ 

/* container - this is the main wrapper
**********************************************************************/
#container {
	width: 800px;
	background-color: #fff;
	color: #333;
	border: none;
	line-height: 130%;
	text-align:left;  
	margin-left:auto; 
 	margin-right:auto;  
}

/*#container hr {
	color: #000000;
	background-color: #ffffff;
	border: none;
} */

/* header - contains the banner
**********************************************************************/
.header {
	/* width: 800px; */
	width:100%;
	position:relative;
	height:125px;
	background: #fff;
	padding: 0px 0px 1px;
	border-bottom: 1px solid #666666;
	margin-bottom: 10px;
}

.header h1 {
   padding: 0;
   margin: 0;
}

.header a, 
.header a:link, 
.header a:visited,
.header a:active,
.header a:hover { 
	text-decoration: none; 
	border-bottom: none;
}  

.header-date {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: none;
	float: none;
}       


/* leftnav - left navigation column
**********************************************************************/
.leftnav {
	float : left;
	width : 135px;
	margin : 0;
	padding : 1em;
	font-size: 12px;
	text-align: right;
	letter-spacing: .2em;
	line-height: 175%;
}

.leftnav hr {
	color: #808080;
	background-color: #808080;
	border: none;
}

.leftnav p {
   margin : 0 0 1em 0;
}

.leftnav ul {
	margin: 10px; /*removes indent IE and Opera*/
	padding: 10px;	/* list-style-type: none; /*turns off display of bullet*/
	border: none;
}

.leftnav li {
	/* list-style: disc url(http://www.uptown-music.ca/images/layout/white-arrow.gif) outside; */
	vertical-align: baseline;
	list-style-position: inside;
	list-style-type: disc;
}

.leftnav a, 
.leftnav a:link, 
.leftnav a:visited,
.leftnav a:active {
	/* color: #696969; */
	color: #666666;
	padding-left: 10px;
	/* padding-right: 5px; */
	border-bottom: none;
	font-size: 14px;
}         

.leftnav a:hover {
	/* color: #cc3333; */
	color: #000;
	text-decoration: none;
	background: #fff url(/images/delta.gif) no-repeat left center;
	padding-left: 10px;
	/* padding-right: 5px; */
	border-bottom: none;
}

.leftnav TD {
	text-align: right;
}

/* content
**********************************************************************/
.content-header {
	font-size: 14px;
	font-weight: bold;
	padding-left: 0px;
}

.content-left {
	width : 140px;
	font-size: 12px;
	float: right;
	height: 100%;
	text-align: justify;
	padding-right: 10px;
}

.content-left img {
	float: right;
	margin: 4px;
	padding: 4px;
	border: none;
	background: #fff;
	vertical-align: text-top;
}

.content-left ul {
	border: 0;
	margin: 0;
	padding-left: 10px;
	}      

.content-left li {
	/* line-height: 150%; */
	margin-bottom: 2px;
	padding-left: 0px;
	margin-left: 5px;
	list-style: disc url(http://www.villagegallery.ca/images/delta.gif) outside;
	vertical-align: middle;
	}
	
.content-left li.none {
	/* line-height: 150%; */
	margin-bottom: 2px;
	padding-left: 0px;
	margin-left: 0px;
	vertical-align: middle;
	list-style-type: none;
	list-style: none  outside;
	list-style-image: url(none);
}
.content-right {
	width: 500px;
	font-size: 12px;
	float: right;
	height: 100%;
	text-align: justify;
	padding-left: 0px;
} 

.content-right img.floatright {
	float: right;
	margin: 4px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff;
	vertical-align: text-top;
}

.content-right img.floatleft {
	float: left;
	margin: 4px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff;
	vertical-align: text-top;
}

.content-right img.floatright-noborder {
	float: right;
	margin: 4px;
	padding: 4px;
	border: none;
	background: #fff;
	vertical-align: text-top;
}

.content-right img.nofloat {
	float: none;
	margin: 4px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff;
	vertical-align: text-top;
}

.content-right img.noborder-nofloat {
	float: none;
	margin: 4px;
	padding: 4px;
	border: none;
	background: #fff;
	vertical-align: text-top;
}

.content-right ul {
	border: 0;
	margin: 0;
	padding-left: 10px;
	}      

.content-right li {
	/* line-height: 150%; */
	margin-bottom: 2px;
	padding-left: 0px;
	margin-left: 5px;
	list-style: disc url(http://www.villagegallery.ca/images/delta.gif) outside;
	vertical-align: middle;
	}

.content-right li.none {
	/* line-height: 150%; */
	margin-bottom: 2px;
	padding-left: 0px;
	margin-left: 0px;
	vertical-align: middle;
	list-style-type: none;
	list-style: none  outside;
	list-style-image: url(none);
}

/* artist-menu
**********************************************************************/
.artist-menu {
	text-align: left;
}

.artist-menu nav a, 
.artist-menu a:link, 
.artist-menu a:visited,
.artist-menu a:active {
	/* color: #696969; */
	color: #666666;
	padding-right: 10px;
	/* padding-right: 5px; */
	border-bottom: none;
	font-size: 12px;
}         

.artist-menu a:hover {
	/* color: #cc3333; */
	color: #000;
	text-decoration: none;
	background: #fff url(/images/delta-r.gif) no-repeat right center;
	/* padding-right: 5px; */
	border-bottom: none;
	padding-right: 10px;
}


/* links-menu
**********************************************************************/
.links-menu {
	text-align: left;
	line-height: 150%;
}

.links-menu nav a, 
.links-menu a:link, 
.links-menu a:visited,
.links-menu a:active {
	/* color: #696969; */
	color: #666666;
	padding-left: 10px;
	/* padding-right: 5px; */
	border-bottom: none;
	font-size: 12px;
}         

.links-menu a:hover {
	/* color: #cc3333; */
	color: #000;
	text-decoration: none;
	background: #fff url(/images/delta.gif) no-repeat left center;
	/* padding-right: 5px; */
	border-bottom: none;
	padding-left: 10px;
}


/* footer
**********************************************************************/
#footer {
	clear: both;
	width : 800px;  /* See note below */
	height: auto;
	margin: 0;
	color: #333;
	font : 11px Arial, Helvetica, Tahoma, sans-serif;
	background-color: #fff;
	border-bottom: none;
	border-top: 1px solid #666666;
	position: fixed;
	bottom: 0px;
	vertical-align: bottom;
	border-right-style: none;
	border-left-style: none;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 
#footer {
    \width: 100%;
    w\idth: 800px;
}*/

#footer img {
   float : right;
}

#footer p {
   padding-left : 5px;
}

/* #footer a:link, 
#footer a:visited,
#footer a:active { 
	color: #696969; 
	text-decoration: none; 
	border-bottom: 1px dotted #696969;
	}         

#footer a:hover { 
	color: #cc3333;  
	text-decoration: none; 
	border-bottom: 1px dotted #cc3333;
	} */

/* seen by IE5mac only, by Philippe Wittenbergh www.l-c-n.com */
*>html #footer img {
        margin : 0;
}
/* end */


#counter {
   display : none;
}

.happy {
   border-top : 1px solid #808080;
   padding : 10px;
}

/* slideshow
**********************************************************************/ 

#slideshow img {
	float: none;
	margin: 0px;
	padding: 0px;
	border: none;
	background: #fff;
	vertical-align: text-top;
}

#homepageslideshow img {
	float: left;
	margin: 4px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff;
	vertical-align: text-top;
}
/* miscellaneous styles
**********************************************************************/ 
.fineprint {
	font-family: "trebuchet ms", georgia, "times new roman", serif;
	font-size: 6pt;
}

.smallprint {
	font-family: "trebuchet ms", georgia, "times new roman", serif;
	font-size: 8pt;
}

.vline-left {
	padding-left: 5px;
	margin-left: 10px;
	border-left: 1px solid #9aa;
}
	
.go-top { 
	text-align: right; 
    font-size: 10px; 
    color: #696969; 
	margin-bottom: 0px; 
	padding-bottom: 3px;
}


h1 {
	margin: auto auto auto 0;
	color: #000;
}	

h2 {
	margin: auto auto auto 0;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}	
/* end
**********************************************************************/ 

#dynloadarea {
	text-align: center;/*	clear: both;
	width: 300px;
	height: auto;
	position: absolute; 
	top: 250px;
	right: auto;
	left: 10px; */
}

#dynloadarea img {
	float: none;
	margin: 4px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff center;
	vertical-align: text-top;
}

#dynloadarea a, 
#dynloadarea a:link, 
#dynloadarea a:visited,
#dynloadarea a:active,
#dynloadarea a:hover { 
	/* color: #696969; */
	color: #FFFFFF;
	font-size: 12px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	text-decoration: none;
}         

.hours {
	color: #000000;
	font : 12px Arial, Helvetica, Tahoma, sans-serif;
}