/* ------------------------------------------------------------
Theme Name: Speak
Theme URI: http://dzignine/speak
Description: Speak magazine WordPress theme by Biyan Pasau
Author: Biyan Pasau
Author URI: http://dzignine.com
Version: 1.1
Tags: white, two-columns, threaded-comments, translation-ready, editor-style, custom-menu
License: GNU General Public License
License URI: license.txt
--------------------------------------------------------------
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your template, you should not edit the styles in this file.
Instead use the custom.css file or child theme 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.
----------------------------------------------------------- */

@import url("css/reset.css");
@import url("css/wordpressclass.css");

/* -----------------------------------------------------------
01. Global
----------------------------------------------------------- */
body {
	background: #fff;
	padding: 0;
	margin: 0;
	font: normal normal 12px/1.7em 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	color: #555;
}
h1, h2, h3, h4, h5, h6 {
		font-family: 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, Sans-serif;
		font-weight: 700;
}

a:link {color: #111}
a:visited {color: #222}
a:hover {color: #f56060}

.left {float: left;}
.right {float: right}
.clear {clear: both;}
.center {
	text-align: center;
}
.no-style,
.no-style a {
	background: none !important;
	border: 0 !important;
}

ul:after, li.post:after, .clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
p {
	margin-top: 10px;
	margin-bottom: 10px;
}

#outer-wrapper {
	width: 1120px;
	margin: 0 auto;
	background: url(images/bg_outer.png) repeat-x left top;
}
#content-wrapper {
	width: 940px;
}


/* -----------------------------------------------------------
02. Header
----------------------------------------------------------- */
.header {
	padding: 40px 0;
}
.header img {
	display: block;
	margin: 0;
}
.header h1 {
	font: normal 72px/.7em Rokkitt, 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	letter-spacing: -.05em;
}
.header h1 a {
	text-decoration: none;
}

/* Socialhub & Searchbox
----------------------------------------------------------- */
.socialb {
	background: #777;
	color: #fff;
	font: 700 normal 15px 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	text-transform: uppercase;
	overflow: hidden;
}
.socialb span {
	display: block;
	float: left;
	background: #444;
	padding: 15px;
}
.socialb ul {
	float: left;
	padding: 15px 0;
	margin-right: -1px;
}
	.socialb ul li {
		float: left;
	}
	.socialb ul li a {
		display: block;
		float: left;
		text-indent: -800px;
		width: 20px;
		height: 20px;
		padding: 0 15px;
		border-right: 1px solid #8f8f8f;
	}
	.socialb ul li.faceb a {
		background: url(images/icon_faceb.png) no-repeat center center;
	}
	.socialb ul li.twitr a {
		background: url(images/icon_twitr.png) no-repeat center center;
	}
	.socialb ul li.behnc a {
		background: url(images/icon_behance.png) no-repeat center center;
	}
	.socialb ul li.gplus a {
		background: url(images/icon_gplus.png) no-repeat center center;
	}
	.socialb ul li.pintr a {
		background: url(images/icon_pinterest.png) no-repeat center center;
	}

.searchbox {
	background: #eee;
	padding: 10px;
}
.searchbox #searchform {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
#searchform #s {
	padding: 11px 10px;
	margin: 0;
	width: 290px;
	margin-right: 10px;
	border: 1px solid #ccc;
	float: left;
	background: #fff;

	box-shadow: inset 1px 1px 2px #eee;
	border-radius: 1px;
}
#searchform #searchsubmit {
	background-image: url(images/arrow_search.png);
		background-image: url(images/arrow_search.png), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#c2c2c2));
		background-image: url(images/arrow_search.png), -webkit-linear-gradient(top, #d2d2d2, #c2c2c2);
		background-image: url(images/arrow_search.png), -moz-linear-gradient(top, #d2d2d2, #c2c2c2);
		background-image: url(images/arrow_search.png), -ms-linear-gradient(top, #d2d2d2, #c2c2c2);
		background-image: url(images/arrow_search.png), -o-linear-gradient(top, #d2d2d2, #c2c2c2);
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: inset 1px 1px 0 #ddd, 1px 1px 2px #ddd;
		-webkit-box-shadow: inset 1px 1px 0 #ddd, 1px 1px 2px #ddd;
		-moz-box-shadow: inset 1px 1px 0 #ddd, 1px 1px 2px #ddd;
		-o-box-shadow: inset 1px 1px 0 #ddd, 1px 1px 2px #ddd;
	border-radius: 1px;
	
	text-indent: -8000px;
	width: 39px;
	height: 39px;
	float: right;
	cursor: pointer;
	border: 1px solid #aaa;
}

.mini-nav {
	font-size: 10px;
	text-transform: uppercase;
}
.mini-nav li {
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #ddd;
}
.mini-nav li a {
	text-decoration: none;
	color: #555;
}
.mini-nav li a:hover {
	text-decoration: underline;
	color: #000;
}


/* -----------------------------------------------------------
03. Navigation
----------------------------------------------------------- */
.primary-nav {
	border-bottom: 1px solid #ccc;
	font: 700 normal 15px 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	text-transform: uppercase;
	color: #000;
}
.primary-nav ul {
	background: url(images/bg_nav-border.png) repeat-x left top;
}
.primary-nav li {
	float: left;
	padding: 15px 20px;
	border-right: 1px solid #ccc;
	position: relative;
}
.primary-nav li a {
	display: block;
	float: left;
	text-decoration: none;
}
.primary-nav li.current-menu-item {
	background: url(images/bg_nav-current.png) repeat-x left top;
}
.primary-nav select {
	display: none;
}
.primary-nav ul ul li span {
	display: none;
}
	.primary-nav ul.sub-menu {
		position: absolute;
		z-index: 700;
		width: 150px;
		left: -1px;
		top: 53px;
		padding: 0 20px;
		overflow: hidden;
		background: #fff;
		border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
		display: none;
	}
	.primary-nav ul.sub-menu li {
		clear: both;
		float: none;
		border: 0;
		padding: 0;
		margin-right: 0;
		font: normal 11px/1.6em 'Helvetica Neue', Helvetica, Arial, Sans-serif;
		text-transform: capitalize;
	}
	.primary-nav ul.sub-menu li a {
		float: none;
		padding: 10px 0;
		border-bottom: 1px solid #eee;
	}
	.primary-nav ul.sub-menu li.current-menu-item {
		background: none;
	}

/* Slidetoggle / Mobile Navigation
----------------------------------------------------------- */
.jhea {
	display: none;
}

/* == Button == */
.slide {
	background: #444 url(images/icon_mobilenav.png) no-repeat center center;
	width: 50px;
	height: 50px;
	overflow: hidden;
	
	display: none /* Hide the button in desktop screen */;
}
.slide .button-slide {
	width: 50px;
	height: 50px;
	display: block;
	text-indent: -900px;
}

/* == Panel == */
.slidetoggle {
	background: #444;
	color: #fff;
	padding: 20px;
	display: none;
}
.slidetoggle .widget {
	width: 50%;
	margin-bottom: -7px;
}
.slidetoggle .widget a {
	color: #fff;
}
.slidetoggle .widget h3.title {
	border-bottom: 0;
	padding-top: 0;
	background: url(images/bg_slidetoggle-widget-title.png) no-repeat left bottom;
	color: #fff;
}

/* == Widget == */
.slidetoggle ul li {
	border: 0;
	background: none;
	padding: 0;
	margin: 7px 0;
}
.slidetoggle ul.sub-menu {
	padding-left: 20px;
	background: url(images/arrow_mobilenav-sub.png) no-repeat left top;
}
.slidetoggle ul.sub-menu a {
	color: #ddd;
}


/* -----------------------------------------------------------
04. Main Wrapper
----------------------------------------------------------- */
.main-wrapper {
	width: 640px;
	margin: 20px 0;
}
.post h2.entry-title a {
	text-decoration: none;
}
.post img {
	max-width: 100%;
	height: auto;
	overflow: hidden;
}
.post-header li {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #ddd;
	float: left;
	text-transform: uppercase;
	font-size: 10px;
}
	.post-header .zillalike {
		float: right;
		text-align: right;
		border: none;
		font-size: 12px;
	}
	.post-header li a {
		text-decoration: none;
	}
.post-footer a {
	text-decoration: none;
}
.post .thumbnail {
	position: relative;
	display: block;
}
.post .thumbnail img {
	display: block;
	margin: 0;
	width: 100%;
	height: auto;
}
	.post .thumbnail .onhover {
		position: absolute;
		background: transparent url(images/bg_onhover.png);
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		display: none;
		
		z-index: 2;
	}
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
	margin-top: 20px;
	font-size: 34px;
	line-height: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
}
.post .post-body h2 {
	font-size: 27px;
}
.post .post-body h3 {
	font-size: 23px;
	line-height: 1.5em;
}
.post .post-body h4 {
	font-size: 19px;
	line-height: 1.6em;
}
.post .post-body h5 {
	font-size: 14px;
	line-height: 1.8em;
}
.post .post-body h6 {
	font-size: 10px;
	line-height: 1.8em;
}
.post-body ul,
.post-body ol {
	margin-top: 20px;
	margin-bottom: 20px;
	list-style-type: square;
	margin-left: 20px;
}
.post-body ol {
	list-style-type: decimal
}
.post blockquote {
	padding: 10px 20px;
	font-size: 18px;
	line-height: 1.6em;
	background: url(images/bg_blockquote.png) no-repeat 20px 10px;
	color: #000;
}
	.post blockquote p {
		padding: 10px;
		margin: 0;
	}
.post .pullquote  {
	font-size: 20px;
	line-height: 1.5em;
	color: #aaa;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

/* Homepage
----------------------------------------------------------- */
#homepage .main-wrapper {
	margin-left: -10px;
	margin-right: -10px;
}
#homepage .main-wrapper .post {
	width: 300px;
	margin: 10px;
	margin-bottom: 40px;
	border-bottom: 4px solid #444;
	float: left;
}
#homepage .post .entry-title {
	font-size: 18px;
	line-height: 1.3em;
	padding: 20px 0;
}
#homepage .post .post-body {
	padding: 0;
	margin: 0;
}
#homepage .post .post-footer {
	background: url(images/border_pfooter.png) repeat-x left top;
	padding: 20px 0;
	margin-top: 20px;
}
	#homepage .post-footer li {
		margin-right: 10px;
		padding-right: 10px;
		border-right: 1px solid #ddd;
		float: left;
		text-transform: uppercase;
		font-size: 10px;
	}
	#homepage .post-footer .zillalike {
		float: right;
		text-align: right;
		border: none;
		font-size: 12px;
	}
	.post-footer li.avatar {
		border-radius: 2px;
		overflow: hidden;
	}
		.avatar img {
			margin: 0;
			display: block;
		}

