/* Clearfix ------------------------ **/
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE5/Mac \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End hide from IE5/Mac */


foo { }
/* logo color: #2b4592 #9c9ec7 */
/* safe color: 
/* #333399 339 dark blue OR Better closer to original (006699)*/
/* #9999cc 99c light blue */
/* 666699 - darker blue/gray */
/* --------------------------------------------------------------------- */
ul { list-style: square; }
ul, ol { margin: 0 0 10px 25px; }
dl { margin: 0 0 10px; }
dt { font-weight: 700; }
dd { margin: 0 0 3px 10px; }
p { margin: 0 0 8px 5px; line-height: 1.3em; }
h1 { clear: both; font-size: large; margin: 0 0 12px; }
h3 { font-size: small; margin: 6px 0 5px; }
h4 { font-size: x-small; margin: 4px 0; }
h5 { font-size: xx-small; margin: 3px 0; }
h6 { font-size: xx-small; margin: 0; }
img { border: none; display: inline; float: none; }
A:link { color: #339; background: transparent; text-decoration: none; }
A:visited { color: #edd; background: transparent; text-decoration: none; }
A:active { color: #ccf; background: transparent; text-decoration: none; }
A:hover, tr, td, input, a:link, a:visited { text-decoration: underline; }
.clear { clear: both; }
.hide { display: none !important; }
.left { float: left; }
.right { float: right; }
.divider { padding-left: 2px; padding-right: 2px; color: #fff; }
.spacer { margin: 0; padding: 0; line-height: 0.2em; }


.review { font-size: smaller; font-style: italic; display: block; margin-bottom: 15px; }
.signature { font-family: freestyle script; font-size: x-large; }
.btntext { font-style: normal; text-decoration: none; }

.title, .subtitle { font-size: medium; font-weight: 700; color: #339; }
.author { font-size: medium; font-weight: 700; color: #ccf; }
.highlight { color: #ccf; }
.byline { font-size: small; color: #339; }
.date { font-family: sans-serif; font-weight: bold; }
.picture { border: double 3px #339; text-align: center; padding: 4px 0; }
.picture1 { border: double 3px #339; text-align: left; width: 410px; padding: 2px 2px; }

.raquo { color: #339; }
.past { color: #ccf; text-decoration: line-through; }
.dashedline { clear: both; border-bottom: 1px dashed #DBCE6A; padding-top: 10px; margin-bottom: 10px; }
a.more { padding-right: 22px; background: url(images/morearrow.jpg) no-repeat 50% right; text-decoration: none; font-size: 75%; }
a:hover.more { text-decoration: underline; }
h2 { clear: both; font-size: medium; margin: 10px 0; color: #669; }
body { text-align: center; font-family: arial, helvetica, sans-serif; font-size: 90.1%; padding: 0; margin: 0; background-color: #99c; color: #339; }
#outer { margin: 0 auto; padding: 0; width: 760px; }
#wrapper { background-color: transparent; }
#header { position: relative; margin-top: 15px; padding: 0; height: 241px; background: transparent url(images/storebg_w_logo.jpg) no-repeat 0 0; border-top: 1px solid #fff; }

/*display: none;      */

/* background-image: url(images/holiday/clover.gif); */
/*height: 45px; background: transparent url(images/holiday/lights03.gif) repeat-x 0 -8px; */

/*#masthead { 
#main-content { background: url(images/holiday/hearts.png) no-repeat 220px 5px; }
 */
#main-content { float: left; width: 500px; margin: 10px 0 10px 0; padding: 10px 0 10px 10px; text-align: left; }
#side-content { float: right; width: 238px; margin: 10px 0 10px 0; padding: 10px 0 10px 10px; text-align: left; border-left: dashed 1px #339; }

table.storehours tr, td, a:hover { text-decoration: none; }
table.storehours { border: 1px solid #669; background-color: #c9c; }

#footer { clear: both; position: relative; margin-top: 5px; padding: 10px 10px; font-weight: lighter; border-top: 1px solid #fff; height: 55px; background: transparent url(images/footer_bg.jpg) repeat-x 0 0; }
#footer .left { padding: 0; margin: 0; text-align: left; }
#footer .right { text-align: right; }

.hnav, .hnav ul li a { padding-top: 8px; padding-bottom: 9px; background-color: #339; color: #99f; }
.hnav ul, .hnav ul li { display: inline; list-style-type: none; margin: 0; padding: 0; }
.hnav ul li a { margin: 0; padding-left: 20px; padding-right: 20px; white-space: nowrap; }
.hnav ul li a.first { }
.hnav ul li .divider { display: none; }
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover { text-decoration: none; font-weight: bolder; font-size: 1.4em; }
.hnav ul li a:hover, .hnav li.active a { color: #fff; }
.hnav li.active a { border: solid 3px #669; background: transparent url(images/footer_bg.jpg) repeat-x 0 0; }
.hnav { position: relative; text-align: center; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }

.vnav { clear: both; }
.vnav, .vnav ul li a { padding: 0; }
.vnav ul, .vnav ul li { list-style-type: none; margin: 0; padding: 5px; }
.vnav ul li a { margin: 0 0 0 0; padding-left: 10px; padding-right: 10px; white-space: nowrap; }
.vnav ul li a.first { border-left: none; }
.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover { text-decoration: none; font-weight: bolder; font-size: 0.9em; }
.vnav ul li a:hover, .vnav li.active a { color: #fff; }
.vnav { text-align: left; }


form.f { width: 100%; padding: .5em 0; position: relative; background: url(    "images/footer_bg.jpg" ) repeat 0 100%; }
form.f fieldset { width: auto; margin: 0 1px; padding: 10px 20px; }
form.f h3 { margin: 0 0 .6em; font: 700 155% arial; color: #c00; }
form.f label { clear: left; float: left; width: 100%; border-bottom: 1px solid #fff; }
form.f label b .req, form.f div b .req { color: #c00; font-size: 125%; font-weight: 400; top: -.1em; line-height: 1em; left: -.4em; width: .3em; height: .3em; }
form.f .submit, form.f .textbox { text-decoration: none; font-size: 100%; font-weight: 400; }
form.f .submit { margin: 0 0 0 10px; }

.story { clear: both; margin: 10px 0 20px 0; }

div.story img { margin: 0 8px 3px 0; xfloat: left; }

div.sale h2 { padding: 0; font-size: 110%; letter-spacing: 0.2em; color: #900; }
div.sale p { margin-left: 20px; color: #fff; }
div .sale .divider { padding: 10px; }

div.rareoutofprint h2 { letter-spacing: 0.3em; }
div.rareoutofprint h3 { font-weight: bolder; text-align: center; }
div.rareoutofprint h3 .divider { padding-left: 5px; }
div.rareoutofprint p { margin: 0; }

#picks { float: left; width: 600px; padding: 0; border: 0px solid #c8cd02; }
#picks h1 { margin: 10px 0; }
#picks dl { float: left; margin: 10px 20px; padding: 0; display: inline; }
#picks dt { float: right; width: 466px; margin: 0; padding: 0; font-size: 130%; font-weight: 700; color: #339; }
#picks dd { padding: 0; margin: 0; line-height: 1.5em; }
#picks dd.img img { float: left; margin: 0 8px 0 0; padding: 4px; border: 1px solid #d9e0e6; border-bottom-color: #c8cdd2; border-right-color: #c8cdd2; }

#picks h4.pickedby { clear: both; font-size: medium; margin: 4px 0; padding-left: 35px; color: #966; height: 25px; background: transparent url(images/booklogo-icon.gif) no-repeat left center; }

#picks dt.byline { display: block; color: red; }
#picks .empty { margin: 0; padding: 0; display: none; }
#picks .alt dt { float: left; }
#picks .alt dd.img img { float: right; margin: 0 0 0 8px; }


/* Events & Autogaphings */
.event { position: relative; }

.event .dateTime { display: block; font-size: 120%; font-style: italic; color: Navy; padding: 10px 0 10px 0; }

.event .image { float: left; padding: 0 15px 10px 0; }

.event .title { font-size: 120%; }

.event .subtitle { font-size: 100%; letter-spacing: 0.09em; }

.event h2 { display: inline; clear: none; }
.event h2.block { display: block; }

.cancelled,
.cancelled .dateTime,
.cancelled .title,
.cancelled .byline
{  display:none; color:Gray }











#upcomingEvents dl { float: left; margin-bottom: 20px; }
#upcomingEvents h2 { font-size: 140%; margin-bottom: 10px; color: #900; }


/*
#upcomingEvents dd  a { text-decoration:none}

*/

/* -- edgetechnology partners -- */
p#sitedesignby { margin: .5em 0; text-align: left; font-size: 75%; }
p#sitedesignby a span.coname { }
p#sitedesignby a:hover { text-decoration: underline; }
p#sitedesignby .external { background: url(images/link-external.gif) no-repeat right top; padding-right: 10px; }


.inline-img { }
.orange { color: #f99f40; }