/*
Theme Name: Drync Blog Theme
Theme URI: https://drync.vom
Author: Find & Form
Author URI: http://findandform.com
Description: Drync Blog Theme
Version: 1.1
*/

/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Page Styles
	#Media Queries */
	
/* #Font-Face
================================================== */

@font-face {
    font-family: 'dinregular';
    src: url('fonts/din-regular-webfont.eot');
    src: url('fonts/din-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/din-regular-webfont.woff') format('woff'),
         url('fonts/din-regular-webfont.ttf') format('truetype'),
         url('fonts/din-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinbold';
    src: url('fonts/din_bold-webfont.eot');
    src: url('fonts/din_bold-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/din_bold-webfont.woff') format('woff'),
         url('fonts/din_bold-webfont.ttf') format('truetype'),
         url('fonts/din_bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'din_mediumregular';
    src: url('fonts/din_medium-webfont.eot');
    src: url('fonts/din_medium-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/din_medium-webfont.woff') format('woff'),
         url('fonts/din_medium-webfont.ttf') format('truetype'),
         url('fonts/din_medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* #Site Styles
================================================== */

body {
	/*background: url(images/bodyBG.png) center top no-repeat;*/
	background-color: #fff;
}

.container {
	max-width: 1060px;
	margin: 0 auto;
}

h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }

h1, h2, h3, h4, h5, h6 { font-family: 'dinbold'; }

#header {
	float: left;
	width: 100%;
	padding: 9px 0 5px 0;
	background-color: #111;
}

#header .logo {
	float: left;
	margin: 2px 0;
}

#header .logo a {
	display: block;
}

#header .panel {
	float: right;
	width: 300px;
}

#header .panel ul {
	float: left;
	margin: 0;
	padding-top: 16px;
}

#header .panel ul li {
	float: left;
	display: inline-block;
	margin: 0;
	line-height: 18px;
	padding-left: 25px;
}

#header .panel ul li a {
	font-family: 'dinbold';
	color: #fff;
	text-decoration: none;
}

#header .panel ul li.discover {
	background: url(images/discover-icon.png) left top no-repeat;
	margin-left: 5px;
	line-height: 23px;
}

#header .panel ul li.user {
	background: url(images/user-icon.png) left center no-repeat;
	margin-left: 20px;
}

#header .panel ul li.user a {
	background: url(images/down-arrow.png) right center no-repeat;
	padding-right: 12px;
}

#header .panel .download {
	float: right;
	text-align: center;
	background-color: #990000;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

#header .panel .download:hover {
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#header .panel .download a {
	display: block;
	font-family: 'dinbold';
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	padding: 15px 9px;
}

#content {
	float: left;
	width: 100%;
}

#content .heading {
	float: left;
	width: 100%;
	text-align: center;
	border-bottom: 1px #e5e5e5 solid;
	padding: 8px 0 7px 0;
	margin-bottom: 19px;
}

.single #content .heading h2 {
	width: 90%;
}

#content .heading h2 {
	float: left;
	width: 100%;
	font-size: 24px;
	font-family: 'din_mediumregular';
	color: #333;
	text-transform: uppercase;
	margin: 0;
}

#content .heading .back,
#content .heading .next  {
	cursor: pointer;
	width: 5%;
	font-family: 'dinbold';
	font-size: 14px;
	padding-top: 10px;
}

#content .heading .back {
	float: left;
	text-align: left;
}

#content .heading .next {
	float: right;
	text-align: right;
}

#content .heading .back a,
#content .heading .next a {
	color: #999;
	text-decoration: none;
}

#content .heading .back a:hover,
#content .heading .next a:hover {
	text-decoration: underline;
}

#content .heading .back a {
	background: url(images/back-arrow.png) left center no-repeat;
	padding-left: 10px;
}

#content .heading .next a {
	background: url(images/next-arrow.png) right center no-repeat;
	padding-right: 10px;
}

#content .posts {
}