/* Single
----------------------------------------------------------- */
#single .main-wrapper {
	width: 620px;
}
#single .thumbnail {
	margin-bottom: 20px;
}
#single h2.entry-title {
	font-size: 27px;
	line-height: 1.1em;
	margin-bottom: 20px;
	color: #000;
	text-transform: uppercase;
}
#single .post-header {
	border-bottom: 4px solid #444;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
#single .post {
	margin-top: 10px;
}
#single .post .post-body {
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.7em;
}

/* Paged
----------------------------------------------------------- */
#paged .main-wrapper {
	width: 620px;
}
#paged h2.entry-title {
	font-size: 27px;
	line-height: 1.1em;
	margin-bottom: 20px;
	margin-top: 5px;
	padding-bottom: 10px;
	text-transform: uppercase;
	color: #000;
	border-bottom: 4px solid #444;
}
#paged .post .post-body {
	font-size: 14px;
	line-height: 1.7em;
}

/* Page=wide
----------------------------------------------------------- */
#paged #wide {
	width: 940px;
}

/* Page=archive
----------------------------------------------------------- */
#page-archive .archive-section h4 {
	font-size: 15px;
	color: #000;
}
.archive-section li a {
	text-decoration: none;
	border-bottom: 1px dotted #ddd;
}

/* Additional homepage
----------------------------------------------------------- */
#homepage .main-wrapper .addcontent {
	position: relative;
	width: 620px;
	border: 0;
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom: 0;
}
#homepage .main-wrapper .addcontentdua {
	position: relative;
	width: 620px;
	border: 0;
	background: #eee;
	margin-bottom: 10px;
}
#homepage .main-wrapper .addcontentdua .post-body {
	padding: 20px;
}
	.addcontent .post .pullquote,
	.addcontentdua .post .pullquote {
		margin-bottom: 0 !important;
	}

