/*

Yogensia's custom Tumblr theme
http://yogensia.tumblr.com/

Document Outline:
-----------------

- RESETS
  - Normalize
  - Custom Fonts
  - Typography
  - Links
  - Utility Styles
- STRUCTURE
  - Post Layout
  - Post Types
  - Post List Meta
  - Single Post Meta
  - Side Buttons
  - Footer
- TRANSITIONS/ANIMATIONS
- PLUGINS
- SCROLLBAR
- MEDIA QUERIES

*/


/* RESETS
-------------------------------------------------------------- */

/* Normalize - http://github.com/necolas/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0;}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/* Custom Fonts */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}


/* Typography */
html {
	font-size:100.01%;
}

body {
	font:62.5%/1em "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#wrapper {
	font-size:1.4em;
	line-height:1.5em;
	padding:0 0 30px;
	text-shadow:0 1px 1px #111;
}

p,
.post blockquote footer,
.post ul,
.post ol {
	margin:18px 0;
	padding:0;
}

.post ul,
.post ol {
	padding-left:25px;
}

.post li {
	line-height:1.286em;
}

.post blockquote {
	border-left:4px solid #0081b1;
	margin:18px 0 18px 0;
	padding-left:15px;
	font-style:italic;
}

.post blockquote img {
	box-shadow:none;
	max-width:100%;
}

.post code {
	color: #38d88a;
}

.post pre {
	padding: 0 20px;
}

.post h2 {
	margin-top: 2em;
	text-transform: uppercase;
}

.post h3 {
	margin-top: 2em;
	text-transform: uppercase;
}


/* Links */
a img {
	border:none;
}

a {
	color:#02a6e3;
	text-decoration:none;
}
a:hover,
a:focus {
	color:#ffb43b;
}
a:focus,
a:active {
	outline:none;
}


/* Utility Styles */
::selection {
	background:#0082b3;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#0082b3;
	color:#FFF;
	text-shadow:none;
}



/* STRUCTURE
-------------------------------------------------------------- */

body {
	background:#252b32;
	color: #e2e2e2;
	margin:0;
	padding:280px 0 0;
}

#branding-background {
	background:#80282d url(https://cdn.yogensia.com/tumblr/img/bg-branding.jpg) center top fixed;
	display:block;
	height:280px;
	position:absolute;
	top:0;
	width:100%;
}

#wrapper {
	background:#252b32;
}

#header {
	padding:60px 0;
}

#header h1 {
	margin:0;
	padding:0;
	position:absolute;
	top:80px;
	width:100%;
}

#header h1 a {
	background:url(https://cdn.yogensia.com/tumblr/img/yogensia-logo.png);
	display:block;
	height:68px;
	margin:0 auto;
	opacity:0.7;
	text-indent:-9999px;
	width:235px;
}
#header h1 a:hover {
	opacity:1;
}

#branding-avatar {
	position:absolute;
	top:220px;
	width:100%;
}

#yogensia-avatar {
	background:#252b32;
	border-radius:8px;
	display:block;
	margin:0 auto;
	padding:7px;
	width:100px;
}

#branding-avatar a {
	background:url(https://cdn.yogensia.com/tumblr/img/yogensia-avatar.jpg);
	border-radius:5px;
	display:block;
	height:100px;
	text-indent:-9999px;
	width:100px;
}


/* Post Layout */
#content {
	margin:0 auto;
	width: 730px;
}

.postContainer {
	background:#212426;
	border-radius:7px;
	margin:0 auto 30px;
	padding:15px;
	position:relative;
}

.post h1 {
	font-size:1.8em;
	margin:0 0 18px 0;
	padding:0;
	display:block;
	font-size:1.8em;
	line-height:1.225em;
	font-weight:bold;
	padding-top:5px;
	text-transform: uppercase;
}

.post img {
	display:block;
	height:auto;
	margin:0 auto 18px;
	/* max-width:500px; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

.html_photoset {
	margin-bottom:-18px;
}

.tag_transparent .post img {
	box-shadow:none;
}


/* Post Types */
.post .image,
.post .photoset-grid {
	margin-bottom:18px;
}

.photoset-grid img {
	margin-bottom:0;
}

.post .link {
	display:block;
	font-size:1.8em;
	line-height:1.225em;
	font-weight:bold;
	padding-top:5px;
	text-align:center;
}

.post blockquote.postQuote {
	font-size:1em;
	margin:0;
}
blockquote.postQuote:before {
	content:"";
}
blockquote.postQuote:after {
	content:"";
}
.post blockquote.postQuote p {
	font-size:1.6em;
	line-height:1.375em;
	text-align:center;
}
blockquote.postQuote p:before {
	content:"\201C";
	content:open-quote;
}
blockquote.postQuote p:after {
	content:"\201D";
	content:close-quote;
}
.post blockquote.postQuote footer {
	text-align:right;
}
.post blockquote.postQuote footer:before {
	content:"\2013";
}

.chat {
	font-size:1.2em;
	margin:0 0 18px 0;
}
.chat td {
	padding:5px 8px;
}
.chat td.label {
	font-weight:bold;
	text-align:right;
}

.embed-box {
	margin-bottom:18px;
	position: relative;
	padding-top: 30px;
	height: auto;
	overflow: hidden;
	padding-bottom: 100%;
}
.embed-box iframe,
.embed-box object,
.embed-box embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video .embed-box {
	padding-bottom: 50.25%; /* ratio for youtube embed */
}


/* Post List Meta */
.postMeta {
	font-size:0.857em;
	line-height:1.168em;
	overflow:hidden;
	border-top:1px solid #293035;
	padding-top:15px;
}

.postMeta .postNotes {
	position:absolute;
	right:15px;
}

.postMeta .postDate,
.postMeta .postTags {
	float:left;
}

.postMeta .postTags {
	clear:left;
	margin:5px 0 0;
	padding:0;
	opacity:0.8;
}

.postMeta .postTags li {
	list-style:none;
	float:left;
	margin-right:5px;
}

.postMeta .postTags a {
	background:#0082b3;
	color:#fff;
	display:block;
	padding:2px 4px;
	border-radius:3px;
	text-shadow:none;
}

.postMeta .postTags {
	margin:5px 0 0;
}

.postMeta .postTags li {
	margin:5px 5px 0 0;
}

.postMeta .postTags a:hover,
.postMeta .postTags a:focus {
	background:#3ab5e3;
}


/* Single Post Meta */
#singlePostNotes {
	margin-top:-15px;
}

