/* File: common/global.css */

#jlhtv {
	background: transparent;
	color: #111;
	font-size: 0.8em;
	padding: 1px 0; /* Fix white space at top and bottom of the page in Camino */
}

#jlhtv * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#jlhtv video, #jlhtv audio {
	visibility: visible;
}

#jlhtv, .tooltip {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.ja #jlhtv, .ja .tooltip {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","ＭＳ Ｐゴシック",sans-serif;
}

@media only screen and (max-width: 1000px) and (min-width: 690px) {
  .container {
    max-width: 880px !important;
  }
}

body:target #jlhtv * {
	outline: 1px solid rgba(0,0,255,0.3);
}

#jlhtv a {
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#jlhtv a:focus {
	outline: none;
}

#jlhtv h1, #jlhtv h2, #jlhtv h3, #jlhtv h4, #jlhtv h5, #jlhtv h6 {
	font-weight: bold;
}

#jlhtv ul li {
	list-style: none;
}

#jlhtv .header {
	margin: 94px auto 5px;
	width: 355px;
	height: 94px;
	overflow: hidden;
	position: relative;
	left: -230px;
}

#jlhtv .header a {
	display: block;
	padding-top: 240px;
	background: url(/tv/images/logo25f.png) no-repeat top left;
}

#jlhtv .header a:hover, #jlhtv .header a:focus {
	background-position: left -95px;
}

#jlhtv .search-query {
	background: #222;
	width: 600px;
	margin: 40px auto;
	text-align: center;
	font-size: 1.2em;
	padding: 20px;
}

.tooltip {
	background: transparent url(/tv/images/tooltip_bg.png) no-repeat center center;
	width: 160px;
	height: 70px;
	padding: 25px;
	color: white;
	font-size: 0.9em;
	line-height: 1.3;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}


/* File: common/nav.css */

#jlhtv .nav {
	width: 900px;
	margin: 0px auto 0;
}

#jlhtv .nav.noheader {
	margin-top: 2em;
}

#jlhtv .nav ul {
	list-style: none;
	text-align: left;
	padding: 10px 0.3em 10px 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

#jlhtv .nav.noheader ul {
	padding: 10px 0.4em;
}

	#jlhtv .nav li {
		display: inline;
		margin-left: 10px;
	}
	
	#jlhtv .nav ul .active {
		border: 2px solid #666;
		margin: -2px;
	}
	
	#jlhtv .nav ul .semiactive {
		border: 2px dashed #666;
		margin: -2px;
	}
	
	#jlhtv .nav a:hover, #jlhtv .nav a:focus {
		background: #ccc;
	}

	#jlhtv .nav a {
		padding: 0.3em 0.4em 0.25em;
		color: #111;
		font-size: 1.3em;
	}

.wp-post-image-spacer {
    height: 1em;
}

/* ----- .subnav ----- */

#jlhtv .subnav {
	width: 900px;
	margin: 0 auto 30px;
	position: relative;
}

#jlhtv .subnav ul {
	list-style: none;
	padding: 5px 0;
	margin: 0;
	overflow: hidden;
}

#jlhtv .subnav .left {
	position: absolute;
	left: 3em;
}

#jlhtv .subnav .right {
	text-align: right;
	min-width: 20em;
}

#jlhtv .subnav li {
	display: inline;
	margin-left: 10px;
	position: relative; /* to make them selectable despite .nav's { position:absolute } */
}

#jlhtv .subnav a {
	color: #666;
	font-size: 1em;
	line-height: 1.3;
	height: 1em;
	padding: 0.3em 0.4em 0.25em;
}

#jlhtv .subnav a:hover, #jlhtv .subnav a:focus {
	background: #ccc;
}

#jlhtv .subnav span {
	display: inline-block;
	height: 10px;
	margin-right: 0.3em;
	background-size: cover;
	background: transparent no-repeat top left;
}

#jlhtv .subnav a:hover span, #jlhtv .subnav a:focus span {
	background-position: left bottom;
}

#jlhtv .subnav .rss span {
	background-image: url(/tv/images/rss.png);
	width: 10px;
}


#jlhtv .subnav .podcast span {
	background-image: url(/tv/images/podcast.png);
	width: 10px;
}

#jlhtv .subnav .ja span {
	background-image: url(/tv/images/ja-flag.png);
	width: 15px;
}

#jlhtv .subnav .en span {
	background-image: url(/tv/images/us-flag.png);
	width: 15px;
}

