/**
* Style Name: YUI Layout CSS Style
* Theme URI: http://wpyui.com/themes/hy/yahoowph
* Description: Yahoo! WordPress Theme is about rocking your blogging. It was designed by utilising the famous YUI CSS and Javascript Frameworks for layout and styles, it supports post formats, it's translation-ready. A "simple-complex", plus User-Friendly child theme of the Rock-Solid and most comprehensive Hybrid WordPress parent theme, featuring more than 20 custom page templates and multiple widget-ready areas, featured image, cstom menus fully supported, allowing you to create any type of site you want. YUI JavaScript Bubbling Library - version number 2.1., Copyright (c) 2009, Caridy Patino with Extension for Event-Driven Applications is utilsed for WordPress 3.0 and above, implemeting the robust and most logically coded Hybrid Theme Functions Framework utilising the famous YUI CSS and Javascript Frameworks for layout and styles with Custom Posts Types plus Custom Metas. A very user friendly theme for its complete navigation menus (breadrumb, sidebar and bottom navigations). In addition, Andrew Kennedy's WP Show-Hide and Joshua Unseth's Subtitler Plugins are integrated in this theme framework. It works both as a framework to build child themes on and as a stand alone clean theme for a blog site. It includes widget areas in the header, sidebar, and footer.
* Version: 0.6.1.8
* Author: ePAPUA.com
* Author URI: http://yuiwp.wordpress.com
* Tags: post-formats, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, flexible-width, left-sidebar, right-sidebar, custom-background, featured-images, editor-style, blue, white
* License: GNU General Public License v2.0
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
* Text Domain: yikwanak
* Template: hybrid
*
* Copyright (c) ePAPUA.com. All rights reserved.
* http://papuawp.wordpress.com
*/
#doc3 #site-title{font-size:250%;}
#doc3 #site-description{font-size:130%;}
#doc3 div.tagsbreadcrumb{font-size:170%;}
#doc3 div.googlebreadcrumb{font-size:100%;}
#doc4 #site-title{font-size:230%;}
#doc4 #site-description{font-size:110%;}
#doc4 div.tagsbreadcrumb{font-size:120%;}
#doc4 div.googlebreadcrumb{font-size:100%;}
#doc2 #site-title{font-size:210%;}
#doc2 #site-description{font-size:110%;}
#doc2 div.tagsbreadcrumb{font-size:120%;}
#doc2 div.googlebreadcrumb{font-size:100%;}
#doc #site-title{font-size:140%;}
#doc #site-description{font-size:90%;}
#doc div.tagsbreadcrumb{font-size:110%;}
#doc div.googlebreadcrumb{font-size:100%;}
#doc-custom#site-title{font-size:140%;}
#doc-custom#site-description{font-size:100%;}
#doc-custom div.tagsbreadcrumb{font-size:110%;}
#doc-custom div.googlebreadcrumb{font-size:100%;}
#doc2 .hentry img {max-width: 67%;}
#doc4 .hentry img {max-width: 80%;}
#doc3 .hentry img {max-width:100%;}
#doc .hentry img {max-width:52%;}
#doc {font-size:90%;line-height:16px;}
#doc .entry-title{font-size:120%;}
#doc3 {font-size:90%;line-height:16px;}
#doc3 .entry-title{font-size:120%;}
#doc2 {font-size:90%;line-height:18px;}
#doc2 .entry-title{font-size:150%;}
#rsb{
top:20px;
height: 80%;
position: fixed;
right: 0;
}
@media screen and (max-height: 450px) {
.rightsb {padding-top: 15px;}
}
#lsb{
top:20px;
height: 95%;
position: fixed;
left: 0;
}
.leftsb{
margin-left:5px;
max-width:100%;
z-index: 1;
background-color:#fafafa;
overflow-x: hidden;
color:#eee;
}
@media screen and (max-height: 450px) {
.leftsb {padding-top: 15px;}
.leftsb a {font-size: 18px;}
}
/* container properties
* this is useful to contain display within the framework
*/
.scrollbar {
width:99%;
max-width:100%;
height:90%;
max-height:100%;
/*background-color:#7bd6fc; */
overflow-y:scroll;
}
.scrollbar1 {
width:100%;
height:400px;
max-width:98%;
overflow-y:scroll;
}
.scrollbar2 {
width:100%;
height:95%;
max-width:100%;
overflow-y:scroll;
}
/* customize scrollbar css */
#scrollbar-custom::-webkit-scrollbar{
width:12px;
background-color:#cccccc;
}
#scrollbar-custom::-webkit-scrollbar:horizontal{
height:12px;
}
#scrollbar-custom::-webkit-scrollbar-track{
border:1px #787878 solid;
border-radius:10px;
-webkit-box-shadow:0 0 6px #c8c8c8 inset;
}
#scrollbar-custom::-webkit-scrollbar-thumb{
background-color:#b03c3f;
border:1px solid #000000;
border-radius:16px;
}
#scrollbar-custom::-webkit-scrollbar-thumb:hover{
background-color:#bf4649;
border:1px solid #333333;
}
#scrollbar-custom::-webkit-scrollbar-thumb:active{
background-color:#a6393d;
border:1px solid #333333;
}
.rightsb,.leftsb,.scrollbar,.archiveheader,.sidebarheader{
/* Presentation */
/*color: #444; rgba not supported (IE 8) */
/*color: rgba(0, 0, 0, 0.80); rgba supported */
/**color: #444; IE 6 & 7 */
color: #49492d;
/*border: 1px solid #999; IE 6/7/8*/
/*border: none rgba(0, 0, 0, 0); IE9 + everything else*/
border: solid 1px;
border-color: #fdfdfc #e6e6d6 #e6e6d6 #fdfdfc;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
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 );
background-color: #f7f7f2;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) 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.30) 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.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
/* Transitions */
-webkit-transition: 0.1s linear -webkit-box-shadow;
-moz-transition: 0.1s linear -moz-box-shadow;
-ms-transition: 0.1s linear box-shadow;
-o-transition: 0.1s linear box-shadow;
transition: 0.1s linear box-shadow;
}
/* this determines the width of sidebars
* in accordance with YUI LAYOUT CSS STYLES
*/
#doc .leftsb{width:19%;}
#doc2 .leftsb{width:12%;}
#doc3 .leftsb{display:none;}
#doc4 .leftsb{width:11%;}
#doc-custom.leftsb{ width:20%;}
#doc .rightsb{width:19%;}
#doc2 .rightsb{width:12%;}
#doc3 .rightsb{display:none;}
#doc4 .rightsb{width:11%;}
#doc-custom.rightsb{width:20%;}
.yui-cms-tt .yui-panel {
text-align: left;
}
.yui-cms-tt .yui-panel .hd {
visible: hidden;
display: none;
}
/*
*/
/* Layouts */
.l {
float: left;
}
.r {
float: right;
}
.c {
text-align: center;
}
.m {
vertical-align: middle;
}
th,td,tr{margin:0;padding:0;}
table {margin: 0.7em 0;border-collapse:collapse;border-spacing:0;}
td {border:1px solid #dedede; padding:2px; font-size:100%; vertical-align:top;}
td.title {width:25%;vertical-align: top;padding:2px;}
th.title {color:#333333;padding:7px;text-align:left;}
td.description {width:65%;vertical-align: top;padding:2px;}
tr.odd {background-color:#dfdfdf;}
th {border:1px solid #dedede; padding:2px; background-color:#cccccc; color:#333333; font-weight:bold; font-size:100%;}
th.title {background-color:#F4F4F4;}
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#1E76C8;
padding:3px 1%;
margin: 5px 0px;
border-left:3px solid #1E76C8;
background:#ededed;
overflow-x: scroll;
width: 98%;
}
code {
font-family: 'Courier New', Courier, Fixed, sans-serif;
white-space:pre;
font-size: 1.0em;
font-style: italic;
}
.yuimenu {
text-align: left;
}
.yui-skin-sam .yui-navset .yui-content {
background-color: #ffffff;
}
#ygma-header-menu,#ygma-footer-menu,#submit,#menu-subsidiary li a,.page-numbers,#footer,
#comments h3,#comments h2,.sidebar-navigation-links{
background:#d8d8d8 url(../images/sprite.png) repeat-x;
}
/**
* Footer
**************************************/
/* now starts yui-fying the theme content elements */
#footer{
background:#d8d8d8 url(images/sprite.png) repeat-x;
}
.navigation-links{height:auto;}
#footer{
padding:15px 0 0 0;
height:34px;
}
#footer a {
font-style: normal;
}
#footer a:hover{color:#13a1ec;}
#footer .copyright {
float: right;
margin-right: 9px;
text-align:right;
}
#footer .credit {
float: left;
margin-left: 9px;
text-align:left;
}