@charset "UTF-8";
/*
Theme Name: Casually
Theme URI: http://pure-essence.net/2013/04/18/child-theme-for-twenty-twelve-casually
Author: Ying Zhang
Author URI: http://regretless.com/
Description: Casually builds off of Twenty Twelve, so you get all of the goodness of a WordPress core theme included. It's a cheerful, carefree and feminine theme.
Version: 1.0.10
Tags: light, pink, orange, green, purple, right-sidebar, responsive-layout, threaded-comments, sticky-post, post-formats
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
template: twentytwelve
*/
/* ========================================================================= Causally ========================================================================= */
/* customized by pure-essence.net */
html body, html body.custom-background, html body.custom-font-enabled { background-color: #BCB937; background-image: url(images/bk.png); background-repeat: repeat; background-position: left top; padding: 0; color: #754C24; font-family: "ABeeZee","Open Sans",Helvetica,Arial,sans-serif; }

body .site { background: rgba(229, 229, 163, 0.5) url(images/cornerBk.png) right bottom no-repeat; margin: 25px auto; padding: 0; max-width: 1000px; }
body a { color: #9B6190; }
body a:hover { color: #53302B; }
body article.sticky .featured-post { border: 0; background: url(images/featured.png) right top no-repeat; width: 107px; height: 88px; padding: 45px 0 0 0; color: #B24E33; font-size: 1.45em; line-height: normal; position: absolute; top: -23px; right: -4px; }
body #gallery-1 img, body #gallery-2 img, body #gallery-3 img, body #gallery-4 img, body #gallery-5 img, body #gallery-6 img, body #gallery-7 img, body #gallery-8 img, body #gallery-9 img, body #gallery-10 img, body #gallery-11 img { border: 0; }
body .entry-content table, body .entry-content td, body .comment-content table, body .comment-content td { border-color: #844F24; }

/* hide custom header */
img.header-image { display: none; }

#masthead { padding: 0; background-image: url(images/headerTagLeft.png), url(images/headerTagRight.png); background-repeat: no-repeat; background-position: left top, right top; margin: 0 25px; }
#masthead hgroup { margin: 16px 83px 0 38px; height: 126px; background: url(images/headerTagMiddle.png) left top repeat-x; }
#masthead h1 { padding: 30px 0 0 20px; }
#masthead h1 a, #masthead h1 a:hover { color: #FBC0AD; }
#masthead h2 { padding-left: 20px; color: #FBC0AD; }

#site-navigation { margin: 1em 20px 0; }

.main-navigation > div > ul > .current-menu-item > a, .main-navigation > div > ul > .current_page_item > a, .main-navigation > div > ul > .current-menu-ancestor > a, .main-navigation > div > ul > .current_page_ancestor > a { background: url(images/flower.png) center center no-repeat; }
.main-navigation li > ul.sub-menu, .main-navigation li > ul.children { overflow: visible; clip: inherit; left: -920px; }
.main-navigation li > ul.sub-menu:before, .main-navigation li > ul.children:before { position: absolute; content: '\00BB'; top: -30px; left: 910px; }
.main-navigation li > ul.sub-menu li, .main-navigation li > ul.children li { position: relative; }
.main-navigation li > ul.sub-menu li:hover ul.sub-menu, .main-navigation li > ul.sub-menu li:hover ul.children, .main-navigation li > ul.sub-menu li:focus ul.sub-menu, .main-navigation li > ul.sub-menu li:focus ul.children, .main-navigation li > ul.children li:hover ul.sub-menu, .main-navigation li > ul.children li:hover ul.children, .main-navigation li > ul.children li:focus ul.sub-menu, .main-navigation li > ul.children li:focus ul.children { left: 200px; }
.main-navigation li > ul.sub-menu li:hover ul.sub-menu:before, .main-navigation li > ul.sub-menu li:hover ul.children:before, .main-navigation li > ul.sub-menu li:focus ul.sub-menu:before, .main-navigation li > ul.sub-menu li:focus ul.children:before, .main-navigation li > ul.children li:hover ul.sub-menu:before, .main-navigation li > ul.children li:hover ul.children:before, .main-navigation li > ul.children li:focus ul.sub-menu:before, .main-navigation li > ul.children li:focus ul.children:before { top: 11px; left: -20px; }
.main-navigation li > ul.sub-menu ul.sub-menu:before, .main-navigation li > ul.sub-menu ul.children:before, .main-navigation li > ul.children ul.sub-menu:before, .main-navigation li > ul.children ul.children:before { left: 1100px; top: 11px; }
.main-navigation li:hover > ul.sub-menu, .main-navigation li:hover > ul.children, .main-navigation li:focus > ul.sub-menu, .main-navigation li:focus > ul.children { left: -20px; }
.main-navigation li:hover > ul.sub-menu:before, .main-navigation li:hover > ul.children:before, .main-navigation li:focus > ul.sub-menu:before, .main-navigation li:focus > ul.children:before { left: 10px; }
.main-navigation li ul li a { background: rgba(229, 229, 163, 0.8); border: 0; }
.main-navigation li ul li a:hover { background: #D0D375; border: 0; text-decoration: none; }
.main-navigation ul.children li.current-menu-item a, .main-navigation ul.children li.current_page_item a { background: rgba(229, 229, 163, 0.8); border: 0; }
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border: 0; }

#main { background-image: url(images/swirlRight.png), url(images/swirlRight.png), url(images/swirlRight.png), url(images/girl.png); background-position: 68% 1200px,68% 2100px,68% 3000px,78% top; background-repeat: no-repeat; padding: 0 25px; }
.attachment #main, .page-template-page-templatesfull-width-php #main, .page-template-page-templatesfront-page-php #main { background-image: url(images/girl.png); background-position: right top; }

#primary { width: 55%; }
#primary article { position: relative; border-color: #797408; background: rgba(229, 229, 163, 0.8); padding: 1em; border-radius: 10px; }
#primary article:after { content: url(images/flowers.png); position: absolute; bottom: -90px; right: 20px; }
.attachment #primary, .page-template-page-templatesfull-width-php #primary, .page-template-page-templatesfront-page-php #primary { width: 70%; }

.template-front-page .widget-area { border-top: 0; }

#secondary { width: 20%; }
#secondary a { color: #797408; }
#secondary a:hover { color: #FF90A2; }
#secondary aside { background: rgba(229, 229, 163, 0.8); padding: 1em; border-radius: 10px; }
#secondary aside:nth-of-type(even) { background: rgba(229, 229, 163, 0.8) url(images/green.png) 110% top no-repeat; }
#secondary aside h3 { color: #BCB937; margin-bottom: 1em; }
#secondary aside #searchsubmit { display: none; }
.page-template-page-templatesfront-page-php #secondary { width: auto; }

.widget-area #s { width: 90%; }

#colophon { border-top: 0; text-align: center; }
#colophon a { color: #797408; }
#colophon a:hover { color: #844F24; }

.gallery .gallery-icon img { padding: 0; }

.archive-header, .page-header { border-bottom: 1px dotted #797408; }

li.bypostauthor cite span { background-color: #5F0575; border: 0; border-radius: 2px; }

button, input, textarea { background: rgba(229, 229, 163, 0.8); border: 1px solid #797408; }

input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type="submit"] { border: 1px solid #797408; color: #797408; background-color: #BCB937; background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVhMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JjYjkzNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5e5a3), color-stop(100%, #bcb937)); background-image: -moz-linear-gradient(top, #e5e5a3, #bcb937); background-image: -webkit-linear-gradient(top, #e5e5a3, #bcb937); background-image: linear-gradient(to bottom, #e5e5a3, #bcb937); }

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type="submit"]:hover { border: 1px solid #797408; background-color: #E5E5A3; color: #5F0575; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVhMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JjYjkzNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5e5a3), color-stop(100%, #bcb937)); background-image: -moz-linear-gradient(top, #e5e5a3, #bcb937); background-image: -webkit-linear-gradient(top, #e5e5a3, #bcb937); background-image: linear-gradient(to bottom, #e5e5a3, #bcb937); }

footer.entry-meta { color: #797408; }

.comments-link a, .entry-meta a { color: #6CA9BA; }

.comments-link a:hover, .entry-meta a:hover { color: #9B6190; }

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { box-shadow: 0 1px 4px rgba(121, 116, 8, 0.8); }

.comments-area article header .avatar { border-radius: 3px; }

article.format-quote .entry-content blockquote { background: none; }

article.format-aside .aside { background: #FFE1D0; border-color: #FF90A2; }

/* infinite scroll */
body #infinite-footer .blog-credits, body #infinite-footer .blog-credits a, body #infinite-footer .blog-credits a:hover, body #infinite-footer .blog-info a, body #infinite-footer .blog-info a:hover { color: #754C24; }
body #infinite-footer .container, body #infinite-handle span { background-color: rgba(229, 229, 163, 0.8); color: #754C24; border-top: 0; }

@media screen and (max-width: 960px) { #main, .attachment #main, .page-template-page-templatesfull-width-php #main, .page-template-page-templatesfront-page-php #main { background-image: none; }
  #primary, .attachment #primary, .page-template-page-templatesfull-width-php #primary, .page-template-page-templatesfront-page-php #primary { width: 66%; }
  #secondary { width: 30%; } }
@media screen and (max-width: 600px) { #primary, .attachment #primary, .page-template-page-templatesfull-width-php #primary, .page-template-page-templatesfront-page-php #primary, #secondary { width: auto; }
  .site-header h1 { margin-bottom: 0; }
  #site-navigation { margin: 1.5em 0 0 0; }
  #masthead { background: none; }
  #masthead hgroup { background: #EA7E54; margin: 0 0 15px 0; height: 23vw; position: relative; }
  #masthead hgroup:before, #masthead hgroup:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; }
  #masthead hgroup:before { border-top: .5vw dashed #F1C7A2; top: 2vw; }
  #masthead hgroup:after { border-bottom: .5vw dashed #F1C7A2; bottom: 2vw; }
  #masthead hgroup h1 { padding: 5vw 0 1vw; font-size: 5.5vw; }
  #masthead hgroup h2 { padding: 0; }
  .main-navigation > div > ul > .current-menu-item > a, .main-navigation > div > ul > .current_page_item > a, .main-navigation > div > ul > .current-menu-ancestor > a, .main-navigation > div > ul > .current_page_ancestor > a { background: none; font-weight: bold; }
  .main-navigation a { font-size: 120%; text-decoration: none; }
  .main-navigation a:hover { text-decoration: none; }
  .main-navigation .menu-toggle { font-size: 110%; background: #797408; color: white; display: block; border: 0; border-radius: 3px; text-align: left; }
  .main-navigation .menu-toggle:before { content: ""; display: inline-block; -webkit-font-smoothing: antialiased; font-style: normal; line-height: 1; font-family: 'dashicons'; vertical-align: top; font-size: 120%; padding-right: .2em; }
  .main-navigation .menu-toggle:hover, .main-navigation .menu-toggle:active { background: #918b0a; color: white; display: block; border: 0; box-shadow: none; }
  .main-navigation .menu-toggle.toggled-on { box-shadow: none; border-bottom: 1px solid #a8ab37; border-radius: 3px 3px 0 0; }
  .main-navigation ul.nav-menu.toggled-on { background: #D0D375; display: block; }
  .main-navigation ul.nav-menu.toggled-on a { display: block; padding: .6em; }
  .main-navigation ul.nav-menu.toggled-on li { margin: 0; padding: 0; text-align: left; border-bottom: 1px dotted #bbbf3d; }
  .main-navigation ul.nav-menu.toggled-on li a { background: none; border: 0; }
  .main-navigation ul.nav-menu.toggled-on li a:hover { background: rgba(229, 229, 163, 0.8); border: 0; text-decoration: none; }
  .main-navigation li > ul.sub-menu, .main-navigation li > ul.children { padding-left: 1em; border-top: 1px dotted #bbbf3d; }
  .main-navigation li > ul.sub-menu:before, .main-navigation li > ul.children:before { content: ''; }
  .main-navigation li > ul.sub-menu li:last-child, .main-navigation li > ul.children li:last-child { border-bottom: 0; }
  .main-navigation li > ul.sub-menu a:before, .main-navigation li > ul.children a:before { content: '-'; padding-right: .1em; }
  .main-navigation li > ul.sub-menu ul.sub-menu, .main-navigation li > ul.sub-menu ul.children, .main-navigation li > ul.children ul.sub-menu, .main-navigation li > ul.children ul.children { border-top: 1px dotted #bbbf3d; }
  .main-navigation li > ul.sub-menu ul.sub-menu a:before, .main-navigation li > ul.sub-menu ul.children a:before, .main-navigation li > ul.children ul.sub-menu a:before, .main-navigation li > ul.children ul.children a:before { content: '--'; }
  .main-navigation li > ul.sub-menu ul.sub-menu ul.sub-menu a:before, .main-navigation li > ul.sub-menu ul.sub-menu ul.children a:before, .main-navigation li > ul.sub-menu ul.children ul.sub-menu a:before, .main-navigation li > ul.sub-menu ul.children ul.children a:before, .main-navigation li > ul.children ul.sub-menu ul.sub-menu a:before, .main-navigation li > ul.children ul.sub-menu ul.children a:before, .main-navigation li > ul.children ul.children ul.sub-menu a:before, .main-navigation li > ul.children ul.children ul.children a:before { content: '---'; }
  .main-navigation li > ul.sub-menu ul.sub-menu:before, .main-navigation li > ul.sub-menu ul.children:before, .main-navigation li > ul.children ul.sub-menu:before, .main-navigation li > ul.children ul.children:before { content: ''; }
  .main-navigation li > ul.sub-menu ul.sub-menu li:last-child, .main-navigation li > ul.sub-menu ul.children li:last-child, .main-navigation li > ul.children ul.sub-menu li:last-child, .main-navigation li > ul.children ul.children li:last-child { border-bottom: 0; } }
@media screen and (min-width: 1100px) { html body, html body.custom-background, html body.custom-font-enabled { background-color: #BCB937; background-image: url(images/swirl.png), url(images/bk.png); background-repeat: no-repeat, repeat; background-position: center top, left top; } }