/* Popular Posts
----------------------------------------------------------- */
#homepage .main-wrapper .list_carousel {
	position: relative;
	width: 620px;
	border: 0;
	background: #777;
	margin-bottom: 10px;
}
.list_carousel ul {
	margin: 0;
	padding: 20px 10px;
	list-style: none;
	display: block;
}
.list_carousel li {
	text-align: center;
	width: 280px;
	padding: 0 10px;
	min-height: 270px;
	display: block;
	float: left;
}
.list_carousel li a {
	color: #fff;
}
.list_carousel .ita img {
	width: 100%;
	height: auto;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.list_carousel .nav_carousel {
	background: #444;
	border-top: 1px solid #8f8f8f;
	height: 30px;
}
	.list_carousel .nav_carousel span {
		display: block;
		text-align: center;
		text-transform: uppercase;
		font-size: 10px;
		line-height: 3em;
		color: #8f8f8f;
	}
	.list_carousel .pop_link {
		font: bold normal 12px/1.6em 'Helvetica Neue', Helvetica, Arial, Sans-serif;
		margin: 10px 0;
	}
	.list_carousel .pop_link a {
		text-decoration: none;
	}
	.list_carousel .popentry-date {
		font-size: 10px;
		font-weight: bold;
		color: #aaa;
	}
	.nav_carousel a:hover {
		background-color: #333;
	}
	.nav_carousel .prev {
		float: left;
		background: url(images/arrow_carousel-prev.png) no-repeat center center;
		text-indent: -900px;
		width: 30px;
		height: 30px;
		border-right: 1px solid #8f8f8f;
	}
	.nav_carousel .next {
		float: right;
		background: url(images/arrow_carousel-next.png) no-repeat center center;
		text-indent: -900px;
		width: 30px;
		height: 30px;
		border-left: 1px solid #8f8f8f;
	}


/* Post Formats
----------------------------------------------------------- */
.thumbnail .nbadge {
	background: #f56060;
	color: #fff;
	top: 0;
	left: 0;
	padding: 5px 10px;
	display: block;
	font: 700 normal 14px 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	text-transform: uppercase;
	
	position: absolute;
	z-index: 5;
}
	.thumbnail .nbadge.vid {
		background: #444 url(images/icon_video.png) no-repeat center center;
		text-indent: -800px;
		width: 25px;
		height: 25px;
		padding: 0;
		top: 10px;
		left: 10px;
	}
	.thumbnail .nbadge.aud {
		background: #444 url(images/icon_audio.png) no-repeat center center;
		text-indent: -800px;
		width: 25px;
		height: 25px;
		padding: 0;
		top: 10px;
		left: 10px;
	}
	.thumbnail .nbadge.gal {
		background: #444 url(images/icon_gallery.png) no-repeat center center;
		text-indent: -800px;
		width: 25px;
		height: 25px;
		padding: 0;
		top: 10px;
		left: 10px;
	}
	.thumbnail:hover .nbadge.vid,
	.thumbnail:hover .nbadge.aud,
	.thumbnail:hover .nbadge.gal {
		background-color: #f56060;
	}

/* --- Video --- */
.yaw {
	margin-bottom: 20px;
}
.videobox {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.videobox iframe,  
.videobox object,  
.videobox embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.yaw {
	width: 100%;
	max-width: 100%;
}
.vdb {
	width: 280px;
	height: 150px;
	overflow: hidden;
}
	.vdb .ytb {
		width: 280px;
		height: 150px;
		
		background-size: 280px auto !important;
	}
	.vdb .vmo {
		min-height: 150px !important;
	}

/* --- Audio --- */
.audiobox {
	margin-bottom: 20px;
}


/* Archieve
----------------------------------------------------------- */
#homepage #archives{
	width: 620px;
	margin-top: 0;
	margin-bottom: 10px;
}
#archives h3.widget-title {
	width: 620px;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 1.5em;
	padding: 10px 0;
	color: #000;
}

