/*  
Theme Name: Sketsa
Theme URI: http://www.klasikthemes.com/
Description: Sketsa is a beautiful minimalistic portfolio WordPress theme to present your work in a professional manner. 
Version: 1.6
Author: klasikthemes
Author URI: http://www.klasikthemes.com/
Template: klasik
License: GNU General Public License
License URI: license.txt
Tags: one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-menu, editor-style, theme-options, translation-ready
*/

/* =Global Elements
-------------------------------------------------------------- */
.columns{padding:0px 10px;}
.row .row{margin:0px -10px;}

/* Main global 'theme' and typographic styles */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:19px;
}

.klasikt .container{max-width:960px;}

/* heading */
h1, h2, h3, h4, h5, h6, .flex-caption .slidertitle{ font-weight:400; line-height:normal; font-family: 'Open Sans', sans-serif;}
h1, h2, h3 {margin-bottom:10px;}
h4, h5{margin-bottom:6px;}
h1	{font-size:16px;}
h2	{font-size:14px;}
h3	{font-size:12px;}
h4	{font-size:12px;}
h5	{font-size:10px;}
h6	{font-size:9px;}

.pagetitle{font-size:20px; margin-bottom:0px; margin-right:10px; display:block; float:left; }
.pagedesc { display:block;padding-top: 10px; line-height:100%; font-size:11px;}

blockquote {
    clear: both;
    margin: 0 0 20px 0;
    padding:0 0 0 35px;
	font-family:"Open Sans";
	font-style:italic;
	line-height:22px;
}
blockquote:before { content:none}
blockquote p{
	color: #888888;
	font-size:22px;
}
blockquote.left, blockquote.right  {
	float:right;
	margin:0 0 0 20px;
	padding:0 0 0 35px;
	width:50%;
	}	
blockquote.left{
	float:left;
	margin-left:0px;
	margin-right:20px;}


/* CONTAINER
-------------------------------------------------------------- */
#bodychild{
	width:100%;
	margin:0;
}
#outercontainer{
	width:100%;
	margin:0;
	padding:0;
}

#outerheader, #outerslider, #outerbeforecontent, #outermain,  #outerfootersidebar, #outerfooter{width:100%; margin:0 auto}

/* HEADER & MENU
-------------------------------------------------------------- */
#top{margin-bottom:0px;}
#logo{height:auto; margin:42px 0 40px 0}
#logo h1{margin:0; font-size:28px; line-height:28px;}
#logoimg a, #logoimg img{display:block;}

/* Menu */
#navigation{ margin:27px 0 0 0; padding:0px; float:right}

/* Nav Menu */
#topnav{
	margin:9px 0px 8px 0px;
	list-style-type:none;
	overflow:visible;
	position:relative;
	padding:0;
	float:right;
	font-size:12px;
}

.sf-menu a {
	text-decoration:none;
	display:		block;
	position:		relative;
	padding: 		5px 10px;
	line-height:19px;
}

.sf-menu > li {
    position: relative;
    z-index: 10;
}


/* Drop down menu */
.sf-menu ul a:hover {}
.sf-menu li li {
	text-align:left;
	line-height:20px;
	margin:0;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size:12px;
	
}
.sf-menu {
	line-height:100%;
	position:absolute;
	right:0;
	bottom:0;
	float:left;
	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin:0;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-1px;
	top:			47px; /* match top ul list item height */
	z-index:		99;
	border-width:1px 1px 0px 1px;
	border-style:solid;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			-1px;
	margin-left:	0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			-1px;
	
}
.sf-menu ul li a{
	padding:8px 20px!important;
	text-transform:capitalize;
}

.sf-menu li ul {
	padding:0px 0px;	
}
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}



.sf-menu ul{border:0px;}
.sf-menu li li {}
.sf-menu > li li:before{
	content: "";
	display: block;
}

.sf-menu > li li:first-child:before{ border:0;}

/* dropdown mobile */
#menu-icon, .tinynav {
	display: none; /* hide menu icon initially */
}


