/*
Theme Name: PlaBox
Theme URI: http://www.plagosus.net/
Author: Plagosus
Author URI: http://www.plagosus.net/
Description: PlaBox - Plagosus Boxes is isometric perspective ispired WordPress theme, powered by CSS3.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, white, simple, one-column, right-sidebar, fixed-width, flexible-width, custom-menu, editor-style, featured-images, full-width-template, post-formats
Text Domain: plabox
*/

body {
  margin: 0;
  padding: 0;
  background: white;
}

/*     ___                                                      
      /\_ \      Coded by                                       
 _____\//\ \      __       __     ___     ____  __  __    ____  
/\ '__`\\ \ \   /'__`\   /'_ `\  / __`\  /',__\/\ \/\ \  /',__\ 
\ \ \L\ \\_\ \_/\ \L\.\_/\ \L\ \/\ \L\ \/\__, `\ \ \_\ \/\__, `\
 \ \ ,__//\____\ \__/.\_\ \____ \ \____/\/\____/\ \____/\/\____/
  \ \ \/ \/____/\/__/\/_/\/___L\ \/___/  \/___/  \/___/  \/___/ 
   \ \_\                   /\____/                              
    \/_/                   \_/__/                             */

.kk-clear {
	clear: both;
}

h1 {
	font-weight: 400;
  font-family: 'Francois One', sans-serif;
  font-size: 42px;
  line-height: 1.2em;
  padding: 0;
  margin: 30px 0 00px 0;
  color: #333;
  border-bottom: 1px solid #aaa;
}

h2 {
	font-weight: 400;
  font-family: 'Francois One', sans-serif;
  font-size: 22px;
  line-height: 1.2em;
  padding: 0;
  margin: 30px 0 10px 0;
  color: #333;
  border-bottom: 1px solid #aaa;
}

h3 {
	font-weight: 400;
  font-family: 'Francois One', sans-serif;
  font-size: 14px;
  line-height: 1.2em;
  padding: 0;
  margin: 30px 0 10px 0;
  color: #333;
  border-bottom: 1px solid #aaa;
}


#kk-wrapper {
  clear: both;
  margin: 0;
  /*background: white;*/
}

#kk-main {
	/*width: 800px;*/
	padding: 30px 0 30px 20px;
	
}

#kk-menu {
	width: 220px;
	float: left;
	padding: 20px 20px 20px 0;
}

.kk-box {
  width: 200px;
  height: 180px;
  margin: 10px;
  display: inline-table;
  -ms-transform: skew(0,17deg); /* IE 9 */
  -webkit-transform: skew(0,17deg); /* Safari and Chrome */
  -o-transform: skew(0,17deg); /* Opera */
  -khtml-transform: skew(0,17deg);
  -moz-transform: skew(0,17deg); /* Firefox */
  -moz-transform: skewY(17deg); /* Firefox */
  transform: skew(0,17deg);
  transform: skewY(17deg);
	-moz-transition: all 200ms ease-in-out; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in-out; /* Safari and Chrome */
	-o-transition: all 200ms ease-in-out; /* Opera */
	transition: all 200ms ease-in-out;
}

.kk-box-top {
  width: 180px;
  height: 18px;
  position: relative;
  left: 10px;
  background: #eee;
  text-align: center;
  font-weight: 400;
  font-family: 'Pontano Sans', sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  color: #666;
  padding-top: 2px;
  -ms-transform: skew(-45deg,0); /* IE 9 */
  -webkit-transform: skew(-45deg,0); /* Safari and Chrome */
  -o-transform: skew(-45deg,0); /* Opera */
  -moz-transform: skew(-45deg,0); /* Firefox */
  -moz-transform: skewX(-45deg); /* Firefox */
  transform: skew(-45deg,0);
  transform: skewX(-45deg);
}

.kk-box-side {
  width: 20px;
  height: 160px;
  position: relative;
  top: -10px;
  background: #aaa;
  float: right;
  -ms-transform: skew(0,-45deg); /* IE 9 */
  -webkit-transform: skew(0,-45deg); /* Safari and Chrome */
  -o-transform: skew(0,-45deg); /* Opera */
  -moz-transform: skew(0,-45deg); /* Firefox */
  -moz-transform: skewY(-45deg); /* Firefox */
  transform: skew(0,-45deg);
  transform: skewY(-45deg);
}

