/* @override http://delrocks.dev/css/main.css */

* { padding: 0; margin: 0; }

img {
  border: none;
}

.clear {
	clear: both;
	width: 1px;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

body {
	background: #ccc url(http://media.delrocks.com/images/dr-bg.jpg) repeat-x top center;
}

div#doc {
	position: absolute;
	background: url(http://media.delrocks.com/images/dr-doc.jpg) no-repeat top left;
	width: 750px;
	height: 700px;
}

div#hd {
	position: absolute;
  display: block;
  width: 750px;
}

div#hd h1 {
  text-indent: -9999px;
}

div#bd {
  position: absolute;
  top: 100px;
  width: 750px;
  height: 550px;
}

div#ft {
  position: absolute;
  top: 655px;
  width: 750px;
  padding: 0px 50px;
}

div#copyright {
	width: 650px;
  font-size: 80%;
  text-align: right;
  font-variant: small-caps;
}

img#front-1 {
  position: absolute;
  left: 30px;
  top: 100px;
  padding: 10px;
  background: transparent url(http://media.delrocks.com/images/dr-front-bg.png);
}

img#front-2 {
  position: absolute;
  right: 55px;
  top: 25px;
  padding: 15px;
  background: transparent url(http://media.delrocks.com/images/dr-thumb.png);
}

img#front-3 {
  position: absolute;
  right: 55px;
  top: 190px;
  padding: 15px;
  background: transparent url(http://media.delrocks.com/images/dr-thumb.png);
}

img#front-4 {
  position: absolute;
  right: 55px;
  top: 355px;
  padding: 15px;
  background: transparent url(http://media.delrocks.com/images/dr-thumb.png);
}

/* @group Navigation */

ul#menu {
	position: absolute;
	top: 0px;
	height: 100px;
	width: 750px;
	background: transparent url(http://media.delrocks.com/images/dr-nav.jpg) no-repeat top right;
}

ul#menu li {
	float: left;
}

ul#menu li a {
  display: block;
  height: 100px;
  text-indent: -9999px;
}

a#homepage {width: 300px;}

a#gallery, a#about, a#shows {width: 100px;}

a#contact {width: 150px;}

a:hover#gallery {background: transparent url(http://media.delrocks.com/images/dr-nav.jpg) 0px -100px no-repeat;}

body#gallery a#gallery {background: transparent url(http://media.delrocks.com/images/dr-nav.jpg) 0px -200px no-repeat;}

a:hover#about {background: transparent url(http://media.delrocks.com/images/dr-nav.jpg) -100px -100px no-repeat;}

body#about a#about {background: transparent url(http://media.delrocks.com/images/dr-nav.jpg) -100px -200px no-repeat;}

a:hover#shows {background: transparent url(http://media.delrocks.com/images/dr-nav.jpg) -200px -100px no-repeat;}

body#shows a#shows {background: transparent url(http://media.delrocks.com/images/dr-nav.jpg) -200px -200px no-repeat;}

a:hover#contact {background: transparent url(http://media.delrocks.com/images/dr-nav.jpg) -300px -100px no-repeat;}

body#contact a#contact {background: transparent url(http://media.delrocks.com/images/dr-nav.jpg) -300px -200px no-repeat;}

/* @end */
/* @override http://delrocks.dev/css/gallery.css */

/* @group Image List */

ul#image-list {
	display: block;
	width: 600px;
	height: 320px;
	margin: 0px auto 10px auto;
	padding-top: 0px;
}

ul#image-list li {
	float: left;
	display: block;
	margin: 0px 10px;
}

ul#image-list a {
	display: block;
	width: 180px; height: 180px;
	background: transparent url(http://media.delrocks.com/images/dr-thumb.png);
}

ul#image-list a:hover, ul#image-list a:active {
	background: transparent url(http://media.delrocks.com/images/dr-thumb.png) 0px -180px;
}

ul#image-list img {
	margin: 15px;
}

/* @end */

/* @group Image Pager */

ul#pager {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 50px;
}

ul#pager li {
	float: left;
	display: block;
	width: 25px;
	text-align: center;
	color: #630;
}

ul#pager li a {
	display: block;
	text-decoration: none;
	color: #630;
}

ul#pager li a:hover, ul#pager li a:active {
	color: #ccc;
	background: #630;
}

ul#pager li em {
	font-weight: bold;
}

/* @end */
/* @override http://delrocks.dev/css/image.css */

div#image-main {
	padding-top: 25px;
}

div#img-shadow {
	margin: auto;
}

div#image-main img {
	border: black solid 1px;
	padding: 5px;
	background-color: white;
	
}

div#image-pager a {
	text-decoration: none;
	border: 2px solid gray;
	padding: 2px 5px;
	color: black;
  font-variant: small-caps;
}

div#image-pager a:hover, div#image-pager a:active {
	border: 2px solid #630;
	color: #630;
	background-color: #ccc;
}

div#image-pager.left {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding-left: 50px;
	padding-bottom: 10px;
}

div#image-pager.right {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding-right: 50px;
	padding-bottom: 10px;
}/* @override http://delrocks.dev/css/about.css */

span#artist-about {
  width: 675px;
  display: block;
  margin: 0px auto;
}

p {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-align: justify;
  border: #630 double 3px;
  margin-top: 20px;
  padding: 10px;
  font-variant: small-caps;
  font-size: 90%;
  background-color: #eee;
}

p#artist-history {
  width: 350px;
}

p#artist-views {
  width: 350px;
  margin-left: 100px;
}

p#artist-technique {
  width: 400px;
  margin-left: 200px;
}/* @override http://delrocks.dev/css/shows.css */

ul#shows {
  padding: 50px;
}

ul#shows li {
  float: left;
  width: 210px;
}

span#show-info {
  display: block;
  text-align:  center;
  margin: 2px;
  border: 3px double #630;
  font-variant: small-caps;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  background-color: #eee;
}

div#show-name {
  font-weight: bold;
  font-size: 100%;
  margin-bottom: 2px;
}

div#show-name a {
  text-decoration: none;
  color: #630;
}

div#show-name a:hover, div#show-name a:active {
  color: #f90;
}

div#show-location {
  font-size: 90%;
}/* @override http://delrocks.dev/css/form.css */

#form-thanks {
	text-align: center;
	width: 400px;
	border: 2px solid #900;
	margin: 0px auto;
}

iframe {
  width: 600px;
  margin-top: 25px;
  margin-left: 50px;
  padding-top: 25px;
  background-color: #eee;
  border: #999 solid 2px;
}

#contact-form-footer {
  font-size:80%;
  font-variant:small-caps;
  text-align:right;
  width:650px;
}

#contact-form {
	width: 600px;
	margin: 25px auto;
	padding-top: 25px;
	background-color: #eee;
	border: #999 solid 2px;
}

#contact-form input, #contact-form textarea, #contact-form select {
	padding: 5px;
	width: 400px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
  font: 100% Helvetica, sans-serif;
}

#contact-form select {
	width: 415px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#contact-form textarea {
	height: 90px;
}

#contact-form textarea:focus, #contact-form input:focus, #contact-form select:focus {
	border: 2px solid #630;
}

#contact-form input.submit-button {
	width: 100px;
	float: right;
	margin: 25px;
  font-variant: small-caps;
}

.form_error {
  font-variant: small-caps;
  color: maroon;
  text-align: center;
}

#contact-form label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 100%;
  font-variant: small-caps;
}