/* __________________________________________________________________________________________________
Theme Name: The Compass
Theme URI: http://thecompassn1.co.uk
Description: Theme for The Compass N1
Author: Glow Design & Essential Works

/* Added for Christmas 09
___________________________________________________________________________________________________*/

/* p#christmas {
	background:url(_images/bg_christmas.png) repeat;
	color:#cecece;
	display:inline;
	font-style:italic;
	padding:0.6em;
	position:relative;
	left:33px;
	top:160px;
	z-index:1;
	}
	
p#christmas a:link, p#christmas a:visited {
	color:#fff;
	font-style:normal;
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:0.125em;
	text-decoration:underline;
	text-transform:uppercase;
	}

p#christmas a:hover, p#christmas a:active {
	color:#fff;
	font-style:normal;
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:0.125em;
	text-decoration:none;
	text-transform:uppercase;
	} */

/* BLANKET STYLES
___________________________________________________________________________________________________*/

* {
	margin:0;
	padding:0;
	}

strong {
	font-weight:bold;
	}

em {
	font-style:italic;
	}

img, fieldset {
	border:none;
	}

/* Special rule for homepage */
body#page_159 {
	background-image:none;
	}

body {
	color:#393537;
	font:62.5% Georgia, "Times New Roman", Times, serif;
	background:#cecece url(_images/bg_body.png) no-repeat center top;
	}

abbr, acronym {
	border:0;
	}

/* OFF SCREEN
___________________________________________________________________________________________________*/

.off_screen {
	position:absolute;
	left:-9999px;
	}

/* TEXT STYLES
___________________________________________________________________________________________________*/

h1, h2 {
	font-size:5.5em;
	font-weight:normal;
	line-height:0.9em;
	}

/* Special rule for weekends page */
#page_202 h2 {
	background:url(_images/bg_h2_weekends.png) no-repeat left bottom;
	border:none;
	height:104px;
	position:relative;
	right:14px;
	text-indent:-5000px;
	width:300px;
	}

/* Special rule for homepage */
#page_159 h2 {
	border-bottom:none;
	}

/* Special rule for homepage */
#page_159 blockquote {
	font-weight:bold;
	}

h2 {
	border-bottom:1px #cecece solid;
	padding-bottom:12px;
	margin-bottom:12px;
	}

#primary h2, #primary h3, #primary h4, #primary h5, #primary h6, #primary p, #primary ul, #primary ol, #primary dl {
	margin-left:487px;
	width:385px;
	}

#primary p, #primary ul, #primary ol, #primary dl, #primary h4, #primary h5, #primary h6 {
	font-size:1.3em;
	line-height:1.2em;
	}

h3 {
	font-size:1.9em;
	font-weight:normal;
	}

p, ul, ol, dl, h4, h5, h6 {
	font-size:1.4em;
	line-height:1.2em;
	}

ul ul, ol ol, dl dl {
	font-size:100%;
	}

dt {
	float:left;
	margin-right:0.2em;
	}

#primary p, #primary ul, #primary ol, #primary dl {
	margin-bottom:1.2em;
	}

#primary p.last {
	border-bottom:1px #cecece dotted;
	clear:both;
	padding-bottom:1.2em;
	}
	
/* Footer text */

#footer p {
	font-size:1em;
	text-align:left;
	}

/* LINK STYLES
___________________________________________________________________________________________________*/

/* H1 */

h1 a {
	background:url(_images/bg_h1.png) no-repeat 797px center;
	height:107px;
	position:absolute;
	top:153px;
	text-indent:-5000px;
	width:936px;
	}

/* Navigation */

a:link, a:visited {
	color:#393537;
	text-decoration:none;
	}
	
a:hover {
	color:#2475d5;
	text-decoration:underline;
	}
	
a:active {
	color:#2475d5;
	text-decoration:none;
	}

a:focus {
	color:#2475d5;
	text-decoration:none;
	}

li.current_page_item a:link, li.current_page_item a:visited, li.current_page_item a:hover, li.current_page_item a:active, li.current_page_parent a:link, li.current_page_parent a:visited, li.current_page_parent a:hover, li.current_page_parent a:active {
	color:#2475d5;
	}

