/**
 * Style Name: Utility CSS
 * Style URI: http://wpyui.com/themes/hc/white-boxed/
 * Description: A "simple-complex", plus User-Friendly child theme of the Rock-Solid and most comprehensive Hybrid WordPress parent theme with various breadcrumbs on right heaader and before primary sidebar as well as widgets additions for home. singular and archive pages that can be activated by add_theme_support on theme functions.php
 * Version: 2.2
 * Author: ePapua.com
 * Author URI: https://papuawp.wordpress.com/
 * Tags: front-page layout, theme-options, threaded-comments, ajaxed-comment, microformats, translation-ready, rtl-language-support, one-column, two-columns, three-columns, fixed-width, full and details of bylines and entry-metas
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text-Domain: hybrid-child-2-2
 * Template: 	hybrid
 */
  
/**
* MORE DECODATION WITH ICONS
****************************
 */

body:before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 10px;
-webkit-box-shadow: 0px 0px 10px rgba(23,73,120,.8);
-moz-box-shadow: 0px 0px 10px rgba(23,73,120,.8);
box-shadow: 0px 0px 10px rgba(23,73,120,.8);
z-index: 100;
}

/**
 * Clearing Floats
 * --------------------------------------------------------------------------- */

.clearfix {
    zoom: 1;
}


/* === Clearing floats === */
.clearfix::after,
#header::after,
#branding::after,
#menu-primary::after,
.widget::after,
.hentry::after,
.entry-summary::after,
.entry-content::after,
.attachment-meta::after,
.loop-meta::after,
.loop-nav::after,
li.comment::after, li.pingback::after, li.trackback::after,
.gallery::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clear{clear:both;}
.block {display:block}

.title-tag,.tag-title{text-transform:capitalize;}

/* Breadcrumb 
this hacks into arrow image before title
*/
.breadcrumbs .trail-before{margin-right:5px}
.breadcrumbs .sep{display:inline-block;width:5px;
line-height:20px;
margin:0px 5px 0 5px;text-indent:-9999em;
background:url('../../images/breadcrumb-sep.png') no-repeat 0 2px}
.breadcrumbs .trail-end{font-style:italic;
 color:#bab7b5 
}

