/**
 * Theme Name: hyb-kiub-portfolio
 * Theme URI: http://pavelduran.com
 * Description: pavelduran.com
 * Version: 0.1
 * Author: Pavel Duran
 * Author URI: http://pavelduran.com
 * Tags: Graphic Design, Web Desing, CGI, Wordpress, Programing, etc...
 * Template: hybcore-bootstrap
 */

/* Get base CSS */
@import url('../hybrid/library/css/21px.css');

/* Get layout CSS */
@import url('../hybrid/library/css/2c-l-fixed.css');

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

/* Get default CSS */
@import url('../hybrid/library/css/screen.css');

/* Get font-face CSS */
@import url('fonts/play-fontfacekit/stylesheet.css');
@import url('fonts/kaushan-script-fontfacekit/stylesheet.css');


/* */
body{
	font: 14px/20px 'PlayRegular', Arial, sans-serif;
}
#body-container {
	width: 100%;
	margin: 0px auto 0px auto;
}
#header {
	margin:  0;
}
#kb-sidebar{
	float:left;
	width: 170px;
	padding-left: 30px;
	display: inline-block;
}
#site-title,
#site-description,
#primary {
	font-family: 'PlayRegular', Arial, sans-serif;
}
#site-title {
	font-size: 20px;
	margin: 0 auto 0 20% !important;
	line-height:  22px;
	width: 70px;
}
#site-title a {
	display: block;
	width: 70px;
	height: 71px;
	background: url(images/pd-logo70x70.png) no-repeat 40%  bottom ;
	text-align:  justify;
	text-indent: -9999em;
	}
#site-title a:hover {
	background: url(images/pd-logo70x70.png) no-repeat 40%  top ;
}
#site-description{
	font-size: 12px;
	line-height:  13px;
	width:  70px;
	margin:   4px 40% 0 auto !important;
	text-align:  center;
	text-shadow:  none;
}
#container{
	padding-top: 40px;
	margin-bottom: 0px;
	display: block;
	width: 100%;
	display: block;
	background: #e3e5e6 url( 'images/fiber-bg.png' ) left top repeat-y fixed ;/*fiber-bg.png*/
}
#primary{
	position:  relative ;
	float:  none;
	width: 170px;
}
a {
	color: #0064e5;
}
a:hover{
	color: #4d9bff;
}
a:after,
a:visited{
	color: #2e5280;
}

/* COLOR FOR SELECTED COLORS */
::-moz-selection, ::selection {
background: rgba(255, 217, 77, 0.6);
color: rgba(81, 99, 128, 0.9);
text-shadow: none;
}

/* WIDGET STYLES */
.widget{
	margin-top: 20px;
	color: #b8b8b8;
}
.widget a,
.breadcrumb{
	color: #757575;
}
.widget a:hover {
	color:  #4d92ff;
}
#kb-sidebar .copyright a,
#kb-sidebar .credit a{
	color: #4d92ff;
}

.widget-title{
	font: 26px/32px 'KaushanScriptRegular', Arial, sans-serif;
	margin:  10px 0 10px 0;
}
.widget .nav-menu,
.widget .widget-wrap ul,
.widget .widget-wrap ul.wp-tag-cloud{
	list-style: none;
	margin: 0 0 0px 0;
}
.widget .nav-menu a,
.widget .widget-wrap ul a,
.widget .widget-wrap ul.wp-tag-cloud a {
	text-decoration: none;
}
/* END WIDGET */


.content {
	position:  relative ;
	float:  none;
	width: 78%;
	display: block;
	margin: 0 10px 30px 250px;
}
.entry-content {
	margin: 15px 0 10px 0;
}
.home .hentry,
.archive-portfolio .hentry,
.taxonomy .hentry {
	display: inline-block;
	margin-right: 18px;
	margin-bottom: 25px;
	vertical-align: top;
	padding-left: 2px;
	width:  220px;
}
.singular .hentry,
.singular .breadcrumb,
.navigation-links{
	width:  70%;
	margin:  0 auto ;
	padding:  4px;
}
.breadcrumb {
	margin: 0 0 21px 0;
	font-size: .8em;
	font-style: normal;
}
.loop-meta {
	overflow: hidden;
	margin: 0;
}
.loop-title{
	padding-top: 0px;
	font: 26px/32px 'KaushanScriptRegular', Arial, sans-serif;
	margin: 0;
}
.loop-meta .loop-description p{
	margin: 0;
}
.category-info h1{
	margin: 0;
}
.singular .entry-title{
	margin:  10px 0 20px 0;
	font-size:  24px;
}
.category-proyects .post-content{
	margin-top:  10px;
	clear:  both ;
}
.singular-portfolio .post-content p{
	float:  left;
	width:  70%;
}
.post-context{
	float:  right;
	width:  25%;
}
.post-context .entry-meta{
	font-size:  12px;
	line-height:  19px;
	text-align:  left;
}
.entry-title,
.archive .entry-title {
	font-family: 'PlayRegular', Arial, sans-serif;
	font-style: normal;
	font-weight:  normal;
	font-size:  14px;
	margin:  0 5px 5px 5px;
	line-height:  100%;
	text-shadow: none;
}
.home .entry-title,
.taxonomy .entry-title{
	text-align: left;

}
.thumb-post a{
	color: #516380;
	text-decoration:  none ;
}
.entry-title a:hover,
.thumb-post a:hover  {
	color:  #ffd975;
	/*text-shadow: 0 0 2px #c0c0c0;*/
}
.home .entry-title a,
.taxonomy .entry-title a,
.taxonomy .thumb-post a{
	font-size:  13px;
	/*text-shadow: 0 1px 0 #ffffff;*/
}
.taxonomy-category-blogging .post {
	background: #fff;
	border-radius: 3px;

	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.10);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.10);
	min-height: 200px;
}

