/** MAIN LAYOUT **/

/* HTML */
* { margin: 0; padding: 0; }
body { background: white; font: 14px/1.4 Arial, Verdana, Sans-Serif; color:#333; }
h1, h2, h3 {font-family:Arial Black, Arial, Sans-Serif; font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 {font-size:22px;}
h3 {font-size:16px;}
p { margin: 0 0 10px 0; }
a {color:#666; }
a:hover { }

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }
ol {margin-left:20px;}

pre { }
code, tt { }

/* LAYOUT */
#container {width:960px; text-align:left; margin:0 auto; min-height:100%; background:#fff;}
#header {height:260px; position:relative;}
#content {float:left; width:710px; margin:0 10px 0 0; padding:0 0 20px; background:url(/wp-content/themes/bookmark/img/bg-fade.jpg) repeat-y}
#sidebar {width:230px; margin:0 0 20px 720px; padding:0 5px 10px; overflow:hidden; background:#332C26 url(/wp-content/themes/bookmark/img/sidebar-top.png) no-repeat; color:#fff;}
#footer {font-size:12px; clear: both; background:url(/wp-content/themes/bookmark/img/footer-top.png) no-repeat #332C26; color:#fff; overflow:hidden; width:940px; padding:10px 10px 20px; text-align:center}

/* GENERAL */
.clear {clear:both;}
.group:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.alignleft, .alignright {padding:10px;}

/* HEADER */
#header h1 {background:url(/wp-content/themes/bookmark/img/logo.png) no-repeat; height:100px; width:490px; display:inline-block; margin:0; padding:0;}
#header h1 a {width: 100%; height: 100%; display:block; text-indent:-9999px;}
.description {background:url(/wp-content/themes/bookmark/img/sub-header.jpg) no-repeat; height:150px; width:960px; margin:0; padding:0; text-indent:-9999px;}
#header-top {}
#searchform-wrap {margin: 10px auto; padding: 5px 3px; text-align: center; float:right; display:inline !important;}

/* NAV */
#header #Xnav {margin:0 0 0 490px; padding:0; list-style-type:none; list-style-position:outside; z-index:300; float:left; width:470px; overflow:hidden; display:inline-block; width:100%;}
#header #nav {position:absolute; margin:0; list-style-type:none; background:url(/wp-content/themes/bookmark/img/nav-bg.png) bottom repeat-x; color:#332C26; list-style-position:outside; z-index:300; width:470px; overflow:hidden; display:inline-block; left:490px; bottom:160px; font-size:18px;}
#header #nav li {display:block; float:left;}
#header #nav a {display:block; padding:0 10px 10px; color:#332C26; text-decoration:none; }
#header #nav a:hover {background:url(/wp-content/themes/bookmark/img/nav-bg-hover.png) bottom repeat-x}
.home #nav-home, #about #nav-about, #charlottetown #nav-charlottetown, #halifax #nav-halifax, #contact #nav-contact {background:url(/wp-content/themes/bookmark/img/nav-bg-current.png) bottom repeat-x; pointer-events: none; cursor: default;}
#footer #nav {margin:0 auto 20px; list-style-type:none; color:#fff; list-style-position:outside; overflow:hidden; font-size:16px; text-align:center;}
#footer #nav li {display:inline-block; padding:0 10px; margin:0 auto;}
#header #nav a:hover {text-decoration:none;}
.home #footer #nav-home, #about #footer #nav-about, #charlottetown #footer #nav-charlottetown, #halifax #footer #nav-halifax, #contact #footer #nav-contact {background:none; pointer-events: none; cursor: default; text-decoration:none; color:#ccc;}

/* CONTENT */
/* commenting out obsolete images for preloadcssimages script */
/*#store-header-hfx, #store-header-ctown {background:url(/wp-content/themes/bookmark/img/store-header-hfx.png) no-repeat; height:75px; width:100%; top:-10px; position:relative;}*/
/*#store-header-ctown {background:url(/wp-content/themes/bookmark/img/store-header-ctown.png) no-repeat;}*/

/* SIDEBAR */
#sidebar h2 {text-align:center;}
#sidebar h3 {padding: 0 0 0 2px; margin:0;}
#sidebar a {color:#fff}
#sidebar hr {width:85%; height:2px; background:#fff; margin:10px auto; border:1px #fff;}
#feed-icons {text-align:center; position:relative; list-style:none; list-style-position:outside; margin:0 auto; display:block;}
#feed-icons li {width:48px; height:48px; display:inline-block; margin:0 5px; text-indent:-9999px; background:url(/wp-content/themes/bookmark/img/feed-icons.png) top left no-repeat}
#feed-icons a, #action-buttons a {display:block; width:100%; height:100%; float:left;}
li#twitter-icon {background-position:top left}
li#facebook-icon {background-position:top center}
li#rss-icon {background-position:top right}
#twitter-icon:hover {background-position:bottom left}
#facebook-icon:hover {background-position:bottom center}
#rss-icon:hover {background-position:bottom right}
#action-buttons li {width:230px; height:100px; text-indent:-9999px; margin:0 0 10px;}
.feed-links {display:none; position:absolute; top:40px; border:1px solid #333; background:#fff; color:#333; text-indent:0; padding:10px; text-align:left; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.feed-links a {display:inline !important; color:#333 !important; text-decoration:none; padding:2px 0; font-size:12px;}
.feed-links a:hover {text-decoration:underline}
.feed-links h5 {text-align:center; background:#333; color:#fff; font-size:14px; padding:2px 5px;}
#book-club-btn {background:url(/wp-content/themes/bookmark/img/book-club.png) top no-repeat;}
#book-club-btn:hover {background-position:bottom;}
#special-orders-btn {background:url(/wp-content/themes/bookmark/img/special-orders.png) top no-repeat;}
#special-orders-btn:hover {background-position:bottom;}
#sidebar .entry {font-size:11px}
	/* SIDEBAR NEWS */
#side-news h4 {font-weight:normal}
#side-news h4 a {text-decoration:none;}
#side-news h4 a:hover {text-decoration:underline;}
#side-news .post {padding:0 0 2px 10px;}
#side-news .meta {padding:0; color:#999; float:right}
/* SIDEBAR BESTSELLERS */
#side-bestsellers .textwidget p {font-size:12px; padding:0 0 5px 10px; margin:0;}
.list_widget li {font-size:12px;}

/* FOOTER */
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline}
#footer #copyright {text-align:left; float:left; width:45%;}
#footer #credits {float:right; text-align:right; width:45%;}
#footer #credits a {font-weight:bold;}

/* FRONT PAGE */
#fp-intro {padding:0 10px 10px; background:#fff;}
#fp-intro h2 {font-size:44px; font-weight:bold;}
#fp-intro p {font-size:18px; line-height:24px; font-weight:bold;}
#fp-intro p.aligncenter {text-align:center;}

/* POSTS/PAGES */
.post, .page { padding:0 0 10px;}
.post h2, .page-title h2 {padding:6px 0 6px 10px; background:#1F3447 url(/wp-content/themes/bookmark/img/single-header.png) repeat-x; xmin-height:50px; xline-height:50px; color:#fff; font-size:28px; font-family:Arial, Sans-Serif;}
.single #content h3, .page #content h3 {font-size:24px; font-family:Arial, Sans-Serif;}
.post-header {xpadding:0 0 0 10px;  xheight:60px; margin:0 0 10px;}
.post-header h2 {line-height:1; min-height:auto; background:#1F3447 url(/wp-content/themes/bookmark/img/post-header-bg.png) repeat-x; height:auto; font-family:Arial Black, Arial, Sans-Serif; font-size:22px; padding:5px 10px; margin:0}
.post h2 a, .post-header h2 a {color:#fff; text-decoration:none;}
.post-header .meta {padding:10px 40px 0px 2px; background:url(/wp-content/themes/bookmark/img/post-header-ribbon.png) top right no-repeat; min-height:20px;}
.entry, .postmetadata {padding:0 40px 0 10px;}
.entry a { }
.entry a:hover { }
.meta {font-size:10px; padding:2px; }
.postmetadata {font-size:12px; }
	/* CAROUSEL */
.carousel-wrap {margin:0 0 20px;}
.carousel {float:left; height:133px;}
.carousel ul {text-align:center;}
.carousel li {width:200px; height:133px; margin:0 5px;}
.carousel img {border:none;}

a.carousel-btn {width:40px !important; height:40px; xline-height:133px; text-indent:-9999px; display:block; float:left; cursor:pointer; margin:45px 0 0 0;}
.arrow-left {background:url(/wp-content/themes/bookmark/img/arrow-left.png) no-repeat top left;}
.arrow-left:hover {background:url(/wp-content/themes/bookmark/img/arrow-left.png) no-repeat bottom left;}
.arrow-right {background:url(/wp-content/themes/bookmark/img/arrow-right.png) no-repeat top right}
.arrow-right:hover {background:url(/wp-content/themes/bookmark/img/arrow-right.png) no-repeat bottom right}
	/* COLORBOX */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
    ColorBox custom style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:32px;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(/wp-content/themes/bookmark/img/loading.gif) center center no-repeat;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/wp-content/themes/bookmark/img/controls.png) 0 0 no-repeat;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

/* PAGINATION */
.navigation { padding:10px 0 0;}
.next-posts a, .prev-posts a {}
.next-posts a:hover, .prev-posts a:hover {}
.xnavigation a {color:#fff; display:block; text-decoration:none; background:url(/wp-content/themes/bookmark/img/post-nav-buttons.png) top no-repeat; height:30px; width:100px; color:#fff; line-height:30px; text-align:center; font-size:14px; font-weight:bold;}
.navigation a {color:#fff; display:block; text-decoration:none; background:#332C26; padding:5px; color:#fff; text-align:center; font-size:14px; font-weight:bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #332C26}
.xnavigation a:hover {background-position:bottom; color:#332C26}
.navigation a:hover {background:#fff; color:#332C26}
.next-posts {float:left; }
.prev-posts {float:right }
.wp-pagenavi {text-align:center} /*can remove if not using wp-pagenavi plugin */


/* FORMS */
form { }
label { }
input, textarea, select {border:1px solid #332C26; font-size:16px; font-family:Arial, Verdana, Sans-Serif;}
input:focus, select:focus, textarea:focus {background:#ecf6fc; color:#333;} /* borders look different, possibly not set on other elements properly */
input:hover, select:hover, textarea:hover {}
textarea {overflow:auto; min-height:240px; font-size:14px;}
select {}
input.button {background:#332C26; color:#fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px 5px; margin:0 10px; font-weight: bold; font-size: 14px;  width:auto;}
input.button:hover {background:#fff; color:#332C26; cursor:pointer}
form .readonly {color:#999999; background:#CCCCCC}
   /* SEARCH FORM */
#searchform { }
#s {width:200px; font-size:18px; padding:5px 2px; margin:0; color:#ccc}
#s:focus, s:hover {background:#ecf6fc; color:#333;}
#xsearchsubmit {width:30px; padding:0; margin:0; text-indent:-9999px; border:none; display:none; }
#searchsubmit {display:none;}
#searchsubmit:hover {cursor:pointer}
	/* COMMENT & CONTACT FORM */
#commentform, .wpcf7-form { margin:5px 10px 0 0; }
#commentform div, .wpcf7-form div {clear:both}
#commentform input, .wpcf7-form input, .wpcf7-form select { width:300px; padding:2px; margin:5px 5px 1px 0; }
.wpcf7-form select { width:306px;} /* 4px bigger plus borders to match size */
#commentform textarea, .wpcf7-form textarea { width:100%; padding:2px; margin:5px 5px 1px 0; }
#commentform #submit, .wpcf7-form #submit { margin:5px 0 5px auto; float:right; padding: 5px; width:auto; }
#respond:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.wpcf7-form xlabel {width: 135px; text-align: left; margin: 0 10px 0 0; padding: 9px 0 0 0; font-size: 11px; }
.wpcf7-form label {display:none;}
.map-wrap {display:inline-block; width:340px; padding:0 5px;}
.map-wrap h4 {background:url(/wp-content/themes/bookmark/img/header-sm-bg.png) repeat-x; height:20px; font-size:18px; line-height:20px; color:#fff; padding:0 0 0 10px;}
.map-wrap p {font-size:18px; padding:0 0 0 20px;}
#map-hfx, #map-ctown {width:340px; height:280px;}

/* COMMENTS */
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }