html * {
margin: 0;
padding: 0;
border: none;
}
body {
margin: 0;
padding: 0;
font-size: 100%;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
line-height: 1.1em;
text-align: center;
background-color: #A5DDF8;
}

#gradient {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
z-index: -10;
width: 100%;
height: 770px;
background: -moz-linear-gradient(top, rgba(0,121,192,1) 0%, rgba(165,221,248,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,121,192,1)), color-stop(100%,rgba(165,221,248,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,121,192,1) 0%,rgba(165,221,248,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,121,192,1) 0%,rgba(165,221,248,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(0,121,192,1) 0%,rgba(165,221,248,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079c0', endColorstr='#a5ddf8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(0,121,192,1) 0%,rgba(165,221,248,1) 100%); /* W3C */
}

/* content column: */

#content {
max-width: 800px; 
font-size: 0.75em;
background-color: #fff;
margin: 0px auto 16px auto;
text-align: left; 
border-radius: 30px;
behavior: url(/css/PIE/PIE.htc);
}

#content, header {
-moz-box-shadow: 0px 2px 15px #336699;
-webkit-box-shadow: 2px 0px 15px #336699;
box-shadow: 0px 0px 15px #336699;
behavior: url(/css/PIE/PIE.htc);
}

#content h1 {
clear: both;
margin: 0;
font-size: 1.7em;
font-family: "Trebuchet MS", Arial, sans-serif;
color:#003366;
line-height: 1em;
}

#content p {
margin: 0em 0em 0.5em 0em;
padding: 0.35em;
}

#content a:link {
color: #2E668B;
}
    
#content a:visited {
color: #255270; 
}
 
#content a:hover, #content a:active {
color: #000;
}

/* this clears floating (e.g images) */
br.clear {
clear: both;
display: none;
}

ul#nav li#books a {
background-color: rgb(248, 248, 248);
border: 1px solid rgb(248, 248, 248);
}

ul#nav li#books a:hover {
color: #000;
border: 1px solid rgb(248, 248, 248);
}

#main {
padding: 0;
}

#container {
margin: 0;
padding: 0;
}

#enews {
padding: 0 0 20px 14px; 
font-size: .9em;
}
h3 {
font-size: 1.2em;
}

#listing h1 {
clear: none; 
padding-top: 36px;
}

#used {
background-color: rgb(200, 250, 245);
margin: 50px 0px;
padding: 1em;
border: 1px solid rgb(200,200,200);
line-height: 1.3em;
}

#used h1 {
margin: 0;
}

#listing {
width: 68%;
margin: 20px 15px 0 35px;
padding-bottom: 30px;
float: left;
}

#listing h1 {
margin-left: 0;
}

#listing h2 {
line-height: 1.2em;
margin: 0;
font-size: 1.5em;
}

#listing h2 a {
color: blue;
}

#listing h3 {
line-height: 1em;
margin: 0;
}

.newproduct {
clear:left;
margin: 0 20px 10px 0;
}

.image {
float: left;
margin: 0 1em 10px 5px;
}

.writeup {
padding: 3px;
}

/* footer: */

footer { 
margin: 0em;
font-size: 0.6em;
clear: both;
color: #027BC1;
text-align: right;
text-align:center;
margin: 0em;
padding: 0.1em;
}

footer a:link, #footer a:visited { 
color: #027BC1;
} 

footer a:hover, #footer a:active { 
color: #000000;
} 

#edit {
float:right; 
visibility:hidden;
}

.first-phrase {
font-size: 1.2em;
font-style: italic;
}