/* @Begin common */

body {
background-color: #451E21;
font-family: Myriad, Helvetica, Tahoma, Arial, sans-serif;
color: #F19696;
margin: 0;
width: 100%;
}

a, a:visited {
color: #74202E;
text-decoration: none;
}

img {
border: 0;
}

p {
margin: 10px auto 15px auto;
padding: 0 20px 0 20px;
font: 1em/120% Myriad, Helvetica, Tahoma, Arial, sans-serif;
color: #252525;
}


#main {
width: 700px;
height: auto;
margin: 0;
padding: 0 10px 15px 10px;
float: left;
background-color: #451E21;
background: url(../images/bgpattern.jpg) repeat-y;
font: 12px Myriad, Helvetica, Tahoma, Arial, sans-serif;
color: 252525;
}

#menu {
width: 115px;
margin: 45px 0px 0 60px;
font: 0.75em/200% Myriad, Helvetica, Tahoma, Arial, sans-serif;
letter-spacing: 0.1em;
text-align: left;
float: left;
}

#gallery-menu, #about-menu {
font: 0.75em/180% Myriad, Helvetica, Tahoma, Arial, sans-serif;
padding: 0 0 8px 0;
}

#menu ul {
list-style: none;
}

#menu ul li {
color: #F19696;
}

#menu a, #menu a:visited {
color: #F19696;
}

#menu a:hover {
color: #fff;
}


#gallery-menu a {
color: #FFF;
}

#title {
font: 1.7em/150% Tahoma, Myriad, Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.4em;
color: #441E20;
text-align: center;
}

#subtitle {
margin: 0 0 20px 20px;
font: 1.6em/100% Tahoma, Myriad, Helvetica, Arial, sans-serif;
color: #441E20;
}

#subtitle2 {
margin: 40px 0 10px 20px;
font: 1.1em/100% Tahoma, Myriad, Helvetica, Arial, sans-serif;
color: #441E20;
}

#subtitle3 {
margin: 40px 0 5px 20px;
font: 1.1em/100% Tahoma, Myriad, Helvetica, Arial, sans-serif;
color: #441E20;
letter-spacing: 0.9em;
}

#footer {
padding: 35px 0 0 0;
font: 0.9em/120% Myriad, Helvetica, Tahoma, Arial, sans-serif;
text-align: center;
color: #252525;
}


/* @Begin main */

#cover {
width: 635px;
height: auto;
margin: 0;
padding: 0 0 40px 0;
float: left;
background-color: #451E21;
background: url(../images/coverpattern.jpg) repeat-y;
font: 12px Myriad, Helvetica, Tahoma, Arial, sans-serif;
color: 252525;
}

#coverimg {
background: url(../images/coverimg.jpg) no-repeat;
width: 469px;
height: 500px;
margin: 50px auto 20px auto;
}

#intro {
width: 470px;
margin: 15px auto 15px auto;
font: 1.2em/140% Myriad, Helvetica, Tahoma, Arial, sans-serif;
text-align: center;
color: #252525;
}


/* @Begin gallery */

#gallery {
width: 85%;
padding: 40px 10px 10px 40px;
text-align: center; 
}

#gallery2 {
width: 83%;
padding: 40px 10px 10px 40px;
text-align: center; 
}

#gallery img, #gallery2 img {
margin: 4px;
padding: 15px 10px 15px 10px;
vertical-align: middle;
}

#gallery img:hover, #gallery2 img:hover {
background-color: #eee;
}

#nav-link {
padding: 10px 0 0 0;
font: 1em/120% Myriad, Helvetica, Tahoma, Arial, sans-serif;
text-align: center;
color: #252525;
}


/* @Begin about & contact */
#bio {
margin: 50px 80px 15px 80px;
}

#about, #contact {
margin: 50px 70px 15px 70px;
}

#balls {
margin: 0 0 15px 20px;
letter-spacing: 0.6em;
}

#exhibit-list {
margin: 20px 0 20px 20px;
font: 0.95em/120% Myriad, Helvetica, Tahoma, Arial, sans-serif;
color: #252525;
}

.photo-credit {
margin: 20px 0 20px 20px;
font: 0.95em/120% italic Myriad, Helvetica, Tahoma, Arial, sans-serif;
color: #666;
}

#contact form {
padding: 20px 0 0 0;
}

#contact #sender {
margin: 0 0 0 13px;
}

#contact #addr {
margin: 0 0 0 15px;
}

#contact #subject {
margin: 0 0 0 5px;
}


#contact #comments {
margin: 0 0 0 20px;
}

#contact #resetButton {
margin: 20px 0 10px 20px;
}

#contact #sendButton {
margin: 20px 0 10px 10px;
}