/* reset */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td { margin: 0; padding: 0; }

/* general */
body { background: #000; color: #999; font: 11px/1.5 Arial, Helvetica, sans-serif; }

/* typography */
h1, h2, h3, h4, h5, h6 { color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-bottom: .75em; }
h7 { color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
p, dl, ul, ol { margin-bottom: 1.5em; }
ul, ol { margin-left: 1.5em; }
dl dt { color: #fff; font-weight: bold; }

/* links */
a { color: #ccc; text-decoration: none; }
a:hover { color: #fff; }
a img { border: 0; }

/* images */
img.right { float: right; margin: 0 0 10px 10px; }
img.left { float: left; margin: 0 10px 10px 0; }
.center { text-align: center; }

/* wrapper */
.wrapper { margin: 0 auto; padding: 0 40px; overflow: hidden; width: 680px; }

/* header */
#header { background: url(../images/header-bg.jpg) no-repeat 50% 100%; border-bottom: 1px solid #333; padding-bottom: 20px; }

/* logo */
#logo { overflow: hidden; padding: 40px 0; width: 100%; }
#logo h1 { float: left; margin: 0; text-indent: -9999px; }
#logo h1 a { background: transparent url(../images/logo.png) no-repeat; display: block; height: 45px; width: 270px; }
#logo h4 { float: right; font-size: 1.5em; font-style: italic; margin: .75em 0; }

/* navigation */
#nav { list-style: none; margin: 0; overflow: hidden; width: 100%; }
#nav li { float: left; margin-right: 1px; text-indent: -9999px; }
#nav li a { background: transparent url(../images/navigation.png) no-repeat; display: block; height: 60px; width: 100px; }
#nav #home a { background-position: 0 0; }
#nav #home a:hover, #home-page ul#nav #home a { background-position: 0 -60px; }
#nav #gallery a { background-position: -100px 0; }
#nav #gallery a:hover, #gallery-page ul#nav #gallery a  { background-position: -100px -60px; }
#nav #artist a { background-position: -200px 0; }
#nav #artist a:hover, #artist-page ul#nav #artist a { background-position: -200px -60px; }
#nav #contact a { background-position: -300px 0; }
#nav #contact a:hover, #contact-page ul#nav #contact a { background-position: -300px -60px; }

/* content */
#content .wrapper { background: #111 url(../images/content-bg.gif); padding: 30px 40px; }
#content h2 { font-size: 1.75em; }

/* layout */
.column { float: left; margin: 0 20px; overflow: hidden; }
.first { margin-left: 0; }
.last { margin-right: 0; }
.span-1 { width: 200px; }
.span-2 { width: 440px; }

/* footer */
#footer { border-top: 1px solid #333; color: #666; padding: 20px; text-align: center; }
#footer a { color: #999; }
#footer a:hover { color: #ccc; }

/* gallery */
#gallery-categories { list-style: none; margin: 0 0 15px 0; overflow: hidden; }
#gallery-categories li {  float: left; font-size: 1.5em; margin: 0 10px 15px; overflow: hidden; text-align: center; width: 310px; }
#gallery-categories li.active { font-weight: bold; }
#gallery-categories li.active a { color: #fff; }
#gallery-categories li img { border: 0; padding: 0; }
#gallery-images { list-style: none; margin-left: 0; overflow: hidden; }
#gallery-images li { float: left; margin: 0 10px 10px; }

/* artist */
.buttons dd { background: #000; border-left: 5px solid #fff; font-weight: bold; margin-bottom: 2px; padding: 1px 5px; text-transform: uppercase; width: 65%; }

/* contact */
#cform label { color: #fff; font-weight: bold; }
#cform input, textarea { font: inherit; line-height: 1.75; }
#cform .field { margin-bottom: .75em; }
#cform .field input, .field textarea { background: #000; border: 1px solid #333; color: #999; }
#cform .field input { width: 68%; }
#cform .field textarea { width: 98%; }
#cform button { background: url(../images/send.png); border: 0; cursor: pointer; height: 30px; width: 100px; }
#cform button span { display: block; text-indent: -9999px; }
#cform .error { color: #f12; /*font-weight: bold;*/ }
#cform .success { color: #0c3; }