/* SLIDER
-------------------------------------------------------------- */
#slidercontainer{position:relative; padding-top:30px;}
#slider{position:relative; margin:0 0 46px 0;}
#slideritems.flexslider {margin: 0 0 51px;  position: relative; padding:0px; box-shadow:0px 0px; -moz-box-shadow:0px 0px; -webkit-box-shadow:0px 0px; border:0px;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
h1.sliderheadline{font-size:20px; text-align:center; margin-bottom:0px; line-height:33px;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

.flex-caption {
    margin: 0;
    padding: 18px 25px 10px;
    position: absolute;
    right: 0px;
	bottom: 10px;
    width: 33%;
	font-size: 12px;
}
.flex-caption .slidertitle{ font-size:16px; margin-bottom:5px;}
.flex-caption p { margin: 0 0 15px;}

#slider .flex-control-nav li{margin:0px 2px;}
#slider .flex-control-paging li a{width:13px; height:13px;}

/* AFTERHEADER
-------------------------------------------------------------- */
.home #afterheader{text-align:center;  }
#afterheader{position:relative; padding-top:32px; padding-bottom:36px; margin-bottom:37px;}
#afterheader h1{ margin-bottom:0px;}

/* CONTENT
-------------------------------------------------------------- */
#outermain{padding:0px 0 0px 0;}
#maincontent .main{ margin-bottom:44px; }
#maincontent.hassidebar .main{ padding-bottom:25px; margin-bottom:0px;}
#content{float:left;}
#content.positionright{float:right;}
#content.positionleft{ float:left;}
#content.positionleft .main{padding-right:0px;}
#content.positionright .main{padding-left:0px;}

.indentleft{overflow:hidden;}
.center{text-align:center;}
.nomargin{margin-right:0px!important;}
.displayblock{display:block;}

/* List */
ul.client{list-style-type:none; margin:0 0 20px 0; padding:0;float:left}
ul.client li{display:inline-block; float:left; padding:0; margin:0;}
ul.client li img{display:block;}
ul.client li:first-child{border:0 !important;}

ul.list{list-style-type:none; margin:0; padding:0;}
ul.list li{padding:0 0 5px 0; margin:0 0 5px 0;}

ul.checklist{list-style-type:none; padding:0; margin:0 0 15px 0;}
ul.checklist li{padding:0 0 6px 20px;}

/* Images */
img {
	max-width: 100%;
	height: auto;
}
.imgopacity:hover{opacity:0.5;}
img[class*="wp-image-"], img[class*="attachment-"]{
	max-width:100%;
	height:auto;
}

/* form & button */
form{margin:0; padding:0;}

input[type="text"], input[type="email"],
textarea, input[type="password"], select{
	font-size:12px;
	padding:7px 5px;
	font-size:11px;
	font-family:Arial;
}

textarea{width:90%;}

textarea:focus{outline:0;}

.button, .button:visited, input[type="submit"],input[type="reset"], input[type="button"], button{
	padding:9px 12px 11px 12px;
	cursor:pointer;
	font-size:12px;
}
.button:hover, input[type="submit"]:hover,input[type="reset"]:hover, input[type="button"]:hover, button:hover{
	text-decoration:none;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	
}

.button.mini{font-size:12px; padding:6px 15px 7px 15px;}
.button.small{font-size:12px;}
.button.large{font-size:15px; line-height:15px; padding:9px 25px 10px 25px;}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

/* Separator */
.spacer{
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	width:100%;
	clear:both;
}
.separator {
	display:block;
	height:1px;
	padding:46px 0px 0px 0px;
	margin:26px 0 0 0;
	text-align:center;
	width:100%;
	clear:both;
}

/* Featured Pages */
.klasik-feature .klasik-title{margin:0px 0px 14px 0px;}
.klasik-feature .klasik-list{margin-bottom:26px;}
.featured-container .alpha{clear:both;}

/* Elastislide Style */
#outeraftercontent{margin-bottom:20px;}
.widget_klasik_pcarousel .flexslider-carousel.row{margin-left:0px !important; margin-right:0px !important;}
.widget_klasik_pcarousel .flexslider-carousel .flex-viewport li{padding:0px !important; margin-right:16px;}
.es-carousel-wrapper {}
.es-carousel-wrapper h3{ font-size:12px; text-transform:uppercase; margin-bottom:25px;}
.es-carousel-wrapper{
	position:relative;
}
.es-carousel{
	overflow:hidden;
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav{right:25px; top:-37px; position:absolute;}
.es-nav span, .widget_klasik_pcarousel .flexslider-carousel ul.flex-direction-nav a{
	display:block!important;
	width:10px;
	height:13px;
	position:absolute;
	cursor:pointer;
	color:#f00;
	text-indent:-9000px!important;
	opacity:1;
}
.widget_klasik_pcarousel .flexslider-carousel ul.flex-direction-nav a{
	top:-10px;
	right:0px;
	left:auto;
}
.widget_klasik_pcarousel ul.flex-direction-nav li{position:static;}
.widget_klasik_pcarousel ul.flex-direction-nav a.flex-next{
	background:url(images/nav-next.png) no-repeat;
}
.widget_klasik_pcarousel ul.flex-direction-nav a.flex-prev{
	background:url(images/nav-prev.png) no-repeat top left;
	right:16px;
}
.es-nav span.es-nav-next{
	background:url(images/nav-next.png) no-repeat;
	left:16px;
}
.es-nav span.es-nav-prev{
	background:url(images/nav-prev.png) no-repeat top left;
}
.es-nav span:hover{ background-position:0 -13px;}

/* BLOG STYLE
-------------------------------------------------------------- */
.sticky{}

.postimg img{display:block;}
.entry-content img{margin-bottom:8px;}
.entry-content p{margin-bottom:16px; line-height:19px;}
.entry-content .loopexcerpt p{margin-bottom:9px;}
.more, .more-link{font-size:11px;}
a.more:hover, a.more-link:hover{text-decoration:none;}
.post .button{margin:10px 0 ; display:inline-block; float:left}

.post, #searchresult .page, #searchresult .hentry{clear:both;}
#singlepost .post{margin-bottom:36px; padding-bottom:21px;}

#singlepost .entry-utility{ margin-top:0px;}
.entry-utility{
	font-size:11px; 
	margin-bottom:6px; 
	text-align:right; 
	float:left; 
	width:140px; 
	margin:40px 30px 0 0; 
	font-style:italic; 
	line-height:22px;
}
.entry-utility div{
	display:inline-block;
	line-height:100%;
}

#singlepost .post .clear{clear:none;}
#singlepost .post .entry-content .clear{clear:both;}
.posttitle{margin:0 0 21px 0}
.posttitle, .posttitle a{font-size:18px;}
.posttitle a:hover{text-decoration:none;}

.single .entry-content{ border:0px; margin:0px; padding:0px;}
.last .entry-content{ margin-bottom:15px;}
.entry-content{ overflow:hidden; margin-bottom:45px; padding:0 0 38px 0;}
.articlecontainer:last-child .entry-content{ margin-bottom:20px!important;}
#searchresult .entry-content{ border:0px; padding-bottom:0px; margin-bottom:25px;}

#postattachment .entry-utility{width:100%; float:none; padding:0}
.entry-attachment{margin-bottom:20px;}

/* author */
h2.title-author{ font-size:16px}
#entry-author-info {
	clear: both;
	margin-bottom:40px;
	position:relative;
	padding:0 0 40px 0;
}
#entry-author-info:after{clear:both;}
#entry-author-info #author-avatar {
	margin: 0 0 0 0;
	float:left;
	
}
.avatar{display:block;}
#entry-author-info #author-description {
	margin: 0 0px 10px 85px; vertical-align:top;
}
#entry-author-info #author-description  h2{font-size:14px;}
#author-description span.author{display:block;}

