/*
Theme Name: Ubud
Theme URI: http://theme.wordpress.com/themes/ubud
Author: Elmastudio
Author URI: http://www.elmastudio.de/en/
Description: Ubud is a minimal Photography WordPress theme with a 1-5 column grid option and options to show your images in a square, portrait or landscape image format. Ubud also offers a 4 column footer widget area and additional smart theme options to custimize your blog.

Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, one-column, two-columns, three-columns, four-columns, five-columns, responsive-layout, custom-background, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
Text Domain: ubud
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - General Styles
3.0 - Links + Colors
4.0 - Header
5.0 - Posts
  5.1 - Single Posts
  5.2 - Comments
6.0 - Pagination
7.0 - Archives / Search Results / 404 / Password Protected Post
8.0 - Standard + Full Width Page
9.0 - Widgets
10.0 - Footer
11.0 - Plugins + Jetpack Styles
12.0 - Shortcodes
13.0 - Media Queries
14.0 - Retina
15.0 - Print
--------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	1.0 Reset
/*-----------------------------------------------------------------------------------*/
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%; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
figure { margin: 10% 0; }
figcaption { text-align: center; }
img { border: 0; -ms-interpolation-mode: bicubic;}
a:hover, a:active, a:focus { outline: none; -moz-outline-style: none;}
input {-webkit-border-radius:0; border-radius:0;}
::-webkit-input-placeholder {color: rgba(255, 255, 255, .66);}
:-moz-placeholder {color: rgba(255, 255, 255, .66);}
::-moz-placeholder {color: rgba(255, 255, 255, .66);}
:-ms-input-placeholder {color: rgba(255, 255, 255, .66);}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* Clearfix */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.cf:before, .cf:after {content: " "; /* 1 */ display: table; /* 2 */}
.cf:after {clear: both;}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {*zoom: 1;}


/*-----------------------------------------------------------------------------------*/
/*	2.0 General Styles
/*-----------------------------------------------------------------------------------*/
body {
	margin: 0 auto;
	background: #fff;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #000;
}
#masthead,
#main-wrap {
	max-width: 1305px;
	margin: 0 auto;
}
#masthead,
#main-wrap,
#colophon {
	padding-left: 10px;
	padding-right: 10px;
}
#primary {
	padding-bottom: 30px;
}

