body{
font-family: helvetica;
margin: 0;
padding: 0;
}

#top {
max-width: 1100px;
margin: 0 auto;
padding: 20px 10px 0 10px;
color: #bbb;}

.name {
display: block;
margin-bottom:10px;
}

h1 {
margin-right: 10px;
display: inline;
color: #aaa;}

#top a {
color: #993399;
text-decoration: none;
margin: 0 5px;
display: inline;}

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


.thumbs {
}

.thumbs a img {
border: solid #eee 1px;
max-width: 50px;
height: auto;
}

.thumbs a:hover img{
border: solid #000 1px;
}

.paintings, .bio{
max-width:1100px; 
}
.bio{
padding:0 20px; 
}


section{
position:relative;
}

.caption{
position:absolute;
bottom:0px;
left:0px;
background-color:#fff;
opacity:0.6; /* transparency */
filter:alpha(opacity=60); /* IE transparency */
}
	
/* SMALL SCREENS */
@media (max-width: 768px) {

section {
padding-top: 80px;}
.paintings{
margin:0px auto 20px auto;}
h1 {
font-size: 1.2em;}
.caption{
padding:5px 10px;
font-size:0.8em;
}


}

/* ALL OTHER */
@media (min-width: 769px) {

section {
padding-top: 160px;}
.paintings{
margin:0px auto 160px auto;}
h1 {
font-size: 2em;}
.caption{
padding:10px 20px;
font-size:1.1em;
}

}