/* general layout, possitioning and classes */
.hide, hr{display:none;}
#page{width:860px;}
.wrapper{float:left;width:650px;}
.snippet{}
.description{display:none;float:left;width:95px;margin-left:30px;}
.description .snippet{}
.slide-show{margin-bottom:18px;}
.slide-show img {top:0; left:0;}

/* navigation */
#navigation{margin-bottom:30px;}
#navigation h1{float:left;width:335px;}
#navigation ul li{width:95px;height:66px;float:left;margin-left:10px;}
#navigation ul li a{display:block;height:66px;}
#navigation ul li a span{display:none;}
#navigation-philosophy a{background:url("/images/navigation-philosophy.gif") no-repeat 0 -23px;}
#navigation-locations a{background:url("/images/navigation-locations.gif") no-repeat 0 -23px;}
#navigation-catering a{background:url("/images/navigation-catering.gif") no-repeat 0 -23px;}
#navigation-career a{background:url("/images/navigation-career.gif") no-repeat 0 -23px;}
#navigation-blog a{background:url("/images/navigation-blog.gif") no-repeat 0 -23px;}
#navigation ul li a:hover, #navigation ul li a.active{background-position: 0 0;}

#top{width:100%;overflow:hidden;margin-bottom:30px;}

/* breadcrumb */
#breadcrumb{margin-left:30px;padding-bottom:10px;background:url('/images/hr-top.gif') bottom right no-repeat;height:1%;}
#breadcrumb ol{margin:0; display:none;}
#breadcrumb ol li{display:inline;}
#arrow{position:absolute;top:102px;left:880px;width:10px;height:10px;background:url('/images/breadcrumbs-arrow.gif') top left no-repeat;display:none;}

/**/
#content h2{margin-left:135px;}
#content p{margin-left:135px;width:515px;}
#content ul, #content ol{margin-left:135px;}
#content blockquote{font-style:italic;margin-left:30px;width:620px;}
#content blockquote p {margin: 0;}
#content p, #content blockquote{margin-bottom:20px;}

#homepage-feature .feature-content{display:none;}
#content #homepage-feature ul, #content #homepage-feature h2{margin:0;}
#homepage-feature{height:398px;margin-bottom:30px;position:relative;}
.feature-content{background:white;display:block;padding:0 10px;}
#content #homepage-feature .feature-content h2{padding-top:20px;margin-bottom:5px;}
#content #homepage-feature ul { background:url('/images/hr.gif') bottom left repeat-x;line-height:30px;margin:10px 0 0 0;}
.feature-content ul li{ background:url('/images/hr.gif') repeat-x;}
#homepage-feature div{height:398px;}
#homepage-feature #uno, #homepage-feature #due, #homepage-feature #tre, #homepage-feature #qua{position:absolute;width:315px;}

#homepage-feature #uno.extendable{background:url('/images/home-1.jpg') no-repeat; z-index:100; overflow:hidden;}
#homepage-feature #due.extendable{left:135px;background:url('/images/home-2.jpg') no-repeat; z-index:200;}
#homepage-feature #tre.extendable{left:450px;background:url('/images/home-3.jpg') no-repeat; z-index:200;}
#homepage-feature #qua.extendable{left:545px;background:url('/images/home-4.jpg') no-repeat; z-index:100;}
#homepage-feature #uno.down, #homepage-feature #due.down, #homepage-feature #tre.down, #homepage-feature #qua.down{overflow:hidden;background-position:bottom ;}


/* locations feature module */
#locations-feature{height:401px;margin-bottom:30px;}
#locations-feature div{float:left;height:401px;}
#locations-feature div a span{display:none;}
#locations-feature #due{width:210px;background:url('/images/locations-islington-0.jpg');}
#locations-feature #tre{width:210px;background:url('/images/locations-kensington-0.jpg');}
#locations-feature #qua{width:200px;background:url('/images/locations-belgravia-0.jpg');}
#notting-hill-slidewhow{width:240px;height:401px;}

#location-store-introduction{margin-bottom:30px;}
#location-store-details{background:url('/images/hr.gif') repeat-x;margin-left:30px;padding-top:20px;width:100%;overflow:hidden;}
#location-map-or-image{float:left;width:515px;height:396px;}
#location-store-details ul{float:left;margin-left:10px;width:305px;}
#location-store-details ul li{background:url('/images/hr.gif') bottom left repeat-x;line-height:20px;padding:15px 0;}