/* --- Headings --- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
			hyphens: auto;
}
h1 {
	margin: 44px 0 34px;
	font-size: 22px;
	font-size: 1.375rem;
}
h2 {
	margin: 44px 0 34px;
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.35;
}
h3 {
	margin: 34px 0 24px;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.35;
}
h4 {
	margin: 24px 0 24px;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.35;
}
h5 {
	margin: 24px 0 14px;
	font-size: 16px;
	font-size: 1rem;
}
h6 {
	margin: 24px 0 14px;
	font-size: 15px;
	font-size: 0.9375rem;
}

/* Text Elements */
p {
	margin-bottom: 24px;
}
.entry-content p:last-child {
	margin-bottom: 0;
}
.entry-content blockquote p:last-child {
	margin-bottom: 24px;
}
ul, ol {
	margin: 0 0 24px 0;
	padding-left: 30px;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 0;
}
.entry-content ul li,
.entry-content ol li,
#comments ul li,
#comments ul li  {
	margin-bottom: 12px;
}
.entry-content ul ul li:last-child,
.entry-content ol ol li:last-child,
#comments ul ul li:last-child,
#comments ol ol li:last-child {
	margin-bottom: 0;
}
.entry-content ul ul,
.entry-content ol ol,
#comments ul ul,
#comments ol ol {
	margin-top: 12px;
}
dt {
	font-weight: bold;
}
b, strong {
	font-weight: bold;
}
dfn, em, i {
	font-style: italic;
}
s, strike, del {
	text-decoration: line-through;
}
address {
	margin: 0 0 34px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.6;
}
pre {
	max-width: 100%;
	margin-bottom: 20px;
	padding: 15px;
	overflow: auto;
	background: #f2f2f2;
	font-family: Consolas, Monaco, monospace;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.4;
}
code, kbd, tt, var {
	font-family: Consolas, Monaco, monospace;
	font-size: 12px;
	font-size: 0.75rem;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fcf1bb;
	text-decoration: none;
}
sup,
sub {
	position: relative;
	vertical-align: baseline;
	height: 0;
	font-size: 75%;
	line-height: 0;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
dt {
	padding: 0 0 7px;
	font-weight: bold;
}
dd {
	margin: 0 0 20px;
}
dl dt {
	font-size:16px;
	font-size:1rem;
	font-weight: bold;
	line-height:1.5;
	color: #162626;
}
dl dd {
	margin: 0 0 34px;
	line-height:1.65;
}
.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Tables */
table {
	width: 100%;
	margin: 0 0 40px;
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 1px solid #777;
	line-height: 2;
}
table td {
	padding: 10px 10px 10px 0;
	border-top: 1px solid #777;
}
table caption {
	margin: 40px 0;
}
table th {
	padding: 10px 10px 10px 0;
	text-align:left;
	font-weight: bold;
	color: #000;
}

/* Alignment */
.alignleft,
.alignright {
	display: block;
}
.alignleft {
	margin: 5px 30px 5px 0;
	float: left;
}
.alignright {
	margin: 5px 0 0 30px;
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
img.alignleft,
img.alignright {
	margin-top:10px;
	margin-bottom:20px;
}

/* Forms */
input,
textarea {
	padding: 8px 2%;
	background: #fff;
	border: 1px solid #777;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	color: #000;
	line-height:1.6;
}
input:hover,
input:focus,
v:active,
textarea:hover,
textarea:focus,
textarea:active {
	background: #fff;
	border: 1px solid #000;
	outline: none;
}

/* Buttons */
input[type="button"],
input[type="submit"] {
	padding: 15px 20px 14px;
	background: #000;
	color:  rgba(255, 255, 255, .66);
	border:none;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-appearance: none;
}
input#submit {
	margin: 15px 0 10px;
	padding: 15px 20px 14px;
	border: none;
	font-size: 12px;
	font-size: 0.75rem;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-appearance: none;
	color:  rgba(255, 255, 255, .66);
	width: 100%;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input#submit:hover,
.widget_blog_subscription input[type="submit"]:hover {
	background: #000;
	color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*	3.0 Links + Colors
/*-----------------------------------------------------------------------------------*/
a {
	color: #000000;
	text-decoration: none;
}
#site-about a#about-btn,
#site-about a#close-btn {
	color: #000;
	border-bottom: 2px solid #000000;
}
.post .entry-content a,
.page .entry-content a,
.commentlist .comment-text a,
.about-introtext a,
.about-full a,
.textwidget a,
.single-post .author-info p.author-description a {
	text-decoration: underline;
}
.entry-header h2.entry-title a,
.entry-details,
.entry-details a,
#comments ul.comment-meta,
#comments ul.comment-meta a,
#respond a#cancel-comment-reply-link,
#comments .comment-author a,
.author-info h6 a,
.nav-next a,
.nav-previous a,
.previous-image a,
.next-image a {
	color: #000;
}
.post .entry-content a,
.page .entry-content a,
.commentlist .comment-text a,
.about-introtext a,
.about-full a,
.textwidget a,
.single-post .author-info p.author-description a {
	text-decoration: underline;
}


/* --- Hovers --- */
#site-about a#about-btn:hover,
#site-about a#close-btn:hover,
#infinite-handle span:hover {
	color: #999;
	border-bottom: 2px solid #999;
}
.entry-header h2.entry-title a:hover,
.list-view .entry-details a:hover,
.entry-details a:hover,
#comments ul.comment-meta a:hover,
#respond a#cancel-comment-reply-link:hover,
#comments .comment-author a:hover,
.author-info h6 a:hover,
.one-column .entry-header h2.entry-title a:hover {
	color: #999;
}
.post .entry-content a:hover,
.page .entry-content a:hover,
.commentlist .comment-text a:hover,
.about-introtext a:hover,
.about-full a:hover,
.textwidget a:hover,
.single-post .author-info p.author-description a:hover {
	text-decoration: underline;
	color: #999;
}
.nav-next a:hover,
.nav-previous a:hover,
.previous-image a:hover,
.next-image a:hover {
	color: #000;
	opacity: 0.6;
}

/* --- Footer Links --- */
#colophon a {
	color: rgba(255, 255, 255, .66);
}
#colophon a:hover {
	color: #fff;
}
a img {
	border: 0;
}


