/* CSS Document */

body {
color:#fff;
background:#000;
font-family:"Verdana","Helvetica","Arial",sans-serif;
font-size:1em;
font-weight:bold;
padding:0px;
margin:0px;
}

h2 {
color:rgb(162,65,56);
background:transparent;
}

a:link {
color:#fff;
background:transparent;
text-decoration:none;
font-weight:bold;
}

a:visited {
color:#fff;
background:transparent;
text-decoration:none;
font-weight:bold;
}

a:hover {
color:rgb(163,65,56);
background:transparent;
text-decoration:underline;
font-weight:bold;
}

#header {
width:100%;
}

.logo {
width:332px;
text-align:left;
}

.gallery {
color:#fff;
background:#000;
text-align:center;
vertical-align:bottom;
font-size:75%;
font-weight:bold;
padding-top:20px;
}

.gallery2 {
color:#fff;
background:#000;
text-align:center;
font-size:75%;
font-weight:bold;
padding-top:2px;
padding-bottom:20px;
}

.gallery2 a:link {
text-decoration:underline;
}

.gallery2 a:visited {
text-decoration:underline;
}

#bar {
height:16px;
color:#fff;
background:#000 url(_artwork/bkgrd02_bar.gif);
background-repeat:repeat-x;
}

#content {
width:683px;
color:#666;
background:#000;
font-size:75%;
font-weight:bold;
margin-left:72px;
}

#nav {
width:583px;
color:#fff;
background:#000;
font-weight:bold;
padding:5px 0px;
}

#artwork {
width:260px;
text-align:left;
vertical-align:top;
padding-top:20px;
padding-bottom:20px;
border-bottom:1px dotted #fff;
}

#artwork p {
color:#fff;
background:transparent;
padding-left:5px;
}

.new {
color:rgb(163,65,56);
background:transparent;
}

#main {
width:303px;
text-align:left;
vertical-align:top;
line-height:120%;
padding-top:20px;
border-bottom:1px dotted #fff;
}

/* This following code sets up a subhead to split across either end of the thumbs cell. */

#size {
float:left;
width:153px;
color:#fff;
background:transparent;
text-align:left;
padding-bottom:2px;
border-bottom:1px dotted #fff;
margin-bottom:10px;
margin-bottom:5px;
}

#price {
float:left;
width:150px;
color:#fff;
background:transparent;
text-align:right;
padding-bottom:2px;
border-bottom:1px dotted #fff;
margin-bottom:10px;
margin-bottom:5px;
}

#thumbs {
float:left;
width:303px;
}

#thumbs p {
padding-left:5px;
}

#thumbs a:link {
color:#666;
background:transparent;
text-decoration:none;
padding:2px 5px;
border:1px #666 solid;
margin:2px 2px;
}

#thumbs a:visited {
color:#666;
background:transparent;
text-decoration:none;
padding:2px 5px;
border:1px #666 solid;
margin:2px 2px;
}

#thumbs a:hover {
color:#fff;
background:transparent;
text-decoration:none;
padding:2px 5px;
border:1px rgb(163,65,56) solid;
margin:2px 2px;
}

#cover {
display:block;
float:left;
padding:10px;
padding-left:0px;
}

.craft1 {
display:block;
float:left;
padding:10px;
padding-left:0px;
margin-top:-8px;
}

.craft2 {
display:block;
float:right;
padding:10px;
padding-right:0px;
margin-top:-8px;
}

#preview {
width:100px;
text-align:left;
vertical-align:top;
padding-top:70px;
}

#design {
color:#fff;
background:#000;
font-size:90%;
text-align:right;
padding:5px 0px 5px 5px;
}

/* The following code is for pages with a wide format and no artwork, such as the "shows" page. */

#wide {
width:583px;
padding:10px 0px;
border-bottom:1px dotted #fff;
margin:20px 0px;
}

#wide p {
color:#fff;
background:transparent;
padding:0px 10px;
}

/* End of code specific to the secondary pages using the wide format. */

/* The following code is for the order form page. */

.col1 {
width:313px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
border-bottom:1px dotted #fff;
}

.col1alt {
width:313px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
}

.col2 {
width:170px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
border-bottom:1px dotted #fff;
}

.col2alt {
width:170px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
}

.col2alt2 {
width:170px;
color:#fff;
background:transparent;
text-align:right;
vertical-align:top;
padding:2px 0px;
}

.col3 {
width:100px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
border-bottom:1px dotted #fff;
}

.col3alt {
width:100px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
}

.col4 {
width:583px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:5px 0px;
}

.col5 {
width:270px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
border-bottom:1px dotted #fff;
}

.col6 {
width:483px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
border-bottom:1px dotted #fff;
}

.col6alt {
width:483px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
}

/* End of code specific to the order form. */

/* Code for book hyperlink. */
.book {
padding:2px;
border: 1px solid rgb(163,65,56);
}

/* The following code is for the book order form page. */

.bcol1 {
width:383px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
border-bottom:1px dotted #fff;
}

.bcol1alt {
width:383px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
}

.bcol2 {
width:100px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
border-bottom:1px dotted #fff;
}

.bcol2alt {
width:100px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
}

.bcol2alt2 {
width:100px;
color:#fff;
background:transparent;
text-align:right;
vertical-align:top;
padding:2px 0px;
}

.bcol3 {
width:100px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
border-bottom:1px dotted #fff;
}

.bcol3alt {
width:100px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
}

.bcol4 {
width:583px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:5px 0px;
}

.bcol5 {
width:270px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
border-bottom:1px dotted #fff;
}

.bcol6 {
width:483px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
border-bottom:1px dotted #fff;
}

.bcol6alt {
width:483px;
color:#fff;
background:transparent;
text-align:left;
vertical-align:top;
padding:2px 0px;
}

/* End of code specific to the book order form. */