#philosophy-feature,#catering-feature,#career-feature{margin-bottom:20px;}

/* catering menus module */
#catering-menus h2{margin-bottom:20px;}
#catering-menus ul { background:url('/images/hr.gif') bottom left repeat-x;line-height:30px;width:515px;margin-bottom:20px;}
#catering-menus ul li{ background:url('/images/hr.gif') repeat-x;}
#catering-menus ul li a{display:block;line-height:15px;padding:10px 0 10px 0;}

/* career list module */
#career-list {width:515px;margin-left:135px;}
#career-list ul {background:url('/images/hr-2px.gif') repeat-x; margin:0;}
#career-list ul li{background:url('/images/hr.gif') bottom left repeat-x;padding:15px 0;}
#career-list p { margin-left: 0; }

/* Sidebar with underlined links */
#sidebar{width:190px;margin-left:20px;float:left;}
#sidebar h2{margin-left:0;padding-bottom:6px;}

.blog #sidebar ul { background:url('/images/hr.gif') bottom left repeat-x;margin:0px;}
.blog #sidebar ul li{ background: url('/images/li.gif') no-repeat; background-position: 0px 15px; }
.blog #sidebar ul li a{display:block;line-height:15px;padding:10px 0 10px 10px;background:url('/images/hr.gif') repeat-x;}
.blog #sidebar #show-archive-months { color: #B23122; text-decoration: underline; display: block; position: relative; top: -15px; text-align: right; }

/* Sidebar*/
#sidebar ul.stockists { 
    margin: 0;
    float: left; 
    width:190px !important; 
    clear: both; 
    overflow: hidden; 
    padding-top: 10px;
    background:url('/images/hr.gif') top left repeat-x;
}
#sidebar ul.stockists li { 
    float: left; 
    width: auto; 
    margin-right: 10px; 
    padding-bottom: 20px;
}
#sidebar ul.stockists li a { 
    display: block; 
    text-indent: -50000px; 
    overflow: hidden; 
    height: 19px;
}
#sidebar ul.stockists li.amazon a{ background: url(/images/icon-amazon.png) top left no-repeat; width: 18px;}
#sidebar ul.stockists li.amazon a:hover{ background-position: -18px 0px; }

#sidebar ul.stockists li.play a{ background: url(/images/icon-play.png) top left no-repeat; width: 19px;}
#sidebar ul.stockists li.play a:hover{ background-position: -19px 0px; }

#sidebar ul.stockists li.rbooks a{ background: url(/images/icon-rbooks.png) top left no-repeat; width:57px; height: 20px;}
#sidebar ul.stockists li.rbooks a:hover{ background-position: -57px 0px; }

#sidebar ul.stockists li.waterstones a{ background: url(/images/icon-waterstones.png) top left no-repeat; width: 29px; height: 20px;}
#sidebar ul.stockists li.waterstones a:hover{ background-position: -29px 0px; }

/* selected highlights module */
#selected-hightlights img{display:block;margin-bottom:5px;}
#selected-hightlights{width:100%;overflow:hidden;margin-bottom:20px;}
#selected-hightlights h2{background:url('/images/hr-2px.gif') repeat-x;width:515px;padding-top:15px;padding-bottom:15px;}
#selected-hightlights ul{margin-left:125px;}
#selected-hightlights ul li{width:95px;float:left;margin-left:10px;}

