/*
Theme Name: Mojo Theme
Theme URI: http://www.mojo.tw/
Description: Developed by Team Mojo
Version: 1.0
Author: Henry Wang
Tags: mantle color, variable width, two columns, widgets
*/

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

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* css reset ends */

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;
}

img
{  border-style: none;
}

#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:300px;
	float:left;
}

#subcontent{
	width: 700px;
	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;	
}

.menu_select{
	margin-left:50px;
	width:180px;
	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;
	
}

.menu_select b {
	float:right;
}

.menu_nonselect{
	margin-left:50px;
	width:180px;
	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;
}

.menu_nonselect b {
	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;
}

.menu_nonselect:hover b{
	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;
}

/* 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%;
}

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

/* #allbody {position:relative;} */
	

/* news system */

p {font-size:1.1em;line-height:1.4;color:#FFF;}

h2 {font-size:16px;margin-bottom:7px;font-weight:bold;}
	h2.entry-title {font-size:22px;margin-bottom:10px;color: #F69;}
	h2.post {}
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;}
	h3.storytitle {font-size:22px;margin-bottom:10px;color: #F69;}
	
.post {
	padding-top:15px;
	padding-bottom:15px; 
	border-bottom: 1px solid #333;
	background:black;
	color:#CCC;
	width:650px;
	}
.storycontent{font-size:12px;}


/* classes used by the_meta() */

.meta {
	font-size: .75em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

#menu {
	text-align:left;
	margin-left:45px;
}

#menu ul {
	color: #ccc;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
}

#menu ul li {
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

#menu ul ul li a {
	color: #FFF;
	text-decoration: none;
}

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

/*---------------- Prymond Classes -------------------*/
div#main{
	width: 660px;
	float: left;
	display: inline;/* fix double margin */
	margin: 30px 25px 30px 10px;
	}
	div#main div.post{
		background-color: #131313;
		border: 1px solid #1f2223;
		color: #ccc;
		line-height: 22px;
		margin-bottom: 30px;
		}
	/* sticky post */
	div#main div.sticky{
		background-color: #0d0d0d;/* if a post is set as sticky post, it'll have a darker bg color */
		}
		div#main div.post div.date{
			background: url(images/date.gif) no-repeat;
			float: left;
			font-size: 12px;
			line-height: 14px;
			font-family: "Trebuchet MS", Georgia, sans-serif;
			text-align: center;
			vertical-align: middle;
			color: #fff;
			height: 43px;
			width: 50px;
			margin-left: -10px;
			margin-top: 16px;
			padding-top: 4px;
			_position: relative;/* ie6 fix */
			margin-right: 12px;
			}
		div#main div.post div.title{
			margin-left: 50px;
			margin-bottom: 10px;
			margin-top: 16px;
			_margin-top: 0;/*ie6 fix*/
			*+margin-top: 0;/*ie7 fix*/
			}
			div#main div.post div.title h2{
				font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
				font-size: 22px;
				font-weight: bold;
				letter-spacing: -1px;
				color: #eee;
				width: 550px;
				line-height: 30px;
				}
				div#main div.post div.title h2 a{
					color: #eee;
					}
				div#main div.post div.title h2 a:hover{
					color: #ff5a00;
					}
			div#main div.post div.title div.postmeta{
				font-size: 12px;
				color: #666;
				width: 580px;
				overflow: hidden;
				}
				div#main div.post div.title div.postmeta a{
					color: #666;
					border-bottom: 1px solid #131313;
					text-decoration: none;
					}
				div#main div.post div.title div.postmeta a:hover{
					color: #ff5a00;
					border-bottom: 1px solid #ff5a00;
					text-decoration: none;
					}
		div#main div.post div.entry{
			padding: 10px 20px 0 20px;
			overflow: hidden;/* in case large img or video */
			_width: 618px;
			font-size: 13px;
			}
			div#main div.post div.no_result{
				padding: 20px;
				}
				div#main div.post div.no_result p.no_result{
					margin-bottom: 0;
					}
			div#main div.post div.entry a{
				color: #ff5a00;
				border: none;
				text-decoration: none;
				}
			div#main div.post div.entry a:hover{
				text-decoration: underline;
				}
			div#main div.post div.entry p{
				margin-bottom: 20px;
				}
			/* 20090629 add h1-h6 style in entry */
			div#main div.post div.entry h1{ font-size: 20px; margin-bottom: 5px; }
			div#main div.post div.entry h2{ font-size: 18px; margin-bottom: 5px; }
			div#main div.post div.entry h3{ font-size: 16px; margin-bottom: 5px; }
			div#main div.post div.entry h4{ font-size: 15px; margin-bottom: 5px; }
			div#main div.post div.entry h5{ font-size: 14px; margin-bottom: 5px; }
			div#main div.post div.entry h6{ font-size: 12px; margin-bottom: 5px; }
			
			div#main div.post div.entry ul,
			div#main div.post div.entry ol{
				padding-bottom: 24px;
				margin-left: 40px;
				margin-right: 40px;
				}
			div#main div.post div.entry ul{
				list-style-type: disc;
				}
			div#main div.post div.entry ol{
				list-style-type: decimal;
				}
				div#main div.post div.entry ul li,
				div#main div.post div.entry ol li{
					padding: 1px 0;
					list-style: inside;
					}
			div#main div.post div.entry blockquote{
				background: url(images/blockquote.gif) no-repeat;
				padding: 35px 20px 10px 50px;
				margin: 0 15px 24px 15px;
				background-color: #181818;
				border-top: 1px solid #2a2e2f;
				border-bottom: 1px solid #2a2e2f;
				color: #999;
				}
				div#main div.post div.entry blockquote p{
					margin-bottom: 8px;
					}
			div#main div.post div.entry code{
				font-family: "Courier New", mono;
				background-color: #181818;
				border-left: 1px solid #2a2e2f;
				color: #197b30;
				padding: 5px 10px;
				display: block;
				}
			/* 20090629 add table layout */
			div#main div.post div.entry table{
				margin-bottom: 20px;
				border-collapse:collapse;
				border: 1px solid #2a2e2f;
				background-color: #181818;
				color: #999;
				}
				div#main div.post div.entry table td,
				div#main div.post div.entry table th{
					padding: 2px 5px;
					border: 1px solid #2a2e2f;
					}
	div#main div.navigation{
		font-size: 13px;
		}
		div#main div.navigation a{
			display: block;
			color: #ccc;
			border: 1px solid #1f2223;
			padding: 0 5px;
			background-color: #101010;
			line-height: 28px;
			}
			div#main div.navigation .left a:hover,
			div#main div.navigation .right a:hover{
				color: #ff5a00;
				background-color: #000;
				}
		div#main div.navigation .left{
			float: left;
			}
		div#main div.navigation .right{
			float: right;
			}
/* END div#main */

/*---------------- WordPress Generated Classes -------------------*/

.aligncenter,
div.aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft{
	float: left;
	}
	
.alignright{
	float: right;
	}

img.alignleft{
	display: inline;
	margin-bottom: 2px;
	margin-right: 6px;
	padding: 3px;
	}

img.alignright{
	display: inline;
	margin-bottom: 2px;
	margin-left: 6px;
	padding: 3px;
	}

.wp-caption {
   border: 1px solid #1f2223;
   text-align: center;
   background-color: #0d0d0d;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 12px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
   color: #ccc;
}

div#main div.post div.entry div.wp-caption p{
	margin-bottom: 3px;
	padding: 5px;
} 

/*---------------- CKJ Wordpress Tweak Classes -------------------*/
.hide{
display: none;
}