body {
	color: #444444;
	background-color: #ece9e2 !important;
	background-image: url(styles/default/bg.jpg);
	background-repeat: repeat-x;
}

#tile {
	float: left;
	width: 100%;
}

a:link, a:visited {
	color:#222222;
}

a:hover, a:active, a.active {
	color:#292a24;
}

.nav_wrapper {
	background-color: #131410;
}

#nav {
}

#nav li {
	border-right-color: #282923;
}

#nav li a {
	color: #ebe8e1;
}

#nav .current_page_item a,
#nav li.sfHover,
#nav li.current,
#nav li a:focus, #nav li a:hover, #nav li a:active {
	background-color: #a5500d;
	background-image: url(styles/default/nav_active_bg.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	color: #FFFFFF;
}

#nav .current_page_item ul li a {
	background-color: #FFFFFF;
	color: #111111;
	background-image: none;
}

#nav .current_page_item ul li a:hover {
	background-color: #ffffff;
	color: #444444;
}

#nav ul li.back {
	background-color: #444444;
	color: #FFFFFF;
}

#header {
	height:150px
}

#logo {
	margin-top: 38px;
}

#featured {

}

#featured img {
	background-color:#FFFFFF;
	border:1px solid #D3CFC3;
	margin-bottom:0;
	padding:4px;
}

.featured_text h2 a {
		color:#181818;
}

ul#showcase li a:hover, ul#showcase li a.active {
	border:1px solid #0091D5;
}

.featured_post {
	background-color:#262721 !important;
	border-color: #d8d4ca;
	background-image: none !important;
}

.featured_post h2 a {
	color: #ffffff;
}

.featured_post p {
	color: #ffffff;
}

#about {
	background-color: #d5d1c7;
	border: 1px solid #bfb7a6;
}

#about p span {
	color: #111111;
}

#about .about_image {
	border:1px solid #cccccc;
	background-color: #ffffff;
}

#about h2 span {
	color: #131410;
}

#about .about_button {
	background-color:#131410;
	border:1px solid #0a0b09;
	color:#FFFFFF;
}

#about a.about_button:hover {
	background-color: #262721;
}

.box, #content .entry, .post_meta {
	background-color:#ffffff;
	border-color: #d8d4ca;
	background-image: url(styles/default/bgr-box.png);
	background-repeat: repeat-x;
	font-size: 12px;
}

.archives {
	background-color:#dddddd;
	border-color: #cccccc;
	background-image: url(styles/default/bgr-box.png);
	background-repeat: repeat-x;
}

.box {
}

.entry {
}

.entry .navigation {
	border-top-color: #cccccc;
}

.wp-caption {
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
}

#comments {
	background-color:#ffffff;
	border-color: #cccccc;
}

ol.commentlist li { }

#comments .reply a {
	background-color:#333333;
	border-color: #444444;
	color: #ffffff;
}

#comments h3 {
	color: #333333;
}

ol.commentlist .comment {background-color:#eeeeee; border-color: #cccccc; }	

ol.commentlist li.odd {
	background-color:#dddddd;
}

#respond {
	background-color:#ffffff;
	border-color: #cccccc;
}

#commentform #submit {
	background-color:#2b2c26;
	color:#FFFFFF;
	border-color: #111111;
}

#respond #author, #respond #email, #respond #url, #respond #comment {
	border: 1px solid #cccccc;
}

.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover {background: #12130f !important;}

.more_entries .wp-pagenavi a,
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited, 
.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi span.pages { background: #9e9a90;color: #fff; padding: 5px 9px !important; padding:5px; margin-left: 4px; border:0; line-height:24px; }

#footer {
	background-color:#bac1cc;
}

#footerWrap h3, #footerWrap h4 a {
	color:#ffffff;
}

.post_meta {
}


.widget {
	background-color:#2b2c26;
	border:1px solid #444444;
	border-style: solid;
 	border-width: 1px;
 	color: #dddddd;
}

.widget a:link,.widget a:visited, .widget h2, .widget h3 {
	color: #ffffff;
}

.widget h3 {
	border-bottom-color: #555555;
}

.widget ul li {border-bottom-color: #555555;}

.widget #searchform #s {
	border-color: #555555;
}

#searchform #searchsubmit {
	background-color:#444444;
	border:1px solid #555555;
	color:#FFFFFF;
}

.top-advert {
	margin-top: 48px;
}

#twitter {
	background-color:#3d3e37;
	border-color: #131410;
	margin-top: 42px;
}

#twitter_update_list {
	color:#ffffff;
}

