/*
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: #d49600 repeat; color: #4f3f18; font-family: "Source Sans Pro", Arial, Verdana, Helvetica, sans-serif; font-size: 16px; }
html body.infinite-scroll.neverending { overflow: hidden; }

/*#694f10;*/

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 -30px; position: relative; padding-top: 5px; }
#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-size: 14px; }*/
#masthead h1.site-title { margin: 30px 0 0 120px; font-weight: 250;}
#masthead .site-description { font-family: "Verdana", Garamond, Georgia, serif; }
#masthead section { margin-left: 110px; padding: 1em; }

#nav-menu-wrapper { background: none; padding-top: 30px;}
#nav-menu-wrapper .main-navigation { color: #000; font-family: "Verdana", "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: "Verdana", 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: "Verdana", "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(../../../wp-content/uploads/2016/11/logo-115.png);  position: absolute; top: 20px; left: -120px; }
/*#content: url(images/ducks.png);*/
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: "Verdana", "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:after { content: url(../../../wp-content/uploads/2016/10/phblogonewklein-rid.png); position: absolute; top: 0; left: 0; padding: 0 0 0 50px;}
#secondary aside { background: none; }
#secondary h2 { background: none; font-family: "Verdana", "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; } }
