* {margin: 0px;	padding: 0px;}
a:focus { outline: none; }
html, body { height: 100%; }
.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
a img {border: none;}
.alignleft {float: left;}
.alignright {float: right;}

body { 
	font-size: 62.5%; 
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: #333;
	}
	
	
#wrapper { 
	width: 960px; 
	margin: 0 auto; 
	background-color: #000;
	position: relative;
	}	
	
#header {height: 165px;}	
#nav {height: 24px;background-color: #999;}

#content {
	width: 960px;
	position: relative;
	height: 515px;
}

#pg_home #content, #pg_404 #content {background: url('../images/home/randomHome.php') no-repeat scroll top left;}
.about #content {background: url('../images/bg_about.jpg') no-repeat scroll top left; min-height: 560px;}
.awards #content {background: url('../images/bg_about_awards.jpg') no-repeat scroll top left; min-height: 560px;}
.reviews #content {background: url('../images/bg_about_reviews.jpg') no-repeat scroll top left; min-height: 560px;}
.robson-fresh-sheet #content, 
.yaletown-fresh-sheet #content,
.kitsilano-fresh-sheet #content {background: url('../images/bg_menus_robson.jpg') no-repeat scroll top left; min-height: 560px;}
.robson-street-omakase #content,
.yaletown-omakase #content,
.kitsilano-omakase #content {background: url('../images/bg_catering.jpg') no-repeat scroll top left; min-height: 560px;}

.dinner #content {background: url('../images/bg_menus_kitsilano.jpg') no-repeat scroll top left; min-height: 560px;}
.drinks #content {background: url('../images/bg_menus_beverages.jpg') no-repeat scroll top left; min-height: 560px;}
.lunch #content {background: url('../images/bg_menus_kitsilano.jpg') no-repeat scroll top left; min-height: 560px;}
.gallery #content {background: url('../images/bg_gallery.jpg') no-repeat scroll top left; min-height: 560px;}
.reservations #content {background: url('../images/bg_reservations.jpg') no-repeat scroll top left; min-height: 560px;}
.catering #content {background: url('../images/bg_catering.jpg') no-repeat scroll top left; min-height: 560px;}
.contact #content {background: url('../images/bg_contact.jpg') no-repeat scroll top left; min-height: 560px;}
#pg_blog #content {background: url('../images/bg_about_awards.jpg') no-repeat scroll top left; min-height: 560px;}	
	
#footer {
	height: 2em;
	padding-top: 10px;
	margin-left: 25px;
	}

/* ---------------------------------------------------------------------------------------------	Header		 */
#header h1 a {
	background: url('../images/h1_bg.png') no-repeat scroll top left;
	width: 167px;
	height: 156px;
	display: block; 
	text-indent: -9999em; 
	float: right; 
	margin-right: 31px;
}

/* ---------------------------------------------------------------------------------------------	Main Nav 		 */
#nav ul {list-style: none; margin-left: 15px;}
#nav ul li {float: left;}
#nav ul li a {display: block; height: 24px;background-image: url('../images/nav_sprites.png'); text-indent: -9999em;}

#nav a {border-left: 1px solid #999;}
#nav a:hover {border-left: 1px solid white;}

#nav #nav_home a {background-position: 5px -48px; width: 65px;}
#nav #nav_home a:hover {background-position: 5px -24px;}

#nav #nav_story a {background-position: 513px -48px; width: 63px;}
#nav #nav_story a:hover {background-position: 513px -24px; border-left: 1px solid white;}

#nav #nav_menus a {background-position: 447px -48px; width: 71px;}
#nav #nav_menus a:hover {background-position: 447px -24px; border-left: 1px solid white;}

#nav #nav_gallery a {background-position: 373px -48px; width: 73px;}
#nav #nav_gallery a:hover {background-position: 373px -24px;}

#nav #nav_reservations a {background-position: 293px -48px; width: 109px;}
#nav #nav_reservations a:hover {background-position: 293px -24px;}

#nav #nav_news a {background-position: 179px -48px; width: 59px;}
#nav #nav_news a:hover {background-position: 179px -24px;}