#jlhtv .subnav .zh span {
	background-image: url(/tv/images/zh-flag.png);
	width: 15px;
}



/* --- In page nav --- */

#jlhtv .in-page-nav {
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding: 0.5em 0;
	font-size: 1.2em;
}

#jlhtv .in-page-nav.subnav {
	margin-top: 0.5em;
	font-size: 1em;
}

#jlhtv .in-page-nav {
	list-style: none;
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#jlhtv .in-page-nav li {
	display: inline;
	color: #aaa;
	margin: 0.5em;
}

#jlhtv .in-page-nav a {
	padding: 0.2em 0.3em;
}

#jlhtv .in-page-nav a:link {
	color: #333;
}

#jlhtv .in-page-nav a:visited {
	color: #666;
}

#jlhtv .in-page-nav a.selected {
	color: #111;
	border: 2px solid #666;
	margin: -2px;
}

#jlhtv .in-page-nav a:hover, #jlhtv .in-page-nav a:focus {
	background: #ccc;
}



/* File: common/top.css */

#jlhtv #top {
	width: 900px;
	margin: -1px auto 0;
	position: relative;
}




/* File: common/footer.css */

#jlhtv .footer {
	text-align: center;
	margin: 6em 0 3em;
}

#jlhtv .footer p {
	line-height: 1.5;
}

#jlhtv .footer a {
	color: #111;
	-webkit-border-radius: 3px;
	padding: 0.5em;
}

#jlhtv .footer a:hover, #jlhtv .footer a:focus {
	background: #ccc;
}

#jlhtv .footer .copyright {
	color: #888;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}


/* File: common/pager.css */

#jlhtv .pager {
	width: 900px;
	text-align: center;
	margin: 1em auto;
	font-size: 1.3em;
}

#jlhtv .pager ul {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0;
	padding: 5px 10px;
	list-style: none;
	overflow: hidden;
}

#jlhtv .pager li {
	float: left;
}

#jlhtv .pager a, #jlhtv .pager span {
	color: #111;
	display: block;
	margin: 5px 3px 0;
	padding: 3px 7px;
	font-size: 1.2em;
}
	
	#jlhtv .pager a:hover, #jlhtv .pager a:focus {
		background: #ccc;
	}

#jlhtv .pager .active {
	font-size: 2em;
	font-weight: bold;
	margin-top: -0.08em;
}
	
	#jlhtv .pager .active:hover {
		background: transparent;
		color: #111;
	}

#jlhtv .pager .arrow {
	color: white;
	background: transparent;
	font-size: 2em;
	font-weight: bold;
	margin-top: -0.12em;
}

	#jlhtv .pager .arrow:hover {
		background: transparent;
	}
	


/* File: common/search.css */

#jlhtv .search-form {
	width: 900px;
	margin: 3em auto 0;
	text-align: center;
	font-size: 1.5em;
}

#jlhtv .search-form div {
	display: block;
	width: 16em;
	margin: 0 auto;
	background: #e5e6e7;
	border: 2px solid #666;
	text-align: right;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#jlhtv .search-form input {
	font-size: 1em;
	background: transparent;
	border: none;
	margin: 2px;
	-webkit-appearance: none;
	padding: 0.2em !important;
}

#jlhtv .search-form .searchbox {
	margin-left: 5px;
	width: 10em;
	color: #111;
}

#jlhtv .search-form .searchbox:hover {
	border-bottom: 1px solid #333;
}

#jlhtv .search-form .searchbox:focus {
	outline: none;
	border-bottom: 1px solid #555;
}

#jlhtv .search-form .submit {
	font-weight: bold;
	width: 4em;
	color: white;
	background: #888;
	-webkit-font-smoothing: antialiased;
}

#jlhtv .search-form .submit:hover, #jlhtv .search-form .submit:focus {
	background: #333;
}


/* When the search-form is in the nav */

#jlhtv .nav .search-form {
	width: auto;
	margin: 0;
	font-size: 1em;
	position: absolute;
	top: 0.3em;
	right: 0;
}

#jlhtv .nav .search-form div {
	border: 2px solid #666;
}

#jlhtv .nav .search-form div.focus {
	border: 2px solid #05F;
}

#jlhtv .nav .search-form input {
	margin: 1px;
	line-height: 1.5;
}

#jlhtv .nav .search-form .searchbox {
	position: relative;
	top: 1px;
}

#jlhtv .nav .search-form .submit {
	width: 4.5em;
}