#twitter_update_list a {
	color:#cccccc;
}

#wp-calendar {
	color:#333333;
}

#wp-calendar caption {
	color: #fff;
}

.credits {
	color:#cccccc;
}

.credits a {
	color:#ffffff;
}

/* 
CUSTOM STYLESHEET
---------------------

== TOC ==
- LOGIN
- GENERAL
- HEADER
- FOOTER
- NAVIGATION
- HOME
- SIDEBAR
- CATEGORIES
- SINGLE
- PAGE
- CHINESE
- COMMENTS
- RESPONSIVE

*/

/*** LOGIN ***/

.wp-core-ui .button-primary {
	background: none no-repeat scroll 0 0 #A5500D;
	border-color: #ECE9E2;
	font-weight: bold; 
	text-transform: uppercase; 
}

.wp-core-ui .button-primary:hover {
	background: none repeat scroll 0 0 #333;
	border-color: #666;
	box-shadow: 0 0 18px #c0c0c0;
}

#login {
    width: 288px;
}

#login h1 a {
    margin: 0 auto;
}

#login form {
    padding: 18px 24px 36px;
}

.login form .input, .login input[type="text"] {
    font-size: 21px;
}

.login label {
    text-transform: uppercase;
}


/*** GENERAL ***/

body {
	background-color: #fff !important; 
	background-image: none; 
    font-family: 'Lora', Georgia, source-han-serif-tc, PMingLiU, LiSongPro, "AR PL UMing", serif;
    font-size: 16px; 
}

#tile {
    float: none;
    text-align: center;
}

.container_16 {
    clear: both;
    text-align: left;
    width: 80%; 
    max-width: 1200px;
}

.dd_post_share .dd_buttons {
    width: 270px;
    margin: 0 auto;
}

#dynamic-to-top {
    font-size: 2.5em;
}

#dynamic-to-top:hover {
    color: #c30;
}

.centre {
    text-align: center;
}


/*** HEADER ***/

#header {
    display: block; 
    float: none; 
    height: auto;
    margin: 1.5em 0 0;
    overflow: auto;
}

.container_16 .grid_7 {
    display: block;
    float: none;
    margin: 2.5em 0 1.5em;
    width: 100%;
}

#logo {
    float: none;
    margin: 0;
}

#logo h1 {
    font-family: "UnifrakturMaguntia", Georgia, serif;
    font-size: 6em; 
    margin: 0;
}

#logo h1 a {
    border-bottom: 1px dotted #ccc;
	color: #333;
    line-height: 1.3em;
}

#logo h1 a:hover {
    color: #515151;
    text-decoration: none;
}


/*** FOOTER ***/

.credits {
    border-top: 1px solid #eee;
    clear: both;
    color: #333;
    float: none;
    display: block;
    padding: 1em 0 0;
}

.creditS p {
    font-size: .75em;
    text-align: center;
}

.credits a {
    color: #000;
    text-decoration: none;
}

.credits a:hover {
    color: #c30;
    text-decoration: none;
}

.credits .alpha {
    width: 100%;
}


/*** NAVIGATION ***/

.container_12 .grid_12, .container_16 .grid_16 {
    margin: 0;
    width: 100%;
}

.nav_wrapper {
	background: #fff;
    margin-bottom: 10px;
}

#nav {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    text-align: center;
}

#nav li {
    border: 0;
    display: inline-block;
    font-family: 'Coustard', Georgia, source-han-serif-tc, PMingLiU, LiSongPro, "AR PL UMing", serif;
    font-size: 1.2em;
    float: none;
    position: relative;
}

#nav li a {
    color: #333;
    border-bottom: 1px solid #fff;
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;
    line-height: 1;
    margin: .5em 0;
    padding: 0 .5em;
}

#nav li a:hover {
	background: transparent;
	border-bottom: 1px dotted #515151;
	color: #333;
	text-decoration: none;
	transition-duration: 0.3s;
}

#nav li a:focus {
    background: #f7f7f7;
    color: #333;
}

#nav li.current-cat a {
    color: #c30;
}

#nav li.current_page_item a {
    background: transparent;
    color: #c30;
}

#nav ul.children {
    border-top: 2px solid #515151; 
    max-width: 75px;
    width: auto; 
}

#nav ul li a {
    border: 0;
    color: #818181;
    font-size: .7em;
    margin: 0;
    padding: .5em .75em;
    text-align: left;
    width: auto;
}

#nav ul li:hover a:hover {
    border: 0;
    color: #333;
}

#search-form {
    position: relative;
}

