/* reset */
* { margin:0; padding:0 }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
p, a, em, ul, li, h1, h2, h3, h4, h5, img, input, textarea { text-decoration:none; }
a, object { outline:0; }
a, object { outline:none; }
a, object { outline-width:0; }
ul, ol { list-style: none; }
fieldset, img, a img { border:0; }
fieldset, img, a img { border:none; }
fieldset, img, a img { border-width:0; }
table { border-collapse:collapse; border-spacing:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
ul, li { list-style-image:none; list-style-position:outside; list-style-type:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body {
background: #000;
font: 100% "Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 1.25em; /* 16×1.25=20 */
margin: 0;
padding: 0;
}

/* global styles */

div#pawrapper {
text-align: center;
margin: 0 auto;
width: 760px;
}

div#headwrapper {
background: #fff url(images/zia_logohead.jpg) no-repeat scroll 0 0;
width: 760px;
height: 250px;
}

div.logo {
float: left;
background: transparent;
width: 248px;
height: 250px;
text-indent: -9999px;
}

div.logo a {
display: block;
height: 230px;
padding: 10px 20px;
text-decoration: none;
width: 208px;
}

div.mastcon {
float: left;
width: 512px;
height: 250px;
}

div.nav {
height: 36px;
margin: 20px 0;
}

div.found {
overflow: hidden;
width: 512px;
height: 49px;
background-color:#000;
}

div.twocents {
width: 512px;
height: 49px;
}

div.twocents a:link, div.twocents a:visited { 
text-decoration : none;
color: #fff;
background: transparent; 
}

div.twocents a:hover { 
text-decoration : none;
color: #fff;
background: transparent; 
}

div.twocents a:active { 
text-decoration : none;
color: #fff;
background: transparent;  
}

div.mast {
height: 125px;
width: 512px;
text-align: left;
z-index: 0;
}

.banna {  
width:  500px; 
height: 120px; 
padding: 0;  
margin:  0;  
overflow: hidden;
position: relative;
} 
 
.banna img {  
width: 512px;  
height: 120px;
top:  0; 
left: 0;
}

div.muyg {
height: 80px;
font-size: 2.5em;
line-height: 2.5em;
color: #333;
z-index: 250;
position: absolute;
top: 180px;
padding-left: 4px;
}

div#mains {
float: left;
width: 760px;
background: #fff url(images/zcon_bot14.gif) no-repeat scroll left bottom;
margin: 0 0 1em;
}

.floatstop { clear: both; }

.hidden { display:none; }

/* links & typography */

p { text-indent: 0; }

