* {
     padding:0;
     margin:0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
     display: block;
}

body {
     background-color: #fff;
     color: blue;
     text-align: center;
}

#wrapper {
     width: 780px;
     margin-left: auto;
     margin-right: auto;
}

#content {
     text-align: left;
     margin: 45px;
}

header#page-header {
     position: relative;
     text-align: center;
     width: 100%;
     height: 150px;
}

header.content-header {
     text-align: center;
}
nav#nav-bottom {
     position:relative;
     top: 0px;
     width: 780px;
     padding: 0;
     margin: 0;
     background: #fff;
     text-align: center;
}

nav a:link {
     text-decoration:none;
     color:#0000ff;
}

a {
     text-decoration: underline;
     color: #F43700;
}
p {
     padding: 5px;
}
p.dropcap:first-letter {
     font: bold 500%;
     color: green;
     float: left;
     margin-right: 5px;
}
footer#main {

}


footer a:link {
     text-decoration: underline;
     color: #0000ff;
}

li {
     margin: 20px;
}

.thumbs {
     position: relative;
     float: left;
     width: 200px;
     color: #C8539F;
}

.item {
     position: relative;
     float: left;
     width: 200px;
     height: 300px;
     border-style: outset;
     padding: 5px;
}

.space {
      position: relative;
      float: left;
      width: 10px;
}

.title {
     text-align: center;
     font-weight: 800;
     color: green;
}

.firstword {
     font: bold 150%;
     color: green;
     float: left;
     margin-right: 5px;
     margin-top: -7;
}

.toptext {
     font-size: 150%;
     color: green;
     font-weight: 900;
}

p {
     padding: 5px;
}

#showimage {
     position: absolute;
     visibility: hidden;
     border: 1px solid gray;
}

nav#nav-bottom {
     background: #008844;
     width: 100%;
     text-align: center;
     height: 26px;
     line-height: 26px;
     border-bottom: 1px solid #000;
}

nav#nav-bottom a {
     text-decoration: none;
     color:#F0F0FF
}
nav#nav-bottom a:hover {
     color: #f00;
}
.copy {
     text-align: right;
     font-size: 85%;
}
#dragbar {
     cursor: hand;
     cursor: pointer;
     background-color: #BEBEBE;
     min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext {
     font-weight: bold;
     margin-right: 1px;
}
.center {
     text-align: center;
}
.button {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.5);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #fffbf9;
border: solid 1px #980401;
background: #c50503; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#ff8a50), to(#c30000)); /* For Webkit Browsers */
background: -moz-linear-gradient(top, #ff8a50, #c30000); /* for Firefox */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8a50', endColorstr='#c30000'); /* for IE */
}
.button:hover {
background: #c50503;
background: -webkit-gradient(linear, left top, left bottom, from(#c30000), to(#ff8a50));
background: -moz-linear-gradient(top, #c30000, #ff8a50);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30000', endColorstr='#ff8a50');
}
.button:active {
border: solid 1px #ec3331;
color: #f9baae;
background: -webkit-gradient(linear, left top, left bottom, from(#dc3921), to(#ffb36a));
background: -moz-linear-gradient(top, #dc3921, #ffb36a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc3921', endColorstr='#ffb36a');
}
.price {
     border: 1px dashed green;
     padding: 1px 5px 1px 10px;
     margin: 20px;
     width: 150px;
     text-align: center;
}