@charset "UTF-8";
html, body { 
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333;
	height: 101%;
}
	
#wrapper {
	width: 950px;
  	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;
		margin-top: 10px; }
		
	
.artist_name {
	font-weight: bold;
	font-size: 120%;
	letter-spacing: 0.7em /* 1.0em*/;
	color: #808080 /*#cc0000*/;
	}
	
/* --- bio/cv general links start --- */
a:link, a:visited {
	color: #333;
	text-decoration: none;
	line-height:2em;
	letter-spacing: 0.05em;
}

a:hover {
	color: #c5793e;
	text-decoration: none;
}

a:active {
	color: #996633;
	text-decoration: none;
} /* --- bio/cv general links end --- */
	
#leftMenu {
	margin: 0;
	float: left; 
	width: 250px;
	padding: 50px 0 0 0;
}

#leftMenu ul, #leftMenu ul li {
     list-style: none;
	 margin: 0;
     padding: 0;
	}

#leftMenu a {
	color: #788492;
	list-style: none;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size:0.85em;
	text-decoration: none;
	letter-spacing: 0.2em;
	}

#leftMenu a:hover { color: #1f3347; }	

#leftMenu a:active { color: #40536b; }	

#leftMenu ul.submenu li{margin-left:25px;}

#mainContent { 
	margin: 0 0 0 250px; 
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	} 
	
p  {
	font-size: 0.8em;
	line-height:1.5;
	}
	
.clear{ clear:both; }	

.subtitle {
  color:#b7bfa5;
  font-weight: bold;
  margin-left: 0px;
}

/* --- bio/cv general links start --- */
a:link, a:visited {
	color: #333;
	text-decoration: none;
	line-height:2em;
	letter-spacing: 0.05em;
}

a:hover {
	color: #c5793e;
	text-decoration: none;
}

a:active {
	color: #996633;
	text-decoration: none;
} /* --- bio/cv general links end --- */

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

/* --- backend style --- */
.webaddress {
	color: #999;
	font-family: SimSun, "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}
.loggedInAs {
	display: block;
	text-align: right;
	font-size: 80%;
}

#user_main {
margin: 0 auto;
margin-top: 100px;
text-align: left;
width: 500px;
height: 240px;
border-width: thin;
border-style: solid;
border-color:#999999;
padding: 10px;
background-color: #f2f2d9;
}

.logout {
font-weight:bold;
color: #fff;
background-color: #ccffff;
}	
/*
#header_left {
	font-weight: bold;
	font-size: 150%;
	letter-spacing: 1.0em;
	color: #666;
}

#navigation {
	width:200px;
	float: right;
	margin: 9px 20px;
	text-align: right;
}

#navigation a{
	color: #4d4d4d;
	list-style: none;
	font-size: 101%;
	font-weight:bold;
	text-decoration: none;
	letter-spacing: 0.1em;
}

#navigation a:hover { color: #000; }

#navigation a:active, a.active:hover { color: #666; }

#main {
	font-size: 105%;
	padding: 0px;
	width: 920px;
  	margin: 0 auto;
}

div#rightContent {
	margin-top: 30px;
	text-align: left;
	min-height: 420px;
	border-left: thin solid #ccc;
	padding: 9px;
	margin-left: 534px;
}

#rightContent p {
	margin: 0px;
}

div#leftContent {
	float: left;
	width: 534px;
	margin-top: 10px;
	text-align: left;
}

div#indentedContent {
	
	margin-top: 20px;
	text-align: left;
}

#leftContent h4{
 	color:#4d4d4d ;
	letter-spacing: 0.1em;
  	}
	
#leftContent a:link, #leftContent a:visited {
	color: #715b4a;
	text-decoration: none;
	line-height:2em;
	letter-spacing: 0.05em;
}

#leftContent a:hover {
	color: #c5793e;
	text-decoration: underline;
}

#leftContent a:active {
	color: #996633;
	text-decoration: none;
}

.footer {
	font-size: 75%;
	margin-left: 0px;
}

#footer {
	font-size: 75%;
	margin-left: 0px;
}

.title {
    font-size:0.775em;
    color: #c6cbd2;
	letter-spacing: 0.2em;
	}

.headline {
    font-size:0.8em;
    color: #808080;
	letter-spacing: 0.2em;
	}