/*
Theme Name: Urban China HTML5
Theme URI: http://www.urbanchina.com.cn/
Description: A theme for print magazine using html5
Author: Clement Renaud
Author URI: http://www.clemsos.com
Version: 0.1
.
General comments/License Statement if any.
.
*/

/* Reset CSS for all browsers*/
@import url('css/html5.reset.css');

/* Build general CSS */
@import url('css/general.css');

/* Apply a basic layout */
@import url('css/layout.css');


#bottom input {
	float:right;
}
a, a:visited {
text-decoration:none;
color:#A0A0A0
}

#featured a:hover, #featured a:focus, .blog a:hover, .blog a:focus {
color: #000;
background-color:#FFFF00
}

.single-proj #content img {
max-height:100%
}

#top header img {
width:200px
}

.blog a:link {background-color:transparent}

a:hover img, img:hover { background-color: transparent;}

p a img {vertical-align:text-bottom;}

#heightWarning {
	background-color: rgba(255, 255, 255, 0.93);
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 220px;
	color:#000;
	font-size:24pt;
	display:none;
}

#featured p{
font-size:9pt;
line-height:1.3em
}

#featured h1 {
font-size:10pt;
font-weight:bold
}

/* header */

#sns-links {
float:left
}

#sns-links  li {
padding:0
}

/*menu*/

nav ul li {
width:auto;
float:left;
padding-left:5px
}

#top-nav ul{
float:right
}

#top-nav ul li {
font-size:9pt;
}

#top-nav ul li a, #top-nav ul li a:visited, #top-nav ul li a:focus {
background-color: #F7F7F7;
color: #A0A0A0;
padding:5px 20px 5px 20px;

}

#top-nav ul li a:hover {
color:#000;
background-color:#FFFF00;
padding:5px  20px 5px 20px;
}


#top-nav{
height:20px;
overflow:visible;
}

#top-nav ul li:hover ul { 
display: block; position: absolute; left: 0; top: 15px; 
}

#top-nav li a {
font-family: 微软雅黑, ff-dagny-web-pro-1, ff-dagny-web-pro-2, sans-serif; 
}

.sub-menu {
display:none;
overflow: visible;
padding: 15px 0;
position:relative;
z-index: 999;
right: -50px;
}
 
#top header {
margin-bottom: 15px;
}

#menu-item-19 {
 width:auto;
 position:relative;
 }
 
.sub-menu li {
float:none;
overflow:visible;
z-index: 999;
padding:5px;
background-color:#F7F7F7;
padding-bottom: 10px;
width:180px;
}

.sub-menu li a{
width:180px
}

#top-nav form {
float:right;
}

#top-nav input[type="search"]{
background-color:rgb(256,256,256);
border:2px solid #DFDFDF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; /* Safari and Chrome */
}

#top-nav  input:focus {
 outline: none;
}



/* home */


.une {
display:block;
}

.sldrlink a {
display:none !important
}

section.home-excerpt{
	font-size:9pt;
	line-height: 1.3em;
	margin: 20px 0;
}
#content.home {
overflow:hidden
}

#home-posts {
height: 450px;
overflow: hidden;
position:relative
}


#content nav img {
position:relative;
}

.home #content nav {
float:left;
height:15px;
overflow:hidden;
position: absolute;
top:570px;
font-size:8pt
}

.home #content nav a {
color:#000;
margin-right:5px;
}

#home-posts a {
display:block;
}

.home #content article {
margin: 20px 0;
display:none;
width:auto;
max-width:750px;
max-height:550px;
background-color:rgb(256,256,256);
overflow:hidden;
z-index:-2;
border:none
}


.home #content article h1 {
	font-size:16pt
}

section.home-thumb {
	overflow:hidden
}

.home #content article.home-visible  {
	display:block;
}

#nav-cont {
	height:25px;
	background-color:rgb(256,256,256);
	height: 50px;
	max-width: 600px;
	position: relative;
	z-index:-1
}


/* cover + project gallery */

#mag-gallery  {
	position:relative;
	width:100%;
	overflow:hidden;
}

#proj-gallery  {
	position:relative;
	width:100%;
	overflow:hidden;
}