/* Ads
----------------------------------------------------------- */
.advleaderboard {
	background: #fff;
}
#homepage .main-wrapper .advbanner {
	background: #eee;
	text-align: center;
	padding: 20px 0;
	
	width: 620px;
	float: none;
	clear: both;
	border: 0;
	margin-bottom: 10px;
}
	.advbanner img {
		display: block;
		margin: 0 auto;
	}

/* Page Navigation
----------------------------------------------------------- */
#homepage .main-wrapper .pagenav {
	width: 100%;
	clear: both;
	border: 0;
	background: 0;
	margin: 20px 0 0 0;
	padding: 0;
}
.pagenav ul {
	padding: 0 10px;
}
.pagenav ul li.next {
	float: right;
	width: 50%;
	text-align: right;
}
.pagenav ul li.prev {
	float: left;
	width: 50%;
}
.pagenav ul li a {
	display: block;
	font: 700 normal 16px/1.6em 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background-color: #f56060;
	float: left;
	padding: 10px 20px;
	
	transition: .09s ease-in;
		-moz-transition: .09s ease-in;
			-webkit-transition: .09s ease-in;
				-o-transition: .09s ease-in;
}
.pagenav ul li a:hover {
	background-color: #444;
	
	transition: .09s ease-in;
		-moz-transition: .09s ease-in;
			-webkit-transition: .09s ease-in;
				-o-transition: .09s ease-in;
}
	.pagenav ul li.prev a {
		padding-left: 60px;
		background-image: url(images/arrow_pagenav-prev.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	.pagenav ul li.next a {
		float: right;
		
		padding-right: 60px;
		background-image: url(images/arrow_pagenav-next.png);
		background-repeat: no-repeat;
		background-position: right center;
	}

/* Comments
----------------------------------------------------------- */
.comments-wrapper {
}
.comments-wrapper .c-title,
.comments-wrapper #reply-title {
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 12px;
	font-size: 16px;
	border-bottom: 4px solid #444;
}
.comments-wrapper .commentisi {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #eee;
}
.comments-wrapper .children {
	margin-top: 40px;
	margin-bottom: -40px !important;
	padding-left: 40px;
	background: url(images/bg_arrow_cchildren.png) no-repeat left top;
}
.comments-wrapper .children .commentisi {
		padding-bottom: 0;
		border: 0;
}
.comment-header {
	margin-bottom: 20px;
}
.comment-header .ava,
.comment-header .meta {
	float: left;
}
.comment-header .ava {
	margin-right: 20px;
	height: 40px;
	width: 40px;
	
		border-radius: 2px;
	
	overflow: hidden;
}
.comment-header .author,
.comment-header .permalink {
	line-height: 1.4em;
}
.comment-header .author a,
.comment-header .author {
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}
.comment-header .permalink a {
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	color: #aaa;
}
.reply {
	margin-top: 20px;
}
.reply a {
	background: #ddd;
	margin-right: 10px;
	padding: 2px 7px;
	display: block;
	float: left;
	font-size: 10px;
	
		transition: .07s ease-in;
			-moz-transition: .07s ease-in;
				-webkit-transition: .07s ease-in;
					-o-transition: .07s ease-in;
		
	text-decoration: none;
	color: #fff;
}
.reply a:hover {
	background: #ccc;
	transition: .07s ease-in;
		-moz-transition: .07s ease-in;
			-webkit-transition: .07s ease-in;
				-o-transition: .07s ease-in;
}

/* --- Form --- */
#commentform {
	margin: 40px -5px 0;
}
#commentform .logged-in-as {
	padding: 5px;
	font-size: 13px;
}
#commentform p {
	margin-top: 20px;
}
#commentform label {
	display: none;
}
#commentform input {
	background: #eee;
	color: #777;
	border: none;
	padding: 15px 20px;
	width: 160px;
	margin: 5px;
	float: left;
}
#commentform textarea {
	background: #eee;
	border: none;
	padding: 15px 20px;
	margin: 5px;
	width: 580px;
}
#commentform #submit {
	width: auto;
	color: #fff;
	font: 700 normal 14px 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	text-transform: uppercase;
	padding: 10px 60px 10px 15px;
	background: #f56060 url(images/arrow_pagenav-next.png) no-repeat right center;
	cursor: pointer;
	
	transition: .09s ease-in;
		-moz-transition: .09s ease-in;
			-webkit-transition: .09s ease-in;
				-o-transition: .09s ease-in;
}
#commentform #submit:hover {
	background-color: #444;

	transition: .09s ease-in;
		-moz-transition: .09s ease-in;
			-webkit-transition: .09s ease-in;
				-o-transition: .09s ease-in;
}