/* attachment pages wordpress */
.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}

.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	margin:0 0 20px 0;
	padding:0;
	max-width:100%;
	display:block;
}
.wp-caption img {
	margin: 0;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 12px;
	font-style:italic
}
.wp-caption .wp-caption-text {
	margin-bottom:0;
	padding: 8px 0 0 0;
	position: relative;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}
.tag-links{padding:10px 0; display:block}


/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* navigation  */
.navigation {
	line-height: 20px;
}
.navigation a:link,
.navigation a:visited {
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
}
.nav-previous {
	float: left;
}
.nav-next {
	float: right;
	text-align: right;
}
.nav-previous a, .nav-next a{
	font-size:12px;
	padding:8px 0;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	padding:0; font-size:12px; margin:10px 0 0 0; clear:both; text-align:right
}


/* Comments */
#comments{
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title{
	line-height:24px;
	padding:0px 0px;
	margin:0 0 20px 0;
	font-size:16px;

}

h3#reply-title {
	line-height:24px;
	margin:0 0 15px 0;
	font-size:16px;
}
.commentlist {
	list-style: none;
	margin: 0;
	margin-bottom:0px;
}
.commentlist li.comment {
	margin: 0 0 0px 0px;
	padding: 0 0 0px 0px;
	position: relative !important;
}
.commentlist li.comment ul.children{margin:0 0 0 0; margin-left:11%; padding:0px 0 0 0;}
.commentlist li.comment ul.children li{border-bottom:0 !important; margin:0; padding:0}
#comments .comment-body ul,#comments .comment-body ol {
	margin-bottom: 0;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	
}
.comment-body cite {
	font-size:14px;
	line-height:14px;
	font-style:normal;
}