.taxonomy-category-blogging .entry-title {
	line-height: 16px;
	background: #516380;
	padding: 4px 10px 4px 10px;
	border-bottom: 1px solid #ffd975;

	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.30);

	background-image: -webkit-linear-gradient(top,#5c72a2 0,#516380 100%);
	background-image: -moz-linear-gradient(top,#5c72a2 0,#516380 100%);
	background-image: -o-linear-gradient(top,#5c72a2 0,#516380 100%);
	background-image: -ms-linear-gradient(top,#5c72a2 0,#516380 100%);
	background-image: linear-gradient(top,#5c72a2 0,#516380 100%);
}

.taxonomy-category-blogging .entry-title a{
	color: #fff;
}
.taxonomy-category-blogging .entry-title a:hover{
	color: #ffd975;
}
.taxonomy-category-blogging .entry-summary{
	padding: 0px 10px;
}
.hentry img {
	max-width: 700px;
	height: auto;
	padding: 4px;
	border: none;
	background-color: #fff;
}
.hentry .slideshow-wrapper a {
	text-align: center;
}
.hentry .slideshow-wrapper img.attachment-thumbnail{
	background: transparent;
	/*background-color: #fff;*/
}
.hentry .slideshow-wrapper img
.wp-caption {
	max-width: 716px;
	margin-top: 6px;
	padding: 6px 1px 3px 1px;
	border: none;
	text-align: center;
	}
.entry-meta{
	font-style:  normal;
	line-height:  14px;
	text-align:  center ;
}
.entry-meta span a{
	font-size:  11px;
	line-height:  14px;
}
.entry-meta a {
	padding: 0px 3px;
	background-color: #ffffff;
	color: #bfbfbf;
	text-decoration: none;
	border-radius: 2px;
}

h1,h2,h3,h4,h5,h6 {
	color: #2E5280 !important;
	font-family: 'PlayRegular', Arial, sans-serif;
	text-shadow: #fff 1px 1px 0, #ffd975 2px 2px 0, rgba(255, 255, 255, 0.5) 3px 3px 1px;
	font-weight: normal;
	margin: 0 0 5px 0 !important;
}

p {
margin: 0 0 11px 0;
}
code {
	padding: 2px 5px;
	background: #EEE;
	border:1px solid #d7d7d7;
}
.entry-meta a:hover {
	background-color: #ffd975;
	color: #4d92ff;

	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.10);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.10);
}

.single-view{
	margin-top:10px;
}
/*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; */

/* GET DROP-DOWNS CSS */
div.menu ul,
div.menu-navigation-container ul{
	margin:0;padding:0;list-style:none;line-height:1.0
}
div.menu ul ul,
div.menu-navigation-container ul ul {
	position:absolute;
	top:-999em;
	width:10em
	}
div.menu ul ul li,
div.menu-navigation-container ul ul li {
	width:100%
	}
div.menu li:hover,
div.menu-navigation-container li:hover{
	visibility:inherit}
div.menu li,
div.menu-navigation-container li{
	float:left;position:relative}
div.menu a,
div.menu-navigation-container a{
	display:block;position:relative}
div.menu li:hover ul,
div.menu-navigation-container li:hover u,
li.sfHover ul{
	left:0;top:2em;z-index:99}
div.menu li:hover li ul,
div.menu-navigation-container li:hover li ul,
li.sfHover li ul{
	top:-999em}
div.menu li li:hover ul,
div.menu-navigation-container li li:hover ul,
li li.sfHover ul{
	left:10em;top:0}
div.menu li li:hover li ul,
div.menu-navigation-container li li:hover li ul,
li li.sfHover li ul{
	top:-999em}
div.menu li li li:hover ul,
div.menu-navigation-container li li li:hover ul,
li li li.sfHover ul{
	left:10em;top:0}

/* TOP NAVIGATION MENU */
#primary-menu {
	/*border-top: 1px solid #D9D9D9;*/
	margin: 0;
	padding: 0;
	/*height: 48px;*/
}
#primary-menu .menu {
	/*height: 48px;	*/
}
#primary-menu .menu li {
	margin: 0;
	float: none;
	display: block;
	/*border-left: 1px solid #D9D9D9;*/
	text-align: left;
	font-size:  12px;
	text-transform: uppercase;
}
#primary-menu .menu li a {
	margin: 0;
	color: black;
	border: none ;
	text-decoration: none;
	display: block;
	padding-top: 18px;
	white-space: nowrap;
}