#content .post {
	float: left;
	width: 340px;
	padding-bottom: 14px;
	border-top: 3px #990000 solid;
	border-bottom: 3px #f2f2f2 solid;
	margin-right: 20px;
	margin-bottom: 20px;
}

#content .post.last {
	float: right;
	margin: 0;
}

#content .post img {
	max-width: 100%;
}

#content .post .meta {
	float: left;
	padding-left: 20px;
	padding-top: 10px;
}

#content .post .meta h3 {
	font-size: 18px;
	line-height: 18px;
	font-family: 'din_mediumregular';
	color: #333;
	margin-bottom: 8px;
}

#content .post .meta a {
	text-decoration: none;
}

#content .post .meta a:hover {
	text-decoration: underline;
}

#content .post .meta h4 {
	font-size: 14px;
	line-height: 14px;
	font-family: 'din_mediumregular';
	color: #999;
	margin: 0;
}

#content .post .gobtn {
	float: right;
	margin-top: 9px;
	background: url(images/gobtn.png) #990000 center center no-repeat;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

#content .post .gobtn a {
	display: block;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
}

#content .post .gobtn:hover {
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#footer {
	float: left;
	width: 100%;
	border-top: 1px #ccc solid;
	padding: 45px 0;
	margin-top: 72px;
}

#footer .copyright {
	float: left;
	width: 110px;
	margin-right: 10px;
	font-family: 'dinbold';
	font-size: 14px;
	color: #333;
}

#footer .links {
	float: left;
}

#footer .links ul {
	float: left;
	width: 360px;
}

#footer .links ul li {
	float: left;
	width: 110px;
	margin-right: 10px;
}

#footer .links ul li a {
	font-family: 'dinbold';
	font-size: 14px;
	color: #990000;
	text-decoration: none;
}

#footer .links ul li a:hover {
	text-decoration: underline;
}

/* #Page Styles
================================================== */

.content {
	float: left;
	width: 700px;
	margin-right: 20px;
}

.content .head {
	margin-bottom: 28px;
}

.content h1.title {
	font-family: 'din_mediumregular';
	font-size: 28px;
	color: #333;
	margin: 12px 0 5px 0;
	word-spacing: -2px;
	line-height: 30px;
}

.content h3.date {
	font-family: 'din_mediumregular';
	font-size: 18px;
	color: #999;
}

.content p, .content ul, .content li {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 16px;
	color: #333;
	line-height: 20px;
	margin-bottom: 24px;
}

.content ul {
	list-style-position:oustide;
	list-style-type: disc;
	margin-left: 20px;
}

.content h1, .content h2, .content h3, .content h4, .content h5 { line-height: normal; color: #666; margin-bottom: 14px; }

.content h3 { text-transform: uppercase; }

.content a {
        font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	color: #CC4f4f;
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}

.app-feature {
	float: left;
	border-top: 5px #f2f2f2 solid;
	border-bottom: 5px #f2f2f2 solid;
	padding: 30px 0;
	margin: 0 0 20px 0;
}

.app-feature .img {
	float: left;
	width: 25%;
}

.app-feature .details {
	float: left;
	width: 75%;
}

.st_share_custom {
	float: left;
	border: 3px #f7f7f7 solid;
	padding: 6px 4px 0 4px;
	margin-bottom: 20px;
}

.stButton .stLarge {
	height: 15px !important;
}

.st_sharethis_large {
	padding-right: 20px;
	margin-right: 0;
	/*border-right: 2px #f7f7f7 solid;*/
}

.st_sharethis_large .stButton .stLarge {
	width: 61px;
	background: url(images/ShareThis.png) left top no-repeat !important;
}

.st_email_large, .st_facebook_large, .st_twitter_large {
	margin: 0 5px;
}

.st_email_large .stButton .stLarge {
	width: 15px;
	background: url(images/ShareThis.png) -82px top no-repeat !important;
}

.st_facebook_large .stButton .stLarge {
	width: 10px;
	background: url(images/ShareThis.png) -108px top no-repeat !important;
}

.st_twitter_large .stButton .stLarge {
	width: 14px;
	background: url(images/ShareThis.png) right top no-repeat !important;
}

.fbclear {
	clear: both;
	height: 20px;
	border-top: 5px #f2f2f2 solid;
	margin-top: 20px;
}

.sidebar {
	float: left;
	width: 280px;
	background-color: #fafafa;
	padding: 30px;
}

/* == WordPress CSS - Default WordPress Widgets == */

.widget { float: left; clear: both; }
.widget h3.title { font-family: 'dinbold'; font-size: 16px; color: #111; text-transform: uppercase; }

.widget ul { }
.widget ul li {
	float: left;
	margin-bottom: 15px;
	clear: left;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
.widget ul li:hover {
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.widget ul li a {
	font-family: 'din_mediumregular';
	font-size: 14px;
	color: #990000;
	text-decoration: none;
}

.widget ul li span { float: left; font-family: 'din_mediumregular'; font-size: 12px; color: #999; margin-top: 3px; }

/* links widget */
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a { }

/* meta widget */
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}

/* pages widget */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

/* recent-posts widget */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}

/* archives widget */
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {} 
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}

/* tag-cloud widget */
.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}

/* calendar widget */
.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}

