@charset "UTF-8";
/* CSS Document */

body{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#main_wrapper{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#header{
}

.floatleft{
	float: left;
}

#main_container{ 
	float:left;
	margin-top:30px;
}

#main_inner { float: left; overflow: hidden;}
#main_inner div {
}

#nav{
	text-align:center;
	width:320px;
	float:left;
}

#content{
	width: 680px;
	float:left;
	background-color:black;
}

#footer {
clear:both;
}

#footerbox {
width:700px;
}

#footer_copyright {
float:right;
position:relative;
FONT: 11px "Arial", "Helvetica", "sans-serif"; TEXT-ALIGN: right;
}

#footer_link {
float:left;
position:relative;
FONT: 12px "Arial", "Helvetica", "sans-serif";
}

.seohidden{
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 8px;
	color: #000000;
	line-height: 10px;	
}

table.moduletable {	
	width: 277px;
	float: left;
	color: #eeeeee;
	margin-left: 10px;
	padding: 14px 18px 10px 18px;
	background: url('http://www.mojo.tw/images/module_bg.jpg') no-repeat #232323;
	margin-bottom:25px;
}

table.moduletable th {
	font-size: 22px;
	margin-bottom: 32px;
	text-align: center;
	text-transform:uppercase;
}

table.moduletable tr td {
	padding-top: 10px;
}

#module h2{
	font-size: 22px;
	margin-bottom: 32px;
	text-align: center;
}

#module p{
	font-family: Tahoma;
	font-size: 14px;
}

.menu_select{
	margin-left:50px;
	width:190px;
	height:23px;
	background-color:#f723a1;
	color:#FFF;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 20px;
	text-align:left;
	padding-top:2px;
	padding-left:5px;
	list-style-type: none;
	
}

b.menu_select{
	float:right;
}

.menu_nonselect{
	margin-left:50px;
	width:190px;
	height:23px;
	background-color:#000;
	color:#f723a1;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 20px;
	text-align:left;
	padding-top:2px;
	padding-left:5px;
}

b.menu_nonselect{
	float:right;
	display:none;
}

.menu_nonselect a{
	display:block;
}

.menu_nonselect a:link{
	color:#f723a1;
}

.menu_nonselect a:visited{
	color:#f723a1;
}

.menu_nonselect a:active{
	color:#f723a1;
}

.menu_nonselect a:hover{
	color:#FFF;
}

.menu_nonselect:hover{
	background-color:#979595;
}

b.menu_nonselect a:hover {
	color:#FFF;
	display:inline;
}

.bizhour{
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color: #FFF;
	line-height: 20px;
	text-align:left;
	margin-left:45px;
	margin-top:25px;
}

a:link {
	color: #666666;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #666666;
}

a:hover {
	text-decoration: none;
	color: #FF0099;
}

a:active {
	text-decoration: none;
	color: #666666;
}

a img {border:none; }

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* list menu test */
#list-menu {
margin-left:50px;
width: 190px;
text-align:left;
/* this width value is also effected by
the padding we will later set on the links.	*/
}

#list-menu ul {
margin: 0; 
padding: 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 16px;
}

#list-menu li {
margin: 2px 0 0;
height:21px;
}

#list-menu a {
display: block;
width:178px;
padding: 2px 2px 2px 10px;
border: 0px solid #FFF;
background: #000000;
text-decoration: none; /*lets remove the link underlines*/
}

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #f723a1;
}

#list-menu a:hover {
border: 0px solid #FFF;
background: #979595;
color: #FFFFFF;
}

li.selected_menu{
	width:178px;
	margin: 2px 0 0;
	border: 0px solid #FFF;
	padding: 2px 2px 2px 10px;
	background-color:#f723a1;
	color:#FFF;
}

/* news system */
#wrapperinner {width:620px;margin:0 auto;background:black;position:relative;z-index:1001;font-size:12px;text-align:left;}
	
#hidefooter {width:620px;margin:0 auto;position:relative;top:-13px;height:20px;z-index:1001;background:black;}

#allbody {position:relative;}
	

/* full news page */