/* Contact
----------------------------------------------------------- */
#contact_form,
.wpcf7-form {
	width: 630px;
	margin: 20px -5px 0;
	padding-right: 20px;
}
#contact_form input,
.wpcf7 input {
	background: #eee;
	color: #777;
	border: none;
	padding: 15px 20px;
	width: 265px;
	margin: 5px;
	float: left;
}
#contact_form textarea,
.wpcf7 textarea {
	background: #eee;
	color: #777;
	font: normal normal 13px/1.6em 'Helvetica neue', Helvetica, Arial, Sans-serif;
	border: none;
	padding: 15px 20px;
	margin: 5px;
	width: 580px;
}
#contact_form .submit,
.wpcf7 .wpcf7-submit {
	width: auto;
	color: #fff;
	font: 700 normal 14px 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	text-transform: uppercase;
	border: 0;
	margin: 30px 5px 0;
	padding: 10px 60px 10px 15px;
	background: #f56060 url(images/arrow_pagenav-next.png) no-repeat right center;
	cursor: pointer;
	
	transition: .09s ease-in;
		-moz-transition: .09s ease-in;
			-webkit-transition: .09s ease-in;
				-o-transition: .09s ease-in;
}
#contact_form .submit:hover,
.wpcf7 .wpcf7-submit:hover {
	background-color: #444;

	transition: .09s ease-in;
		-moz-transition: .09s ease-in;
			-webkit-transition: .09s ease-in;
				-o-transition: .09s ease-in;
}
.err {
	display: none;
	background: #fdd9d9;
	padding: 15px 20px;
	width: 580px;
	margin: 0 5px 5px;
	float: left;
	font-size: 13px;
	line-height: 1.7em;
}