/*-----------------------------------------------------------------------------------*/
/*	4.0 Header
/*-----------------------------------------------------------------------------------*/
#masthead {
	position:relative;
	display:block;
	padding-bottom: 60px;
}
#site-title {
	margin: 0;
	padding: 35px 0 0;
}
#site-title h1 {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 1.15;
	letter-spacing: -1px;
	word-wrap: break-word;
}
#site-title h1 a {
	display: inline-block;
	color: #000;
}
#site-title h2.site-description {
	margin: 0;
	font-size: 14px;
	font-size: 0.8125rem;
	line-height: 1.7;
	font-weight: normal;
}

/* --- Main Menu + Main Search --- */

.mobile-wrap {
	position: relative;
	height: 50px;
	background: #fff;
}
#mobile-menu-btn {
	position: absolute;
	top: 0;
	left: 10px;
	width: 50px;
	height: 50px;
	display: block;
	background: url(images/defaulticons.png) 0 -108px no-repeat;
	text-indent: -99999px;
}
#site-nav {
	display: none;
	background: #000;
}
#site-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#site-nav ul li  {
	display: block;
	margin: 0;
	padding: 20px 24px 20px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .24);
}
#site-nav ul li.menu-item-has-children,
#site-nav ul li.page_item_has_children {
	padding: 20px 0 0 0;
	border-bottom: none;
}
#site-nav ul li li  {
	padding: 20px 24px 20px 0;
}
#site-nav ul ul.sub-menu,
#site-nav ul ul.children {
	display: block;
	border-top: 1px solid rgba(255, 255, 255, .24);
	margin: 20px 0 0 0;
}
#site-nav ul li a {
	display: block;
	padding: 0 10px;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.2;
	font-weight: normal;
	color: rgba(255, 255, 255, .66);
}
#site-nav ul li a:hover {
	color: #fff;
}
#site-nav ul ul li a {
	font-weight: normal;
}
#site-nav ul ul ul li a,
.widget_nav_menu ul ul ul li a,
.widget_pages ul ul ul li a,
.widget_categories ul ul ul li a {
	margin-left: 20px;
}
#site-nav ul ul li a:before,
.widget_nav_menu ul ul li a:before,
.widget_pages ul ul li a:before,
.widget_categories ul ul li a:before {
	display: inline;
	content: '\002d';
	padding: 0 20px 0 0;
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
}
.widget_nav_menu ul li a:hover {
	background: none;
}

/* --- Grid/Archives Buttons --- */
.grid-switcher {
	display: none;
}
a#grid-btn,
.list-view a#list-btn {
	display: none;
}
a#list-btn,
.list-view a#grid-btn {
	display: block;
}

/* --- Main Search Form --- */
.search-wrap {
	width: 100%;
	display: block;
}
.search-wrap #searchform {
	max-width: 100%;
}
.search-wrap #searchform input#s {
	width: 100%;
	float: left;
	padding: 0 12px 0 34px;
	height: 50px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	vertical-align: baseline;
	background: #000 url(images/defaulticons.png) 10px -257px no-repeat;
	border: none;
	color: #fff;
}
.search-wrap #searchform input[type="submit"] {
	display: none;
}

/* --- About Header Widget --- */
.widget-area .widget_ubud_about {
	padding: 0 !important;
}
#site-about {
	padding: 30px