/*
Theme Name: Oriental Writing
Theme URI: http://pure-essence.net/2013/06/25/child-theme-for-oriental-oriental-writing
Author: Ying Zhang
Author URI: http://regretless.com/
Description: Oriental writing is a child theme for oriental with alternative styling.
Version: 1.0.3
Tags: responsive-layout, two-columns, threaded-comments, sticky-post, microformats, right-sidebar, yellow, orange, red, custom-menu, editor-style, full-width-template
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
template: oriental
*/
@import url("../oriental/style.css");
/* ========================================================================= Oriental Writing ========================================================================= */
/* customized by pure-essence.net */
html body { background: #feffef url(images/bk.png) repeat; color: #694f10; font-family: "Source Sans Pro", Arial, Verdana, Helvetica, sans-serif; font-size: 16px; }
html body.infinite-scroll.neverending { overflow: hidden; }

a { color: #7c7a02; }

a:hover { color: #fa0405; }

img { border: 0; }

button, input, select, textarea { word-wrap: break-word; }

.entry-title, .entry-content, .entry-summary { word-wrap: break-word; }

#page { background: none; position: relative; }
#page:before { content: url(images/meiLeft.png); position: absolute; bottom: 0; left: -10px; z-index: 10; }
#page:after { content: url(images/meiLowerRight.png); position: absolute; bottom: 0; right: -200px; }

#masthead { width: auto; margin: 0 0 0 200px; position: relative; padding-top: 50px; }
#masthead:before, #masthead:after { position: absolute; }
#masthead:before { content: url(images/meiTop.png); top: -100px; left: -280px; }
#masthead:after { content: url(images/cloudsCranes.png); right: -200px; top: 0; }
#masthead h1.site-title a { color: #000; font-family: 'Molle' !important; font-style: italic; font-weight: 400; }
#masthead .site-description { font-family: "Satisfy", Garamond, Georgia, serif; }
#masthead section { margin-left: 110px; padding: 1em; }

#nav-menu-wrapper { background: none; }
#nav-menu-wrapper .main-navigation { color: #000; font-family: "Satisfy", "Helvetica Neue", Helvetica Arial, "Lucida Grande", sans-serif; height: auto; background: none; font-size: 100%; }
#nav-menu-wrapper .main-navigation a { color: #000; font-weight: normal; }
#nav-menu-wrapper .main-navigation a:hover { background-image: none; text-decoration: underline; }
#nav-menu-wrapper .main-navigation ul > li { background: none; }
#nav-menu-wrapper .main-navigation ul > li.current_page_item > a, #nav-menu-wrapper .main-navigation ul > li.current-menu-item > a { background: none; color: #DC2B63; font-weight: bold; text-decoration: none; }
#nav-menu-wrapper .main-navigation ul > li:hover > .sub-menu, #nav-menu-wrapper .main-navigation ul > li:hover > .children { left: 0; }
#nav-menu-wrapper .main-navigation ul > li .sub-menu, #nav-menu-wrapper .main-navigation ul > li .children { background-color: rgba(254, 255, 239, 0.7); }
#nav-menu-wrapper .main-navigation ul > li .sub-menu:before, #nav-menu-wrapper .main-navigation ul > li .children:before { color: #000; }
#nav-menu-wrapper .main-navigation ul > li .sub-menu li.current_page_item > a, #nav-menu-wrapper .main-navigation ul > li .sub-menu li.current-menu-item > a, #nav-menu-wrapper .main-navigation ul > li .children li.current_page_item > a, #nav-menu-wrapper .main-navigation ul > li .children li.current-menu-item > a { color: #DC2B63; background: none; }

small.postmetadata { clear: left; display: block; }

#main { background: none; width: auto; padding: 0 0 0 200px; }

#primary { width: 627px; float: left; background: none; }

article.post { background: none; }

#content { background-color: #f8efd3; background-image: none; position: relative; margin-top: 50px; }
#content .site-navigation { font-family: "Satisfy", Garamond, Georgia, serif; line-height: 2; padding: 0 1em; }
#content:before { content: url(images/paperTop.png); position: absolute; top: -60px; left: 0; }
#content:after { content: url(images/paperBottom.png); position: absolute; bottom: -60px; left: 0; }

.page-template-page-nosidebar-php #primary, .attachment #primary, .error404 #primary { width: 627px; }

.page-template-page-nosidebar-php footer#colophon, .attachment footer#colophon, .error404 footer#colophon { margin-left: 339px; }

.entry-content { position: relative; }
.entry-content .oriental-post-thumbnail { position: absolute; top: 10px; left: -100px; }

.entry-title, .entry-title a { font-family: "Satisfy", "Helvetica Neue", Helvetica Arial, "Lucida Grande", sans-serif; float: left; text-align: left; }

.entry-title { position: relative; }

.entry-meta { text-align: left; }

.edit-link { float: right; }

article:nth-of-type(odd) .entry-title:after { content: url(images/ducks.png); position: absolute; top: 20px; left: -120px; }

blockquote { background-color: rgba(253, 251, 219, 0.5); border: 0; }

/* Comments */
#comments { background: none; background-color: transparent; }
#comments .comments-title, #comments #reply-title { font-family: "Satisfy", "Helvetica Neue", Helvetica Arial, "Lucida Grande", sans-serif; color: #000; }
#comments .nocomments { background-color: #DFD797; margin: 0; padding: 1em; }
#comments .comment-reply-link { color: #7c7a02; }
#comments .comment-reply-link:hover { color: #fa0405; }
#comments .commentlist > li.comment { background-color: rgba(169, 190, 231, 0.1); }
#comments .commentlist > li.comment.thread-odd { background-color: rgba(245, 37, 19, 0.05); }
#comments .commentlist > li.comment.thread-odd > article > footer { text-shadow: none; }
#comments .commentlist > li.comment.thread-odd > article > footer:after { border-bottom-color: rgba(245, 37, 19, 0.05); }
#comments .commentlist > li.comment.thread-odd > article > footer a { color: #d37b1d; }
#comments .commentlist > li.comment.thread-odd > article > footer a:hover { color: #A66117; }
#comments .commentlist > li.comment.bypostauthor { background: rgba(245, 37, 19, 0.2); }
#comments .commentlist > li.comment.bypostauthor > article > footer:after { border-bottom-color: rgba(245, 37, 19, 0.2); }
#comments .commentlist > li.comment > article > footer { text-shadow: none; }
#comments .commentlist > li.comment > article > footer a { color: #6d91d6; }
#comments .commentlist > li.comment > article > footer a:hover { color: #6d91d6; }
#comments .commentlist > li.comment > article > footer:after { border-bottom-color: rgba(169, 190, 231, 0.1); }
#comments .commentlist > li > .children li.bypostauthor { background: rgba(245, 37, 19, 0.2); }

#respond { padding: 2em; background-color: transparent; }
#respond a { color: #7c7a02; }
#respond a:hover { color: #fa0405; }

button, input, select, textarea, #s { background: rgba(255, 255, 255, 0.5); }

#s { padding: 3px; border-radius: 3px; width: 100%; }

#searchsubmit { display: none; }

.wp-caption { border-color: #d0be90; }

h1.page-title { padding: 1em 0.5em 0; }

#secondary { margin-left: 650px; padding-top: 230px; width: auto; position: relative; }
#secondary a:hover { text-decoration: underline; }
#secondary:after { content: url(images/teaKettle.png); position: absolute; top: 0; left: 0; }
#secondary aside { background: none; }
#secondary h2 { background: none; font-family: "Satisfy", "Helvetica Neue", Helvetica Arial, "Lucida Grande", sans-serif; }

footer#colophon { background: none; width: 627px; margin: 0 0 0 200px; height: auto; padding-top: 50px; color: #000; font-family: 'Source Sans Pro', Garamond,Georgia,serif; font-size: .9em; }
footer#colophon a { color: #000; }

.site-info { line-height: normal; text-align: center; }

/* =Media Queries
----------------------------------------*/
@media screen and (max-width: 1280px) { #page { background: url(images/meiTop.png) 0 -100px no-repeat; margin-left: -50px; }
  #masthead:before { content: ''; }
  #nav-menu-wrapper { margin: 0 0 0 120px; } }
@media screen and (max-width: 1106px) { #page { margin-left: -100px; }
  #secondary { margin-right: -50px; } }
/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width: 990px) { .menu { text-align: center; }
  .tinynav { display: inline-block; }
  #more { display: block; float: left; padding: 0.3em 0.5em; }
  #main { padding: 0; }
  #nav-menu-wrapper { margin: 0 53px 13px; padding-bottom: 20px; }
  #page { margin-left: 0; background-position: -50px -100px; }
  #masthead:after, #page:before, #page:after, article:nth-of-type(2n+1) .entry-title:after { content: ''; position: static; }
  #primary { float: none; margin: 0 auto; }
  .entry-content .oriental-post-thumbnail { position: static; margin: 10px 0; }
  #secondary { margin: 0 auto; padding-top: 50px; width: 627px; }
  #s { width: 80%; }
  #secondary:after { content: ''; }
  footer#colophon { margin: 0 auto; padding-top: 0; width: auto; } }
@media screen and (max-width: 650px) { #more { display: block; float: left; padding: 0.3em 0.5em; }
  #page { background-position: -180px -100px; }
  #masthead { margin: 0 0 0 180px; padding-top: 40px; }
  #masthead section { margin-left: 0; padding: 0; }
  #main { padding: 0; }
  .menu { padding-top: .9em; }
  #nav-menu-wrapper { padding-bottom: 0; }
  #primary, #secondary { width: auto; }
  #content { margin-top: 0; }
  #content:before, #content:after { content: ''; position: static; }
  #secondary { padding-top: 0; } }
@media screen and (max-width: 480px) { #more { display: block; float: left; padding: 0.3em 0.5em; }
  #page { background-image: none; }
  #masthead { margin: 0 auto; padding: 1em 1em 0 1em; }
  .menu { padding: .9em .9em 0 .9em; }
  #nav-menu-wrapper, .main-navigation { background-image: none; margin: 0; } }