p {font-size:1.1em;line-height:1.4;color:#FFF;}
	p.aboutbottom {font-size:14px;color:#F90;}

h2 {font-size:16px;margin-bottom:7px;font-weight:bold;}
	h2.entry-title {font-size:22px;margin-bottom:10px;color: #F69;}
h3 {font-size:12px;color:#F90;margin-top:10px;cursor:default;text-transform:uppercase;}
	h3.single {border:none;margin:0;padding:0;margin-bottom:10px;margin-top:-5px;text-transform:uppercase;font-size:10.5px;letter-spacing:0.5px;}
	

/* front page */

.pagenum {color:#F69;text-decoration:none;font-weight:bold;font-size:12px;}
.pagenum a {color:#F9F;text-decoration:none;font-weight:bold;font-size:12px;}


.the-time {position:absolute;top:0;left:0;margin-left:315px;margin-top:15px;font-size:1.1em;font-weight:bold;color:#444;}
	
.the-title {position:absolute;top:0;left:0;margin-left:315px;margin-top:45px;font-size:16px;font-weight:bold;color:#F90;width:300px;}	

.text-box {width:305px;position:absolute;top:0;right:0;margin-top:85px;margin-left:315px;font-size:12px;}

.post {padding-top:15px;padding-bottom:15px; border-bottom: 1px solid #333;position:relative;height:200px;display:block;background:black;}
.post a {color:white;text-decoration:none;font-weight:normal;}
.post a:hover {color:#F9F;}

.frontimg {position:absolute;top:0;left:0;margin-top:15px;color:#fff;width:300px;height:200px;background:#fff;} 


	.frontimg a {color:#fff;}
	.frontimg img {opacity:1;-webkit-transition: opacity 0.2s linear;border-style:none;}
	.frontimg img:hover {opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=85); /* IE lt 8 */
	-ms-filter: "alpha(opacity=85)"; /* IE 8 */
	-khtml-opacity: .85; /* Safari 1.x */
	-moz-opacity: .85; /* FF lt 1.5, Netscape */}
	
/* about & menu page*/
.about_title {
	padding-top:5px;
	padding-bottom:20px; 
	border-bottom: 1px dotted #333;
	height:35px;
	display:block;
	background:black;
	width:640px;
	font-size:28px;
	color: #ec008c;
	font-family: "Lucida Console", "Helvetica", "sans-serif";	
	}
	
.about_content {
	width:640px;
}

h2.about_content{
	color: #ec008c;
	font-size:20px;	
	line-height:180%;
	letter-spacing:3px;
	}
p.about_content{
	color: #FFFFFF;
	font-size:16px;
	line-height:180%;	
}
/* VIP PAGE */

.vipbox{
	background:#000;
	width:600px;
	text-align:center;
	background-color:#000;
	margin-bottom:10px;
}
.vipbox_inner{
	background:#000;
	border-style:solid;
	font-size:15px;
	border-width:1px;
	border-color:#FCF;
	color: #FCF;
	text-align:center;
	width:598px;
	height:100px;
	margin: 0 auto;
}

.vipbox_inner a:link{
	color:#FFF;
}

.vipbox_inner a:visited{
	color:#FFF;
}

.vipbox_inner a:active{
	color:#FFF;
}

.vipbox_inner a:hover{
	color:#F90;
}

/* menu page */
.foodmenuset{
	background:#000;
	width:550px;
	text-align:center;
	background-color:#000;
	margin-bottom:10px;
}
.foodmenuset_inner{
	background:#000;
	border-style:solid;
	border-width:1px;
	border-color:#FFF;
	text-align:center;
	width:320px;
	height:360px;
	margin: 0 auto;
}
p.foodmenuset_inner{
	color: #FFFFFF;
	font-size:14px;
	line-height:180%;
	border:none;
}
.foodmenuset_xmas_inner{
	background:#000;
	border-style:solid;
	border-width:1px;
	border-color:#FFF;
	text-align:center;
	width:400px;
	height:645px;
	margin: 0 auto;
}
p.foodmenuset_xmas_inner{
	color: #FFFFFF;
	font-size:14px;
	line-height:180%;
	border:none;
}
div#foodmenu{width:550px;margin: 0 auto;
    font: 90% "Trebuchet MS",Arial,sans-serif;text-align:left}
h2.foodmenutitle{
	margin: 1em auto 0.3em;
	padding-top:10px;
	padding-bottom:10px;
	color: #F90;
    font-size: 18px;
	text-align:center;
	}
 
dl{width: 100%;overflow: auto;margin: 0 0 1em;
    background: url('http://www.mojo.tw/images/dot.gif') repeat-x 0 1.2em}
dt,dd.price{background: #000;font-size: 15px;font-weight: bold}
dt{float: left;padding-right: 3px;color: #FFF}
dd{margin:0}
dd.price{float: right;padding-left: 3px;color: #AAA}
dd.ingredients{float: left;width: 100%;padding: 3px 0;
   font: italic 12px Georgia,Times,sans-serif;color: #F9F}

/* spiffy corners */
.spiffyouter {
	display:block;
	width:640px;
}
.spiffy{display:block;}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#292929;}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #111111;
  border-right:1px solid #111111;
  background:#1e1e1e;}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #040404;
  border-right:1px solid #040404;
  background:#212121;}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #212121;
  border-right:1px solid #212121;}
.spiffy4{
  border-left:1px solid #111111;
  border-right:1px solid #111111;}
.spiffy5{
  border-left:1px solid #1e1e1e;
  border-right:1px solid #1e1e1e;}
.spiffyfg1{
  width:640px;
  height:110px;
  background:#292929;
  padding-top:10px;
 }
 .spiffyfg2{
  width:640px;
  height:135px;
  background:#292929;
  padding-top:10px;
 }
  .spiffyfg3{
  width:640px;
  height:190px;
  background:#292929;
  padding-top:10px;
 }
   .spiffyfg4{
  width:640px;
  height:540px;
  background:#292929;
  padding-top:10px;
 }
.spiffy_inner_title {
	margin-left:30px;
	color: #ec008c;
	font-size:20px;
	}
.spiffy_inner_content {
	margin-left:45px;
	color: #FFFFFF;
	font-size:14px;
	line-height:180%;
	}
	
.spiffy_inner_content a:link{
	color: #F90;
	}
	
.spiffy_inner_content a:hover{
	color: #FF0099;
	}

.spiffy_inner_content a:visited{
	color: #F90;
	}
	
.spiffy_inner_content a:active{
	color: #F90;
	}	
	
.spiffy_inner_content li { 
list-style-type: square; 
}	
	
.spiffy_inner_content_seat {
	color: #FFFFFF;
	font-size:14px;
	line-height:180%;
	}
	
.spiffy_inner_content_seat a:link{
	color: #F90;
	}
	
.spiffy_inner_content_seat a:hover{
	color: #FF0099;
	}

.spiffy_inner_content_seat a:visited{
	color: #F90;
	}
	
.spiffy_inner_content_seat a:active{
	color: #F90;
	}