/* category widget */
.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {} 
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}

/* recent-comments widget */
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}

/* search widget */
#searchform {}
.widget_search {}
.screen-reader-text {}

/* text widget */
.textwidget {}
.widget_text {}
.textwidget p {}

/* == WordPress WYSIWYG Editor Styles == */

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	/* width: 100% !important;*/
	margin-bottom: 1em;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	font-family: 'dinregular';
	font-size: 14px;
	color: #333;
	line-height: normal;
	margin: 0;
	padding: 5px 0 0 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		.container { margin: 0 20px; }
		#content .post { width: 303px; margin-right: 20px; }
		#content .post .meta h3 { font-size: 16px; line-height: 30px; }
		.content { width: 660px; margin-right: 30px; }
		.content img { max-width: 100%; }
		.sidebar { width: 260px; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.container { margin: 0 20px; }
		#content .post { width: 44%; margin-left: 20px; margin-right: 20px; background-color: #fff; border-bottom: none; }
		#content .post.last { float: left; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; }
		#content .post .meta { padding-left: 0px; }
		.sidebar { display: none; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 660px) {
		.container { margin: 0 20px; }
		#header .panel { display: none; }
		#header .logo { float: none; text-align: center; margin: 0; }
		#content { background-color: #e2e2e2; padding-top: 20px; }
		#content .heading { display: none; }
		#content .posts { }
		#content .post { float: left; width: 100%; background-color: #fff; border-bottom: none; margin: 0; margin-bottom: 20px; }
		#content .post img { max-height: 302px; max-width: 100%; width: 100%; }
		#content .post.last { float: left; margin-left: 0px; }
		#content .post .meta { padding-left: 10px; }
		#content .post .meta h3 { font-size: 30px; line-height: 30px; }
		#content .post .meta h4 { font-size: 21px; line-height: 21px; }
		#content .post .gobtn { background: url(images/gobtn-mobile.png) #990000 center center no-repeat; margin-right: 20px; }
		#content .post .gobtn a { width: 62px; height: 62px; }
		.single #content { background-color: #fff; }
		.content { width: 100%; }
		.content img { max-width: 100%; }
		.sidebar { display: none; }
		.content h1.title { font-size: 30px; }
		.content h3.date { font-size: 21px; }
		.content p { font-size: 16px; }
		.app-feature .details { margin-left: 20px; width: 70%;}
		.app-feature p { font-size: 21px; }
		.wp-caption p.wp-caption-text { font-size: 24px; }
		#footer .copyright { float: none; text-align: center; width: 100%; margin-bottom: 20px; font-size: 18px; }
		#footer .links { width: 100%; }
		#footer .links ul { width: 100%; }
		#footer .links ul li { width: 33%; }
		#footer .links ul li a { font-size: 16px; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#content .post .meta { padding-left: 10px; }
		#content .post .meta h3 { font-size: 22px; }
		#content .post .meta h4 { font-size: 16px; }
	}