/* == Targetting only Cform7 == */
.wpcf7-form {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	padding: 0;
}
.wpcf7 {
	font-size: 12px;
}
.wpcf7 textarea,
.wpcf7 input {
	margin: 5px 0;
	float: none;
}
.wpcf7 .wpcf7-submit {
	margin: 0;
}


/* -----------------------------------------------------------
05. Sidebar
----------------------------------------------------------- */
.widget {
	margin-bottom: 40px;
}
.widget h3.title {
	font-size: 16px;
	text-transform: uppercase;
	line-height: 1.5em;
	border-bottom: 4px solid #444;
	padding: 0 0 10px 0;
	margin-bottom: 20px;
	color: #000;
}
.widget li {
	background: url(images/bg_ul-li.png) no-repeat left 7px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom: 1px solid #eee;
}
.widget li a {
	text-decoration: none;
}

.widget .textwidget h3,
.widget .textwidget h4,
.widget .textwidget h5 {
	font-size: 15px;
	margin-bottom: 10px;
}

/* Skyscraper
----------------------------------------------------------- */
.sidebar {
	width: 160px;
}
.skyscraper {
	margin-bottom: 20px;
}

/* Wide rectangle
----------------------------------------------------------- */
.sidebar.right {
	width: 300px;
	margin: 30px 0 20px 20px;
}

