/* global css (start) {{{ */
.clearfix {
    zoom:1;
}
.clearfix:after {
    clear:both;
    content:'';
    display:block;
}
#hd {
    position:relative;
    z-index:1;
}
#bd {
    z-index:0;
}
html, body {
    background:#fff;
}
.yui-d0 {
    margin:0;
}
.yui-main-cafe .yui-b {
}
/* }}} */
/* main-module */
.general-module {margin-bottom:10px;position:relative;}
.general-module .hd {zoom:1;}
.general-module .hd,
.general-module .bd,
.general-module .ft {margin:0 20px 5px;}
.general-module .bd .message {background:#ffc;font-size:123.1%;padding:15px;}
.general-module .ft {text-align:right;}
.general-module .hd h1,
.general-module .hd h2,
.general-module .hd h3 {color:#ff0084;font-weight:bold;padding:8px 0 3px;font-size:123.1%;font-family:"trebuchet ms",helvetica,sans-serif;letter-spacing:1px;}
.general-module .mod-content {background:transparent;position:relative;z-index:2;}

/* form-module */
.form-module .hd {border:none;}
.form-module .bd {border:solid 1px #666;margin:0 20px 10px;}
.form-module .bd .row {zoom:1;border-bottom:solid 1px #ccc;}
.form-module .bd .row:after {content:'';display:block;clear:both;height:0;visibility:hidden;}
.form-module .bd .alt {background:#efefef;}
.form-module .title {color:#333;font-size:93%;width:6em;float:left;text-align:right;padding:0.8em 0.5em;font-family:Verdana;font-weight:bold;}
.form-module .title ins {text-decoration:none;color:#c00;font-size:80%;}
.form-module .content {width:28em;float:left;padding:0.5em;border-left:solid 1px #ccc;}
.form-module .content * {vertical-align:middle;}
.form-module .content textarea {width:712px;height:390px;padding:5px;line-height:1.5;}
.form-module .content .switch-link {font-size:93%;}
.form-module .content ins {display:block;clear:both;color:#636563;text-decoration:none;font:normal 93% Arial;margin-top:5px;position:relative;}
.form-module .content ins em {color:#b00;}
.form-module .shadow input {width:15em;}
.form-module .shadow input:focus {background:#ffe;}
.form-module .button-group {zoom:1;text-align:center;padding:5px 0;background:transparent url(http://developer.yahoo.com/yui/build/assets/skins/sam/sprite.png) repeat-x;}
.form-module .radio-group {margin-top:0.3em;display:block;}
.form-module .radio-group * {vertical-align:middle;}

/* grid-module */
.grid-module .bd table {margin-top:10px;width:100%;table-layout:fixed;border:solid 1px #7f7f7f;}
.grid-module .bd table thead {border:solid 1px #989898;}
.grid-module .bd table thead th a:link,
.grid-module .bd table thead th a:visited {color:#000;text-decoration:underline;}
.grid-module .bd table tfoot {border-top:solid 1px #989898;}
.grid-module .bd table thead th,
.grid-module .bd table tfoot th {border-right:solid 1px #cbcbcb;background:transparent url(http://developer.yahoo.com/yui/build/assets/skins/sam/sprite.png) repeat-x;vertical-align:middle;}
.grid-module .bd table thead th .up {display:-moz-inline-box;display:inline-block;width:13px;height:9px;background:url(asc.gif) 0 0 no-repeat;}
.grid-module .bd table thead th .down {display:-moz-inline-box;display:inline-block;width:13px;height:9px;background:url(desc.gif) 0 0 no-repeat;}
.grid-module .bd table thead th span em {display:none;}
.grid-module .bd table th,
.grid-module .bd table td {padding:7px 5px;vertical-align:top;text-align:center;border-right:solid 1px #cbcbcb;}
.grid-module .bd table th {padding:3px 5px;}
.grid-module .bd table td .page span {padding-left:15px;background:url(ico_page.gif) left center no-repeat;}
.grid-module .bd table td.last, 
.grid-module .bd table th.last {border:none;}
.grid-module .bd table .alt {background: #edf5ff;}
.grid-module .ft {margin:0 20px;}
.grid-module .ft .new {float:left;}
.grid-module .ft .paging {float:right;}

/* position fixed (start) {{{ */
html,
body {
    overflow:hidden;
}

#hd, #bd, #ft {
    position:fixed;
    _position:absolute;
    left:0;
    width:100%;
}
#hd {
    top:0;
}
#bd {
    bottom:62px;
    _height:60%;
    top:95px;
    overflow:auto;
}
#ft {
    bottom:0;
}
/* position fixed (end) }}} */
/* .cafe-menu (start) {{{ */
.cafe-menu {
    margin-bottom:10px;
}
.cafe-menu-module table {
    width:100%;
    margin-bottom:10px;
}
.cafe-menu-module td {
    border-bottom:solid 1px #999;
    padding:8px 4px;
    font-family:'Century Gothic', Arial;
}
.cafe-menu-module .menu-name {
    font-size:123.1%;
	font-weight:bold;
    text-align:left;
	width:85%;
}
.cafe-menu-module .price {
    font-size:123%;
	font-weight:bold;
	text-align:right;
    width:15%;
}
.cafe-menu-module td p {
    font-size:12px;
}
.cafe-menu-module thead th {
    vertical-align:bottom;
}
#cafe-menu-light .lightfood .subtitle {
    color:#f39;
    font-size:140%;
	font-weight:bold;
    line-height:250%;
	text-align:left;
}
#cafe-menu-drink .drinks .subtitle {
    color:#f39;
    font-size:140%;
	font-weight:bold;
    line-height:250%;
	text-align:left;
}
/* #cafe-menu (end) }}} */
/* .cafe-shortcut (start) {{{ */
.cafe-shortcut {
    zoom:1;
}
.cafe-shortcut:after {
    clear:both;
    content:'';
    display:block;
}
.cafe-shortcut {
    text-align:right;
    margin:10px 0 20px;
}
.cafe-shortcut li {
    display:inline;
    margin-right:15px;
}
.cafe-shortcut li a:link,
.cafe-shortcut li a:visited {
    color:#f39;
    font-size:93%;
    letter-spacing:1px;
}
/* .cafe-shortcut (end) }}} */
/* .cafe-venue-module (start) {{{ */
.cafe-venue-module {
    position:relative;
}
.cafe-venue-module h3 {
    border-bottom:solid 1px #f39;
    color:#f39;
    font:bold 123.1% "Century Gothic";
    text-align:left;
    margin-bottom:1em;
}
.cafe-venue-module .content .location {
    position:absolute;
    right:0;
    top:0;
}
.cafe-venue-module .content {
    text-align:center;
}
/* .cafe-venue-module (end) }}} */
/* .gui-button (start) {{{ */
.gui-button {border:solid 1px #808080;border-width:1px 0;background:url(sprite_sam.png) repeat-x;display:-moz-inline-box;display:inline-block;list-style-image:url(data:behavior:mouseover,&uihtmlbutton);margin:auto .25em;zoom:1;word-break:break-all;word-wrap:break-word;}
.gui-button .first-child {border:solid 1px #808080;border-width:0 1px;display:block;*display:inline-block;margin:0 -1px;position:relative;*left:-1px;overflow:hidden;}
.gui-button .first-child span {color:#000;display:block;*display:inline-block;line-height:1;*min-height:auto;
    padding:4px 8px 4px 10px;
    *padding:3px 8px 3px 10px;
    font-size:93%;
    letter-spacing:1px;}
.gui-button .first-child input {background:blue;cursor:pointer;filter:alpha(opacity=0);font-size:15px;height:1000px;left:0px;opacity:0;padding:100px;position:absolute;top:0;width:1000px;}
.gui-button:focus, .gui-button-focus, .gui-button:hover, .gui-button-hover {border-color:#7D98B8;background-position:0 -1300px;}
.gui-button:active, .gui-button-active {border-color:#7D98B8;background-position:0 -1700px;}
.gui-button:focus .first-child, .gui-button-focus .first-child, .gui-button:hover .first-child, .gui-button-hover .first-child, .gui-button:active .first-child, .gui-button-active .first-child {border-color:#7D98B8;}
.gui-button:focus span, .gui-button-focus span, .gui-button:hover span, .gui-button-hover span, .gui-button:active span, .gui-button-active span {color: #000;}
/* }}} */
/* #cafe-event (start) {{{ */
#cafe-event {
    text-align:center;
    margin-bottom:10px;
}
<<<<<<< HEAD
#cafe-event .bd .newevent {
    color:#cc0000;
    font-family:Century Gothic;
    font-size:300%;
	font-weight:bold;
    text-align:left;
	width:85%; 
}
=======
>>>>>>> c928d279895be17f8c3297e436d23233da2ef179
/* #cafe-event (end) }}} */
/* #cafe-nav (start) {{{ */
#cafe-nav  {
    margin:30px 0 45px;
    position:fixed;
}
#cafe-nav .hd {
    display:none;
}
#cafe-nav .bd {
    text-align:center;
}
#cafe-nav .bd ul {
    width:160px;
    margin:0 auto;
}
#cafe-nav .bd li {
    margin-bottom:2em;
}
#cafe-nav .bd li .menu-item a,
#cafe-nav .bd li .menu-item a span {
    display:block;
    display:inline-block;
    height:76px;
    overflow:hidden;
    width:120px;
}
#cafe-nav .bd li .menu-item * {
    vertical-align:middle;
}
#cafe-nav .bd li .menu-item a:link,
#cafe-nav .bd li .menu-item a:visited {
    color:#999;
    text-decoration:underline;
    cursor:pointer;
    font-size:123.1%;
    font-weight:bold;
    font-family:Verdana;
    text-align:center;
    position:relative;
}
#cafe-nav .bd li .menu-item a span {
    background-image:url(sprite_cafe_nav.gif);
    left:0;
    position:absolute; 
    top:0;
}
#cafe-nav .bd li .menu * {
    vertical-align:baseline;
}
#cafe-nav .bd li .menu a:link span,
#cafe-nav .bd li .menu a:visited span {
    background-position:0 -76px;
}
#cafe-nav .bd li .menu a:hover span,
#cafe-nav .bd li .menu-selected a:link span,
#cafe-nav .bd li .menu-selected a:visited span {
    background-position:0 0;
}
#cafe-nav .bd li .origin a:link span,
#cafe-nav .bd li .origin a:visited span {
    background-position:0 -228px;
}
#cafe-nav .bd li .origin a:hover span,
#cafe-nav .bd li .origin-selected a:link span,
#cafe-nav .bd li .origin-selected a:visited span {
    background-position:0 -152px;
}
#cafe-nav .bd li .venue a:link span,
#cafe-nav .bd li .venue a:visited span {
    background-position:0 -380px;
}
#cafe-nav .bd li .venue a:hover span,
#cafe-nav .bd li .venue-selected a:link span,
#cafe-nav .bd li .venue-selected a:visited span {
    background-position:0 -304px;
}
/* #cafe-nav (end) }}} */
/* #cafe-origin (start) {{{ */
#cafe-origin {
    margin-bottom:10px;
}
#cafe-origin .bd  img {
    border:0;
}
#cafe-origin .bd  p {
    font-size:123%;
    font-weight:bold;
    line-height:200%;
    text-align:center;
}
/* #cafe-origin (end) }}} */
/* #cafe-promote (start) {{{ */
#cafe-promote {
    margin-bottom:20px;
    *position:relative;
    *zoom:1;
}
#cafe-promote .x1,
#cafe-promote .x2 {
    *left:0;
    *position:absolute;
    *width:100%;
}
#cafe-promote .x1,
#cafe-promote .x1a,
#cafe-promote .x2,
#cafe-promote .x2a {
    *background:url(sprite_rc_black.gif) 0 0 no-repeat;
    *display:block;
}
#cafe-promote .x1a,
#cafe-promote .x2a, {
    *width:9px;
    *height:9px;
    *overflow:hidden;
}
#cafe-promote .x1 {
    *background-position:100% 0;
}
#cafe-promote .x1a {
    *background-position:0 -9px;
}
#cafe-promote .x2 {
    *background-position:100% -18px;
    *bottom:0px;
}
#cafe-promote .x2a {
    *background-position:0 -27px;
}
#cafe-promote .mod-content {
    background:#000;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-border-radius: 10px;
}
#cafe-promote .bd {
    padding:20px 10px;
    text-align:center;
}
#cafe-promote .bd .hidden {
    display:none;
}
/* #cafe-promote (end) }}} */
/* #cafe-venue-promotion (start) {{{ */
#cafe-venue-promotion .bd {
    text-align:center;
}
#cafe-venue-promotion .introduction {
    margin-bottom:5px;
}
#cafe-venue-promotion .layout {
    margin-bottom:1em;
}
#cafe-venue-promotion p {
    font-size:123.1%;
    margin-bottom:5px;
}
#cafe-venue-promotion p em {
    font-size:24px;
}
#cafe-venue-promotion p em strong {
    color:#f39;
}
/* #cafe-venue-promotion (end) }}} */
/* #masthead (start) {{{ */
#masthead .mod-content {
    background:#000 url(bg_nav.png) left top repeat-x;
}
#masthead .logo,
#masthead .navigation {
    overflow:hidden;
}
#masthead .logo {
    float:left;
    min-height:53px;
    width:22%;
    _height:53px;
}
#masthead .navigation {
    float:right;
    width:78%;
}
#masthead .logo a {
    color:#fff;
    cursor:pointer;
    display:block;
    height:35px;
    margin:10px 0;
    position:relative;
    width:189px;
}
#masthead .logo a span {
    background:url(logo.png) -12px 0 no-repeat;
    display:block;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='static/logo.png');
}
#masthead .yui-menu-content {
    background:none;
}
#masthead .yui-menu-content li {
    float:left;
    min-height:53px;
    text-align:right;
    width:14%;
    _height:53px; /* default height */
}
#masthead .yui-menuitem-selected {
    background:url(bg_nav_selected.png) left bottom repeat-x;
}
#masthead .yui-menu-label-menuvisible,   /* while submenu display */
#masthead .yui-menuitem-active,          /* while hovering a menu item */
#masthead .yui-menu-label-active {       /* while hovering a menu item which has submenu */ 
    
}
#masthead .yui-menu-label a:link,
#masthead .yui-menu-label a:visited,
#masthead .yui-menuitem-content:link, /* also a link node */
#masthead .yui-menuitem-content:visited {  
    color:#fff;
    display:block;
    text-decoration:none;
}
#masthead .yui-menuitem-active a:link,          /* while hovering a menu item */
#masthead .yui-menuitem-active a:visited,          /* while hovering a menu item */
#masthead .yui-menu-label-active a:link,        /* while hovering a menu item which has submenu */ 
#masthead .yui-menu-label-active a:visited {       /* while hovering a menu item which has submenu */ 
    color:#ec028c;
}
#masthead .yui-menuitem .first-of-type {
    border-left:solid 1px #808080;
}
#masthead .yui-menu-label a span,      
#masthead .yui-menuitem-content span { /* we should bind most styling rules at the deepest element */
    border-right:solid 1px #808080;
    display:block;
    font:bold 100% Arial;
    line-height:1.5;
    text-align:right;
    padding:9px 15px 10px;
    white-space:nowrap;
}
#masthead .yui-menu-label a span em,
#masthead .yui-menuitem-content span em { 
    font-size:93%;
    letter-spacing:1px;
}
/* sub menu */
#masthead .yui-menu-hidden {
    position:absolute;
    left:-1000em;
    top:-1000em;
}
#masthead .yui-menu-content .yui-menu { /* it would be very ugly if i allow auto width */
    min-width:100px;
    _width:100px;
}
#masthead .yui-menu-content .yui-menu ul {
    background:#000;
    border:solid 1px #ccc;
    border-width:1px 1px 0;
}
#masthead .yui-menu-content .yui-menu li {
    border-bottom:solid 1px #808080;
    float:none;  /* reset */
    width:auto;  /* reset */
    height:auto; /* reset */
    min-height:30px;
}
#masthead .yui-menu-content .yui-menu .yui-menu-content {
    color:#fff;
}
#masthead .yui-menu-content .yui-menu li span.yui-menu-label { /* while submenu exists */
    padding:0;  /* reset */
}
#masthead .yui-menu-content .yui-menu li a {
    display:block;
}
#masthead .yui-menu-content .yui-menu li a span {
    border-right:none; /* reset */
    font:normal 93% Arial;
    padding:5px;
}
/* #masthead (end) }}} */
/* #mastfoot (start) {{{ */
#mastfoot .mod-content {
    background:#000 url(bg_nav.png) left top repeat-x;
    display:block;
}
#mastfoot .info {
    color:#fff;
    float:left;
    padding:15px 0 0;
}
#mastfoot .info .brand {
    color:#ec028c;
    font-family:Century Gothic;
    font-weight:bold;
}
#mastfoot .link {
    color:#fff;
    float:right;
    padding:15px 0 0;
}
#mastfoot .link li {
    display:inline;
}
#mastfoot a:link,
#mastfoot a:visited {
    color:#fff;
    margin:0 3px;
    text-decoration:underline;
}
#mastfoot .brand,
#mastfoot .value,
#mastfoot .type,
#mastfoot .link li a, 
#mastfoot .link li span {
    font-size:93%;
}
#mastfoot .copyright {
    color:#fff;
    padding-bottom:15px;
    text-align:left;
}
#mastfoot .copyright span {
    font-size:77%;
    font-family:Century Gothic;
}
#mastfoot .copyright .year {
    color:#ec028c;
}
#mastfoot .link-list a {
    color:#fff;
    text-decoration:none;
}
/* #mastfoot (end) }}} */
/* #search-box (start) {{{ */
#search-box .mod-content {
    background:#ec028c url(bg_searchbox.jpg) left bottom repeat-x;
}
#search-box .bd {
    *padding-bottom:2px;
}
#search-box form {
    float:left;
}
#search-box form * {
    vertical-align:middle;
}
#search-box form img  {
    margin-right:5px;
    position:relative;
    top:3px; 
}
#search-box form .keyword {
    border:1px solid #9f9f9f;
    font-size:85%;
    font-family:Verdana;
    height:18px;
    width:200px;
    padding:1px;
    margin:3px 0;
    *margin-top:1px;
}
#search-box .language {
    float:right;
    margin-top:3px;
}
#search-box .language a:link, 
#search-box .language a:visited {
    color:#fff;
    font-size:12px;
    letter-spacing:1px;
    text-decoration:none;
    margin-right:10px;
}
/* #search-box (end) }}} */
/* #admin-news-form (start) {{{ */
#admin-news-form .title {width:8em;text-align:right;font-weight:bold;padding-right:5px;}
/*
#admin-news-form .row {zoom:1;margin:8px 0;}
#admin-news-form .row:after {content:'';display:block;clear:both;}
#admin-news-form .cell {float:left;}
#admin-news-form .content input,
#admin-news-form .content textarea {
    font-size:93%;
    background:#eee;
    border:solid 1px #333;
    padding:4px;
}
*/
/* #admin-news-form (end) }}} */
/* #cafe-announce (start) {{{ */
#cafe-announce {
    background:url(logo_cafe.gif) 100% 10px no-repeat;
    padding-right:315px;
}
#cafe-announce .hd h3 {
    font-family:"Century Gothic";
    font-size:23px;
    font-weight:bold;
    color:#ff3399;
    margin:10px 0 10px;
}
#cafe-announce .bd {
    position:relative;
    overflow:hidden;
    height:8em;
}
#cafe-announce .bd ul {
    position:absolute;
    height:6em;
    zoom:1;
}
#cafe-announce .bd ul li .row {
    padding-left:18px;
    background:url(bullet_blue.png) left center no-repeat;
    margin-bottom:0.8em;
    white-space:nowrap;
    zoom:1;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i7/bullet_blue.png", sizingMethod="crop");
}
#cafe-announce .bd ul li .row span,
#cafe-announce .bd ul li .row a {
    font-size:93%;
    letter-spacing:1px;
    white-space:nowrap;
}
/* #cafe-announce (end) }}} */