﻿/*
Theme Name: Twenty Eleven Child
Author: the WordPress team
Description: Twenty Eleven Child
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");

.one-column article.feature-image.small .entry-title {
	font-size: 16px;
}

/* =Global
----------------------------------------------- */
body {
    color: #545454;
	font: 15px 'Microsoft YaHei', 微软雅黑, "Helvetica Neue", Helvetica, Arial, sans-serif;
        word-wrap:break-word;
}

input, textarea {
    color: #545454;
	font: 15px 'Microsoft YaHei', 微软雅黑, "Helvetica Neue", Helvetica, Arial, sans-serif;      
}

blockquote cite {
	font: 12px 'Microsoft YaHei', 微软雅黑, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

pre {
	font: 13px 'Microsoft YaHei', 微软雅黑, "Courier 10 Pitch", Courier, monospace;
}

code, kbd, samp, var {
	font: 13px 'Microsoft YaHei', 微软雅黑, Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

/* =Header
----------------------------------------------- */
#site-title {
	margin-right: 10px;
	padding: 3.65625em 0 0;
}

#site-title img {
	height: auto;
	display: inherit;
	width: 228px;
}

#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 10px 3.65625em 0;
}

/* Make sure the logo and search form don't collide */
.one-column #branding #searchform {
	top: 4.625em;
}

/* Singular  */
.singular #primary {
	margin: 0 -26.4% 0 0;
}
.singular #content,
.left-sidebar.singular #content {
	margin: 0 34% 0 7.6%;
}
.singular .entry-header .entry-meta {
    position: relative;
}
.singular .hentry {
    padding: 0;
}
.singular .entry-header, 
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
    width: 100%;
}
.singular article .entry-title {
    padding-top: 0;
}
.singular .entry-meta .edit-link a {
    top: auto;
	right: 0;
	bottom: 0;
	left: auto;
}

#branding {
    background-color:#f1f1f1;
	background-image: url(topbg.png);
}

#access,
#access ul ul a {
    background:#666
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #383838;
}


/* =Content
----------------------------------------------- */
.page-title {
	font-size: 16px;
	margin: 0 0 0.6em;
}
.page-title a {
	font-size: 14px;
}

.entry-title,
.entry-header .entry-meta {
	padding-right: 2%;
}
.entry-title {
	font-size: 22px;
}

.entry-title,
.entry-title a {
	color: #333;
}

.entry-content h3,
.comment-content h3 {
	font-size: 12px;
}
.entry-content th,
.comment-content th {
	font-size: 12px;
}

.gallery-caption {
	font-family: 'Microsoft YaHei', 微软雅黑, Georgia, serif;
}

.entry-header .entry-format {
	font-size: 12px;
}
.entry-header hgroup .entry-title {
	padding-top: 14px;
}

.singular .entry-title {
	font-size: 22px;
	line-height: 28px;
}

.error404 .widgettitle {
	font-size: 12px;
}

#content nav a {
	font-weight: normal;
}

/* Singular navigation */
#nav-single {
	width: 100%;
}

/* =Menu
-------------------------------------------------------------- */
#access ul {
	font-size: 14px;
}

#access ul ul a {
	font-size: 14px;
	padding: 10px 10px;
	width: 168px;
	border-bottom-color:#383838;
}

#access a, 
#access li:hover > a, 
#access a:focus, 
#access ul ul a,
#access ul ul *:hover > a {
    color:#eeeeee
}


/* =Showcase
----------------------------------------------- */
h1.showcase-heading {
	font-size: 12px;
}

section.recent-posts .other-recent-posts .entry-title {
	font-size: 14px;
}

section.recent-posts .other-recent-posts .comments-link a,
section.recent-posts .other-recent-posts .comments-link > span {
	font-size: 12px;
	font-weight: normal;
}

/* =Widgets
----------------------------------------------- */

.widget-title {
	font-size: 13px;
	font-weight: bold;
}

.widget ul li {
	font-size: 13px;
}
.widget a {
	font-weight: normal;
}

.widget_twentyeleven_ephemera .comments-link a,
.widget_twentyeleven_ephemera .comments-link > span {
	font-size: 13px;
	font-weight: normal;
}

/* Text Widget */

.widget_text ul,
.widget_text ol {
	margin: 0 0 0em 0em;
}
.widget_text ul ul,
.widget_text ol ol,
.widget_text ul ol,
.widget_text ol ul {
	margin-bottom: 0;
}

/* tagcloud
----------------------------------------------- */
.tagcloud a {
	font-weight: bold;
}

/* Tag Cloud Widget */
.tagcloud ul li {
	display: inline;
}

/* =Comments
----------------------------------------------- */

#comments-title {
	font-size: 12px;
}
#cancel-comment-reply-link {
	font-size: 12px;
}


@media (max-width: 650px) {
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body {
	    padding: 0;
    }
	#page {
	    margin: 0;
    }

    #site-title img {
	    height: auto;
	    display: inherit;
	    width: 180px;
    }

	.entry-title {
		font-size: 22px;
	}
	#site-description {
		font-size: 14px;
	}
	.singular .entry-title {
		font-size: 22px;
	}

	#branding {
    	background-image: url(topbg-m.png);
    }

	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: none;
	}

}


/* =Print
----------------------------------------------- */

@media print {
    .entry-title,
	.singular .entry-title {
		font-size: 22pt;
	}
}

/* for featured image */
.attachment-post-thumbnail { 
    float: center; margin-right: 2%; margin-top: 15px;
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	}
.entry-content { clear: both; }

/* for POST VIEW */
span.post-views {
	font-size: 8px;
	color: #f8f8f8;
}

/*
Default style for WP-PageNavi plugin
http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 0px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

@media (max-width: 650px) {
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	font-size: 14px;
	border: 0px solid #BFBFBF;
	padding: 2px 4px;
	margin: 0px;
    }

}
