body {
font-family: verdana,  sans-serif;
font-size: 11px;
color: #333;
line-height: 16px;
background-color: rgb(235, 235, 235);

}

img {
border:0px;
}

input { 
font:10px/12px "Lucida Grande","Nimbus Sans Medium",Verdana,sans-serif;
background-color:#FFF;
border:1px #666 solid;
padding: 3px;
}

a, a:link, a:visited {
color: #06c;
text-decoration: none;
}

a:hover {
color: #c90;
text-decoration: none;
}

#amazon {
float:right;
text-align:center;
width: 150px;
margin: 0 0px 5px 5px;
font-size: 10px;
line-height: 12px;
}

#container {
width: 760px;
\width: 780px;
w\idth: 760px;
border: 1px solid gray;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
background-color: #FFF;
}

#banner {
padding: 5px;
margin-bottom: 5px;
background-color: #FFF;
}

#content {
padding: 5px;
margin-left: 215px;
margin-right: 155px;
background-color: #FFF;
font-size: 12px;
color: #333;
text-align:left;
}

#sidebar-a {
float: left;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0;
margin-right: 0px;
padding:0px;
background: #FDFBFC url(images/back.jpg) no-repeat;;
}

#sidebar-b {
float: right;
width: 140px;
\width: 150px;
w\idth: 140px;
margin: 0;
margin-left: 5px;
padding: 0px;

text-align:right;
}

#footer {
clear: both;
padding: 5px;
margin-top: 5px;
text-align:center;
background-color: #FFF;
}

h1 {
padding: 0;
margin: 0;
}

h1 span {
display: none;
}

h2 {
font-family: "lucida grande", "trebuchet ms", verdana, helvetica,  sans-serif;
text-align: left;
font-size:  20px;
font-weight: bold;
margin: 0px 0 5px 0;
border-bottom:1px solid #666;
padding-bottom:5px;
}

h3 {
font-family: "lucida grande", "trebuchet ms", verdana, helvetica,  sans-serif;
text-align: left;
font-size: 13px;
font-weight: bold;
margin: 0px 0 2px 5px;
}

ul {
list-style: none;
margin-top: .6em;
margin-bottom: .6em;
}

li {
background: url(images/bullet.gif) no-repeat 0 0;
padding: 0 0 6px 15px;
line-height: 12px;
margin-left:-20px;
}


.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 14px; height: 14px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px -1px -1px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.menu {
    margin: 0px;
    padding: 0px;

}
.contentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
}

.tag {
margin-top:-20px;
margin-left: 100px;
margin-bottom: 20px;
}

.byline {
color:#666;
font-size: 10px;
line-height: 12px;
}

#search {
float:right;
margin-top:20px;
}

.thumb {
float:left;
}

.rtthumb {
float:right;
}

#box {
float: right;
padding: 5px;
text-align:center;
font-size: 10px;
line-height: 12px;
width: 160px;
}