@charset "UTF-8";
/* CSS Document */

html, body {
  	background: #FFF;
  	color:#333;
  	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  	padding: 0;
	text-align: center; /* this centers the wrapper in IE 5* browsers. The text is then set to the left aligned default in the #wrapper selector */
	font: 100% Helvetica, Arial, Verdana, sans-serif;
    height: 101%;
  	}
	
#wrapper {
	width: 920px;
  	margin: 0 auto; /* auto on both sides will center wrapper */
	text-align: left; /* this overrides the text-align: center on the body element. */
  	}
	
#header { padding: 10px 0; }
	
a { text-decoration:none } 
	
.artist_name {
	font-size: 22px; 
	font_weight: bold;
	color: #bec9d7;
	letter-spacing: 0.2em;
	}
/*
#wholeContent { 
	margin: 0 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. 
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box 
	} */

#leftNav {
	margin: 0;
	float: left; /* since this element is floated, a width must be given */
	width: 220px;
	padding: 50px 0 0 0;
}

#leftNav ul, #leftNav ul li {
     list-style: none;
	 margin:4px 0 0 0;
     padding: 0;
 	}
	
#leftNav a {
/*	color: #828c96;
	color: #8693a3;*/
	color: #788492;
	list-style: none;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size:0.8em;
	text-decoration: none;
	letter-spacing: 0.2em;
	}

#leftNav li a:hover {
	/*color: #ff3399;
	color: #132a47;*/
	color: #1f3347;
	}	

#leftNav li a:active, li a.active:hover { color: #40536b; }	

#mainContent { 
	margin: 0 0 0 220px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar space when the content in #sidebar ends */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	} 
	
.title {
    font-size:0.775em;
    color: #c6cbd2;
	letter-spacing: 0.2em;
	}
	
p  {
	font-size: 0.8em;
	line-height:1.5;
	}
	
b {color: #4d4d4d; }

.fltlft { /* float an element left */
	float: left;
	margin-right: 15px;
	}
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}		
/*	
.subtitle {

letter-spacing: 0.15em;
 color: #bec9d7;
  font-weight: bold;
} 

.subject {
	color: #bec9d7;
	font-size: 0.8em;
	letter-spacing: 0.2em;
	}	
	
/*	
p#mainContent  {
	font-size: 9px;
	line-height:1.5;
	}*/
	
/* used for original index.html 
h2 {
  margin: 200px 0 0;
  padding: 0;
  color: #ff0099;
  } */


a:link, a:visited {
	color: #666;
	text-decoration: none;
	line-height:2em;
	letter-spacing: 0.05em;
	}
a:hover {
	color: #c5793e;
	text-decoration: none;
	}
a:active {
	color: #996633;
	text-decoration: none;
}

/* art page */
#fadeshow2 { text-align: center}
#fadeshow2toggler {
	width:700px; 
	text-align:center; 
	margin-top:3px;  
	color:#333; 
	font-size:10px;
	letter-spacing: 0.1em;
	}

/* video page */
#thumb {
margin: 0;
	float: left;
        width: 200px;
     
    }

/*#thumb ul{
	padding: 0;
   	margin: 0;
    }

#thumb li{

        width: 120px;
        height: 150px;
       
        display: inline-block;
		
    }*/


#about { 
margin-left: 220px;
	/*margin: 0 0 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	}
	
	/* test 
	h2 {
	font-family: Times,"Times New Roman","Big Caslon Medium", Georgia,   serif;
	font-size:26pt;
	color:#990033;

	
	}*/
	
/* video* pages */	
#video { text-align: center}	
#movie { text-align: center;
padding-top:100px;}	

/*
a.nav:link {color: red; text-decoration: none; }
a.nav:visited {color: purple; text-decoration: none; }
a.nav:hover {color: orange; text-decoration: underline; }
a.nav:active {color: blue; }*/

/* store */
a.attention {
	text-decoration: none;
	line-height:2em;
	letter-spacing: 0.05em;
	}
	
a.attention:link, a.attention:visited {color: #996633; }
a.attention:hover {color: #c5793e; }
a.attention:active {color: #fe904b; }