#search-form #search {
    background-color: transparent;
    border: 0;
    border-bottom: 1px dotted #515151;
    box-sizing: content-box;
    color: #999;
    font-family: Arial, PMingLiU, LiSongPro, "AR PL UMing", sans-serif;
    font-size: .75em;
    font-style: italic;
    font-weight: 300;
    margin: 0 .75em;
    max-width: none;
    min-width: 0;
    outline: 0;
    padding: 3px 23px 3px 0;
    width: 48px;
}

#search-form #search:focus {
    color: #333;
    font-style: normal;
    transition-duration: 0.5s;
    width: 98px;
}

#search-submit {
    background: none;
    border: 0;
    color: #444;
    font-size: .7em;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: .25em;
}

#search-submit:hover {
    cursor: pointer;
}



/*** HOME ***/

.wrap {
    margin: 2.5em 0 0;
    width: 100%;
}

#col_3 .box {
    background: #fff;
    border: 0;
    margin: 0 2%;
    min-height: 330px;
    width: 27%;
}

.box a {
    display: block;
}

.box a img {
    border: 1px solid #fff;
    margin: 0 auto;
}

.box a:hover img {
    border: 1px dotted #515151;
}

.featured_post img.thumbnail {
    margin-bottom: 0;
}

.featured_post {
    background-color: #fff !important;
    border-color: #fff;
}

.box h2 {
    font-family: 'Coustard', Georgia, PMingLiU, LiSongPro, "AR PL UMing", serif;
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.4em;
}

.box h2 a:hover {
    color: #c30;
    text-decoration: none;
}

.box .excerpt {
    border-bottom: 2px solid #818181;
    font-family: 'Lora' Georgia, PMingLiU, LiSongPro, "AR PL UMing", serif;
    font-size: 1.25em;
    line-height: 1.6em;
    padding-bottom: 3em;
}

.box .excerpt a:hover {
    background: #f7f7f7;
    color: #000; 
    text-decoration: none;
}

.featured_post p {
	color: inherit;
}

.featured_post h2 a {
	color: inherit;
}

.box:hover {
	cursor: pointer;
}

.more_entries .wp-pagenavi {
    float: none;
    text-align: center;
}

.more_entries .wp-pagenavi a, .more_entries .wp-pagenavi a:link, .more_entries .wp-pagenavi a:visited, .more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi span.pages {
    background: #fff;
    color: #333; 
    font-size: 1.4em;
    margin: 0 6px;
    padding: 5px !important;
}

.more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover {
    color: #fff;
}



/*** SIDEBAR ***/

.container_16 .grid_4 {
    clear: both;
    display: block;
    float: none;
    margin: 1.5em auto 0;
    max-width: 680px;
    overflow: auto;
    width: 80%;
}

.widget {
    background: #fff;
    border: 0;
    float: left;
    font-size: .85em;
    margin: 0 1%;
    width: 45%;
}

.widget h3 {
    border: 0;
    color: #818181;
    font-family: 'Coustard', Georgia, PMingLiU, LiSongPro, "AR PL UMing", serif;
    font-size: 1.5em;
    font-weight: 300;
    padding: 0;
    text-transform: uppercase;
}

.widget ul li {
    border: 0;
    color: #515151;
    padding: 0;
}

.widget a, .widget a:link {
    border-bottom: 1px dotted #515151;
    color: #333;
    padding: 3px 0;
}

.widget a:hover {
    background: #f7f7f7;
    text-decoration: none;
}



/*** CATEGORIES ***/

#content .archived {
    margin-top: 2.5em !important;
    text-align: center;
}

.archived .fl {
    float: none;
}

h2.arh {
    font-family: 'Coustard', Georgia, source-han-serif-tc, PMingLiU, LiSongPro, 'AR PL UMing', serif;
    font-size: 2.4em;
}

.ca-desc {
	margin-top: 16px;
}

.ca-desc p {
	margin-bottom: 0;
}



/*** SINGLE ***/

.container_16 .grid_9 {
    margin: 2.5em 0 0;
    width: 100%;
}

.container_16 .grid_3 {
    display: none;
    width: 0;
}

#content .entry {
    background: #fff;
    border: 0;
    margin: 0 auto;
    max-width: 680px;
    width: 80%;
}

.entry p {
    color:#333;
    font-size: 1.55em;
    line-height: 1.75;
    word-break: break-word;
}

.entry p a, .entry p a:link {
    border-bottom: 2px dotted #c30;
    position: relative;
    text-decoration: none;
}