/************** .story styles *****************/
.indent {margin:3px 3px 3px 15px;}
.vertical_sep {padding-top:50px;height:80px;float:left;background-image:url(../../images/sep1.jpg);}
.doc_sep {clear:both;border-bottom:1px dotted #ccc;margin:0;
padding:5px 0 0;}
.sep { clear:both; border-bottom: 1px dotted #687082; font-size:10%;  margin: 5px 10px;}
.sep1 { clear:both;  border-bottom: 1px dotted #AEAEAE; font-size:10%;}
.sep2 {clear:both; border-bottom: 1px dotted #AEAEAE; font-size:50%;  margin-bottom: 5px;}
.vsep {border-left: 1px solid #CCCCCC; height: 1px; margin-left: 5px; padding-left: 5px;}
.end {
clear:both;
font-size:10%;
margin:0;
padding:0;
}
span.meta-sep{
	padding:0 0 0 0.3em;
border-right:1px solid #ccc;
}
.rsep {border-right: 1px solid #CCCCCC; height: 1px; margin-right: 5px; padding-right: 5px;}
 
#bd{ 
	line-height: 26px;
	clear: both;
	overflow: hidden;
}

.entry-utility,.series,#comments-template,
#sidebar-after-singular,.navigation-links,#loop-navigation,.section
{
border-right: 1px solid #DCE09C; 
border-left: 1px solid #DCE09C;
border-top: 1px solid #DCE09C; 
border-bottom: 1px solid #DCE09C;
padding:1em; 
background: #fff url(../../images/box-bg.gif) repeat-x top left;
}

#ygma-header.menu-container,.breadcrumbs,.widget,.hentry,.headerarchive,.loop-meta,.news-byline,.entry-meta,.byline,
.byline,.comment-text,.comment-meta,.share-meta,#ygma-footer.menu-container,.sidebar-navigation-links{
border-right: 1px solid #CCC; 
border-left: 1px solid #CCC;
border-top: 1px solid #CCC; 
border-bottom: 1px solid #CCC;
}

/**
#ygma-header.menu-container,.breadcrumbs,.widget,.hentry,.headerarchive,.loop-meta,.news-byline,.entry-meta,.byline,
.byline,.comment-text,.comment-meta,.share-meta	
{padding:1em; 
}
*/

/**
* content
**************************************/
/* Main 
#hd,#bd,#ft,#subsidiary,.breadcrumbs,
.share-meta,#ygma,#comments-template,.loop-meta,.sidebar-breadcrumbs {   
	line-height: 26px;
	margin:5px;
	clear: both;
	overflow: hidden;
	 color: #666;
	background: #f4f2e7; 
}*/
.breadcrumbs,.content,.share-meta,.sidebar-breadcrumbs{padding:.5em; }
#ygma-header.menu-container{margin-top:21px;}
.etntry-meta,.byline,.hentry{padding:1em}
.content{float:left;
margin-right:10px;
padding:1em;
}

#primary-menu,#posttypes-menu{margin-top:11px;}

/*
* top rounded content after bordering the content
*/
#ygma-header,#primary-menu a,#posttypes-menu a,.yui-navset ul .yui-nav li a,.news-byline,.loop-meta,
.page-numbers,.nav-prev a,.nav-next a,.breadcrumbs,
.byline,.comment-meta{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

/*
* bottom rounded after bordering the content
*/
#container,#subsidiary,.hentry,.widget,.comment-text,#comments-template,.entry-meta,.navigation-links,#ft,
.page-numbers,.loop-navigation,.utility,.entry-utility,.series,.ui-tabs,#footer,.sidebar-navigation-links,
#secondary-menu a,#subsidiary-menu a,.entry-meta,.share-meta,.section,.sidebar-breadcrumbs,
#ygma-footer.menu-container{
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

/* SPECIAL TITLING AND BLOCKS STYLES */
.archiveheaders
{width:100%;border:1px solid; padding: 2px 8px 8px 5px;
 background-color: #ffffff;background-image: url(../../images/h3bg.jpg);
 background-position: top;background-repeat: repeat-x;
 }
.archiveheader { 
	border:1px solid;
	background: #fff url(../../images/box-bg.gif) repeat-x top left;
	background-position:top;
	background-repeat:repeat-x;
	margin:4px;
	padding:8px;
}

.catheader{color:#4E443C;padding:0 20px 0 20px;line-height:130%;background-image: url(../../images/dot3.gif);
background-position: left;background-repeat: no-repeat;font-weight:700;} 
.catheader a:hover{text-decoration:none;background-color:#efefef;}
.sidebarheader{
    color: #1d1f0f;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 2px rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 2px rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 2px rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    border-color: #fbfcf8 #e7ead2 #e7ead2 #fbfcf8;
	font-weight:600;
	padding: 2px 8px 8px 5px;
 background: background: -moz-linear-gradient(top, rgba(253, 253, 252, 0.3) 0%, rgba(247, 247, 242, 0) 49%, rgba(247, 247, 242, 0) 51%, rgba(193, 193, 154, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253, 253, 252, 0.3)), color-stop(49%, rgba(247, 247, 242, 0)), color-stop(51%, rgba(247, 247, 242, 0)), color-stop(100%,rgba(193, 193, 154, 0.3)));
    background: -webkit-linear-gradient(top, rgba(253, 253, 252, 0.3) 0%, rgba(247, 247, 242, 0) 49%, rgba(247, 247, 242, 0) 51%, rgba(193, 193, 154, 0.3) 100%);
    background: -o-linear-gradient(top, rgba(253, 253, 252, 0.3) 0%, rgba(247, 247, 242, 0) 49%, rgba(247, 247, 242, 0) 51%, rgba(193, 193, 154, 0.3) 100%);
    background: -ms-linear-gradient(top, rgba(253, 253, 252, 0.3) 0%, rgba(247, 247, 242, 0) 49%, rgba(247, 247, 242, 0) 51%, rgba(193, 193, 154, 0.3) 100%);
    background:  linear-gradient(to bottom, rgba(253, 253, 252, 0.3) 0%, rgba(247, 247, 242, 0) 49%, rgba(247, 247, 242, 0) 51%, rgba(193, 193, 154, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    border-radius: 4px 4px 0 0;
	}  
.sidebarheader a:hover,h4.headerarchive a:hover{
	text-decoration:underline;color:#f90;
	}
.headerarchive {
  padding: 0.5em; /* Room for close button. */
    padding-right: 40px; /* Room for Close button */
    min-height: 14px;           /* For the close button */
    _height: 14px;              /* IE6 */
 background: background: -moz-linear-gradient(top, rgba(253, 253, 252, 0.3) 0%, rgba(247, 247, 242, 0) 49%, rgba(247, 247, 242, 0) 51%, rgba(193, 193, 154, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253, 253, 252, 0.3)), color-stop(49%, rgba(247, 247, 242, 0)), color-stop(51%, rgba(247, 247, 242, 0)), color-stop(100%,rgba(193, 193, 154, 0.3)));
    background: -webkit-linear-gradient(top, rgba(253, 253, 252, 0.3) 0%, rgba(247, 247, 242, 0) 49%, rgba(247, 247, 242, 0) 51%, rgba(193, 193, 154, 0.3) 100%);
    background: -o-linear-gradient(top, rgba(253, 253, 252, 0.3) 0%, rgba(247, 247, 242, 0) 49%, rgba(247, 247, 242, 0) 51%, rgba(193, 193, 154, 0.3) 100%);
    background: -ms-linear-gradient(top, rgba(253, 253, 252, 0.3) 0%, rgba(247, 247, 242, 0) 49%, rgba(247, 247, 242, 0) 51%, rgba(193, 193, 154, 0.3) 100%);
    background:  linear-gradient(to bottom, rgba(253, 253, 252, 0.3) 0%, rgba(247, 247, 242, 0) 49%, rgba(247, 247, 242, 0) 51%, rgba(193, 193, 154, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    border-radius: 4px 4px 0 0;
	border-bottom: 1px dashed #ccc;
border-top: 1px solid #cccccc;
}  
h4.headerarchive {font-size:115%;font-weight:100;}

 /* Sidebar Navigation links */
.sidebar-navigation-links {
	margin-top: 21px;
	margin-bottom: 11px;
	font-style: italic;
	padding:1em;
	}
.sidebar-navigation-links  {
	margin-bottom: 21px;
	font-style: italic;
	padding:1.5em;
	}
.sidebar-navigation-links .previous {
	float: left;
	max-width: 50%;
	}
.sidebar-navigation-links .next {
	float: right;
	max-width: 50%;
	text-align: right;
}
.sidebar-breadcrumbs{
	margin-bottom:5px;	
	margin: 5px 0 5px 10px;
}


/* Style the quote post wrapper. */
.format-quote { 
    margin: 0.25em 21px 0;
    color: #383838;
    background:#F7F7F7 !important;
	}

/* Style blockquotes within the quote post. */
.format-quote blockquote {   
 font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    width: 450px;
    margin: 0.25em 0;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
    background:#F7F7F7;}

/* Don't forget cite in case a user makes use of it. */
.format-quote cite {    
color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;}
	
	/* === Status updates === */
.format-status .entry-content {
border:1px solid #ddd;
}

/* Chat Posts */
.format-chat .entry-content p{
	background: #e0f1f3; /* The background color of first paragraph */
	border-left: 7px solid #2ba6cb; /* The setting for border of first paragraph */
	margin-bottom: 2px;
	padding-left: 13px;
}
.format-chat .entry-content p:nth-child(odd) {
	background: #e9e9e9; /* The background color of next paragraph */
	border-left-color: #5da423; /* The setting for border of next paragraph */
} 

/* Shortlink popup */
#cluetip-outer {
	position: relative;
	padding: 0 0 5px 0;
	background: url(../../images/bg-shortlink-popup-shadow.png) no-repeat right bottom;
	}
h3#cluetip-title {
	margin: 0;
	padding: 18px 20px 15px;
	font: normal normal normal 12px/20px Arial, Verdana, sans-serif;
	color: #333;
	background: url(../../images/bg-shortlink-popup-title.png) no-repeat left 3px;
	}
#cluetip-inner {
	border-top: 3px double #e5e5e5;
	padding: 20px;
	background: url(../../images/bg-shortlink-popup-inner.png) no-repeat left bottom;
	}
#cluetip-inner div.tip {
	line-height: normal;
	height: 33px;
	background-color: transparent;
	background: url(../../images/bg-shortlink.png) no-repeat;
	}
#cluetip-inner input {
	margin: 8px 18px 0 18px;
	padding: 0;
	width: 199px;
	font: normal normal normal 12px/12px Arial, Verdana, sans-serif;
	border: none;
	background: transparent;
	color: #dd7a05;
	}
	
/* Entry utility (above entry) */
.entry-utility {
	overflow: hidden;
	height: 30px;
	padding: 3px 10px 21px 0;
	font: normal normal normal 11px/24px Arial, Verdana, sans-serif;
	background: url(../../images/bg-entry-utility.png) no-repeat;
	clear: both;
	}
.entry-utility a {
	padding: 0 0 0 18px;
	}
.entry-utility a.print-link {
	margin: 0 0 0 20px;
	background: url(../../images/print-icon.png) no-repeat 0 3px;
	}
.entry-utility a.email-link {
	background: url(../../images/email-icon.png) no-repeat 0 3px;
	}
.entry-utility a.shortlink {
	padding: 0 0 0 17px;
	background: url(../../images/shortlink-icon.png) no-repeat 0 3px;
	}
.entry-utility a.post-edit-link {
	margin-left: 0;
	padding-left: 10px;
	}	
.share {
	display: inline-block;
	padding: 10px;
	background: url(../../images/share-icon.png) no-repeat 0 13px;
}	

/* Post format icons */
a.post-format-link {
	padding-left: 21px;
	background: url('../../images/icons.png') no-repeat 0 0;
	}
.format-aside a.post-format-link {
	padding-left: 19px;
	}
.format-audio a.post-format-link {
	background-position: 0 -30px;
	}
.format-chat a.post-format-link {
	background-position: 0 -60px;
	}
.format-gallery a.post-format-link {
	padding-left: 19px;
	background-position: 0 -90px;
	}
.format-image a.post-format-link {
	background-position: 0 -120px;
	}
.format-link a.post-format-link {
	padding-left: 19px;
	background-position: 0 -150px;
	}
.format-quote a.post-format-link {
	background-position: 0 -178px;
	}
.format-status a.post-format-link {
	background-position: 0 -210px;
	}
.format-video a.post-format-link {
	background-position: 0 -239px;
	}

/* Gallery format */
.format-gallery .image-count {
	font-style: italic;
	color: #999;
	}

/* Post format archives. */
.taxonomy-post_format-link .hentry ul.links {
	list-style: none;
	margin-left: 10px;
	}
.taxonomy-post_format-link .hentry ul.links li {
	padding-left: 19px;
	background: url('../../images/icon-link.png') no-repeat 0 4px;
	}
	
.singular-post .entry-title,
.format-standard .entry-title,
.singular.attachment-image .entry-title {
	border-bottom: none;
	margin-bottom: .5em;
	padding-bottom: 0;
}

.home .format-link .entry-title,
.archive .format-link .entry-title {
	margin-bottom: 1em;
}

.format-gallery .thumbnail, 
.taxonomy-post_format-gallery .gallery .gallery-icon .thumbnail {
	width: 150px; /* width and height must be exact for bg to work. */
	height: 150px;
	padding: 18px 18px 10px 10px;
	background: url('../../images/gallery-thumb.png') no-repeat right 0;
	border: none;
	}
.taxonomy-post_format-gallery .gallery .gallery-icon .thumbnail {
	float: none;
	}
.taxonomy-post_format-image .gallery .gallery-icon .thumbnail {
	float: none;
	width: auto;
	max-width: 89%;
	height: auto;
	margin: 0 auto;
	padding: 10px;
}