@CHARSET "UTF-8";

.blog_switch {
	background: #f5f5f5 none repeat scroll 0% 0%;
	width: 300px;
}

.blog_switch, .blog_switch .blog_header .title a:hover {
	color: #000000;
}

.blog_switch article, .blog_switch aside, .blog_switch div, .blog_switch figure, .blog_switch footer, 
.blog_switch form, .blog_switch header, .blog_switch img, .blog_switch input, .blog_switch label,
.blog_switch nav, .blog_switch section, .blog_switch select, .blog_switch textarea {
	position: relative;
	display: block;
	font-size: 13px;
	font-weight: 300;
	font-family: "Open Sans",sans-serif;
}

.blog_header {
	padding: 18px;
	line-height: 32px;
	height: 60px;
}

.blog_header .title {
	float: left;
	font-weight: 400;
	font-size: 26px;
}

.blog_header>div>button {
	border: 0;
}

.blog_header>h2 {
	margin: 0;
}

.blog_switch a {
	color: inherit;
}

.blog_header .switch {
    float: right;
    margin: 8px 0px;
    line-height: 14px;
    color: #f1882c;
}

.blog_header .switch button.active {
    color: #000000;
    
}

.blog_switch a, .blog_switch button {
    transition: all 0.1s ease 0s;
    background: transparent none repeat scroll 0px 0px;
    cursor: pointer;
}

.blog_switch .a_articles.visible {
    display: block;
}

.blog_switch .a_articles {
    display: none;
}

.a_popular {
    font-size: 12px;
    border-top: 1px solid #dad7d7;
}

.a_popular a {
    display: block;
    padding: 5px;
}

.a_popular span {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 25px;
    text-align: right;
    color: #403e3e;
}

.a_popular cite, .a_popular small {
    white-space: nowrap;
    font-style: normal;
    font-size: inherit;
    color: #403e3e;
}

.a_popular h2, .a_popular h3 {
    display: inline;
    font-size: inherit;
    font-weight: 600;
    color: #000000;
}

.a_popular a:focus, .a_popular a:hover {
    background: #e6e4e4 none repeat scroll 0% 0%;
    text-decoration: none;
}

.blog_header .switch button:hover {
	text-decoration: underline;
}