/* THUMBNAIL */
.thumbnail {
	float: left;
	width: 210px;
	height: 140px;
	margin: 0 20px 5px 0;
	padding: 0px; /*background:  #eee;
	*/
	border: 4px solid #fff;

	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.50);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.50);
}

/* END THUMBNAIL */

#footer-container{
	overflow: hidden;
	padding:  0;
}
#footer{
	/*margin: 20px 0 20px 50px;*/
	font-style: normal;
	color: #c0c0c0;
	font-size:  12px;
}
#kb-sidebar .copyright,
#kb-sidebar .credit {
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
	color: #c0c0c0;
}
#kb-sidebar .copyright a,
#kb-sidebar .credit a {
	text-decoration: none;
}

/* RELATED POSTS */
.related-box{
	width:  700px;
	clear:  both ;
	text-align:  center ;
	margin: 0px auto;
	padding-top:  30px;
}
.related_posts{
	border-bottom: 1px dotted #737373;
	margin-top: 20px;
	margin: 0;
}
.related-box .related_posts li.thumb-post{
	list-style:  none;
	display: inline;
	float:  left;
	width:  218px;
	padding-top:  15px;
}
.related-box .related_posts li.tercero {
	padding-right:  0;
}
.related-box .related_posts li.primeros {
	padding-right:  20px;
}
.thumb-box{
	display: block;
	/*padding: 4px;*/
}
.mini-thumbnail {

}

/* navigation-links */
.navigation-links {
	padding-top: 40px;
	margin-bottom: 21px;
	font-style: normal;
	clear:  both ;
}
.navigation-links a {
	text-decoration:  none;
	font-size:  13px;
}
.navigation-links a .next ,
.navigation-links a .previous {
	margin-top: 2px;
	padding: 3px 7px;
	color: #444444;
	border: 1px solid #cbced0;
	border-radius: 3px;
	background-color: #f7f7f7;
}

.navigation-links a .next:hover,
.navigation-links a .previous:hover,
.wp-pagenavi a.pages:hover,
.wp-pagenavi a.larger:hover,
.wp-pagenavi a.smaller:hover {
	color: #4d9bff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	background-color: #FFD975;
	border: 1px solid #ffffff;
}

.wp-pagenavi {
	font-size:  13px;
	line-height:  18px;
	padding-bottom: 20px;
}
.wp-pagenavi span.pages,.wp-pagenavi a.pages,.wp-pagenavi a,.wp-pagenavi span.current {
	padding: 3px 7px !important;
	font-style: normal !important;
	border-radius: 3px;
	color: #5878ae;
}

.wp-pagenavi span.pages {
	background-color: none !important;
	border: none !important;
}
.wp-pagenavi a.pages,.wp-pagenavi a {
	border: 1px solid #ffffff !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .7) !important;
	background-color: #ffffff;
}

.wp-pagenavi span.current {
	background-color: #9d9d9d;
	color: #cbced0;
	border: 1px solid #cdcdcd !important;
}


/* video tag plugin */
.vvqbox{
	padding-bottom:  30px;
}

/* curriculum styles */
.cvbox{
	margin-top: 30px;
}
.cvbox h2,
.cvbox h3{
	font-family:'PlayRegular', Arial, sans-serif;
	margin: 0 0 12px 0;
	padding: 0px 0px 5px 0;
	border-bottom: 1px dotted #c0c0c0;
}
.cvbox h3{
	font-size: 18px;
}
p.date {
	margin: 0px; /*	float:   right;
	*/
clear: right;
background-color: #eaeaea;
color: #516380;
padding: 0 5px;
font-size: 11px;
border-radius: 3px;
}

.cvbox ul{
	margin: 0 0 10px 0;
	list-style: none;
}
.cvbox ul ul{
	margin: 0 0 8px 40px;
}
.cvbox ul ul li{
	margin: 0 0 10px 0px;
}
.cvbox .subitem{
	margin: 12px 0 10px 0;
	font-size: 18px;
}
.anualBox{
	border-bottom: 1px dotted #c0c0c0;
	margin: 0px 0px 10px 0px;
}

/* go to top button */
#gototop {
	background: transparent url(images/gototop-icon.png) 0 top no-repeat;
	display: none;
	text-indent: -999em;
	position: fixed;
	bottom: 30px;
	left: 198px;
	height: 45px;
	width: 45px;
}
.btn{
	display: inline-block;
	margin: 5px 0;
	padding: 3px 7px !important;
	font-style: normal !important;
	border-radius: 3px;
	border: 1px solid #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #5878AE;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.btn:hover {
	color: #4d9bff;
	background-color: #FFD975;
	border: 1px solid #ffffff;
	text-decoration: none;
}