.comment-body cite  a, .comment-body cite  a:visited{}
.comment-body cite  a:hover{text-decoration:none}
.comment-author .says {	font-style: normal;}
.comment-meta {	font-size: 11px;	margin: 0 0 18px 0;}
.comment-meta a:link,
.comment-meta a:visited {
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	
}
.commentlist .even {}
.commentlist .bypostauthor {}

.reply a.comment-reply-link{ }

.edit-link{float:none; clear:both; width:100%; display:block; padding:10px 0 0 0}
a.comment-edit-link {
	
}
a.comment-edit-link:hover {
	text-decoration:none
}
.commentlist .children {
	list-style: none;
}
.commentlist .children li {}
.nopassword, .nocomments {display: none;}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	display: block;
	font-size: 11px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 12px;
}
.con-comment{padding:0 0 0 0;margin-bottom:30px;}
.commentlist .comment-author{ float:left; margin-top:0px; padding:3px;}
.commentlist .comment-body{width:auto; margin-bottom:30px !important; margin-left:80px;}
.commenttext{margin:0 0 0 0; padding:10px 0 0 0;}
.commentlist .comment-body p{margin-bottom:10px !important}
.commentlist ul.children .comment-author{}
.commentlist ul.children .comment-body{}
*+html .commentlist .comment-body{margin-top:0}

.comment-body .fn{ font-size:12px; word-spacing:2px}
.comment-body .time{font-size:11px; padding:0 5px 0 0; display:block; font-style:italic;}
.commentlist .comment-body .reply{font-size:11px;}
.comment-body .boldtext{font-weight:normal; font-size:22px}
.vcard{
	padding-bottom:6px;
}


/* Comments form */
#commentform{padding:0; }
#commentform label{margin-top:0px; padding:5px 0; display:inline-block;}
#commentform .required{}
#commentform code{padding:0; margin:10px 0; border:0}

#commentform input[type=text]{ 
	margin-bottom:3px;
	padding:8px 5px;
	vertical-align:middle;
	width:50%;
	font-size:12px;
	font-family:arial;
	display:block;
	page-break-after:always
	
	}

#commentform textarea{ 
	width:95%;
	margin-bottom:12px;
	padding:8px 5px;
	vertical-align:top;
	font-size:12px;
	font-family:arial;
	display:block;
	}
	
#respond .comment-reply{
	font-size: 20px;
	line-height:24px;
	padding:0px 0px;
	margin:0 0 10px 0;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 0px 0 0;
}
.cancel-comment-reply{font-size:12px;}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
	padding:0;
}
#cancel-comment-reply-link {
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
}
#respond label {
}
#respond input {
}
#respond textarea {
}
#respond .form-allowed-tags {
}
#respond .form-allowed-tags code {
}
#respond .form-submit {
	margin: 12px 0;
	clear:both;
}
#respond .form-submit input {
}

.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment{}
.comment-form-comment{ width:100%;}
.form-submit{ clear:both;}

/* Calendar */
.widget_calendar #wp-calendar {
	width: 100%;
	text-align:left;
	border: 0px !important;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
	padding:3px;
	font-size:11px;
	
}
#footersidebar .widget_calendar thead th{border-top:1px solid;}
#footersidebar .widget_calendar thead th:first-child{border-left:1px solid;}



.widget_calendar #wp-calendar tr{}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	text-align:right;
	padding: 3px 0 3px 0 !important;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	font-weight: bold;
	padding:3px;
	
}
.widget_calendar #wp-calendar tfoot tr{}
.widget_calendar #wp-calendar td#prev{text-align:left; padding-left:5px;}
.widget_calendar #wp-calendar td#next{text-align:right; padding-right:5px}
#today{font-weight:bold}