li.current_page_item ul li a:link, li.current_page_item ul li a:visited, li.current_page_parent ul li a:link, li.current_page_parent ul li a:visited {
	color:#393537;
	}

li.current_page_item ul li a:hover, li.current_page_item ul li a:active, li.current_page_parent ul li a:hover, li.current_page_parent ul li a:active {
	color:#2475d5;
	}
	
ul#navigation ul li.current_page_item a {
	color:#2475d5;
	cursor:default;
	text-decoration:none;
	}

/* Primary */

#primary a:link, #primary a:visited, #primary a:hover, #primary a:active {
	color:#2475d5;
	}
	
p#facebook {
	border:1px #FFF dotted;
	background:url(_images/bg_facebook.png) repeat;
	color:#cecece;
	font-style:italic;
	font-size:1.15em;
	line-height:1.4em;
	padding:0.6em;
	position:absolute;
	margin-left:15px;
	top:11px;
	text-align:left;
	/* text-align:center; */
	/* width:155px; */
	width:290px;
	}

p#facebook a {
	color:#FFF;
	/* background:url(_images/bg_facebook_a.png) no-repeat 0 3px; */
	background:url(_images/bg_facebook_a.png) no-repeat 0 1px;
	/* padding-left:20px; */
	padding-left:16px;
	}

/* Footer */

#footer a {
	color:#787878;
	text-decoration:none;
	}

/* LAYOUT DIVISIONS
___________________________________________________________________________________________________*/

#container {
	margin:0 auto;
	width:989px;
	}

#header {
	margin:0 auto;
	height:90px;
	width:935px;
	}

/* Special rule for homepage */
body#page_159 #primary {
	background:url(_images/bg_primary_home.png) no-repeat center top;
	}
	
#primary {
	background:url(_images/bg_primary.png) no-repeat center top;
	clear:both;
	color:#cecece;
	height:508px;
	margin:0 auto;
	padding:200px 42px 42px;
	width:905px;
	}
	
#footer {
	bottom:10px;
	clear:both;
	margin:0 auto;
	position:relative;
	width:905px;
	}

/* ADDITIONAL RULES FOR HEADER DIVISION
___________________________________________________________________________________________________*/

/* Navigation */

ul#navigation {
	float:right;
	padding-top:20px;
	}

/* Primary navigation */
	
ul#navigation li {
	display:inline;
	padding-left:8px;
	}
	
/* Secondary navigation */

ul#navigation ul {
	display:none;
	margin-bottom:0;
	}

ul#navigation li.current_page_item ul, ul#navigation li.current_page_parent ul {
	display:block;
	position:absolute;
	top:45px;
	}
	
ul#navigation li.current_page_item ul li, ul#navigation li.current_page_parent ul li {
	display:block;
	font-size:0.95em;
	line-height:1.3em;
	}

ul#navigation li.page-item-5 ul {
	margin-left:50px;
	}
	
ul#navigation li.page-item-7 ul {
	margin-left:83px;
	}
	
ul#navigation li.page-item-9 ul {
	margin-left:163px;
	}

/* ADDITIONAL RULES FOR PRIMARY DIVISION
___________________________________________________________________________________________________*/

img#main_image {
	position:absolute;
	top:132px;
	}

/* Contact page */

#contacts, #key_staff {
	border-bottom:1px #cecece dotted;
	padding-bottom:1.2em;
	}

#address {
	margin-bottom:1.2em;
	}

/* Restaurant review */

p.attribution {
	border-bottom:1px #cecece dotted;
	font-style:italic;
	padding-bottom:1.2em;
	}
	
p.attribution_last {
	border-bottom:none;
	}
	
/* Weekends */

#sunday {
	border-top:1px #cecece dotted;
	padding-top:1.2em;
	}
	
/* Menus */

/* Special rule for sample menus page */
body#page_200 #primary p {
	margin-left:692px;
	width:187px;
	}