#covers {
	overflow:hidden;
}

#mag-gallery article {
	width:120px;
	height:200px;
	float:left;
	padding: 0 0 10px 0;
	overflow:hidden;
	position:relative;
	margin:0 7px 0 0;
}

#proj-gallery article {
	width:240px;
	height:200px;
	float:left;
	padding: 0 0 10px 0;
	overflow:hidden;
	position:relative;
	margin:0 7px 0 0;
}

section.cover-more a{
	display:block
}


section.cover-title{
text-align:center
} 
section.cover-title a{
margin:0 auto;
font-size:9pt
}


#scrolltrack{
width:100%;
position:relative;
border-top: 1px solid #BBBBBB;
top:10px
 }

#scrollbar, #scrollissue{
height:15px;
width: 86%;
position: relative;
margin-bottom: 5px;
}

#scrollissue {
width:610px
}

.ui-slider-handle {
  width: 150px;
  height: 14px;
  position: absolute;
  background: #000;
}

.ui-state-focus {
border:none
}

a { outline: none; }
button::-moz-focus-inner { border: 0; }
section.cover-title:hover {
background-color:#FFFF00;
}

section.cover-title a:hover {
color:#000
}

/* single issue */
#featured {
	font-size: 9pt
}

#single-issue {
position: relative;
overflow:hidden;
height:750px;
width:100%
}

#pages-gall {
display: block;
width: 5000px;
margin: 0;
list-style: none;
}

#pages-gall img {
float:left;
max-height:550px;
}



/* ｀ */ 

.xoxo {
font-family:微软雅黑,ff-dagny-web-pro-1,ff-dagny-web-pro-2,sans-serif
}
.widget-title {
font-weight:bold;
margin-top:5px;
font-size:10pt
}

.blog article{
padding-bottom:30px;
margin-bottom:20px;
border-bottom:1px dotted #777;
}

.blog-single header, .blog article header { 
font-size:7pt;
color:#777;
margin-bottom: 13px;
}

#home-posts article h2, .blog-single header h2,.type-post h2 a, .type-post h2 a:visited  {
color:#000;
font-family: 微软雅黑, ff-dagny-web-pro-1, ff-dagny-web-pro-2, sans-serif; 
}

.type-post h2 {
font-size:12pt;
font-weight:bold;
line-height:1em;
margin-top:15px
}

.post-content {
font-size:10pt;
line-height:1.2em
}
/*tags*/

#tag-info {
border-bottom:1px dashed #CCC;
padding:0 0 15px 0;
margin:0 0 15px 0;
background-color:yellow;
color:#CCC
}

#tag-info h3 {
font-size:16pt;
}

#tag-info p {
font-size:10pt;
}

/*fix ie6 */


/* blog nav bar*/
#featured .xoxo , #featured .xoxo ul {
list-style:none;
margin:0
}

.blog-widget {
overflow:hidden !important
}

#featured .xoxo li{
margin-bottom:25px;
border-top:1px dotted #000
}
#featured .xoxo ul li {
border:none;
margin-bottom:5px;
}

/* blog single */
#comment-box {
margin-top : 15px;
padding-top:15px

}

/* comments */
#comments {
font-size:12pt;
text-align:right
}

#comment-box ol li {
border-top:1px dotted #CCC;
margin-top:10px
}

#comment-box .comment-meta  a{
font-size:8pt
}
#comment-box .comment-author cite {
font-style:normal
}

#comment-box p {
	margin:25px;
}

#comment-box .comment-body {
	margin-top:15px;
	border-left:5px solid yellow
}

#comment-box .children {
	padding-left:35pt
}

#comment-box ol {
	font-size:14pt;
	list-style:none
}

#respond {
	margin-top:15px;
}

#respond h3{
	text-align:center;
	font-size:18pt
	
}

/* footer */ 
#credits {
text-align:center
}

#bottom {
margin: 0 0 10px 0 
}

/* about */
#about-nav {
list-style:none;
clear: both;
height: 30px;
}

#about-nav li {
float:left;
}


#about-pages #featured {
width:100%
}
.active {
	display:block;
}