.widget_klasik_theme_pcarousel .widget-title{margin-bottom:25px;}

/*** HOME HIGHLIGHT ***/
.widget-homehighlight{margin-bottom:40px;}
.widget-homehighlight ul{
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}

.widget-homehighlight ul li{
	list-style-type:none;
	margin:0;
	padding:0;
}

.widget-homehighlight li li{
	list-style-type:none;
	margin:0 0 3px 0;
	padding:0 0 0px 0;
	border-bottom:0;
	font-size:11px;
}

/*** CONTENTTOP ***/
.widget-contenttop{margin-bottom:25px;}
.widget-contentbottom{}
.widget-contenttop ul, .widget-contentbottom ul{
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}

.widget-contenttop ul li, .widget-contentbottom ul li{
	list-style-type:none;
	margin:0;
	padding:0;
}

.widget-contenttop li li, .widget-contentbottom li li{
	list-style-type:none;
	margin:0 0 3px 0;
	padding:0 0 0px 0;
	border-bottom:0;
	font-size:11px;
}

/*** CONTENTBOTTOM ***/
.contentbottom-container{margin-bottom:0px;}
.widget-contentbottom{ padding-top:46px;}


/*** SIDEBAR ***/
#sidebar{font-size:11px;}
#sidebar.positionleft{float:left;}
#sidebar.positionright{float:right;}
#sidebar .widget-area{padding: 0px !important;}

.widget-title{
	margin-bottom: 20px;
	font-size:11px;
	text-transform:uppercase;
}

#sidebar ul{
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}

#sidebar ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	
}
#sidebar .widget-container{margin-bottom:30px; padding-bottom:26px;}

#sidebar li.widget-container > ul{
	padding-top:0px;
}

#sidebar li li{
	list-style-type:none;
	margin:0 0 3px 0;
	padding:0 0 0px 0;
	border-bottom:0;
	font-size:11px;
}

#sidebar li li a{}
#sidebar li li a:hover, #sidebar li li a.active{text-decoration:none;}

#sidebar .textwidget p{ margin-bottom:0px;}

#sidebar ul.sub-menu, #sidebar ul.children, #sidebar ul ul ul{margin:0 0 0 10px; }
#sidebar ul.sub-menu li, #sidebar ul.children li, #sidebar ul ul ul li{margin-bottom:0; padding-bottom:0;}

#sidebar .widget_categories li, #sidebar .widget_archive li, #sidebar .widget_meta li, #sidebar .widget_links li{
	width:42%; display:inline-block; margin-right:20px!important; font-size:11px;
}

/* Recent post widget */
#sidebar .klasik-recent-post-widget li{ margin-bottom:15px; padding-bottom:15px;}
#sidebar .klasik-recent-post-widget img{ float:left; margin-right:13px; margin-top:4px;}
#sidebar .klasik-recent-post-widget h3{ font-size:12px; margin-bottom:7px; line-height:18px;}
#sidebar .klasik-recent-post-widget a{ font-size:11px;}
#sidebar .klasik-recent-post-widget .smalldate{ font-size:11px;}


/* recent comment sidebar */
#sidebar .klasik-recent-comment-widget li{padding-bottom:4px; margin-bottom:10px; clear:both; background:transparent}
#sidebar .klasik-recent-comment-widget a{background:transparent !important; padding:0 !important;  display:inherit}


/* search widget */
#searchform input{background:transparent; border:0}
#searchform{position:relative;}
#searchform .bgsearch{}
#searchform #s{width:79%; padding:10px 50px 8px 10px !important; border:0}
.searchbutton {
    height: 12px;
    position: absolute;
    right: 10px;
    top: 6px;
    width: 14px;
	text-indent:-9999px;
}


/* Tag */
.tagcloud a{padding:2px 10px; margin:0 0px 5px 0 !important; display:list-item}
.tagcloud a:hover{}


/* PLUGIN
-------------------------------------------------------------- */

/* WP-PageNavi  Plugin  */
.wp-pagenavi {padding:20px 0 0 0; margin-bottom:20px; font-size:12px; clear:both;}
.wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi .extend{
	padding:2px 8px !important;
	margin:0 4px !important;
	display:inline-block;
	border:0px !important;
}