.kk-box-side a {
  text-decoration: none;
  color: #000;
  text-align: center;
  width: 20px;
  margin-top: 100px;
  display: block;
  font-weight: 400;
  font-family: 'Pontano Sans', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  color: #666;
  -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari and Chrome */
  -o-transform: rotate(-90deg); /* Opera */
  -moz-transform: rotate(-90deg); /* Firefox */
  transform: rotate(-90deg);
}

.kk-box-front {
  width: 170px;
  height: 150px;
  float: left;
  background: #fff;
  position: relative;
  border: 5px solid #ccc;
}

.kk-box-front a img {
	border: 0;
}

.kk-box-title {
  display: block;
  background: #c5c5c5;
  width: 160px;
  position: absolute;
  left: 0;
  bottom: 0;
  text-decoration: none;
  color: #000;
  padding: 5px;
  line-height: 1em;
  font-weight: 400;
  font-family: 'Pontano Sans', sans-serif;
  font-size: 15px;
}

.kk-box:hover {
	position: relative;
	top: -2px;
}

.kk-box:hover .kk-box-top {
  background: #ddd;
}

.kk-box:hover .kk-box-side {
  background: #999;
}

.kk-box:hover .kk-box-title {
	background: #555;
	color: #ccc;
}

.kk-transparent {
  /* Required for IE 5, 6, 7 */
  zoom: 1; 
	  
  /* Theoretically for IE 8 & 9 (more valid) */	
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=80);
  
  /* Older than Firefox 0.9 */
  -moz-opacity:0.8;
  
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 0.8;

  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 0.8;
}

#kk-logo {
	margin: 20px;
}

#kk-logo img {
	border: 0;
}

#kk-menu ul {
	margin: 40px 0 0 0;
	padding: 0;
}

#kk-menu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 210px;
	-ms-transform: skew(0,17deg); /* IE 9 */
  -webkit-transform: skew(0,17deg); /* Safari and Chrome */
  -o-transform: skew(0,17deg); /* Opera */
  -khtml-transform: skew(0,17deg);
  -moz-transform: skew(0,17deg); /* Firefox */
  -moz-transform: skewY(17deg); /* Firefox */
  transform: skew(0,17deg);
  transform: skewY(17deg);
  -moz-transition: all 200ms ease-in-out; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in-out; /* Safari and Chrome */
	-o-transition: all 200ms ease-in-out; /* Opera */
	transition: all 200ms ease-in-out;
}

#kk-menu ul li:first-child:before {
	content: "Main menu";
	display: block;
	width: 210px;
	height: 18px;
	background: #eee;
	position: relative;
	left: -10px;
	-ms-transform: skew(-45deg,0); /* IE 9 */
  -webkit-transform: skew(-45deg,0); /* Safari and Chrome */
  -o-transform: skew(-45deg,0); /* Opera */
  -moz-transform: skew(-45deg,0); /* Firefox */
  -moz-transform: skewX(-45deg); /* Firefox */
  transform: skew(-45deg,0);
  transform: skewX(-45deg);
  text-align: center;
  font-weight: 400;
  font-family: 'Pontano Sans', sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  color: #666;
  padding-top: 2px;
  text-align: center;
  text-transform: uppercase;
}
#kk-menu ul li:after {
	content: "";
	display: block;
	width: 20px;
  height: 28px;
  float: right;
  position: relative;
  top: -10px;
  background: #aaa;
  -ms-transform: skew(0,-45deg); /* IE 9 */
  -webkit-transform: skew(0,-45deg); /* Safari and Chrome */
  -o-transform: skew(0,-45deg); /* Opera */
  -moz-transform: skew(0,-45deg); /* Firefox */
  -moz-transform: skewY(-45deg); /* Firefox */
  transform: skew(0,-45deg);
  transform: skewY(-45deg);
  text-align: center;
  text-decoration: none;
  color: #666;
  border-bottom: 1px solid #777;
}

#kk-menu ul li a {
	width: 150px;
	height: 18px;
	float: left;
	display: block;
	background: #ccc;
	z-index: 10;
	text-decoration: none;
  color: #000;
  padding: 5px 20px;
  font-weight: 400;
  font-family: 'Pontano Sans', sans-serif;
  font-size: 14px;	
  border-bottom: 1px solid #999;
}
/*
#kk-menu ul li:hover:before {
	background: #ddd;
}*/

#kk-menu ul li:hover a {
	background: #bbb;
	color: #fff;
}


#kk-menu ul li:hover:after{
	background: #999;
}

