/*
Theme Name: Boxes
Theme URI: http://www.theme-junkie.com/
Author: Theme Junkie
Author URI: http://www.theme-junkie.com/
Description: Proudly designed by <a href="http://www.theme-junkie.com/">Theme Junkie</a>
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, flexible-width, translation-ready
Text Domain: junkie

*/
/*

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)

*/
/*-----------------------------------------------

TABLE OF CONTENT:

0. Reset

1. Setup
-1.1 Defaults
-1.2 Hyperlinks

2. Site Structure & Appearance
-2.1 Navigation Menu
-2.2 Header
-2.3 Content
  -2.3.1 Slogan
  -2.3.2 Featured Slider
-2.5 Sidebar
-2.6 Footer

3. Posts
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination

4. Widgets
-4.1 Generic Widgets
-4.2 Specific Widgets

5. Comments

6. Page Templates
-6.1 Contact Form
-6.2 Archives & Sitemap
-6.3 Submit

7. MISC

8. WP DEFAULT

--------------------------------------------------------------------------------- */
/* =0. Reset
--------------------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Raleway:400,200,300,600,700);
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%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
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; }
.clear { clear: both; display: block; float: none; height: 0; line-height: 0; margin: 0; padding: 0; visibility: hidden; }
* html .clear { height: 1%; }
.clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clear { display: block; }
/* =1. Setup
--------------------------------------------------------------------------------- */
/* 1.1 Defaults */
body { background: #f0f0f0; color: #444444; font-family: "Raleway", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.6; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Raleway", serif; font-weight: 700; margin: 0; color: #000000; }
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 0.8em; }
p { margin: 0; }
strong { font-weight: bold; }
hr { background-color: #e6e6e6; border: 0; height: 1px; margin-bottom: 20px; }
input[type="text"], 
textarea { border: 1px solid #e3e3e3; outline: none; margin: 0 0 10px 0; padding: 11px 15px 10px 15px; background: #ffffff; color: #9da0a4; font: 14px/14px 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="text"]:focus, textarea:focus { background: #ffffff; border: 1px solid #dddddd; box-shadow: 0 1px 2px rgba(0,0,0,.15); color: #232527; }
textarea { width: 100%; }
label { color: #aaa; font-size: 12px; font-weight: bold; }
.hide { display: none; }
img { vertical-align: bottom; max-width: 100%; }
.left { float: left; }
.right { float: right; }
::selection { color: #fff; background: #88d082; }
/* 1.2 Hyperlinks */
a:link,
a:visited { text-decoration: none; -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; }
a:hover { text-decoration: none; }
h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited,
h4 a:link,
h4 a:visited,
h5 a:link,
h5 a:visited,
h6 a:link,
h6 a:visited { text-decoration: none; }
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { text-decoration: none; }
/* =2. Site Structure & Containers
--------------------------------------------------------------------------------- */
#main { margin-bottom: 20px; padding: 30px 0; }
.container { width: 970px; margin: 0 auto; padding: 0; }
#content { float: left; width: 660px; }
/* 2.1 Navigation Menu */
.nav { font-family: "Raleway", serif; float: left; margin-top: 13px; overflow: hidden; z-index: 999; }
.nav a { display: block; position: relative; text-decoration: none; z-index: 100; }
.nav li { float: left; width: auto; z-index: 999; }
.nav li a { color: #eeeeee; font-size: 13px; padding: 7px 15px; }
.nav li a:hover,
.nav li.first a,
.nav .current_page_item a { color: #ffffff; }
.nav .sf-with-ul { padding-right: 20px; }
.nav li ul { float: left; left: -999em; position: absolute; width: 180px; padding-top: 12px; z-index: 999; }
.nav li ul li a, 
.nav li ul li a:visited,
.nav li.current_page_item li a { border-radius: 0; color: #f5f5f5; font-size: 12px; font-weight: normal; padding: 5px 15px; width: 140px; text-transform: none; }
.nav li ul li a:hover { border-radius: 0; color: #ffffff; font-weight: bold; }
.nav li ul li:first-child a { padding-top: 15px; }
.nav li ul li:last-child a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding-bottom: 15px; }
.nav li ul li a.sf-with-ul { padding-right: 12px; }
.nav li ul ul { margin: -39px 0 0 170px !important; padding: 0 !important; }
.nav li:hover, .nav li.hover { position: static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left: auto; }
.nav .sf-sub-indicator { background: url(images/ico-arrow-down.png) no-repeat; display: block; overflow: hidden; position: absolute; width: 9px; height: 9px; text-indent: -999em; top: 1.2em; right: 6px; }
.nav li ul .sf-sub-indicator { display: none; }
/* 2.2 Header */
#header { width: 100%; -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); box-shadow: 0px 1px 1px rgba(0,0,0,0.5); height: 60px; margin-bottom: 20px; }
#header .btn { display: block; margin-top: 15px; padding: 4px 8px; }
#logo { float: left; height: 60px; }
#text-logo { float: left; height: 60px; }
#text-logo #site-title { display: inline; float: left; font-size: 24px; line-height: 59px; text-transform: uppercase; }
#text-logo #site-title a:link,
#text-logo #site-title a:visited { color: #ffffff; }
#text-logo #site-desc { color: #cccccc; display: inline; float: left; font-size: 12px; line-height: 60px; margin-left: 15px; margin-right: 15px; }
/* 2.3 Content */
/* HOMEPAGE LOOP */
.content-loop { background: none; width: 1000px !important; }
.content-loop .post { float: left; width: 220px; margin-right: 30px; margin-bottom: 30px; }
.content-loop .post .entry-title { color: #333333; }
.content-loop .post .entry-title { margin-left: 10px; }
.content-loop .post .post-thumb .entry-title { margin-left: 0 !important; }
.content-loop .post .entry-excerpt { color: #999999; font-size: 12px; }
.content-loop .post .entry-thumb { width: 100%; height: auto; }
.content-loop .post .entry-meta { font-size: 12px; margin-top: 10px; text-align: right; }
.content-loop .post .entry-date { color: #9da0a4; font-size: 12px; font-weight: 600; position: absolute; bottom: 10px; }
.content-loop .last-post { margin-right: 0; }
.content-loop .entry-title { font-size: 13px; }
.page .hentry,
.archive .hentry,
.search .hentry,
.single .hentry { border-bottom: 1px solid #eeeeee; margin-bottom: 30px; padding-bottom: 20px; }
.search-no-results #content,
.error404 #content,
.page #content,
.single #content { background: #ffffff; padding: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.08); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.08); box-shadow: 1px 1px 2px rgba(0,0,0,.08); }
/* OVERLAY */
.overlay { background: #ffffff; display: none; position: absolute; top: 0; left: 0; width: 180px; height: 120px; padding: 17px 20px 23px 20px; z-index: 20; }
.overlay .author-link { color: #999999; margin-bottom: 15px; }
.overlay .author-link strong { font-weight: bold; color: #333333; }
.active .overlay { display: block; }
.post-thumb a .overlay { position: absolute; display: none; padding: 10px; top: 10px; left: 10px; width: 180px; height: 130px; }
/* 2.3.1 Slogan */
.slogan { text-align: center; margin-bottom: 50px; text-shadow: 0 1px 0 #ffffff; }
.slogan h1,
.slogan h2,
.slogan h3,
.slogan h4,
.slogan h5,
.slogan h6 { font-size: 32px; font-weight: 400; margin-bottom: 15px; }
.slogan p { color: #9da0a4; font-size: 17px; line-height: 32px; margin-bottom: 15px; padding: 0 100px; }
.slogan p a,
.slogan p a:visited { border-bottom: 1px solid #dddddd; color: #999999; }
.slogan p a:hover { border-color: #cccccc; text-decoration: none; }
/* 2.3.2 Featured Slider */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flexslider { margin: 0; padding: 0; overflow: hidden; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }
.flexslider { margin: 0 0 20px; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: 20px; text-align: center; z-index: 999; }
.flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 6px; height: 6px; display: block; background: transparent; border: 1px solid #ffffff; cursor: pointer; text-indent: -9999px; border-radius: 100%; }
.flex-control-paging li a:hover { background: #88d082; }
.flex-control-paging li a.flex-active { background: #88d082; cursor: default; }
/* POST NAV */
.post-nav { color: #999999; font-size: 12px; margin-bottom: 20px; text-align: right; }
.post-nav a:link,
.post-nav a:visited { color: #999999; width: 50%; }
.post-nav a:hover { border-bottom: 1px solid #cccccc; color: #333333 }
.next-post-link { float: left; }
.previous-post-link { float: right; }
/* ENTRY META */
.hentry .entry-meta { color: #cccccc; }
.hentry .entry-meta .meta-view,
.hentry .entry-meta .meta-comment { margin-left: 10px; text-align: right; }
.hentry .entry-meta .meta-category { float: left; text-align: left; }
.hentry .entry-meta a,
.hentry .entry-meta a:visited { color: #9da0a4; text-decoration: none; }
.hentry .entry-meta a:hover { color: #666666; }
.single .entry-meta a,
.single .entry-meta a:visited { color: #9da0a4; }
.single .entry-meta a:hover { color: #666666; }
.single .entry-meta span { border-bottom: 1px dashed #dddddd; color: #bbbbbb; display: block; font-size: 12px; margin-bottom: 10px; padding-bottom: 10px; }
.single .entry-meta a,
.single .entry-meta a:visited { color: #9da0a4; text-decoration: none; }
.single .entry-meta a:hover { color: #666666; }
.single span.entry-date { color: #9da0a4; }
.entry-header { color: #999999; font-size: 12px; margin-bottom: 25px; }
.author-avatar img { border-radius: 5px; display: inline; float: left; margin: 0 15px 25px 0; width: 48px; }
.author-link a { font-weight: bold; font-size: 13px; }
/* 2.4 Sidebar */
#sidebar { color: #999999; float: right; width: 220px; }
#sidebar .widget { margin-bottom: 30px; }
#sidebar .widget p { margin-bottom: 10px; }
#sidebar .widget a:link,
#sidebar .widget a:visited { color: #999999; }
#sidebar .widget li { background: url(images/arrow-right-grey.png) no-repeat 0 12px; padding: 5px 0 5px 11px; }
#sidebar .widget-title { color: #666666; font-size: 14px; margin-bottom: 5px; }
/* 2.5 Footer */
#footer { background: #ffffff; border-top: 1px solid #e6e6e6; color: #999999; }
#footer a,
#footer a:visited { color: #999999; }
#footer a:hover { color: #666666; }
#footer-columns { border-bottom: 1px solid #eeeeee; padding: 40px 0 20px; }
#footer-columns .footer-column-1,
#footer-columns .footer-column-2,
#footer-columns .footer-column-3,
#footer-columns .footer-column-4 { float: left; width: 200px; padding-right: 40px; }
#footer-columns .widget { margin-bottom: 20px; }
#footer-columns .widget li { font-size: 12px; margin-bottom: 10px; list-style: disc inside; }
#footer-columns .widget-title { color: #666666; font-size: 14px; font-weight: 400; margin-bottom: 15px; }
#footer-columns .widget {  }
#copyright { background: #ffffff; font-size: 12px; padding: 25px 0 30px; }
#copyright p { font-size: 12px; }
#copyright .left a:link,
#copyright .left a:visited { color: #bbbbbb; margin-left: 6px; }
#copyright .left a:hover { color: #999999; }
/* =3. Posts
--------------------------------------------------------------------------------- */
.one-col { width: 910px !important; }
.entry-title { line-height: 1.4; margin-bottom: 5px; }
.entry-title a:link,
.entry-title a:visited { color: #222222; }
.page-header { border-bottom: 1px solid #eeeeee; margin-bottom: 30px; text-align: center; }
.page-title { margin-bottom: 20px; }
.single .post-thumb { padding: 20px 20px 10px 20px; }
.single .entry-title { font-size: 16px; }
.page .page { border-bottom: none !important; }
.hentry .entry-thumb { height: auto; }
/* 3.1 Typographic Elements */
.single .hentry {  }
.entry-content a:hover { border-bottom: 1px solid #dddddd; }
.entry-content img { max-width: 600px; }
.entry-content blockquote { border-left: 10px solid #f5f5f5; margin: 20px; padding: 0 30px 0 20px; overflow: hidden; }
.entry-content blockquote p,
.entry-content blockquote blockquote a,
.entry-content blockquote blockquote { color: #666666; font-size: 1em; font-style: italic; }
.entry-content strong { font-weight: bold }
.entry-content strong em,
.entry-content em strong { font-style: italic; font-weight: bold; }
.entry-content li ul { margin: 0; padding: 0; }
.entry-content input,
.entry-content textarea { font-size: 1em; padding: 3px; }
.entry-content dfn { font-weight: bold }
.entry-content del { color: #aaa; text-decoration: line-through; }
.entry-content pre,
.entry-content code,
.entry-content tt { background: #f5f5f5; color: #666666; font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 20px; overflow: auto; padding: 1em; }
.entry-content pre,
.entry-content code,
.entry-content tt { display: block; margin: 1.5em 0; white-space: pre; }
.entry-content ins { font-weight: bold; text-decoration: underline; }
.entry-content em { font-style: italic; font-weight: normal; }
.entry-content ul { list-style: none; padding-bottom: 10px; }
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul { margin-bottom: 0; }
.entry-content ul li { background: url(images/arrow-right-grey.png) no-repeat 0 12px; padding: 5px 0 5px 11px; }
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin: 5px 0 10px 0; }
.entry-content hr { background: #E6E6E6; border: none; clear: both; color: #E6E6E6; height: 1px; margin: 15px 0; width: 100%; }
.entry-content ol { list-style-type: decimal; margin: 0 0 10px 25px; }
.entry-content ol ol { list-style: upper-alpha; }
.entry-content ol ol ol { list-style: lower-roman; }
.entry-content ol ol ol ol { list-style: lower-alpha; }
.entry-content ol li { font-size: 12px; margin: 5px 0; }
.entry-content p { margin: 0 0 10px 0; }
/* 3.2 Images */
img.centered { display: block; margin-bottom: 15px; margin-left: auto; margin-right: auto; padding: 0; }
img.alignnone { display: inline; margin: 0 0 15px 0; padding: 0; }
img.alignright { display: inline; margin: 0 0 15px 15px; padding: 0; }
img.alignleft { display: inline; margin: 0 15px 15px 0; padding: 0; }
.aligncenter { display: block; margin-bottom: 15px; margin-left: auto; margin-right: auto; }
.alignright { float: right; margin: 0 0 15px 15px; }
.alignleft { float: left; margin: 0 15px 15px 0; }
.wp-caption { background: #F7F7F7; border: 1px solid #E6E6E6; padding: 4px 0 5px 0; text-align: center; }
.wp-caption p.wp-caption-text { font-size: 12px; font-weight: normal; line-height: 12px; margin: 0; padding: 0; }
.wp-caption img { border: 0; margin: 0 0 5px 0; padding: 0; }
/* 3.3 Pagination */
.junkie-pagination { font-size: 13px; margin: 30px; text-align: center; }
.junkie-pagination .page-numbers,
.junkie-pagination a:link,
.junkie-pagination a:visited { background: #ffffff; border-radius: 3px; color: #999999; margin: 0 2px; padding: 8px 12px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
.junkie-pagination .current,
.junkie-pagination a:hover { background: #88d082; color: #ffffff; }
/* =4. Widgets
--------------------------------------------------------------------------------- */
.widget p { margin-bottom: 10px; }
/* CALENDAR */
#wp-calendar { width: 95%; margin-bottom: 15px; clear: both; padding: 0; }
#wp-calendar caption { padding: 10px; }
#wp-calendar th,
#wp-calendar td { text-align: center; background: #e6e6e6; padding: 3px 0; }
#wp-calendar td { background: transparent; color: #727272; }
/* SEARCH */
.search-form input { font-size: 12px; padding: 10px 15px; width: 100% }
/* =5. Comments
--------------------------------------------------------------------------------- */
#comments { clear: both; position: relative; }
#comments .commentlist { padding: 20px 0; }
#comments .children { list-style-type: none; margin-left: 16px; }
#comments ul.children li { background: url(images/ico-mobile-nav.png) no-repeat 0 6px; padding-left: 35px; }
.pings-wrapper { position: relative; }
.pinglist { list-style-type: none; margin: 0; padding: 30px 0; }
.pinglist li { border-bottom: 1px solid #e9eaea; padding: 10px; }
.pinglist li a { border: 0; color: #4d4e52; display: block; font-weight: normal; }
.pinglist li a:hover { background: none !important; color: #202222; }
#reply-title,
.comments-title,
.pings-title { font-size: 22px; font-weight: 200; margin: 0 0 20px 0; }
.commentlist #commentform { margin-bottom: 60px; }
.comment .avatar { border-radius: 100px; float: left; margin: 0 15px 0 0; }
.comment-meta { color: #9da0a4; font-size: 13px; margin-bottom: 15px; }
.comment-meta a:link,
.comment-meta a:visited { border: 0; color: #9da0a4; font-weight: normal !important; text-decoration: none !important; }
.comment-meta a:hover { border-bottom: 1px dashed #dddddd; color: #333333; }
.moderation { color: #9da0a4; padding-left: 51px; }
.comment-body { border-bottom: 1px solid #eeeeee; margin-bottom: 20px; padding: 0 0 20px 51px; }
.comment-body ul { list-style-type: disc; }
.comment-body ol { list-style-type: decimal; }
.comment-author cite { color: #202222; font-style: normal; font-weight: bold; }
.comment-author .says { display: none; }
.nocomments { padding: 20px; text-align: center; }
#commentform .comment-form-comment { margin-bottom: 10px; }
#commentform .form-submit input { cursor: pointer; float: none; font-size: 12px; margin: 0; padding: 10px 12px; width: auto; }
#commentform .required { color: red; }
#commentform textarea { width: 99%; margin: 0 0 5px 0; }
#commentform input { float: left; margin-right: 15px; width: auto; }
#commentform p { clear: both; line-height: 40px; margin-bottom: 15px; }
/* =6. Page Templates
--------------------------------------------------------------------------------- */
/* 6.1 Contact Form */
#contact-form { display: block; width: 100%; }
#contact-form input[type="text"] { padding: 13px 15px 12px 15px; width: 50%; }
#contact-form textarea { width: 95%; }
#contact-form #submit { cursor: pointer; margin: 15px 0 0 0; padding: 10px 12px; }
.contact-form label { display: block; line-height: 30px; }
.page-template-template-contact-php .thanks { color: #0A9600; }
.page-template-template-contact-php .error { color: red; }
/* 6.2 Archives & Sitemap */
.page-template-template-archives-php .entry-content ul li,
.page-template-template-sitemap-php .entry-content ul li { color: #9da0a4; }
.page-template-template-archives-php .entry-content ul li a,
.page-template-template-sitemap-php .entry-content ul li a { font-style: normal; }
/* 6.3 Submit */
::-webkit-file-upload-button { cursor: pointer; }
#formbox { margin-top: 20px; }
#formbox span.required { color: #FF0000; display: inline; }
#formbox label span { color: #999999; display: block; font-size: 12px; font-weight: normal; }
#formbox label { color: #333333; float: left; font-weight: bold; margin: 0 10px 0 0; overflow: hidden; width: 135px; font-size: 12px }
#formbox p { clear: both; }
#formbox .success-msg { color: green; }
#formbox .error-msg { color: red; margin-bottom: 20px; }
#formbox input[type="button"] { background: #f9f9f9; border: 1px solid #dddddd; color: #999999 !important; margin-left: 10px; padding: 8px 10px; border-radius: 2px; width: 70px; }
#formbox input[type="submit"] { padding: 10px 12px; border-radius: 2px; cursor: pointer; }
#formbox input[type="file"] { top: -50px; cursor: pointer; padding: 8px 5px; width: 80px; overflow: hidden; opacity: 0; }
#formbox textarea { width: 400px }
#formbox .file-bottom { top: -50px; margin-left: 546px; position: relative; z-index: 9999; }
#formbox .alert { padding: 0 !important }
#formbox .image-url { width: 400px }
#formbox .image-text { cursor: pointer; }
#formbox .img-add { background: url('images/ico-plus.png') no-repeat 0 4px; display: inline-block; width: 10px; height: 16px; line-height: 16px; text-indent: -9999px; }
#formbox .img-remove { background: url('images/ico-minus.png') no-repeat 0 4px; display: inline-block; width: 10px; height: 16px; line-height: 16px; text-indent: -9999px; }
/* =7. MISC
--------------------------------------------------------------------------------- */
.header-ad { background: #ffffff; width: 728px; height: 90px; margin: 20px auto; }
/* Button */
button,
.btn,
#submit { background: #7cc576; border: none; border-radius: 2px; color: #ffffff !important; font-size: 13px; font-weight: 600; }
button:hover,
.btn:hover,
#submit:hover { background: #88d082 !important; }
/* Overlay */
.post-thumb { position: relative; background: #ffffff; border-radius: 3px; margin-bottom: 10px; padding: 10px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
/* CSS3 Transition */
.entry-thumb { -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; -ms-transition: opacity .2s linear; transition: opacity .2s linear; }

/* =8. WP DEFAULT
--------------------------------------------------------------------------------- */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; }
.sticky,
.bypostauthor { background: inherit; color: inherit; }

/* Images */
.wp-caption {
  margin-bottom: 24px;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-bottom: 5px;
}

.wp-caption-text {
  font-style: italic;
  color: #999;
}

.wp-smiley {
  border: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/**
 * Gallery
 * Taken from Twenty Fifteem theme.
 */
.gallery {
  margin-bottom: 1.6em;
}

.gallery-item {
  display: inline-block;
  padding: 1.79104477%;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-icon img {
  margin: 0 auto;
}

.gallery-caption {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}