.wp-pagenavi a:hover{
	padding:2px 8px !important;
	margin:0 4px !important;
	display:inline-block;
	border:0px !important;

}
.wp-pagenavi span.current{
	padding:2px 8px !important;
	margin:0 4px !important;
	font-weight:normal !important;
	display:inline-block;
	border:0px !important;
}
.wp-pagenavi .pages{
	padding:4px 19px 4px 0 !important;
	margin:0 4px 0 0 !important;
	display:inline-block;
	background:transparent;
	border:0px !important;
}


/* Flickr Plugin  */
#flickr {text-align:left !important; padding:0}
div#flickr div.flicr_badge_image:nth-child(3) img, #flickr div.flicr_badge_image:nth-child(6) img{ margin-right:0px!important;}
div#flickr img{margin:0 9px 12px 0; display:block; float:left; width:54px; height:54px; padding:3px !important;}

* html .flickr_badge_image, *+html .flickr_badge_image{display:inline !important}
.flickr_badge_image:hover{}

/* Contact Form  */
.wpcf7-form{margin-top:15px;}
.wpcf7 p{margin-bottom:10px;}
.wpcf7 label{display:block;}
.wpcf7 input[type="text"], .wpcf7 input[type="email"]{
	margin-bottom:0px;
	margin-top:5px;
	font-size:11px;
	width:40%
}
.wpcf7 textarea{
	margin-bottom:7px;
	margin-top:5px;
	padding:8px 5px;
	font-size:11px;
	width:90%
}
input.wpcf7-submit{margin:0; padding:11px 16px 13px 16px;}


/*==== Tables ====*/
table {border-collapse:separate;border-spacing:0;width:100%; margin-bottom:18px;}
table,td,th { text-align:left; }
th{padding:10px;}
td{padding:10px;}
tfoot td{border:0px;}
th,tr:hover{}
table {
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
tr th,
thead th {
	font-size: 14px;
	line-height: 18px;
	padding: 9px 24px;
}
tr td {
	padding: 6px 24px;
}
tr.odd td {}

/* GALLERY
-------------------------------------------------------------- */
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
	float: left;
	margin:0 0 20px 0;
	text-align: center;
}
.gallery-columns-2 .gallery-item { width: 49%; margin-right:2% }
.gallery-columns-2 .gallery-item:nth-of-type(2n+2){margin-right:0;}

.gallery-columns-3 .gallery-item { width: 32%; margin-right:2% }
.gallery-columns-3 .gallery-item:nth-of-type(3n+3){margin-right:0;}

.gallery-columns-4 .gallery-item { width: 23.444%; margin-right:2%}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4){margin-right:0;}

.gallery img {}
.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	margin: 0 0 12px;
	font-size:14px; line-height:20px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

/* PORTFOLIO
-------------------------------------------------------------- */
.klasik-portfolio{}
.klasik-pf-col-5{position:relative; overflow:hidden; width: 110%;	padding: 0px; list-style-type:none; padding:0; margin:0;}
.klasik-pf-col-5 li{position:relative;}
.klasik-pf-img{position:relative; overflow:hidden;}
.klasik-pf-img img{display:block;}
.klasik-pf-img .rollover{
	width:100%; 
	height:100%;
	background-image:url(images/hover-zoom.png);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	display:block;
    position:absolute;
	z-index:10;
	display:none;
	cursor:pointer;
}
.klasik-pf-img .rollover:hover{
	opacity:1;
}

.klasik-pf-text h2{font-size:14px;  margin-bottom:7px}

.pfzoom, .pflink, .pfdetail{
	display:block;
	position:relative;
	overflow:hidden;
}

.klasik-pf-img .pfdetail .rollover{
	background-image:url(images/hover-doc.png);
}
.klasik-pf-img .pflink .rollover{
	background-image:url(images/hover-link.png);
}



/*======= Portfolio Navigation =======*/
#frame-filter{ margin:0 0 20px 0; }
#frame-filter h3{text-transform:uppercase;}
.klasikt .filterlist {font-size: 11px;font-weight: normal;padding-bottom: 0px;border: 0px;}
#filter{
	list-style-type:none;
	padding:0px 0px;
	margin:0px;
	font-size:11px;
}
#filter li.first{padding-left:0px;}
#filter li{list-style-type: none;display: inline-block;padding: 0px 10px;line-height: 20px;}
#filter li a, #filter li a:visited{ padding:10px 0px; font-weight:normal;}


