body {margin: 0; padding:0; background-image: url(images/layout/background.jpg); background-position: top center; background-repeat: no-repeat; background-color: #AC9859; text-align:center; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #666666;}
a {text-decoration: none; color: #666666;}
hr {border-top: 1px dotted #000; border-bottom: 0px; border-left: 0px; border-right: 0px; margin: 10px 0px 10px 0px;}


#contents {margin: 0px auto; width: 840px; background-image: url(images/layout/background_wrapper.jpg);}
#left_panel {float: left; width: 330px;}
#right_panel {float:right; width: 490px; background-color: #FDFDFD; padding: 40px 5px 20px 5px;}
#right_panel label{float:left; width: 120px;}
#right_panel .error {color:red;}
#navigation {margin: 0px auto; width: 840px; padding: 44px 0px 0px 0px; height: 30px; text-align: right;}
#navigation ul {float:right; width: 510px; height: 30px; padding: 0px; margin: 0px; display: inline;}
#navigation li {display: inline; float:left;  height: 16px; padding: 7px 10px 7px 10px; margin: 0px 4px 0px 0px;; text-transform: uppercase; font-weight: bold; background-image: url(images/layout/background_navigation_li.jpg); background-position: bottom left;} 
#navigation li a {color: #666666;}
#navigation li a:hover {color: red;}
#navigation li.active {background:none; background-color: #F8FBFB;}
#navigation li.active a {color:red;}
#navigation li.active a:hover {color:#000;}
#navigation .buy a{color:#FFF; padding: 8px 6px 8px 6px;}
#navigation .buy a:hover{color:#fff; background-image: url(images/layout/buybook_hover.jpg); }
#navigation .buy {background-image: url(images/layout/background_navigation_buybook.jpg); background-repeat: repeat-x; float:right; margin: 0px 14px 0px 0px;}

#home li.home {background:none; background-color: #F8FBFB;}
#home li.home a {color:red;}
#home li.home a:hover {color:#000;}
#tribetalk li.tribetalk {background:none; background-color: #F8FBFB;}
#tribetalk li.tribetalk a {color:red;}
#tribetalk li.tribetalk a:hover {color:#000;}
#search li.search {background:none; background-color: #F8FBFB;}
#search li.search a {color:red;}
#search li.search a:hover {color:#000;}
#photos li.photos {background:none; background-color: #F8FBFB;}
#photos li.photos a {color:red;}
#photos li.photos a:hover {color:#000;}
#memories li.memories {background:none; background-color: #F8FBFB;}
#memories li.memories a {color:red;}
#memories li.memories a:hover {color:#000;}


#hppanels {float:left; padding: 20px 0px; width: 494px; margin: 0px 0px 0px -2px;}
#hppanels img {border:0px;}
#hppanels div{float:left; width: 158px; margin: 0px 6px 0px 0px;}
#hppanels div a{float:left; border: 2px solid #fff;}
#hppanels div a:hover{border: 2px solid #4B4C47;}
#hppanels a.right {margin:0px;}

#footer {float:left; padding: 16px;}

.button {background-image: url(images/layout/background_navigation_buybook.jpg); color:#fff; padding: 4px 8px 4px 8px; font-weight: bold; float:left; margin: 10px 0px 10px 0px; background-color: red;}
a:hover.button {background-image: none!important; background-color: #000; color: #fff;}

.smallbutton {background-image: url(images/layout/background_navigation_buybook.jpg); color:#fff; padding: 1px 2px 1px 2px; font-weight: bold; float:left; margin: -2px 0px 10px 0px; background-color: red;}

.divider_bottom {background-image: url(images/layout/divider_left_panel.gif); background-position: bottom; background-repeat: no-repeat; padding: 20px;}
h1 {line-height:17px;}
h2 {margin:0px; padding:0px;}

#homepage-search {float:left; width: 470px; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999; padding: 20px 0px 20px 0px; margin: 0px 0px 20px 0px;}
#search_panel {margin: 10px 0px 10px 0px;}
#search_panel span{float:left; width: 166px;}

.viewcomments {float:left; width: 490px; text-align: right; font-weight: bold; padding-bottom: 20px;}
.viewcomments a{padding: 14px 10px 10px 10px; background-image: url(images/layout/viewcomment.gif); background-repeat: no-repeat; color: #fff;}
.viewcomments a:hover {background-image: url(images/layout/viewcomment-over.gif);}

.alphabet {flaot:left; width: 470px; padding: 10px;}
.alphabet a{width: 0px; margin: 0px 5px 0px 0px; float:left; font-weight: bold; padding: 8px 20px 16px 12px; background-repeat: no-repeat; text-transform: uppercase; background-image: url(images/alphabet.gif);}

.alphabet a:hover {color: #fff; background-image: url(images/alphabet_over.gif);}

.street {flaot:left; width: 470px; padding: 10px;}
.street a{width: 0px; margin: 0px 5px 0px 0px; float:left; font-weight: bold; padding: 8px 20px 16px 12px; background-repeat: no-repeat; text-transform: uppercase; background-image: url(images/street.gif);}

.street a:hover {color: #fff; background-image: url(images/alphabet_over.gif);}
b.streetnumber {padding: 0px 0px 0px 30px!important;}

.dottedbottom {padding-bottom: 30px!important; border-bottom: 1px dotted #000; margin-bottom: 20px!important;}

#searchresults {float:left; width: 490px;  padding: 10px 5px 10px 5px; margin-bottom: 20px;}
#searchresults td{border-bottom: 1px dotted #000; padding: 10px 5px 10px 5px; }
#searchresults .readmore{width: 61px!important; float:right; background-color: #7D8F7D; padding: 1px 5px 1px 5px; color: #fff; font-weight: bold; margin: 0px 5px 0px 0px;}
#searchresults a:hover.readmore{background-color: #000;}
#searchresults a {text-decoration: underline;}

#mainlist {float:left; margin: 10px 0px 0px 0px; padding: 0px;}
#mainlist li{float:left; width: 490px; list-style: none; border-bottom: 1px dotted #000; padding: 10px 5px 10px 5px;}
#mainlist li .readmore{width: 61px!important; float:right; background-color: #7D8F7D; padding: 1px 5px 1px 5px; color: #fff; font-weight: bold; margin: 0px 5px 0px 0px;}
#mainlist li a:hover.readmore{background-color: #000;}
#mainlist li a {width: 100px;}
.name {width: 130px!important; float:left;}
.name a {text-decoration: underline;}

.name170 {width: 190px!important; float:left;}
.name170 a {text-decoration: underline;}
#mainlist li a:hover {text-decoration: underline;}
#mainlist li span {float:left; width: 380px;}
#mainlist li em {font-style: normal; font-weight: normal;}

#buythebook {float:left; padding: 10px; border: 1px solid #fff; width: 460px; background-color: #e7e7e7;}
#buythebook .link {text-decoration: underline;}



#pagination {text-align: center; padding: 20px 0px 0px 0px}
#pagination b{ padding: 2px; border: 1px solid #000; background-color: #fff; margin: 0px 2px 0px 2px;}
#pagination a:hover{text-decoration: underline;}

#disqus_thread {margin-top: 20px; border-top: 1px dotted #000; width: 470px;}

#dsq-combo-tab-people {display:none!important;}
#dsq-combo-tab-popular {display:none!important;}
#dsq-combo-tab-recent{padding: 5px!important;}
#dsq-combo-tab-recent a{font-weight: bold!important; font-size: 12px!important;}
.dsq-clearfix .dsq-widget-user, .dsq-clearfix .dsq-unregistered-user {font-weight:bold;}
.dsq-clearfix .dsq-widget-comment {font-weight:bold;color: #076490; }
.dsq-widget-meta a{text-decoration:underline;}
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		

.clear {
 clear:both;
 height:0;
}

.merseyshoplink {background-image: url(images/merseyshop-logo.gif); background-repeat: no-repeat; background-position: center; padding: 50px 30px 50px 30px; float:left; width: 270px;}
a:hover.merseyshoplink {background-image: url(images/merseyshop-logo-over.gif); }


#bookshop {float:left; border: 1px solid #e7e7e7; width: 440px; padding: 10px;}
#bookshop img{float:left; border: 0px;}
.zoommap img{margin: 20px; border: 1px solid #999; padding: 2px;}

.leftlink {font-weight:bold;}
.leftlink a:hover {color: #000!important;}

.memory {float:left; padding: 10px; border: 1px solid #fff; width: 460px; background-color: #EBECE4; background-image: url(images/pen.gif); background-repeat: no-repeat; background-position: top right; margin-bottom: 10px;}
.memory p{float:left; width:100%; height: 80px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}
.memory strong {color: #B52D3B; padding: 0px 10px 0px 0px;}
.memory b {color: #AC985B; padding: 0px 10px 0px 0px;}
.memory hr{border-top: 1px solid #CDC594; border-bottom: 1px solid #fff; border-left: 0px; border-right: 0px; padding: 0px 0px 0px 0px; margin: 20px 0px 10px 0px;}

.memoryform {float:left; padding: 10px; border: 1px solid #EBECE4; width: 440px;}
.memoryform label{float:left; width: 220px!important;}
.memoryform  .left {float:left; width: 240px;}
.memoryform  .right {float:left; width: 220px;}
.memoryform textarea {padding: 3px; width: 400px; height: 140px;}
#refine {float:left; width: 480px; padding: 10px 0px 30px 0px;}


#page_form input {float:left!important;}
 #page_form b {float:left; padding: 0px 10px 0px 0px;}

#pagination {float:left; width: 480px; text-align: center; padding: 10px 0px 30px 0px;}
#pagination a{border: 1px solid #EBECE4; padding: 2px 4px 2px 4px; margin: 0px 2px 0px 2px;}
#pagination a:hover {background-color:#EBECE4;}
#pagination b{background-color:#EAECE3; border:1px solid #CFC798; padding: 2px 4px 2px 4px;}