#nav #nav_contact a {background-position: 93px -48px; width: 80px;}
#nav #nav_contact a:hover {background-position: 93px -24px;}

	/* Setting the Current States for the Nav */
	.contact #nav #nav_contact a {background-position: 93px -24px;}
	.catering #nav #nav_news a {background-position: 179px -24px;}
	.reservations #nav #nav_reservations a {background-position: 293px -24px;}
	.gallery #nav #nav_gallery a {background-position: 373px -24px;}
	#pg_blog #nav #nav_news a {background-position: 179px -24px;}
	
	.robson-fresh-sheet #nav #nav_menus a,  
	.yaletown-fresh-sheet #nav #nav_menus a, 
	.kitsilano-fresh-sheet #nav #nav_menus a,  
	.robson-street-omakase #nav #nav_menus a, 
	.yaletown-omakase #nav #nav_menus a,
	.kitsilano-omakase #nav #nav_menus a,  
	.dinner #nav #nav_menus a,
	.drinks #nav #nav_menus a {background-position: 447px -24px;}
	
	.about #nav #nav_story a, 
	.awards #nav #nav_story a, 
	.reviews #nav #nav_story a {background-position: 513px -24px;}

/* ---------------------------------------------------------------------------------------------	Sec Nav 		 */
	#nav ul li ul { /* hide the subnavs on load – How and why here: http://htmldog.com/articles/suckerfish/dropdowns/ */
		position: absolute; 
		left: -9999em;
		border-left: 1px solid white; 
		padding-bottom: 5px; 
	} 
	
	#nav li#nav_story:hover ul {left: 66px; top: 115px;}
	#nav li#nav_menus:hover ul {left: 130px; top: 130px;}
	
	#nav #nav_story ul li, 
	#nav #nav_menus ul li {
		float: none;
		display: block;
		padding-left: 10px;
		height: 15px;
	}
	
	#nav #nav_story ul li a, 
	#nav #nav_menus ul li a {
		text-indent: 0; 
		background-image: none;
		color: #afafaf;
		border: none;
		text-decoration: none;
	}
	
	#nav #nav_story ul li a:hover, 
	#nav #nav_menus ul li a:hover {
		color: white;
		border: none;
	}
	
	
	/* Start Labels */
	#nav span {
		position: absolute;
		width: 75px; 
		height: 12px; 
		}
	
	
	#nav #nav_home:hover span {background-image: url('../images/nav_labels.png'); background-position: 0 0; top: 148px; left: 25px;}
	#nav #nav_story:hover span {background-image: url('../images/nav_labels.png'); background-position: 0 -17px; top: 95px; left: 85px;}
	#nav #nav_menus:hover span {background-image: url('../images/nav_labels.png'); background-position: 0 -34px; top: 148px; left: 156px;}
	#nav #nav_gallery:hover span {background-image: url('../images/nav_labels.png'); background-position: 0 -51px; top: 148px; left: 223px;}
	#nav #nav_reservations:hover span {background-image: url('../images/nav_labels.png'); background-position: 0 -68px; top: 148px; left: 296px;}
	#nav #nav_news:hover span {background-image: url('../images/nav_labels.png'); background-position: 0 -84px; top: 148px; left: 405px;}
	#nav #nav_contact:hover span {background-image: url('../images/nav_labels.png'); background-position: 0 -100px; top: 148px; left: 466px;}
	
	/* Follow Links */
	
	#nav .follows {
		margin-left: 835px;
		position: relative; 
		top: 3px;
	}
	
	#nav .follows a {
		border: none;
		margin-right: 5px;
	}	

	#nav .follows a:hover {
		border: none;
	}

	/* News */
	.navigation {font-size: 1.2em;}



* html #wrapper #nav li ul li {margin-top: -8px;}
/* ---------------------------------------------------------------------------------------------	Content 	*/
#pg_home #welcomeMsg {
	position: absolute; 
	left: 518px; 
	top: 230px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.7);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000',EndColorStr='#000000'); /* IE6,IE7  */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000',EndColorStr='#000000')"; /* IE8 */
	width: 394px;
	height: 250px;
}

	/* Home Page Message */
	#pg_home #welcomeMsg img {
		margin: 29px 0 0 29px ;		
	}
	
	#pg_home #welcomeMsg h2 {
		margin: 23px 0 0 29px;
		color: white;
		font-weight: normal;
		font-size: 2.0em;
		letter-spacing: 1px;
	}

	#pg_home #welcomeMsg h3 {
		margin: 13px 29px 0 29px;
		font-size: 1.4em;
		font-weight: normal;		
	}
	
	#pg_home #welcomeMsg a {
		color: white;
		text-decoration: underline;
	}
	
	#pg_home #welcomeMsg a:hover {
		text-decoration: none;
		
	}


