@charset "UTF-8";
/* CSS Document */
/*This is the stylesheet for the home page.*/
ul {
	margin:0;
	padding:0;
	}
body {
	background-color:#111;
	}
	
.logo {
margin-right:-.4em;
font-family: Arial, sans-serif;
font-size: 1.9em;
letter-spacing: .6em;
font-weight: lighter;
 
}
#navigation li .logo a:link, #navigation li .logo a:visited {
	color: #426A6A;
}

#navigation li .logo a:hover, #navigation li .logo a:active {
	color: #426A6A;
	border:none;
}
#navigation {
	font-size: 65%;
	text-align: center;
	letter-spacing:.7em;

}

#navigation ul {
	list-style: none;
	padding-top:2em;
	padding-bottom:1.5em;
	margin-bottom:0em;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	border-bottom : 1px solid #033;
	}

#navigation li {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	padding-top: 1.5em;
	font-weight: lighter;
	display: inline;
}

#clicker {
	display:inline;
	letter-spacing:.4em;
	margin-left:1em;
	}
#navigation a:link, #navigation a:visited {
	padding: 0.6em 1em 0.75em 1em;
	color: #9ff;
	background-color: #111;
	text-decoration: none;
	border: none;
}
	
#navigation a:hover {
	color: #ffd228;
	background-color: #111;
}
.paintings {
	text-align : center;
	margin-top : 1em;
	width : 1050px;
	margin-left : auto;
	margin-right : auto;
}
.paintings img {
	border:#555 1px solid;
	padding:5px;
	background-color:#000;
	margin-top:15px;
	margin-bottom:15px;
}

/*.paintings a:link, a:visited, a:hover, a:active {
	color:#000;
}This prevents the image from lighting up as a link*/

.paintings p {
font-size : 75%;
font-family : Helvetica, Arial, sans-serif;
letter-spacing : 0.4em;
font-weight : lighter;
margin-top : 1em;
margin-bottom : 2em;
margin-left : auto;
text-align : center;
color:#666;
}
.paintings em {
letter-spacing : 0.6em;
color : #666;
}
p span {
color : #111;
}
h1 {
	font-family: Arial, Geneva, sans-serif;
	color:#5A3630;
	font-size : 140%;
	letter-spacing : 1.1em;
	font-weight : lighter;
	text-align:center;
	margin-left : auto;
	margin-right : auto;
	margin-top: .5em;
	margin-left : 1.15em;
}
h1 span { /*use this to change a single letter within the h1 element*/
	font-family:Arial, Geneva, sans-serif;
	font-weight:lighter;
	color: #617E60;
}
h2 {
	color:#813542;
	font-family:  Arial, Geneva, sans-serif;
	font-weight:lighter;
	font-size: 85%;
	letter-spacing:2em;
	text-align:center;
	padding-top: .75em;
	margin-left:1.75em;
}