/* Gadget
----------------------------------------------------------- */
/* == Calendar == */
#wp-calendar {
	width: 100%;
}
#wp-calendar a {
	text-decoration: none;
}
#wp-calendar caption {
	margin-bottom: 15px;
}
#wp-calendar thead {
	font-size: 10px;
}
#wp-calendar thead th {
	padding-bottom: 10px;
	text-align: center;
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	padding: 5px 0;
	border: 1px solid #fff;
	text-align: center;
}
	.black #wp-calendar tbody td {
		background: #111;
		border: 1px solid #222;
	}
#wp-calendar tbody td:hover {
	background: #fff;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
}
#wp-calendar tfoot #prev {
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 10px;
}

/* == Recent Comments == */
.recentcomments a {
	font-weight: bold;
}
.recentcomments .url {
	font-weight: normal;
}

/* == Sidebar Search == */
.sidebar.right #searchform:after,
.sidebar.left #searchform:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
.sidebar.right #searchform  label,
.sidebar.left #searchform  label {
	display: none;
}
.sidebar.right #searchform #s {
	width: 220px;
}
	.sidebar.left #searchform #s {
		width: 80px;
	}

/* == Twitter == */
.widget .twitterbox .time {
	display: inline-block;
	clear: both;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 1.6em;
}
.widget .twitterbox .followme {
	background: transparent;
	padding: 10px 0 0 30px;
}
.widget ul.twitterbox li {
	border:none;
	background:url(images/twitter-li.png) no-repeat left 2px;
	padding:0 0 10px 30px;
}
.widget  .twitterbox a {
	border-bottom: 1px dotted #ddd;
}

/* == Flickr == */
.flickr_wrap {
	margin-left: -5px;
	margin-right: -5px;
}
.flickr_badge_image {
	float: left;
	margin: 5px;
	height: 67.5px;
	width: 67.5px;
}
.flickr_badge_image img {
	height: 67.5px;
	width: 67.5px;
}
	.sidebar.left .flickr_badge_image {
		height: 75px;
		width: 75px;
	}
	.sidebar.left .flickr_badge_image img {
		height: 75px;
		width: 75px;
	}


/* -----------------------------------------------------------
06. Footer
----------------------------------------------------------- */
#footer-wrapper {
	border-top: 4px solid #444;
	background: url(images/bg_outerfooter.png) repeat-x left bottom;
	padding: 10px 0 20px;
	margin-top: 60px;
}
#footer-wrapper .searchbox {
	border-bottom: 1px solid #ccc;
	padding: 10px 0 0;
	margin-bottom: 10px;
	background: none;
}
#footer-wrapper .searchbox li{
	float: left;
}
#footer-wrapper .searchbox li.slabel {
	font-size: 16px;
	line-height: 2.7em;
	text-transform: uppercase;
	margin-right: 20px;
}
#footer-wrapper .searchbox #searchform {
	border: none;
}
#footer-wrapper #searchform #s {
	width: 200px;
}

#footer-wrapper .sharebox {
	float: right !important;
}
	.sharebox li.sharethis {
		background: #ddd url(images/icon_share.png) no-repeat 20px center;
		padding: 10px 20px 10px 45px;
		position: relative;
		font: 700 normal 15px 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, Sans-serif;
		text-transform: uppercase;
		cursor: pointer;
		
		border-radius: 2px;
	}
	.sharebox:hover li.sharethis {
		background-color: #d1d1d1;
	}
	.sharethis ul {
		position: absolute;
		z-index: 7;
		padding: 10px 0;
		width: 131px; /* Tadaaaaa... #also check responsive.css */
		right: 0px;
		bottom: 37px;
		overflow: hidden;
		background: #ddd;
		border-bottom: 1px solid #ccc;
		
		border-radius: 2px;
	}
	.sharethis ul li {
		clear: both;
		padding: 10px 20px;
		text-align: center !important;
	}
#fb-root {overflow:hidden;position:relative;}

#footer-wrapper .ika {
	font-size: 11px;
}


/* -----------------------------------------------------------
07. Additional MediaQuery != responsive
----------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.primary-nav ul.sub-menu {
		top: 51px;
	}
	
	.sharethis ul {
		width: 132px; /* Tadaaaaa... */
	}
}