#content #main_col {
	width: 495px;
	float: right; 
	display: inline;
	margin: 50px 50px 0 0;
	background-image: url('../images/mainCol_bg.png');
	padding: 17px 28px;
	margin-bottom: 25px;
}

#asianCharacters {
	float: left; 
	display: inline; 
	margin: 51px 0 0 315px;
	width: 33px; 
	height: 200px;
}

#asianCharacters img {float: right;}

	/* Sec Nav */
	ul#secNav {float: right; margin-top: 8px;}
	#secNav li {display: inline; margin-left: 5px; font-size: 1.2em;}
	#secNav a {color: #9a9899;}
	#secNav a:hover {color: #2c6602;}
	#secNav a.subNav_on,
	#content #main_col h2 a.subNav_on {color: black;}
	
	/* Menu page Sec Nav Stuff */
	
	div#secNav {
		float: right;
		text-align: right;
		margin-top: 9px;
	}
	
	div#secNav h4, 
	div#secNav ul {
		display: inline;
		margin-bottom: 9px;
	}
		
	div#secNav .spacer {
		height: 5px;		
	}	
		
	/* Gallery */
	.gallery ul {list-style:none;}
	.gallery ul li {display: inline;}

/* ---------------------------------------------------------------------------------------------	General Typography 	*/
#content #main_col h2 {font-family: "Trebuchet MS", georgia; font-size: 2em; font-weight: bold; color: #231f20; margin-bottom: 8px;}
#content #main_col h2 a {color: #9a9899;}
#content #main_col h2 a:hover {color: #2c6602;}
#content #main_col h3 {font-size: 1.8em; font-weight: normal; color: #2c6602; margin: 15px 0 5px 0;}
#content #main_col h4 {font-size: 1.2em; color: #2c6602; margin-top: 10px;}
#content #main_col p {font-size: 1.2em; color: #5a4b42; margin-bottom: 8px; line-height: 1.4em;}
#content #main_col p strong {text-transform: uppercase; color: #010101;}
#content #main_col p em {color: black;}

/* ---------------------------------------------------------------------------------------------	News 	*/

#content span.theDate {
	font-size: 1.4em;
	color: #5a4b42;
	margin-bottom: 10px;
	display: block;
}

	/* News Pagination */
	
	.wp-pagenavi {
		display: block; 
		text-align: center;
		font-size: 1.2em;
	}

	.wp-pagenavi .nextpostslink, 
	.wp-pagenavi .previouspostslink {
		font-size: 150%;		
	}

	.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited  {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		text-decoration: none;
		color: #2C6602;
	}
	.wp-pagenavi a:hover {	
		color: #000000;
	}
	.wp-pagenavi a:active {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		text-decoration: none;
		color: #2C6602;
	}
	.wp-pagenavi span.pages {
		padding: 2px 4px 2px 4px; 
		margin: 2px 2px 2px 2px;
		color: #000000;
	}
	.wp-pagenavi span.current {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		font-weight: bold;
		color: #000000;
	}
	.wp-pagenavi span.extend {
		padding: 2px 4px 2px 4px; 
		margin: 2px;	
		color: #000000;
	}


/* ---------------------------------------------------------------------------------------------	Footer 		 */
#footer h5 {
	display: inline;
	font-size: 1.2em;
	font-weight: bold;
	color: #2c6602;
	margin-right: 5px;
	}
	
#footer .address {
	font-size: 1.2em;
	color: white;
	margin: 5px 15px 0 0;
}	

#footer .credits {
	font-size: 0.9em; 
	margin-left: 15px; 
	color: #777;
}

/* ---------------------------------------------------------------------------------------------	Links 		 */

a:link, a:visited, a:active {color: #2c6602; text-decoration: none;}
a:hover {color: black;}

#footer a:link, #footer a:visited, #footer a:active {color: #777; text-decoration: none;}
#footer a:hover {color: #ccc;}

/* Did you hear the one about the king? ... it ruled! */