/* STYLE HTML TAGS
----------------------------------------------- */
	body
		{
		font: 78%/1.5 Verdana, Arial, Helvetica, sans-serif;
		margin: 10px;
		background: #4b1e07 url(../images/bg_tile-1.gif);
		
		text-align: center;
		}
	
	h1
		{
		text-indent: -999em;
		margin: 1em 0 0 0;
		color: #fff;
		text-align: center;
		}
		
	h2
		{
		font: 2em georgia, times, Times New Roman, times-roman, serif;
		
		}
		
	h2.white
		{
		font: 2em georgia, times, Times New Roman, times-roman, serif;
		color: #fff;
		}
		
	h3
		{
		font: 1.2em georgia, times, Times New Roman, times-roman, serif;
		letter-spacing: 0.02em;
		color: #000;
		}
		
	h3.white
		{
		font: 1.2em georgia, times, Times New Roman, times-roman, serif;
		letter-spacing: 0.02em;
		color: #ffffff;
		}
	
	p
		 { font: 12px/13pt Verdana, Arial, Helvetica, sans-serif }
		
	a	{
		color: #8F3A2E;
		}
		
		a.white	{
		color: #ffffff;
		}
		
	a:hover	
		{
		color: #2C2B7E;
		}
		
	
	td.text
		{
		padding: 0 10px 10px 10px; 
		}
	
	td.text-menu
		{ color: maroon; padding: 0 5px 5px; background: #fefada; }
		
	td.menu_header
	{ color: #808000; 
	padding: 5px 5px 5px 5px; 
	font: 1.2em arial, helvetica, sans-serif;
	background: #fefada; 
	border-bottom: 1px dashed #276002;
	}
	

	
	td.text-about
		{ color: black; background-color: #fefada; }
		



/* STRUCTURE
----------------------------------------------- */	
	#container
		{
		margin: auto;
		background: #fff;
		text-align: left;
		width: 800px;
		}
		
	#masthead
		{
		background: #FDCA43 url(../images/nav/masthead.gif) repeat-x;
		height: 140px;
		}
		
			
	#page-contents
		{ width: 800px; 
		float: left; 
		}
		
	



/* STRUCTURE-index-Homepage
----------------------------------------------- */	

	#page-contents-home
		{
		padding: 0;	
		width: 800px;
		height: 594px;
		float: left;
		}
		
	#home-left-column	
		{
		float: left;
		width: 400px;
		height: 100%;  
		padding-left: 20px; 	
		}	
	#home-right-column	
		{ 
		float: right; 
		width: 125px; 
		height: 594px; }
		
		
/* End STRUCTURE-index-Homepage
----------------------------------------------- */			



/* STRUCTURE - about.php
----------------------------------------------- */	

	#page-contents-about
		{
	float: left;
		background: #ffffff;
		width: 800px;
		}

	#page-contents-text
		{
	padding:10px;
	width: 450px;
		
		}
/* End STRUCTURE - about.php
----------------------------------------------- */	
		
		
		
		


/* STRUCTURE - espresso.php
----------------------------------------------- */	
	#page-contents-espresso
		{
		float: left;
		background: #fefada;
		width: 800px;
		}
		
	#espresso-menu	
		{
		float: left;
		width: 500px;
		height: 100%;  
		padding-left: 10px; 	
		}	
	
	
	
	#espresso-right-column
		{
		float: right;
		width: 280px;
		height: auto;  
		background: #fff; 
		}	
		
		
/* End STRUCTURE -espresso.php
----------------------------------------------- */	


/* STRUCTURE - art.php
----------------------------------------------- */	

	#page-contents-art
		 { width: 650px; height: auto;   float: right; padding: 0 10px 0 0; }
		
	


/* End STRUCTURE - art.php
----------------------------------------------- */	



/* STRUCTURE - Events.php
----------------------------------------------- */	
	#page-contents-events
		{
		float: left;
		background: #ffffff;
		}
		
	#events-table
		{
		width: 600px; 
		padding: 0 20px 0 ;
		float: left;
		}
	
	#events-photos
		{
		padding: 60px 0 0 0;
		width: 150px; 
		float: right;
		}
		
		
/* End STRUCTURE - Events.php
----------------------------------------------- */	







	
	
	
/* STRUCTURE - Local.php
----------------------------------------------- */	
		#page-contents-local
		 {
		padding: 0;	
		width: 800px;
		height: 594px;
		float: left;
		}
		
		
		
	#local-list	
		 { 
		background:transparent;	
		padding: 0 20px 20px; 
		 width: 250px; 
		 height: auto; 
		 float: left; 
		
		
		 }
		
	#dog-of-the-month
		 { background-color: transparent; margin: 10px 0 0 20px; padding: 0 20px 20px; width: 250px; height: 20px; float: right;}
		 

		
/* End Local.php
----------------------------------------------- */		

	
		
	

/* TYPE & COSMETICS
----------------------------------------------- */

	#blurb
		{
		width: 90%;
		padding:  0 10px;
		}
	
	.text-blurb { font: 90%/1.2em verdana, arial, helvetica, sans-serif; }
	
	.text-blurb-wht { font: 90%/1.2em verdana, arial, helvetica, sans-serif; color: #fff;}
	
	.text-lg-bold { font: 1.6em bold georgia, times, Times New Roman, times-roman, serif; letter-spacing: 0.1em; }
	
	.text-med { font: 1.4em georgia, times, "Times New Roman", times-roman, serif; letter-spacing: 0.05em; }
		
	.caption-wide { color: #5e5f6f; font: 1em georgia, times, "Times New Roman", times-roman, serif; letter-spacing: 0.02em;; }
	
	ul.tan
		{
		list-style-image: url(../images/nav/blt_tan.gif);
		list-style-type: circle;
		}
		
		
	ul.olive
		{
		list-style-image: url(../images/nav/blt_olive.gif);
		list-style-type: circle;
		}
		
	ul.rust
		{
		list-style-image: url(../images/nav/blt_rust.gif);
		list-style-type: circle;
		}

	.text-small
		{
		font: 10px arial, sans-serif;
		color: #fff;
		}
		
	.left-padded
		{
		padding: 0 0 0 5px;
		}	
		
	.right-padded
		{
		padding: 0 20px 0 0;
		}	
		
		
		#trans
		{ width:25em; 
		height: 100%;
		background:white; 
		position: relative; 
		filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; 	
		z-index: 0;
		
		}
		
		.right-flush-pic
		{ position: relative; right: -10px; 
		padding: 0 0 0 5px;}
			
		.left-flush-pic
		{ position: relative; left: -10px; 
		padding: 0 0 0 5px;}		
		
/* MAIN MENU
----------------------------------------------- */
	#nav ul 
		{
		margin: 0;
		padding: 0;
		list-style-type: none;
		
		}
		
	#nav ul li.home,
	#nav ul li.about,
	#nav ul li.for_sale,  
	#nav ul li.espresso,
	#nav ul li.art
	{
		width: 160px;
		float: left;
		}
	#nav ul li.events 
		{
		width: 160px;
		float: left;
		}
	#nav ul li.local 
		{
		 width: 160px;
		float: left;
		}	
	
	
	
	
	#nav ul li a 
		{
		padding: 4px 0 4px 0;
		border-top: 1px solid #FDCA43;
		border-left: 1px solid #FDCA43;
		border-right: 1px solid #FDCA43;
		border-bottom: 1px solid #FDCA43;
		background: #B4661B;
		font: bold 11px arial, sans-serif;
		color: #fff;
		text-decoration: none;
		display: block;
		text-align: center;
		}
	
	#nav ul li a:hover 
		{
		background: #808000;
		color: #ffffff;
		}
	
	body#home #nav li.home a, 
	body#about #nav li.about a,
	/* body#for_sale #nav li.for_sale a,*/
	body#espresso #nav li.espresso a,

	body#art #nav li.art a,
	body#events #nav li.events a,
	body#local #nav li.local a
		{
		background: #808000;
		color: #ffffff;
		}
		
/* PAGE COLUMN
----------------------------------------------- */
	
	#page-column
		{
		padding: 1px 0 3px 6px;
		width: 125px;
		float: left;
		height: 100%;
		}
		
		
	#page-column ul
		{
		margin: 0 0 0 3px;
		padding: 0;
		list-style-type: none;
		}
		
	#page-column ul li
		{ font: 12px/2em georgia, times, serif; 
			margin: 0; }
	
	#page-column ul li a 
		{
		display: block;
		text-decoration: none;
	
		}
	
	#page-column ul li a:hover 
		{
		background: #e9e9df;
		}

/* Sub menu */

	#page-column li ul
		{
		list-style-type: none;
		}

	#page-column li ul li
		{ 
		font: 12px/2em georgia, times, serif; 
		margin: 0 0 0 10px;
		 }
		 
	 #page-column li li a
		{ 
		color: #000000;
		 }
			 
	 #page-column ul li.this_artist
		{ 
		background: #f4f4f4;
		color: #000000;
		
		 }

 	#page-column ul li a.this_artist
		{ 
		background: #e9e9df;
		color: #2C2B7E;
		
		 }




/* END PAGE COLUMN
----------------------------------------------- */	
	
	#footer
		{
		padding: 10px 0 0 0;
		background:  #4B1E07 url(../images/nav/horiz_bar_sm.gif) repeat-x;
		text-align: center;
		clear: both;
		width: 100%;
		height: 30px;
		border-bottom: 1px solid #000000;
		}
		
	#footer a	
		{
		font: 10px arial, sans-serif;
		color: #fff;
		}