﻿@charset "utf-8";
/*
Theme Name: Vitamin Creative
Theme URI: http://www.flatheme.com/
Author: Solka.Cheng
Author URI: http://www.flatheme.com/
Description: Theme for Vitamin Creative Space
Version: 1.0
License: Vitamin Creative Space
License URI: x
Tags: x
Text Domain: wtm
*/

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline;}
body { line-height:1;}
ol, ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
table { border-collapse:collapse; border-spacing:0;}
caption, th, td { font-weight:normal; text-align:left;}
h1, h2, h3, h4, h5, h6 { clear:both;}
html { overflow-y:scroll; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
a:focus { outline:none/*thin dotted*/;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {	display:block;}
audio, canvas, video { display:inline-block;}
audio:not([controls]) { display:none;}
del { color:#333;}
ins { background:#fff9c0; text-decoration:none;}
hr { background-color:#ccc; border:0; height:1px; margin:24px;}
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup { top:-0.5em;}
sub { bottom:-0.25em;}
small { font-size:smaller;}
img { border:0; -ms-interpolation-mode:bicubic;}

/* Clearing floats */
.clear:after, nav:after, .wrapper:after, .format-status .entry-header:after { clear:both;}
.clear:before, .clear:after, nav:before, nav:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after { display:table; content:"";}


/* =========================================================== */


.site-title, .site-description { display:none;}
#menu-main_nav { float:left;}
#menu-main_nav li { float:left; margin-right:17px; padding:3px 0;}
#menu-main_nav li.current-menu-item,
#menu-main_nav li.current-menu-parent,
#menu-main_nav li.current_page_item,
#menu-main_nav li.current-book-ancestor,
#menu-main_nav li.current-film-ancestor,
#menu-main_nav li.sub-menu { border-bottom:solid 2px #333;}
#menu-main_nav .sub-menu { display:none;}
#menu-sub_nav { float:right; text-align:right; margin-left:35px;}
#menu-sub_nav li { margin-bottom:8px;}

.menu-language-container { /*width:61px;*/ line-height:13px; height:13px; border-radius:7px; float:right; background-color:#555; border:solid 1px #555; overflow:hidden;}
.menu-language-container a { display:block; width:21px; text-align:center; float:left; background-color:#fff;}
.menu-language-container a.current, .menu-language-container a.current:hover { background-color:#555; color:#fff; cursor:default;}

.line { height:1px; width:100%; background-color:#e1e1e1; display:block; overflow:hidden; clear:both; margin:22px 0; padding:0;}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size:11px;
	font-size:0.785714286rem;
	line-height:2.181818182;
	font-weight:bold;
	text-transform:uppercase;
	color:#636363;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size:11px;
	line-height:2.181818182;
}

/* Form fields, general styles first */
button,
input,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
button,
input {
    line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}
li.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}

/* Navigation */
.nav-previous {}
.nav-next{}

.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}

.previous-image {
	float: left;
	width: 50%;
}

.next-image {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {}
body { font-size:12px; font-family:Arial, sans-serif; text-rendering:optimizeLegibility; color:#666;}
	
body.custom-font-enabled { font-family:"Open Sans", Helvetica, Arial, sans-serif;}
a { outline:none; color:#888;}
a:hover { color:#0f3647;}

/* Assistive text */
.assistive-text { position:absolute !important; clip:rect(1px, 1px, 1px, 1px);}

/* Page structure */
.site { margin:0 auto; padding:0 30px; width:920px; overflow:hidden;}
.site-content { margin:21px auto 0; width: 586px;}
.widget-area { margin:21px 0 0;}

/* Header */
.site-header { background-color:#fff; /*height:120px;*/}
.header-image { margin-top:24px;}

/* Navigation Menu */
.main-navigation { padding:20px 0; width: 586px; margin: 0 auto;}
.main-navigation a { color:#666; text-decoration:none;}
.main-navigation a:hover { color:#191919;}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display:none;}

/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #21759b;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

/* Footer */
footer[role="contentinfo"] { clear:both; line-height:2; /*margin-top:24px;*/ padding:40px 0; text-align:center; color:#a7a7a7;}
footer[role="contentinfo"] a { color:#686868;}
footer[role="contentinfo"] a:hover { color:#21759b;}


/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
}

.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}
.entry-header .comments-link {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	line-height: 1.846153846;
	color: #757575;
}
.comments-link a,
.entry-meta a {
	color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}
article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
	font-size: 21px;
	line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 18px;
	line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
	font-size: 16px;
	line-height: 1.846153846;
}
.entry-content h4,
.comment-content h4 {
	font-size: 14px;
	line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
	font-size: 13px;
	line-height: 1.846153846;
}
.entry-content h6,
.comment-content h6 {
	font-size: 12px;
	line-height: 1.846153846;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	line-height: 2;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	/*margin-bottom: 24px;
	margin-bottom: 1.714285714rem;*/
}
.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}


/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 12px;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}


/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}
article.format-aside h1 a:hover {
	color: #2e3542;
}
article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}
article.format-aside p {
	font-size: 13px;
	line-height: 1.846153846;
	color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}


/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	line-height: 1.846153846;
	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 11px;
	line-height: 2.181818182;
}
article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */
article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}
article.format-link .entry-content {
	max-width: 80%;
	float: left;
}
article.format-link .entry-content a {
	font-size: 22px;
	line-height: 1.090909091;
	text-decoration: none;
}

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}

/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}


/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
}

.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond { position:relative;}
#respond h3#reply-title { display:none;}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
}
#respond form {}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
	/*height:90px;*/
}
.required { color: red;}

#respond .comment-form-author { width:510px; position:absolute; bottom:0; right:0; margin:0; background-color:#e6e6e6; background-image: -moz-linear-gradient(center top , #F4F4F4, #E6E6E6); border:1px solid #D2D2D2; border-radius:3px; box-shadow:0 1px 2px rgba(64, 64, 64, 0.1);}
#respond .comment-form-author .input-label { font-size:0.785714rem; float:left; line-height:1.7; padding:4px 15px 5px;}
#respond .comment-form-author input[type="text"] { float:left; width:55%; padding:4px; margin:4px 0 0;}

#respond .comment-form-comment label { display:none;}
#respond .comment-form-comment #comment { height:88px;}

/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}
.template-front-page .widget-area {
	clear: both;
	float: none;
	width: auto;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	margin: 0.571428571rem 0 0;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.714285714;
	list-style-type: square;
	list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
	color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}
.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}