/* blog */
.post-date{float:left;padding-top:3px;}
.post-date span{display:block;width:95px;padding:3px 0 3px 30px;background:#f2f2f2;}
#page.blog .post-meta{margin: 0 0 0px 135px;width:515px;}
#page.blog-post .post-meta{margin: 0 0 30px 135px;width:515px;}
.post h2, .post h3, .post h4, .post ol, .post ul{margin-left:135px;margin-bottom:10px;}
.post ul.default{list-style-type: disc;}
.post ol.default{list-style-type: decimal;}
.post ul.default li, .post ol.default li{margin-left:20px;}

#page.blog #sidebar ul, #page.blog-post #sidebar ul {margin-bottom:20px;}
#sidebar #rss{background:url('/images/rss.gif') 0px 0px no-repeat; padding-left:20px;}
#page.blog .post{background:url('/images/hr-blog.gif') bottom right no-repeat;padding-bottom:20px;margin-bottom:20px;}
#previous-and-next{height:50px;position:relative;}
#next{position:absolute;right:10px;}
#previous{position:absolute;left:40px;}
#back-to-top { position: absolute; top: 20px; left: 40px; }
#page.blog #sidebar,#page.blog-post #sidebar, #page.stories #sidebar{width:190px;margin-left:20px;}

/* comments */
#content #comments ol, #content #comments h2{margin:0;}
#comments{margin:30px 0 0 30px;}
#content #comments h2{padding-left:105px;padding-bottom:20px;margin-bottom:20px;background:url('/images/hr-blog.gif') bottom right no-repeat;}
#comments li{padding-left:105px;background:url('/images/hr-blog.gif') bottom right no-repeat;padding-bottom:20px;margin-bottom:20px;}
#comments li.last{background:transparent;margin-bottom:0px;}
.comment-name{display:block;}
.comment-date{display:block;}
.comment-content{margin-top:10px;}
#comments li p{margin-left:0;}

/* place a comment */
#place-comment{background:url('/images/hr-place-comment.gif') top left no-repeat #fcfcfc; margin: 0 0 30px 30px; padding:30px 0 30px 0;}
#content #place-comment h2{margin:0 0 20px 105px;}
#place-comment label{float:left;margin-left:10px;width:85px;}
#place-comment input, #place-comment textarea{margin-left:10px;}
#place-comment input{width:200px;}
#place-comment textarea{width:410px;height:200px;}
#place-comment div{margin-bottom:15px;}
#place-comment button{margin-left:105px;}

/*recepie*/
.recipe-image{float:left;width:650px;}
.recipe-ingredients{float:left;margin-left:10px;width:200px;}
.recipe-ingredients{float:left;margin-left:10px;width:200px;}
.recipe-ingredients h3{margin-top:5px;}
.recipe-ingredients ul li ul li{padding-left:10px;}
#content .recipe-ingredients ul{margin:0;padding:0;}
#page.recipes #content{width:100%;overflow:hidden;}

/* selected recipes module */
#selected-recipes img{display:block;margin-bottom:5px;}
#content #selected-recipes ul, #content #selected-recipes h2{margin:0;padding:0;}
#selected-recipes{clear:left;width:100%;overflow:hidden;margin-left:30px;padding-top:22px;background:url('/images/hr-2px.gif') repeat-x;width:620px;}
#selected-recipes h2{float:left;width:200px;}
#selected-recipes ul{margin-left:210px;}
#selected-recipes ul li{width:95px;float:left;margin-left:10px;}

/* sitmap */
#page.sitemap #content ul{margin-left:135px;width:515px;}
#page.sitemap #content ul li ul{margin-left:0px;width:100%;}
#page.sitemap #content ul li h3 a{padding:5px; display:block;background:#f9f9f9;color:#555;text-decoration:none;margin-top:30px;}
#page.sitemap #content ul li ul li{ background:url('/images/hr.gif') bottom repeat-x;}
#page.sitemap #content ul li ul li a{display:block; line-height:15px;padding:10px;}
#page.sitemap #content ul li ul li a:hover{background: url('/images/hr.gif') bottom repeat-x #f9f9f9;}

/* footer */
#footer{clear:left; margin-top:30px;margin-left:30px;background:url('/images/hr-footer.gif') top right no-repeat;padding-top:1px;}
#footer #vcards .vcard{float:left;width:200px;margin-bottom:20px;}
#footer #vcards #hcard-Islington, #footer #vcards #hcard-Kensington, #footer #vcards #hcard-Belgravia{background:url('/images/hr-vertical.gif') top left repeat-y;margin-left:10px;}
.street-address, .locality, .tel, .email, .more-information{margin-left:10px;}
#footer #vcards .vcard h3 span, #footer .vcard .org{display:none;}
#footer #vcards .vcard h3{height:35px;}
#footer #vcards #hcard-Notting-Hill h3{background:url('/images/footer-notting-hill.gif') no-repeat;}
#footer #vcards #hcard-Islington h3{background:url('/images/footer-islington.gif') no-repeat;}
#footer #vcards #hcard-Kensington h3{background:url('/images/footer-kensington.gif') no-repeat;}
#footer #vcards #hcard-Belgravia h3{background:url('/images/footer-belgravia.gif') no-repeat;}
#footer .vcard .adr, #footer .vcard .email{margin-bottom:5px;}
#footer #copyright{height:1%;clear:left; padding: 10px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;position:relative;margin-bottom:60px;}
#footer #copyright #love-from-poke{position:absolute;top:10;right:0;}

/* images */
img.thumbnail{float:left;margin: 3px 10px 0 0;width:95px !important;height:72px;border:1px;zoom:1;re}
img.large{margin:0 0 20px 135px;}
img.huge{margin:0 0 20px 0;}
img.left{float:left;margin-right:10px;}
img.far-left{margin-left:-135px;float:left;margin-right:10px;zoom:1;}
img.far-left-huge{margin-left:-135px;}
#recipe-portrait-photo{margin:0 0 20px 0;}
#recipe-portrait-photo img{display:block;float:right;}
#portrait-shadow{background:black;width:3px;height:100%;float:right;filter:alpha(opacity:10);moz-opacity:.10;opacity:.10;}

/* snippets */ /*filter:alpha(opacity=60);moz-opacity:.60;opacity:.60;*/
#snippet-bg{position: absolute;z-index:90;top: 0px;left: 0px;background:black;filter:alpha(opacity:60);moz-opacity:.60;opacity:.60;width:100%; height:100%;}
#snippet{z-index:100;font-family:Arial;line-height:20px;color:#4e4e4e;font-size:13px;}
#snippet h2{font-size:16px;}
#snippet{position:absolute;width:650px;background: white;border:3px solid #5c5c5c;}
#snippet-wrapper{padding:30px;width:590px;overflow:hidden;position:relative;}
#snippet img{float:left;margin-top:0px;margin-left:-10px;}
#snippet-content{margin-left:105px;}
#snippet-content a.readmore{}
#snippet #x {position:absolute;width:20px;height:20px;top:0;right:0;}
#snippet img{margin:0;}

/* typography and color */
a{color:#b23122;}
body{font-family:Arial, Helvetica, sans-serif;}

#breadcrumb{line-height:16px;}
#breadcrumb ol li, #breadcrumb ol li a{font-size:10px;color:#666;text-decoration:none;}
#breadcrumb ol li.title {font-size:10px;color:#111;}
#breadcrumb ol li.current, #breadcrumb ol li.current a, #breadcrumb ol li a.current{font-size:10px;color:#333;}
#breadcrumb ol li a:hover{color:#b23122;}
#breadcrumb ol li a.clear{text-decoration:underline;color:#b23122;}
#content{font-size:13px;color:#777;line-height:20px;}
#content h2, #career-list h3{color:#4e4e4e;font-size:18px;}
#location-store-details h3{color:#4e4e4e;}
#content #homepage-feature span{color:#444;}
.comment-name{color:#4e4e4e;}
#page.blog h2 a, #page.blog-post h2 a, #page.recipes h2 a, #comments h2 {font-size:16px;text-decoration:none;color:#4e4e4e;}
.post-date, .description, .comment-date{font-size:10px;line-height:10px;}
#page.blog #sidebar ul span, #page.blog-post #sidebar ul span{color:#ccc;}
#place-comment form span{color:#b23122; font-size:10px;}
#place-comment form span.error{margin-left:105px;}
blockquote{color:#be2715;font-size:18px;}
blockquote span {font-size:10px;color:#666;}
#sidebar a{color:#555; text-decoration:none;}
#sidebar a{color:#555; text-decoration:none;}

.recipe-ingredients h3, .post h3{color:#555;}
#selected-hightlights, #selected-recipes{line-height:15px;}
#selected-hightlights a, #selected-recipes a{color:#666;text-decoration:none;}

#selected-recipes h2{line-height:20px;}
#selected-recipes h2 span{display:block;font-size:13px;color:#666;line-height:15px;}

#footer{font-size:13px;color:#999;}
#footer .vcard{line-height:15px;}
#footer .vcard h3{font-size:18px;color:#666;}
#footer .vcard a{color:#666;display:block;text-decoration:none;}
#footer .vcard .email{color:#999;}
#copyright, #copyright a {font-size:13px;color:#ccc;}