/*======= Portfolio Item =======*/
#klasik-pf-filterable{position:relative; overflow:hidden; list-style-type:none; padding:0; margin:0; float:left; width:800px;}
#klasik-pf-filterable li{position:relative; }
.klasik-pf-img{position:relative;}
.klasik-clear{clear:both; height:1px !important; line-height:1px !important; float:none!important}
.klasik-pf-text{ padding:12px 0 0;}
.klasik-pf-text h2{font-size:14px;  margin-bottom:7px}


.klasik-pf-img{
	overflow:hidden;	
}

.klasik-pf-img img{
	width:100%;
}


.klasik-pf-img a.image{
	display:block;
	position:relative;
	overflow:hidden;
}

.klasik-pf-img .rollover .image{
	background:url(images/hover-zoom.png)no-repeat center center;
	display:block;
	width:26px; height:26px;
	position:absolute;
	top:42%;
	left:-20%;
	margin:0px 0 -16px -25px;
	text-indent:-9999px;
}

.klasik-pf-img .rollover .link{
	background:url(images/hover-link.png) no-repeat center center;
	display:block;
	width:26px; height:26px;
	position:absolute;
	top:42%;
	left:120%;
	margin:0px 0 -16px 0px;
	text-indent:-9999px;
}

/*======= Portfolio 4 Item =======*/
.klasik-pf-col-5 li{
	list-style-type:none; 
	padding:0; 
	margin:0 0px 20px 20px; 
	width:140px; 
	float:left;
}
.klasik-pf-col-5 .klasik-pf-img img{display:block; max-width:100%;}

.klasik-pf-col-5 .klasik-pf-img{
	width:100%;
	height:100%;
}

/*======= Portfolio Shortcode =======*/

ul.pf-shortcode li, .widget_klasik_pcarousel li{ position:relative; padding:0px;}
ul.pf-shortcode .pf-img .rollover, .widget_klasik_pcarousel .pf-img .rollover{
	background:url(images/opacity.png) repeat;
	display:none;
	position:absolute;
	width:100%;
	height:100%;
}
ul.pf-shortcode .pf-img .rollover .image, .widget_klasik_pcarousel .pf-img .rollover .image{
	background:url(images/hover-smallzoom.png)no-repeat center center;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	text-indent:-9999px;
}

ul.pf-shortcode .pf-img .rollover .link, .widget_klasik_pcarousel .pf-img .rollover .link{
	background:url(images/hover-link.png) no-repeat center center;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	text-indent:-9999px;
	z-index:30;
}

ul.pf-shortcode img{display:block; max-width:100%;}


/* ---------------------------- */
/*       Isotope plugin
/* ---------------------------- */

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

.klasik-recentpost-widget{margin-bottom:-20px;}
.klasik-features{margin-bottom:-20px;}

/* FOOTER SIDEBAR */
#footersidebar{padding:46px 0 0 0; font-size:11px;}
#footersidebar ul{list-style-type:none; margin:0; padding:0;}
#footersidebar li.widget-container{list-style-type:none; margin:0 0 30px 0; padding:0 6px 0 0; border:0px;}
#footersidebar .widget-title{
	font-size:12px;
	margin:0 0 10px 0;
	text-transform:uppercase;
}
#footersidebar li li{
	list-style-type:none;
	padding:0 0 0px 0; margin:0 0 5px 0;
}
#footersidebar li li, #footersidebar li p{font-size:11px;}
#footersidebar li a{ padding:0px; margin:0px;}
#footersidebar li a:hover{ text-decoration:none;}

.gallery-pic a:nth-child(3) img, .gallery-pic a:nth-child(6) img{ margin-right:0px!important;}
.gallery-pic img{margin:0 12px 12px 0; display:block; float:left; padding:3px;}

/*** FOOTER ***/
#outerfooter{}
#footercontainer{position:relative; padding:0px 0px; margin-top:0px; }
#footer{font-size:11px; text-align:center; padding:30px 0px;}
#footer a, #footer a:visited{}