/* =Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}



/* = Custom Style
----------------------------------------------- */
.home .site-content { width:442px; margin:24px auto 80px;}
/*.home .site-content #content { margin-left:-40px;}*/ 
.home .site-content .front { width:442px; height:295px; overflow:hidden; text-align:center; vertical-align:middle; margin-bottom:29px; border:none; padding:0; display:block;}

/* P and P */
/*
body.home #Pagination { text-align:left;}
body.home #Pagination a { background:#b5b5b7 url(images/ajaxHome.gif) no-repeat 12px center; color:#fff; display:block; width:77px; height:20px; margin:0 auto; line-height:20px; text-decoration:none; padding-left:15px;}
*/
body.home #Pagination a { text-decoration:none;}



.film-content { line-height:1.6; padding-top:3px; margin-bottom:50px; color:#a7a7a7;}
.film-content .filmplayer { width:914px; height:350px; margin:0 auto 17px; /*background-color:#3e3a39;*/ color:#fff;}
.film-content .film-info { float:left; width:240px; padding-left:3px;}
.film-content .film-excerpt { float:right; width:602px; text-align:right;}

.site-content article { word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
.site-content article.post,
.site-content article.work,
.site-content article.artist,
.site-content article.artfair,
.site-content article.filmx,
.site-content article.book { border-bottom:solid 3px #333; margin: 0 auto; padding:0; width:586px;}

.site-content article.post .entry-header,
.site-content article.work .entry-header,
.site-content article.artist .entry-header,
.site-content article.artfair .entry-header,
.site-content article.filmx .entry-header,
.site-content article.book .entry-header { height:22px; border-bottom:solid 1px #ddd; margin-bottom:35px;}

.site-content article.post .entry-header .entry-title,
.site-content article.work .entry-header .entry-title,
.site-content article.artist .entry-header .entry-title,
.site-content article.artfair .entry-header .entry-title,
.site-content article.filmx .entry-header .entry-title,
.site-content article.book .entry-header .entry-title { font-size:14px; line-height:1.2; font-weight:normal;}

.artist-excerpt, .artist-info { margin-bottom:0px;}
span.more { float:right;}
span.more a { text-decoration:none;}

span.goback { float:right; margin-top:-11px;}
span.ajaxGoback { float:right; display:none;}
.single-artist span.goback { margin-top:0;}


.single .entry-content, .page .entry-content { padding-bottom:20px; line-height:1.714285714;}
.single .entry-content p, .page .entry-content p { margin:0 0 16px; line-height:1.714285714;}
.single .entry-content h2.artist-name { font-size:14px; margin-top:-12px; margin-bottom:18px;}
.single .switch { margin-bottom:35px;}
.single .meta { border-top:solid 1px #c8c5c4; padding:20px 0;}
.single .meta a { text-decoration:none;}
.single .meta #nav-single { margin-bottom: 25px;}
.single .meta #nav-single .nav-previous { margin-right:30px;}
.single .meta #share { float:right;}
.single .meta #share a { padding-right:10px;}

/*********************************/
.sticky-content a { text-decoration:none;}
.sticky-content ul li { line-height:1.4;}
.tax-artfair_category a, .tax-work_category a { text-decoration:none;/* line-height:1.4;*/}
.tax-artfair_category .sticky-content,
.tax-work_category .sticky-content { padding:0 5px; margin-bottom:30px;}
.tax-artfair_category .sticky-content li,
.tax-work_category .sticky-content li { width:175px; float:left; margin-right:12px; margin-bottom:20px;}
.tax-artfair_category .sticky-content li.last,
.tax-work_category .sticky-content li.last { margin-right:0;}
.tax-artfair_category .sticky-content li img,
.tax-work_category .sticky-content li img { margin-bottom:2px;}

.tax-book_category a { text-decoration:none;}
.tax-book_category .sticky-content { padding:0 5px; margin-bottom:65px;}
.tax-book_category .sticky-content li { width:144px; height:214px; float:left; margin-right:52px;}
.tax-book_category .sticky-content li.last { margin-right:0;}

.tax-book_category .yearTab { padding-bottom:100px;}
.yearTab { padding-top:30px; padding-bottom:40px;}
.yearTab a { text-decoration:none;}
.yearTab h3 { font-size:14px; line-height:30px; margin-bottom:20px; padding-left:4px;}
.yearTab .tabYear { line-height:18px; float:left; padding:4px;}
.yearTab .tabYear li { margin-bottom:18px; border-bottom:solid 2px #fff;}
.yearTab .tabYear li.currentYear { border-bottom:solid 2px #444;}
.yearTab .tabContainer { margin-left:70px;}
.yearTab .tabContainer ul { display:none;}
.yearTab .tabContainer li { background:url(images/li_01.gif) no-repeat 6px center; padding:7px 0 7px 20px; margin-bottom:0;}

.yearTab2 { padding-bottom:100px;}
.yearTab2 { padding-top:30px; padding-bottom:40px;}
.yearTab2 a { text-decoration:none;}
.yearTab2 h3 { font-size:14px; line-height:30px; margin-bottom:20px; padding-left:4px;}
.yearTab2 .tabYear2 { line-height:18px; float:left; padding:4px;}
.yearTab2 .tabYear2 li { margin-bottom:18px; border-bottom:solid 2px #fff;}
.yearTab2 .tabYear2 li.currentYear { border-bottom:solid 2px #444;}
.yearTab2 .tabContainer2 { margin-left:70px;}
.yearTab2 .tabContainer2 li { background:url(images/li_01.gif) no-repeat 6px center; padding:7px 0 7px 20px; margin-bottom:0;}

.articlist { padding-top:30px; padding-bottom:50px;}
.articlist a { text-decoration:none;}
.articlist h3 { font-size:14px; line-height:30px; margin-bottom:5px; padding-left:4px;}
.articlist .alist { padding:4px;}
.articlist .alist li { padding:8px 0;}

.iconlist { margin-bottom:120px;}
.iconlist li { background:url(images/li_01.gif) no-repeat 6px center; padding:7px 0 7px 20px;}
.iconlist li a { text-decoration:none;}

.switch { margin-bottom:100px;}
.switch h3 { cursor:pointer; padding:6px 0 0 0; margin:0; font-size:12px; line-height:13px; font-weight:normal; border-width:0 0 1px 0; border-color:#c8c5c4;}
.switch h3.solid { border-style:solid;}
.switch h3.dotted { border-style:dotted;}
.switch h3 span { background:#fff url("images/switch_icon.gif") no-repeat 0 0; padding:0 10px 0 20px; margin-top:-6px; height:13px; overflow:hidden; display:block; float:left;}
.switch h3.open span { background-position:0 bottom;}
.switch .switchContainer { display:none; clear:both; padding:20px 0 0;}
.switch .switchContainer p { margin:0; line-height:1.7;}
.switch .switchContainer ul {}
.switch .switchContainer ul li { background:url(images/li_01.gif) no-repeat 6px center; padding:7px 0 7px 20px;}
.switch .switchContainer ul li a { text-decoration:none;}

/******************************************** category-news *****************************************************************************************/
body.category-news { background:#f8f8f8 url(images/news_bg.png) repeat-x 0 0;}

.newslist { padding:50px 0;}
.newslist a { text-decoration:none;}
.newslist li { padding:8px 0;}
.newslist li .entry-title { margin-left:13px;}



/******************************************** category-news end **************************************************************************************/

img.size-full { width:100%; height:auto;}

.gallery { margin-right:-3px;}
.gallery dl.gallery-item { margin:0; float:left; margin-right:3px; margin-bottom:3px; width:144px; height:108px; overflow:hidden;}
.gallery dl.gallery-item dt.gallery-icon { line-height:normal; font-weight:normal;}
.gallery br { height:0; display:block;}

.googleMap { margin-left:62px;}

.commentlist {}
.commentlist li { border-bottom:dashed 1px #ddd; padding:15px 0;}
.commentlist li .fn { margin-right:20px;}
.commentlist li .comment-content { padding-top:6px; line-height:1.4;}


/*-----------------------------------------------------------------------------------*/
/*	Column Styles
/*-----------------------------------------------------------------------------------*/

.one-half { width: 48%; }
.one-third { width: 30.66%; }
.two-third { width: 65.33%; }
.one-fourth { width: 22%; }
.three-fourth { width: 74%; }
.one-fifth { width: 16.8%; }
.two-fifth { width: 37.6%; }
.three-fifth { width: 58.4%; }
.four-fifth { width: 79.2%; }
.one-sixth { width: 13.33%; }
.five-sixth { width: 82.67%; }

.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 2em;
	float: left;
}

.column-last {
	margin-right: 0!important;
	clear: right;
}

.page article.page { width:586px;}

/*----- qrcode -----*/
.side_qrcode {
	position: fixed;
	right: 30px;
	bottom: 20px;
}
.side_qrcode img {
	width: 140px;
	border: 1px solid #e7e2dd;
}