ol.notes,
ol.notes li {
	margin:0;
	padding:0 0 0 30px;
}

ol.notes li.note {
	font-size:0.857em;
	line-height:1em;
	padding:2px 0;
}

ol.notes li.more_notes_link_container {
	list-style:none;
	padding:15px 30px 10px 0;
}

#singlePostNotes blockquote {
	margin:5px 25px 12px;
}

ol.notes li.note img.avatar {
	height:16px;
	margin-right:3px;
	padding:2px;
	vertical-align:-7px;
	width:16px;
}


/* Side Buttons */
#content > article {
	position:relative;
}

.side-buttons {
	padding:15px 15px 10px;
	position:absolute;
	right:-50px;
	top:0;
	opacity:0.15;
}

article:hover .side-buttons {
	opacity:1;
}

.like_button,
.reblog_button {
	opacity:0.6;
	margin-bottom:5px;
}

.like_button:hover,
.reblog_button:hover {
	opacity:1;
}


/* Footer */
#colophon {
	display:block;
	margin:0 auto;
	padding:0;
	width:532px;
	position:relative;
}

.credits {
	padding:0;
	text-align:center;
}

.navPrev,
.navNext {
	position:absolute;
	top:0;
}

.navNext {
	right:0;
}



/* TRANSITIONS/ANIMATIONS
-------------------------------------------------------------- */

a,
a img,
#header h1 a,
.postContainer .postMeta {
	-webkit-transition: 1s all;
	   -moz-transition: 1s all;
	     -o-transition: 1s all;
	        transition: 1s all;
}

article .side-buttons {
	-webkit-transition: 0.5s all;
	   -moz-transition: 0.5s all;
	     -o-transition: 0.5s all;
	        transition: 0.5s all;
}

a:hover,
a:focus,
a:focus img,
#header h1 a:hover,
#header h1 a:focus,
.postContainer:hover .postMeta,
article:hover .side-buttons {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
}



/* PLUGINS
-------------------------------------------------------------- */

/* Magnific Popup */

button.mfp-close:focus,
button.mfp-arrow:focus {
	outline: 0;
}



/* SCROLLBAR
-------------------------------------------------------------- */

::-webkit-scrollbar {
	background:#212426;
	height:14px;
	width:14px;
}

::-webkit-scrollbar-thumb {
	background:#b61c26;
	border:2px solid #212426;
	border-radius:10px;
}

::-webkit-scrollbar-thumb:hover {
	background:#fb2531;
}



/* MEDIA QUERIES
-------------------------------------------------------------- */

@media only screen and (max-width: 760px),
only screen and (max-device-width: 760px) {

	#content {
		overflow:hidden;
		width:100%;
	}

	.postContainer {
		border-left:0;
		border-radius:0;
		border-right:0;
		border-top:0;
		margin:0;
		padding:0 0 65px 0;
	}

	.post img {
		margin:0;
		max-width:100%;
		width:100%;
	}

	.post > div > p,
	.post blockquote {
		padding:0 10px;
	}

	.side-buttons {
		display:none;
	}

	.postMeta {
		margin:0 10px;
		opacity:1;
		text-align:center;
	}

	.postMeta .postDate,
	.postMeta .postTags,
	.postMeta .postNotes {
		float:none;
		margin:0;
		padding:0;
		position:static;
	}

	.postMeta .postDate {
		display:block;
		margin-bottom:5px;
	}

	.postMeta .postTags {
		margin:0 0 10px;
		overflow:hidden;
	}

	.postMeta .postTags li {
		display:inline-block;
		float:none;
	}

	.postMeta .postTags a {
		opacity:1;
	}

	#colophon {
		width:100%;
	}

	.credits {
		padding:0;
		margin:30px 0;
	}

	.navPrev {
		left:30px;
	}

	.navNext {
		right:30px;
	}

	#singlePostNotes {
		padding-bottom:30px;
	}

	ol.notes li.more_notes_link_container {
		padding: 30px 30px 10px 0;
	}

	.more_notes_link {
		background:#0082b3;
		border-radius:10px;
		color:#fff;
		padding:2px 8px;
		text-shadow:none;
	}

	.more_notes_link:hover {
		background:#3ab5e3;
		color:#fff;
	}

	.postContainer .owl-carousel,
	.postContainer .owl-carousel .owl-wrapper-outer {
	margin:0 auto 18px;
	}

	.postContainer .owl-theme .owl-controls .owl-page span {
	margin:0 5px;
	}

}