.entry p a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -2px;
    background: #c30;
    visibility: hidden;
	-webkit-transform: scaleX(0);
    transform: scaleX(0);
	-webkit-transition: all .5s cubic-bezier(1,.25,0,.75) 0s;
    transition: all .5s cubic-bezier(1,.25,0,.75) 0s;
}

.entry p a[target="_blank"]:after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
    margin: 0 3px 0 5px;
}

.entry p a:hover, .entry p a:visited {
    text-decoration: none;
}

.entry p a:hover {
    border-bottom: 2px solid transparent;
}

.entry p a:hover:before {
    visibility: visible;
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.entry h3 {
    font-size: 1.8em;
}

h2.single {
    color: #383838;
    font-family: "Coustard", Georgia, source-han-serif-tc, PMingLiU, LiSongPro, "AR PL UMing", serif;
    font-size: 2.75em; 
    font-weight: 300;
    text-align: center;
}

blockquote {
	padding: 0 1.75em;
	position: relative;
    quotes: "\2018""\2019""\201C""\201D";
}

blockquote:before {
    color: #d0d0d0;
    content: open-quote;
    display: block;
    font-size: 6em;
    left: 0;
    line-height: 1;
    position: absolute;
    top: -.25em;
}

blockquote:after {
    bottom: -.25em;
    color: #d0d0d0;
    content: close-quote;
    display: block;
    font-size: 6em;
    position: absolute;
    right: 0;
}

.entry blockquote p {
    color: #515151;
    font-size: 1.4em;
    font-style: normal;
    line-height: 1.4;
    margin: 2.1em 0;
}

.entry img {
    max-width: 100%;
    width: auto;
}

.entry p sup {
    vertical-align: super;
    font-size: smaller;
}

.v-iframe {
	position:relative;
}

.v-iframe .v-ratio {
	display:block;
	width:100%;
	height:auto;
}

.v-iframe iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%; 
	height:100%;
}

.post_meta {
    background: #fff;
    border: 0;
    font-size: .75em;
    padding-top: 12px;
    text-align: center;
}

.post_meta p {
    margin-bottom:10px; 
    padding:0 20px;
}

.entry .post_meta p a {
    border-bottom: 1px dotted #818181;
    color: #333;
}

.post_meta p a:hover {
    background: #f7f7f7;
    text-decoration: none;
}

.post_meta p a:hover:before, 
.entry .navigation p a:hover:before {
	visibility: hidden; 
}

.post_meta p span.date, .post_meta p span.details, .post_meta p span.comments {
    background: #fff;
    padding: 0;
}

.post_meta .tags {
    background: #fff;
    border: 0;
    padding-bottom: 3px;
}

.entry .navigation {
    border-top-color: #ddd;
}

.navigation .previous, .navigation .next {
    background: #fff;
    padding: 0;
}

.entry .navigation p {
    line-height: 1.6;
    font-size: 1.4em;
}

.entry .navigation p a {
    border-bottom: 1px dotted #818181;
    color: #333;
    font-family: "Coustard", Georgia, source-han-serif-tc, PMingLiU, LiSongPro, "AR PL UMing", serif;
    text-decoration: none;
}

.entry .navigation p a:hover {
    background: #f7f7f7;
}


/*** PAGE ***/

.container_16 .grid_12 {
    width: 100%;
}

#main {
    margin-top: 2.5em;
}


.archived-cat .widget h2, .archived-mth .widget h2 {
    color: #515151;
    font-family: "Coustard", Georgia, source-han-serif-tc, PMingLiU, LiSongPro, "AR PL UMing", serif;
    font-size: 2.4em;
    font-weight: 300;
}

.archived-cat .widget a, .archived-mth .widget a {
    font-size: 1.75em;
    text-decoration: none;
}

.archived-cat .widget ul li, .archived-mth .widget ul li {
    background: #fff;
    line-height: 1.4;
    list-style: inside disc;
}

.archived-cat .widget li ul.children {
    margin: 9px 12px;
}

.content-column .widget {
    float: none;
    width: auto;
}

.entry h2 {
    color: #383838;
    font-family: "Coustard", Georgia, source-han-serif-tc, PMingLiU, LiSongPro, "AR PL UMing", serif;
    font-size: 2.75em; 
    font-weight: 300;
    text-align: center;
}



/*** CHINESE ***/

