/*
Theme Name: eStudio
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.3.3 Portfolio
  -2.3.4 Blog Posts
  -2.3.5 Testimonials
-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 Portfolio

7. MISC
-7.1 Buttons
-7.2 Overlay
-7.3 CSS3 Gradient

--------------------------------------------------------------------------------- */
/* =0. Reset
--------------------------------------------------------------------------------- */
@import url('//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300');
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: #ffffff; color: #444444; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.6; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 600; 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: 13px 15px 12px 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;
}
/* 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 { padding: 30px 0; }
.container { width: 940px; margin: 0 auto; padding: 0 10px; }
#content { float: left; width: 600px; }
.content-loop .post { border-bottom: 1px solid #e6e6e6; margin-bottom: 30px; padding-bottom: 30px; }
/* 2.1 Navigation Menu */
.nav { float: right; margin-top: 32px; 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: #333333; font-size: 14px; margin-left: 5px; padding: 7px 12px; }
.nav li a:hover,
.nav li.first a,
.nav .current_page_item a { border-radius: 2px; color: #ffffff; }
.nav .sf-with-ul { padding-right: 20px; }
.nav li ul { background: url('images/arrow-up.png') no-repeat 25px 10px; float: left; left: -999em; position: absolute; width: 180px; padding-top: 17px; z-index: 999; }
.nav li ul li a, .nav li ul li a:visited,
.nav li.current_page_item li a { background: #474747; border-radius: 0; color: #cccccc; font-size: 12px; font-weight: normal; padding: 5px 12px; width: 140px; text-transform: none; }
.nav li ul li a:hover { background: #474747; border-radius: 0; }
.nav li ul li:first-child a { border-top-left-radius: 2px; border-top-right-radius: 2px; padding-top: 15px; }
.nav li ul li:last-child a { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; padding-bottom: 15px; }
.nav li ul li a.sf-with-ul { padding-right: 12px; }
.nav li ul ul { margin: -39px 0 0 164px !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 { background: #ffffff url('images/bg-nav-shadow.png') no-repeat center bottom; border-bottom: 1px solid #eeeeee; height: 80px; margin-bottom: 20px; padding-bottom: 20px; }
#logo { float: left; height: 60px; margin-top: 20px; }
#text-logo { float: left; height: 60px; margin-top: 19px; }
#text-logo #site-title { display: inline; float: left; font-size: 32px; line-height: 60px; }
#text-logo #site-desc { color: #9da0a4; display: inline; float: left; font-size: 12px; font-style: italic; line-height: 66px; margin-left: 15px; }
/* 2.3 Content */
/* 2.3.1 Slogan */
#featured-content { margin-bottom: 70px; }
.slogan { text-align: center; margin-bottom: 50px; }
.slogan h1,
.slogan h2,
.slogan h3,
.slogan h4,
.slogan h5,
.slogan h6 { font-size: 36px; margin-bottom: 20px; }
.slogan p { color: #9da0a4; font-size: 18px; line-height: 32px; margin: 20px; padding: 0 100px; }
.slogan p a,
.slogan p a:visited { border-bottom: 1px solid #dddddd; }
.slogan p a:hover { border-color: #cccccc; text-decoration: none; }
/* 2.3.2 Featured Slider */
/* RoyalSlider */
.contentSlider { background: #ffffff !important; width: 100% !important; }
.contentSlider,
.contentSlider .rsOverflow,
.contentSlider .rsSlide,
.contentSlider .rsVideoFrameHolder,
.contentSlider .rsThumbs {  }
.contentSlider .rsSlide,
.contentSlider .rsOverflow { background: #333333; }
.contentSlider img { max-width: 100%; height: auto; display: block; }
.content-slider-bg { width: 86%; padding: 24px 7%; background: #eee; }
.rsTmb span { background: #cccccc; border-radius: 50%; color: #ffffff; display: inline; float: left; font-size: 16px; font-weight: bold; width: 42px; height: 42px; line-height: 42px; margin-right: 10px; text-align: center; }
.contentSlider .rsContent { padding: 0 100px; text-align: center; }
/* FlexSlider */
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flexslider1,
.flexslider2,
.flexslider3 { margin: 0; padding: 0; }
.flexslider1 .slides > li,
.flexslider2 .slides > li,
.flexslider3 .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider1 .slides img,
.flexslider2 .slides img,
.flexslider3 .slides img { width: 100%; display: block; }
.slides:after { content: "\0020"; 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; }
.flexslider1,
.flexslider2,
.flexslider3 { background: #fff; position: relative; }
.flexslider3 { margin-bottom: 30px; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider1 .slides,
.flexslider2 .slides,
.flexslider3 .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav { *height: 0; display: block; text-indent: -9999px; }
.flex-direction-nav a { border-radius: 50%; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { background: #333333 url('images/ico-nav.png') no-repeat center 13px; left: -50px; text-indent: -9999px; }
.flex-direction-nav .flex-next { background: #333333 url('images/ico-nav.png') no-repeat center -19px; right: -50px; text-indent: -9999px; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; }
.flexslider3:hover .flex-prev { opacity: 0.7; left: 20px; }
.flexslider3:hover .flex-next { opacity: 0.7; right: 20px; }
.flexslider3:hover .flex-next:hover, 
.flexslider3:hover .flex-prev:hover { opacity: 1; }
/* Control Nav */
.flex-control-nav { position: absolute; top: -49px; right: 0; }
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 5px; height: 5px; display: block; background: #ffffff; border: 1px solid #cccccc; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #e6e6e6; }
.flex-control-paging li a.flex-active { background: #e6e6e6; cursor: default; }
.section-heading { border-bottom: 1px solid #eeeeee; margin-bottom: 25px; padding-bottom: 15px; }
.section-title { border-bottom: 1px solid #eeeeee; margin-bottom: 25px; padding-bottom: 10px; font-size: 16px; }
/* 2.3.3 Portfolio */
/* Home - Portfolio Carousel */
#latest-works { margin-bottom: 70px; }
#latest-works .portfolio-item { background: #f5f5f5; margin-right: 20px; padding-bottom: 15px; position: relative; width: 300px; text-align: center; }
#latest-works .portfolio-item .entry-title { font-size: 14px; margin-bottom: 0px; }
#latest-works .portfolio-item .entry-thumb { width: 100%; height: auto; margin-bottom: 11px; }
#latest-works .portfolio-item .entry-desc { color: #9da0a4; }
/* Portfolio Nav */
#sort-by { float: right; margin: 0; padding: 0; z-index: 40; }
#sort-by li { cursor: pointer; display: block; float: right; margin-left: 5px; position: relative; }
#sort-by li ul { display: none; }
#sort-by li a,
#sort-by li a:visited { border: 1px solid #e6e6e6; border-bottom-color: #dddddd; border-radius: 2px; color: #999; display: block; font-size: 11px; padding: 3px 8px; position: relative; z-index: 30; }
#sort-by li a:hover { background: #f0f0f0; }
#portfolio .portfolio-header { display: block; margin-bottom: 40px; }
#portfolio .portfolio-header .page-title { float: left; display: inline; position: relative; line-height: 1; }
#portfolio { float: left; position: relative; width: 100%; }
#portfolio ul.ourHolder { display: inline; float: left; width: 960px; overflow: hidden; }
#portfolio .portfolio-item-3-col { width: 300px; height: 235px; }
#portfolio .portfolio-item { background: #f5f5f5; display: block; float: left; margin: 0 20px 25px 0; position: relative; text-align: center; }
#portfolio .portfolio-item .entry-title { margin: 10px 0 0 0 !important; }
#portfolio .portfolio-item .entry-title a,
#portfolio .portfolio-item .entry-title a:visited { font-size: 13px; text-decoration: none; }
#portfolio .portfolio-item .entry-desc { color: #9da0a4; }
#portfolio .portfolio-item .entry-thumb { width: 100%; height: auto; }
/* Portfolio Single */
.single-portfolio .entry-header { margin-bottom: 30px; text-align: center; }
.single-portfolio .entry-header .entry-desc { color: #9da0a4; }
.single-portfolio .entry-content { float: right; width: 710px; }
.single-portfolio .entry-meta { float: left; width: 200px; }
.single-portfolio .entry-meta p { margin: 0 0 15px 0; }
.single-portfolio .entry-meta span { color: #9da0a4; display: block; margin-bottom: 10px; }
.single-portfolio .entry-meta span.link { background: url(images/ico-external-link.png) no-repeat 0 5px; margin-top: 30px; padding-left: 16px; }
.single-portfolio .entry-meta span.link a,
.single-portfolio .entry-meta span.link a:visited { border-bottom: 1px dashed #dddddd; color: #9da0a4; }
.single-portfolio .entry-meta span.link a:hover { border-bottom-color: #9da0a4; }
.single-portfolio .entry-meta strong { color: #333333; display: block; }
.single-portfolio #latest-works { margin-top: 50px; }
.video-portfolio { margin-bottom: 30px; width: 940px; }
.video-portfolio embed,
.video-portfolio object,
.video-portfolio iframe { width: 940px; height: 530px; }
/* 2.3.4 Recent Posts */
#latest-posts { margin-bottom: 50px; }
#latest-posts ul li { margin-right: 20px; margin-bottom: 20px; width: 300px; }
#latest-posts .hentry .entry-title { font-size: 14px; }
.hentry .entry-meta { color: #9da0a4; margin-bottom: 10px; }
.hentry .entry-meta a,
.hentry .entry-meta a:visited { border-bottom: 1px dashed #dddddd; color: #9da0a4; text-decoration: none; }
.hentry .entry-meta a:hover { border-bottom-color: #9da0a4; color: #666666; }
.entry-excerpt { margin-bottom: 15px; }
div.published { background: #f0f0f0; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-radius: 2px; color: #9f9f9f; display: block; float: left; font-size: 11px; font-style: italic; letter-spacing: 1px; line-height: 1; width: 42px; height: 32px; margin-right: 15px; padding-top: 10px; text-align: center; text-transform: uppercase; }
div.published span { display: block; margin-bottom: 3px; }
.loop-content { display: table; margin: 0; padding: 0; }
/* 2.3.5 Testimonials */
.testimonial { text-align: center; }
.testimonial blockquote { color: #9da0a4; font-size: 18px; font-style: italic; line-height: 30px; margin-bottom: 20px; padding: 0 100px; }
.testimonial-author { color: #555555; font-size: 14px; font-weight: bold; margin-bottom: 20px; }
/* 2.4 Sidebar */
#sidebar { float: right; width: 300px; }
#sidebar .widget { margin-bottom: 30px; }
#sidebar .widget p { margin-bottom: 10px; }
#sidebar .widget a:link,
#sidebar .widget a:visited { color: #333333; }
#sidebar .widget li { background: url(images/arrow-right-grey.png) no-repeat 0 12px; padding: 5px 0 5px 11px; }
#sidebar .widget-title { border-bottom: 1px solid #eeeeee; font-size: 14px; margin-bottom: 10px; padding-bottom: 10px; }
/* 2.5 Footer */
#footer {  }
#footer a,
#footer a:visited { color: #9da0a4; }
#footer a:hover { color: #eeeeee; }
#footer-columns { background: #222222; 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: 215px; padding-right: 20px; }
#footer-columns .widget { margin-bottom: 30px; }
#footer-columns .widget li { margin-bottom: 5px; }
#footer-columns .widget-title { color: #eeeeee; font-size: 14px; margin-bottom: 15px; }
#footer-columns .widget { color: #9da0a4; }
#copyright { background: #333333; border-top: 1px solid #555555; color: #9da0a4; font-size: 11px; padding: 15px 0; text-align: center; }
#copyright p { font-size: 1em; }
/* =3. Posts
--------------------------------------------------------------------------------- */
.one-col { width: 940px !important; }
.entry-title { line-height: 1.4; margin-bottom: 10px; }
.entry-title a:link,
.entry-title a:visited { color: #222222; }
.page-header { border-bottom: 1px solid #eeeeee; margin-bottom: 40px; padding-bottom: 30px; text-align: center; }
.page-title { margin-bottom: 20px; }
.page .hentry,
.archive .hentry,
.search .hentry,
.single .hentry { border-bottom: 1px solid #eeeeee; margin-bottom: 30px; padding-bottom: 20px; }
.page .page { border-bottom: none !important; }
.hentry .entry-thumb { height: auto; margin-bottom: 20px; }
/* 3.1 Typographic Elements */
.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: 11px; 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 { margin: 60px 0 30px; text-align: center; }
.junkie-pagination .page-numbers,
.junkie-pagination a,
.junkie-pagination a:visited { background: #f5f5f5; border: 1px solid #e6e6e6; border-radius: 2px; color: #9da0a4; font-size: 14px; margin: 0 2px; padding: 3px 8px; }
.junkie-pagination .current,
.junkie-pagination a:hover { border-color: #dddddd; }
/* =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; }
.widget_search .search-form input { float: left; width: 70%; }
.widget_search .search-form button { float: right; width: 27%; }
/* =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 { border: 1px solid #E6E6E6; border-bottom-color: #DDDDDD; box-shadow: none; cursor: pointer; float: none; font-weight: 700; margin: 0; width: auto; }
#commentform .required { color: red; }
#commentform textarea { width: 99%; margin: 0 0 5px 0; }
#commentform input { float: left; margin-right: 15px; width: 40%; }
#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 { margin: 15px 0 0 0; width: 120px; }
.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; }
/* =7. MISC
--------------------------------------------------------------------------------- */
.header-ad { background: #cccccc; width: 728px; height: 90px; margin: 10px auto 0; }
/* Button */
button, .btn, 
.form-submit input,
.contact-form #submit,
#commentform .form-submit #submit { display: inline-block; border: 1px solid #dddddd; border-bottom-color: #cccccc; outline: 0; margin: 0; padding: 13px 10px; color: #9da0a4; font: 14px/14px 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", sans-serif; cursor: pointer; -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; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; box-shadow: 0 1px 2px rgba(0,0,0,.15); text-shadow: 0 1px 0 #ffffff; }
/* Overlay */
.entry-thumb-overlay { background-color: #333333; color: #ffffff; display: none; font-size: 12px; padding: 2px 6px; position: absolute; top: 75px; left: 110px; }
.page .hentry .entry-thumb-overlay,
.search .hentry .entry-thumb-overlay { top: 45%; left: 43%; }
.contentSlider a:hover img,
.hentry a:hover img,
.portfolio-item a:hover img { opacity: 0.6; }
.contentSlider a:hover .entry-thumb-overlay,
.hentry a:hover .entry-thumb-overlay,
.portfolio-item a:hover .entry-thumb-overlay { display: block; z-index: 99; }
.post-thumb { position: relative; }
/* CSS3 Gradient */
.rsDefault .rsTab:active,
.rsDefault .rsTab.rsNavSelected,
div.published,
#sort-by li a,
#sort-by li a:visited,
button, .btn, 
.form-submit input,
.contact-form #submit,
#commentform .form-submit #submit { -webkit-transition: background-color .2s linear, color .2s linear; -moz-transition: background-color .2s linear, color .2s linear; -o-transition: background-color .2s linear, color .2s linear; -ms-transition: background-color .2s linear, color .2s linear; transition: background-color .2s linear, color .2s linear; background: #FBFBFB; background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#EEEEEE)); background: -webkit-linear-gradient(#FBFBFB, #EEEEEE); background: -moz-linear-gradient(center top, #FBFBFB 0%, #EEEEEE 100%); background: -moz-gradient(center top, #FBFBFB 0%, #EEEEEE 100%); background: -o-linear-gradient(top, #FBFBFB, #EEE); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBFBFB,endColorstr=#EEEEEE); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBFBFB, endColorstr=#EEEEEE)"; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); }
#sort-by li a:hover { background: #f0f0f0; }
/* 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; }