#kk-wrapper.kk-single {
	width: 1250px;
}

.kk-single #kk-main {
	width: 980px;
	float: left;
	padding: 20px 0 30px 10px;
}

.kk-single #kk-main #kk-content {
	width: 640px;
	float: left;
	font-family: Arial, Helvetica, Garuda, sans-serif;
	font-size: 13px;
	color: #606060;
}

.kk-single #kk-main #kk-content a {
	color: #035f75;
	text-decoration: underline;
}

.kk-single #kk-main #kk-content a:hover {
	color: #f26738;
	text-decoration: underline;
}

.kk-single #kk-main #kk-content a:active {
	color: #7fc242;
}

.kk-single #kk-main #kk-content a img, #kk-sidebar a img {
	border: 0;
}

#kk-sidebar {
	width: 300px;
	float: right;
}

h1 {
	font-weight: 400;
  font-family: 'Francois One', sans-serif;
  font-size: 42px;
  line-height: 1.2em;
  padding: 0;
  margin: 30px 0 00px 0;
  color: #333;
  border-bottom: 1px solid #aaa;
}

.kk-postinfo {
	margin: 0 0 30px 0;
	padding: 0;
	color: #aaa;
	font-family: Arial, Helvetica, Garuda, sans-serif;
	font-size: 13px;
}

#kk-safetynet {
	clear: both;
	padding-top: 60px;
}

#kk-latest {
	
}

#kk-socnet {
	text-align: center;
	margin-bottom: 40px;
}

#kk-socnet a {
	margin: 0 1px;
}

#kk-socnet a img {
	margin: 0;
}

#kk-sidebar ul {
	margin: 0;
	padding: 0;
}


#kk-sidebar ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#kk-sidebar h2.widgettitle {
	font-weight: 400;
  font-family: 'Francois One', sans-serif;
  font-size: 16px;
  padding: 0;
  margin: 30px 10px 10px 10px;
  color: #303030;
}

#kk-sidebar .widget_links ul li, #kk-sidebar .widget_rss ul li {
	list-style: disc outside none;
	font-family: Arial, Helvetica, Garuda, sans-serif;
	font-size: 14px;
	margin: 4px 0 4px 30px;
	border-bottom: 1px dashed #eee;
}

#kk-sidebar  a {
	text-decoration: none;
	color: #035f75;
}

#kk-sidebar a:hover {
	color: #f26738;
	text-decoration: underline;
}

#kk-sidebar a:active {
	color: #7fc242;
}

.aligncenter, div.aligncenter, div.aligncenter, img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}

.alignleft {
	float: left;
	/*border: 1px solid #ccc;*/
	margin: 5px 7px 7px 0;
	background: #f5f5f5;
	padding: 3px;
}

.alignright {
	float: right;
	/*border: 1px solid #ccc;*/
	margin: 5px 7px 7px 7px;
	background: #f5f5f5;
	padding: 3px;
}

.wp-caption {
	margin: 0 10px;
	padding: 0;
}

p.wp-caption-text {
	text-align: center;
	font-weight: bold;
}

h3#comments, #respond h3 {
	font-size: 22px;
	margin-top: 60px;
}

.commentlist li {
	list-style: none;
}

blockquote {
	font-style: italic;
}

/* plagosus money progress bar */

#kk-plabarwrap {
    width: 640px;
    margin-top: -50px;
}

#kk-plabar {
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 1px solid #000;
}

#kk-plabarwrap .naslov {
    border: 0;
}

#kk-plabar li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left;
    text-align: center;
    font-family: Arial, Helvetica, Garuda, sans-serif;
    font-size: 12px;
    padding: 3px 0;
}

#kk-plabar .uplaceno {
    color: #41915b;
    background: #035f75;
    border-right: 1px solid #035063;
}

#kk-plabar .dogovoreno {
    color: #7fc242;
    background: #41915b;
    border-right: 1px solid #224d30;
}

#kk-plabarwrap p {
    margin: 10px 0 5px 0;
    font-family: Arial, Helvetica, Garuda, sans-serif;
    font-size: 12px;
    color: #999;
}

#kk-plabarwrap p .uplaceno {
    color: #035f75;
    opacity: .7;
}

#kk-plabarwrap p .dogovoreno {
    color: #41915b;
    opacity: .7;
}

#fancybox-outer {
    position: fixed !important;
    width: auto !important;
    height: auto !important;
    top: 10px;
}