.entry .chn p {
    color: #000;
    font-size: 1.9em;
    line-height: 1.55;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

.entry .chn p span.eng {
    font-size: .8em;
    text-shadow: none;
}

.entry .chn blockquote {
    font-family: Georgia, source-han-serif-tc, PMingLiU, LiSongPro, "AR PL UMing", serif;
    padding: 0 6em;
    font-weight: 400;
    quotes: "\300C""\300D""\300E""\300F";
}

.entry .chn blockquote p {
    color: #181818;
    font-size: 1.75em;
    line-height: 1.5;
    text-shadow: none;
}



/*** COMMENTS ***/

div#comments {
    border: 0;
    float: none;
    margin: 2.5em auto 0;
    max-width: 680px;
    padding: 9px 18px;
    width: 80%;
}

#comments h3 {
    color: #818181;
    font-family: "Coustard", Georgia, source-han-serif-tc, PMingLiU, LiSongPro, "AR PL UMing", serif;
    font-size: 1.5em; 
    font-weight: 300;
}

ol.commentlist {
    font-size: 16px;
}

ol.commentlist .comment {
    background-color: #fff;
    border: 0;
    margin: 0;
    padding: 0 18px 6px;
}

ol.commentlist .avatar {
    border: 0;
    float: left;
    margin: 0 9px 9px 0;
    padding: 0;
}

ol.commentlist li cite {
    font-size: 1.1em;
    line-height: 1.2;
}

ol.commentlist li p {
    border-left: 2px solid #515151;
    color: #515151;
    font-size: .95em;
    line-height: 1.6em;
    margin: 0;
    padding-left: 1em;
}

.comment .reply {
    text-align: right;
}

#comments .reply a {
    background: #fff;
    border-bottom: 1px dotted #515151;
    color: #515151; 
    font-size: .8em;
    padding: 3px;
    text-transform: uppercase;
}

#comments .reply a:hover {
    background: #f7f7f7;
    text-decoration: none;
}

ol.commentlist li.odd {
    background: #fff;
}

ol.commentlist li.odd p {
    border-color: #818181;
}

#respond {
	border: 0;
	font-size: .8em; 
	margin: 0 auto;
	max-width: 680px;
	padding: 9px 18px;
	width: 80%;
}

#respond h2 {
    color: #818181;
    font-family: "Coustard", Georgia, source-han-serif-tc, PMingLiU, LiSongPro, "AR PL UMing", serif;
    font-size: 1.2em; 
    font-weight: 300;
}

#respond form {
    clear: both; 
    overflow: auto;
}

#respond .fields {
    float: left;
    margin: 6px 0; 
    min-width: 210px;
    width: 32%;
}

#respond #author, #respond #email, #respond #url, #respond #comment {
    padding: 3px;
}

#respond label span {
    color: #c30;
}

#respond textarea#comment {
    clear: both;
    width: 100%; 
}

#searchform #searchsubmit, #commentform #submit {
    background-color: #fff;
    color: #333;
    cursor: pointer;
    float: right;
    margin: 9px 0;
    text-transform: uppercase;
}

#searchform #searchsubmit:hover, #commentform #submit:hover {
    background: #f7f7f7;
}




/*** RESPONSIVE ***/

@media only screen and (max-width: 1279px) {
    .container_16 { width: 96%; }
}

@media only screen and (max-width: 1023px) {
    .container_16 { width: 96%; }
    .container_16 .grid_16 { width: 96%; margin: 0 auto; display: block; float: none; }
    .wrap { width: 100%; }
    #col_3 .box { width: 28%; }
    .thumbnail { width: 100%; height: auto; }
    .container_16 .grid_9, .container_16 .grid_12 { width: 100%; }
    .container_16 .grid_4 { width: 18%; }
    #content .entry { width: 86%; }
}

@media only screen and (max-width: 804px) {
    #col_3 .box { width: 42%; }
    #nav, .nav_wrapper { height: auto; }
    .container_16 .grid_9, .container_16 .grid_12 { width: 100%; }
    .container_16 .grid_4 { width: 96%; }
    .entry img { width: 100%; height: auto; }
    div#comments { width: 80%; }
    .widget { width: 80%; }
}

@media only screen and (max-width: 541px) {
    #col_3 .box { width: 88%; }
    .container_16 .grid_8 { width: 98%; }
    .container_16 .grid_7 { width: 98%; }
}

@media only screen and (max-width: 479px) {
    #logo h1 { font-size: 4.8em; }
	.entry .chn blockquote {
		padding: 0; 
	}
	.entry .chn blockquote p {
		font-size: 2em;
	}
	.entry .chn blockquote:before, .entry .chn blockquote:after {
		font-size: 3em; 
		line-height: 0;
	}
}