a.menu {
	font-size:1.25em;
	}

a.menu_single {
	background:url(_images/bg_menu_single.gif) no-repeat 0 12px;
	border-top:1px #cecece dotted;
	display:block;
	height:179px;
	margin-left:487px;
	position:relative;
	width:385px;
	z-index:1;
	}

div#catering_menus {
	float:left;
	margin-left:485px;
	position:absolute;
	top:369px;
	width:207px;
	}
	
div#restaurant_menus {
	border-top:1px #cecece dotted;
	float:right;
	margin-right:33px;
	padding-top:1.2em;
	width:385px;
	}
	
div#wine_menus {
	float:right;
	margin-right:33px;
	width:385px;
	}

body#page_391 p.last, body#page_188 p.last {
	border:none;
	clear:both;
	font-size:1.25em;
	}

body#page_200 div#catering_menus p.last, body#page_297 div#restaurant_menus p.last, body#page_305 div#wine_menus p.last {
	border:none;
	clear:both;
	font-size:1.25em;
	margin-left:0;
	}

/* Special rule for restaurant menus page */
body#page_452 #primary div#restaurant_menus a.menu_multiple {
	background:url(_images/bg_menu_restaurant.gif) no-repeat;
	display:block;
	float:left;
	height:162px;
	/* Original line below changed to accommodate third menu on restaurant page
	margin:0 19px 11px 0; */
	margin:0 10px 11px 0;
	position:relative;
	width:118px;
	}
	
/* Special rule for restaurant wine list page */
body#page_305 #primary div#wine_menus a.menu_multiple:link, body#page_305 #primary div#wine_menus a.menu_multiple:visited, body#page_305 #primary div#wine_menus a.menu_multiple:hover, body#page_305 #primary div#wine_menus a.menu_multiple:active {
	background:url(_images/bg_menu_restaurant.gif) no-repeat;
	color:#cecece;
	display:block;
	float:left;
	font-size:1.25em;
	height:11px;
	margin:0 19px 0 0;
	padding-top:168px;
	position:relative;
	text-decoration:none;
	width:118px;
	}

/* This rule disabled to accommodate third menu on restaurant page */
/* Special rule for restaurant menus page */	
/* body#page_297 #primary div#restaurant_menus a.hand:link, body#page_297 #primary div#restaurant_menus a.hand:visited, body#page_297 #primary div#restaurant_menus a.hand:hover, body#page_297 #primary div#restaurant_menus a.hand:active, body#page_305 #primary div#wine_menus a.hand {
	margin-right:0;
	width:245px;
	}
*/
	
/* Special rule for restaurant wine menus page */	
body#page_305 #primary div#wine_menus a.hand:link, body#page_305 #primary div#wine_menus a.hand:visited, body#page_305 #primary div#wine_menus a.hand:hover, body#page_305 #primary div#wine_menus a.hand:active {
	background:url(_images/bg_menu_wine_feature.gif) no-repeat;
	margin-right:0;
	width:245px;
	}

/* Special rule for sample menus page */
body#page_200 #primary div#catering_menus a.menu_multiple {
	background:url(_images/bg_menu_multiple.gif) no-repeat;
	color:#393537;
	display:block;
	float:left;
	font-size:3.6em;
	height:113px;
	line-height:101px;
	margin:0 19px 11px 0;
	text-align:center;
	text-decoration:none;
	width:83px;
	}

/* Photo gallery */

div#photo_gallery {
	margin-left:488px;
	position:absolute;
	top:369px;
	width:385px;
	}
	
div#photo_gallery img {
	vertical-align:bottom;
	}

/* Bookings */

#LivebookingsDirect {
	background-color:#bfb6a9;
	border:9px solid #bfb6a9;
	display:block;
	height:350px;
	position:relative;
	left:194px;
	}

/* ...AND FINALLY, A BIG HAND
___________________________________________________________________________________________________*/

#home_hand {
	background:url(_images/home_hand.png) no-repeat;
	position:absolute;
	height:201px;
	margin-left:-162px;
	top:220px;
	width:347px;
	}