h2  { font-size: 1.25em; line-height: 1.25em; color: #444; }

h3  { font-size: 1.125em; line-height: 1.125em; color: #f22; }

h4  { font-size: 1.0em; line-height: 1.25em; color: #222; }

a:link, a:visited { 
text-decoration : none;
color: #811;
background: transparent; 
}

a:hover { 
text-decoration : underline;
color: #d12;
background: transparent; 
}

a:active { 
text-decoration : none;
color: #811;
background: transparent;  
}

.mint {
font-family: Georgia, Times, Serif;
font-size: 1.25em;
line-height: 1.75em;
}

.minty {
font-family: Georgia, Times, Serif;
font-size: 1.125em;
line-height: 1.75em;
}

.muygrande {
font-size: 2.5em;
line-height: 2.5em;
color: #333;
}

.cathead {
font-size: 1em;
line-height: 1.375em;
color: #333;
}

.cen { text-align: center; }
.lef { text-align: left; }
.pt1em { padding: 1em 0 0; }
.pthline { padding: 0.5em 0 0; }
.pt1hline { padding: 1.5em 0 0;}
.pt3em { padding: 3em 0 0; }
.imgblock { display:block; }

/* homepage specific styles */

div.lbar {
width: 250px;
float: left;
margin: 1em 0 0.125em;
padding: 0;
}

div.rblk {
width: 486px;
float: left;
padding-right: 20px;
margin: 0 0 0.125em;
text-align: left;
}

div.yt { margin: 0 0 0.125em; }

div.speccen { width:486px; text-align:center; margin:0 auto 0.125em;  }

div.botnav {
clear: both;
padding: 2em 0 1em;
}

#footer {
clear: both;
width: 780px;
height: 35px;
margin: 0 auto 2em; 
}

#flogo {
font-size: 0.675em;
line-height: 1em;
color: #fff;
margin: 0 auto;
}

div.komint1 {
border-top:1px dashed #888;
border-bottom:1px dashed #888;
margin:2px 0 0;
padding: 0.5em 0 0.25em;
text-align: left;
}

div.komint {
padding: 0.5em 0 0.25em;
border-bottom:1px dashed #888;
text-align: left;
}

div.komini {
padding: 0.5em 0 0.25em;
text-align: left;
}

div.komedia {
border-top:1px dashed #888;
margin:2px 0 0;
padding: 0.5em 0 0.25em;
text-align: left;
}

.koma {
font-family: Georgia, Times, Serif;
font-size: 1em;
color: #000;
}

.kimono {
font-family: Georgia, Times, Serif;
font-size: 0.875em;
color: #555;
}

.namae {
text-align: right;
font-family: Georgia, Times, Serif;
font-size: 0.75em;
color: #000;
}

.speckom{
text-align: center;
font-family: Georgia, Times, Serif;
font-size: 0.75em;
color: #000;
padding: 0 0 0.75em;
}

.komsource{
text-align: left;
font-family: Georgia, Times, Serif;
font-size: 0.75em;
color: #000;
padding: 0 0 0.75em;
}

.ruddy {
background: #999 url(images/xavier-rudd.jpg) no-repeat scroll 0 0;
width: 484px;
border: 1px solid #777;
margin: 0 0 0.5em;
height: 21em;
text-align: left;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.black { color:#000; }
.linkcolor { color: #811; }
.deets { padding: 0.25em 0 0 244px; }
.listage { font-size: 0.875em; padding: 0.25em 0 0; }
.blurbage { font-size: 0.75em; padding: 0.25em 0 0; }

.specials {
font-size: 1.75em;
line-height: 1.5em;
color: #555;
}

.special { font-size: 1.375em; color: #b11; }
.speciall { font-size: 1.375em; color: #d11; }
.specialx { font-size: 1.25em; color: #fff; padding: 0.25em 0; line-height:1.25em; }
.speciall a { padding:0 0 0.1em; color: #d11; border-bottom: 1px dotted #999; }
.speciall a:hover { color: #d11; text-decoration:none; }
.specialsub { font-size: 1.25em; color: #333; }
.specialsubl { font-size: 1.25em; color: #aaa; padding: 0.25em 0 0; }
.soma { font-size: 0.875em; color: #000; }
.somal { font-size: 0.875em; color: #ccc; padding: 0.5em 0 0; }
.somam { color: #888; }
.soman { font-size: 1em; padding: 0.5em 0 0; }
.somap { font-size: 1em; padding: 0.75em 0 0; }

div.threefer {
background: #eee url(images/343at3.jpg) no-repeat scroll 0 0;
width: 484px;
border: 1px solid #aaa;
margin: 0 0 0.5em;
height: 8em;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

div.latenite {
background: #2b2b2b url(images/latenite.jpg) no-repeat scroll 0 0;
width: 484px;
border: 1px solid #555;
margin: 0;
height: 8em;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

div.fishday {
background: #ccc url(images/fishmon.jpg) no-repeat scroll 0 0;
width: 484px;
border: 1px solid #aaa;
margin: 0 0 0.5em;
height: 8em;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

div.threespadding { margin: 2em 0 1em; }
div.nitespadding { margin: 0.75em 0; }

.neighbors {
border: 1px solid #999;
color: #333;
font-size: 0.875em;
margin: 2em auto 0;
padding: 0.5em 0;
width: 180px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

div.upcom {
border-bottom:1px dashed #888;
border-top:1px dashed #888;
float: left;
width: 484px;
padding: 0.5em 0;
}

div.upcomtxt {
float: left;
width: 320px;
}

div.upcomlink {
float: left;
margin: 0.5em 0 0;
width: 132px;
height: 72px;
}

.upcomdate {
color: #222;
font-size: 1.125em;
}

.upcomtit {
color: #333;
font-size: 1.375em;
line-height: 1.25em;
}

/* menu specific styles */

.menqt {
text-align: left;
padding: 1em 3em 1.5em;
font-size: 0.875em;
font-weight: normal;
color: #000;
}

.mentem {
font-size: 0.875em;
font-weight: bold;
color: #fff;
}

.price {
font-size: 0.75em;
color: #fafafa;
}

.men {
font-size: 0.75em;
color: #ddd;
}

div.blamen { width: 340px; float: left; margin: 0; padding: 0; }
div.lamen { width: 320px; float: left; margin: 0; padding: 0; }
div.ramen { width: 300px; float: left; padding: 0 0 0 20px; }
div.braman { width: 280px; float: left; padding: 0 0 0 20px; }
div.lament { width: 240px; float: left; margin: 0; padding: 0; }
div.yemen { width: 192px; float: left; margin: 0; padding: 0; }
div.yaman { width: 192px; float: left; padding: 0 0 0 20px; }
div.yoman { width: 180px; float: left; padding: 0 0 0 20px; }
div.llaman { width: 165px; float: left; margin: 0; padding: 0; }
div.llamen { width: 125px; float: left; margin: 0; padding: 0; }

div.vegetarian {
color:#FFFFFF;
font-size:0.875em;
left:1.5em;
position:absolute;
top:38em;
z-index: 300;
}

/* about specific styles */

.atxt {
float: left;
}

.aimg128 {
float: left;
padding:1em 1em 0.5em 0;
width: 128px;
}

.aimg256 {
float: left;
padding:1em 1em 0.5em 0;
width: 256px;
}

.piccapi {
font-size: 0.75em;
line-height: 1em;
color: #555;
font-style: italic;
padding-bottom: 0.875em;
}

.piccap {
font-size: 0.75em;
line-height: 1em;
color: #555;
padding-bottom: 0.875em;
}

div.social {
height:34px;
margin:0.5em auto;
text-indent:-9999px;
width:115px;
}

div.social a {
display:block;
height:100%;
margin:0;
padding:0;
text-decoration:none;
width:100%;
}

div.social a.fb {
background:transparent url(images/fb_butt.gif) no-repeat scroll left top;
}

div.social a:hover{
background-position: 0 -34px;
}

div.smlbarr {
color:#444444;
float:left;
font-size:0.875em;
margin:0;
padding: 1em 0 0;
text-align:right;
width:234px;
}

div.grbar {
width: 480px;
float:left;
text-align: left;
padding: 1em 20px 0;
font-size: 0.875em;
}

.lopen {
width: 132px;
height: 15px;
overflow: hidden;
}

.mailbox {
padding-top: 0.25em;
padding-left: 0.125em;
}

/* map specific styles */
div#mapbox { width: 720px; height: 500px; margin: 0 auto; position:relative; border: 1px solid #ccc; }
div#mapcanvas {
width: 720px;
height: 500px;
background-color:#E5E3DF;
font-size:0.875em;
position:relative;
text-align:left;
}

#mapcanvas a:link { color:#0000CC; text-decoration:underline; }
#mapcanvas a:visited { color:#551A8B; text-decoration:underline; }

div.gs-city { display:inline; }
div.gs-country { display:none; }
div.gs-directions-to-from { display:block; }
.gs-directions-to-from { display:none; margin-top:4px; }
.gs-label { display:inline; margin-right:4px; }
.gs-directions-to-from div.gs-secondary-link { display:inline; }
.gs-secondary-link, .gs-secondary-link * {
color:#7777CC;
cursor:pointer;
font-weight:normal;
text-decoration:underline;
}
.gs-directions-to-from .gs-spacer {
display:inline;
margin-left:3px;
margin-right:3px;
}

div#drive{
margin: 0;
padding: 0;
text-indent: -9999px;
width: 96px;
height: 89px;
}

div#drive a{
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-decoration: none;
background: transparent url(images/directions178.gif) top left no-repeat;
}

div#drive a:hover{
background: transparent url(images/directions178.gif) 0 -89px no-repeat;
}

div.drivebar {
width: 96px;
float: left;
margin: 20px 0 0 20px;
padding: 0;
}

div.driver {
width: 240px;
float: left;
padding-top: 1.375em;
padding-left: 0.5em;
text-align: left;
}

div.drect {
width: 340px;
margin-left: 356px;
padding-top: 1.375em;
padding-left: 2em;
text-align: left;
}

/* comments specific styles */

.small {
font-size: 0.75em;
line-height: 1em;
}

.kom {
font-family: Georgia, Times, Serif;
font-size: 1em;
line-height: 1.75em;
color: #000;
}

.nam {
font-family: Georgia, Times, Serif;
font-size: 1em;
line-height: 1.75em;
color: #000;
}

div.thin {
clear: both;
padding: 1.5em 1.5em 0.5em 2em;
}

textarea {
width: 80%;
overflow: auto;
}

fieldset {
border: 1px solid #999;
padding: 1em;
margin: 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

legend {
color: #777;
font-size: 1.2em;
}

input, textarea {
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 0.875em;
padding: 7px;
border-top: 1px solid #777;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
background: #f3f3f3;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

input:focus, textarea:focus { background-color: #fff; border-color: #59d; }

label {
font-size: 0.75em;
display: block;
margin-top: 10px;
}

#commentForm {
background-color: #eee;
}

button {
float: left;
cursor: pointer;
margin: 0.5em 0 0;
width: 10em;
-webkit-appearance:push-button;
}

.kindle { position: absolute; left: -9999px; top: -9999px; margin: 0; }

.merror {
float: left;
font-size: 0.875em;
line-height: 1.25em;
margin: 0.5em 1em 0;
color: #f00;
}

/* zbars */
/* amelot */
#amelot { width: 512px; height: 36px; margin: 0 auto; position: relative; z-index: 9998; }
#amelot #hiver { margin: 0; padding: 0; }
#amelot #hiver li { display: inline; }
#amelot #hiver li a { float: left; width: 128px; height: 0; padding-top: 36px; overflow: hidden; }
#amelot #hiver li a { background-image: url(images/zia_nav.gif); background-repeat: no-repeat; }

/* amelot BUTTONS */
#amelot #hiver li#z-menu a { background-position: 0 0; }
#amelot #hiver li#z-about a { background-position: -128px 0; }
#amelot #hiver li#z-comments a { background-position: -256px 0; }
#amelot #hiver li#z-map a { background-position: -384px 0; }

/* amelot OVER STATES */
#amelot #hiver li#z-menu a:hover { background-position: 0 -36px; }
#amelot #hiver li#z-about a:hover { background-position: -128px -36px; }
#amelot #hiver li#z-comments a:hover { background-position: -256px -36px; }
#amelot #hiver li#z-map a:hover { background-position: -384px -36px; }

/* amelot PRESSED STATES */
#amelot #hiver li#z-menu a:active { background-position: 0 -72px; }
#amelot #hiver li#z-about a:active { background-position: -128px -72px; }
#amelot #hiver li#z-comments a:active { background-position: -256px -72px; }
#amelot #hiver li#z-map a:active { background-position: -384px -72px; }

/* amelot ON STATES */
#amelot.menu #hiver li#z-menu a { background-position: 0 -108px !important; }
#amelot.about #hiver li#z-about a { background-position: -128px -108px !important; }
#amelot.comments #hiver li#z-comments a { background-position: -256px -108px !important; }
#amelot.map #hiver li#z-map a { background-position: -384px -108px !important; }

/* heytees */
#heytees { text-align: center; }
#heytees #automne { margin: 0; padding: 0; }
#heytees #automne li { display: inline; margin-left: 0.625em; margin-right: 0.625em;}
#heytees #automne li a { color: #711; padding:  0.05em 0.375em 0.2em; }
#heytees #automne li a:hover { background-color: #911; color: #fff; text-decoration:none; }
#heytees #automne li a:active { color: #222; text-decoration:underline; }

/* heytees ON */
#heytees.menu #automne li#bz-menu a { color: #222 !important; }
#heytees.about #automne li#bz-about a { color: #222 !important; }
#heytees.comments #automne li#bz-comments a { color: #222 !important; }
#heytees.map #automne li#bz-map a { color: #222 !important; }
#heytees.menu #automne li#bz-menu a:hover { color: #222 !important; background: transparent; }
#heytees.about #automne li#bz-about a:hover { color: #222 !important;  background: transparent; }
#heytees.comments #automne li#bz-comments a:hover { color: #222 !important; background: transparent; }
#heytees.map #automne li#bz-map a:hover { color: #222 !important; background: transparent; }

/* zslide */
#slider {
  width: 680px;
  margin: 0 auto;
  position: relative;
	text-align: left;
}

.scroll {
  height: 36em;
  width: 680px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  clear: left;
  background: #111 url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
	border-bottom: 1px solid #888;
	border-left: 1px solid #bbb;
	border-right: 1px solid #ccc;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 34em;
  width: 640px;
}

#shade {
  background: #fff url(images/shade.jpg) no-repeat top center;
  height: 20px;
}

ul.navigation {
  list-style: none;
  margin: 0;
  padding: 0;
	font-size: 0.75em;
	line-height: 1.625em;
}

ul.navigation li { display: inline; margin-right: 1px; }

ul.navigation a {
  padding: 5px;
  color: #fff;
  background-color: #444;
	border-left: 1px solid #bbb;
  text-decoration: none;
}

ul.navigation a:hover { background-color: #999; }
ul.navigation a.idle { color: #fff; background-color: #444; }
ul.navigation a.selected { color: #fff; background-color: #111; }
ul.navigation a:focus { outline: none; }
.scrollButtons { position: absolute; top: 240px; cursor: pointer; }

.scrobutt {
	border: none;
	outline: none;
  position: absolute;
  top: 240px;
	z-index: 250;
	width: 31px;
	height: 31px;
	text-indent: -3000px;
	outline: 0;
	cursor: pointer;
	background-image: url(images/skip.gif);
	background-repeat: no-repeat;
}

#scroleft {
	border: none;
	outline: none;
  position: absolute;
  top: 240px;
	z-index: 250;
	width: 32px;
	height: 32px;
	text-indent: -3000px;
	outline: 0;
	cursor: pointer;
	background-image: url(images/skip.gif);
	background-repeat: no-repeat;
  background-position: 0px 0px;
	left: -36px;
}

#scroleft:hover {	background-position: 0px -32px; left: -36px; }

#scroright {
	border: none;
	outline: none;
  position: absolute;
  top: 240px;
	z-index: 250;
	width: 32px;
	height: 32px;
	text-indent: -3000px;
	outline: 0;
	cursor: pointer;
	background-image: url(images/skip.gif);
	background-repeat: no-repeat;
  right: -36px;
	background-position: -32px 0px;
}

#scroright:hover {
  right: -36px;
	background-position: -32px -32px;
}

.scrollButtons.left { left: -36px; }
.scrollButtons.right { right: -36px; }
.hide {  display: none; }