/*
Theme Name: yunoinfo.com
Filename: style.css
*/

/* for link within */

.linkwithin_posts a:hover { 
background:#f4f4f4!important; 
} 

body{
   background-color: #dddddd;
   margin: 0;
   padding: 0;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
}
#main {
   margin:0px auto;
}
/* original header values
header {
   height:40px;
   background-color: #222222;
   padding:0pt;
   min-width: 1060px;
   height:50px;
   border-top: 1px solid #333;
   border-bottom:1px solid #000;
   box-shadow: #000000;
   width: 100%;
   z-index: 999;
}
*/
header {
   background-color: #dddddd;
   padding:0pt;
   min-width: 1060px;
   /* changed by cph for new header menu */
   /*height:265px;*/
   height:100px;
   border-top: 1px solid #dddddd;
   border-bottom:1px solid #dddddd;
   box-shadow: #dddddd;
   width: 100%;
   z-index: 999;
   padding-top: 20px;
}
#searchbar
{
   text-align: center;
   width: 100%;
   z-index: 999;
   height:68px;
   margin:0px auto;
   background-color: #111;
}
#s{
   margin-top:15px;
   /*width:670px;*/
   width:80%;
   height:25px;
   color : #808080;
   background-color:#eee;
   background-image:url(images/search.png);
   background-repeat:no-repeat;
   background-position: 10px 7px;
   padding-left:40px;
   border:1px solid #f1f1f1;
   -moz-border-radius:20px;
   -webkit-border-radius:20px;
}
nav {}
nav.primary {}
nav.footer {}
#widget-header {}
#widget-alert {}
#content {
   margin-top: 30px; /* original 70 px */
   width:740px;
/* 1070 was default */
   min-height:1600px;
   height:auto !important;
   height:500px;
   position: relative;
   float:left;
   background-color: #fff;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   margin-bottom:10px;
}
/* cph added this to resize pictures */
.resize {
   text-align: center;
}
.resize img{
   width: 100%;
   height : 100%;
}
.header_img img{
   margin: 0px;
   padding-top:100px;
   padding-left: 100px;
}
article {}
   .featured-thumbnail {}
   .thumbnailimg img{
   max-width: 460px;
}
                
.post-content {
   padding:0 10px 0 10px;
}
.pagination {}
.post-meta {}
.post-navigation {}
#comments {
   padding:0 10px 0 10px;
}
li.comment {}
.odd {}
.even {}
.author-comment {}
.comment-text {
   background-color: #f1f1f1;
   margin-bottom: 10px;
   padding:10px;
}
.comment-meta {}
p.gravatar {
   position:relative;
   float:left;
   margin: 0 5px 0 0;
}
.waiting-for-approval {}
#trackbacks {}
li.trackback {}
p#no-comments {}
#comments-form {
   margin-top:20px;
}
#respond {}
.cancel-comment-reply {}
.page {}
#page-content {}
#page-meta {}
.post {
/*	padding:10px !important;*/
}
.postContent {}
.post-excerpt {}
        
.newer-older{
padding: 10px;
}
.oldernewer {
margin-left:5px;
}
nav.oldernewer {}
.older {}
.newer {}
.search {}
.author {}
#recent-author-posts {}
#recent-author-comments {}
#error404 {}
#sidebar {

    background-color: #fff;
    margin-top:30px; /* originally 70 px */
    margin-bottom: 50px !important;
    padding:0px;
    width:300px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;

}
.sidebar_spacer{
   padding: 10px 0 10px 10px;
}
#widget-sidebar {
   padding:10px;
}
#sidebar-search {}
#sidebar-nav {}
#sidebar-archives {}
#sidebar-meta {}
.widget {}
.widget-area widget-sidebar{}
#footer_wrapper{
   /*border-top:2px solid #dddddd;*/
   background-color: #dddddd;
   width:100%;    
}
#footer {
   background-color: #dddddd;
   color: #222222;
   text-shadow: #dddddd;
   width:1060px;
   margin:0px auto;
}
#widget-footer {}
#footer-nav {}	
.no-results {}
.widget-area {}

.none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
   display: none;
}
.clear {
   clear: both;
}
.left {
   float: left;
}
.right {
   float: right;
}
.aligncenter {
   text-align: center;
}
.alignleft {
   text-align: left;
}
.alignright {
   text-align: right;
}
.filter_bar{
   position:relative;
   background-color: #f4f4f4;
   width:100%;
   height: 43px;
   margin-bottom: 20px;
   border-bottom:1px solid #ddd;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
}
.fb_title{ /*filter bar title*/
   color: #222222;
   font-size: 22px;
   position: absolute;
   top:10px;
   left:10px;
   /*font-weight: normal !important;*/
   font-weight: bold;
}
.filterbar_scnd{
   position:relative;
   background-color: #222222;
   width:100%;
   border-bottom:1px solid #ddd;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
}
.filterbar_scnd h1{
   color:#fff;
   font-size:20px;
}
.filterbar_scnd h1 a{
   color:#fff;
   font-size:20px;
}
.fbb a{
   color:#333;
   font-weight:bold;
   font-size:16px;
}
.meta_data{
   color:#999999 !important;
   font-size:12px;
   font-weight:700;
}
.meta_data2{
   color:#333333 !important;
   font-size:12px;
   font-weight:700;
}
.allowedtags{
   font-size:11px;
   font-weight:bold;
   background-color: #f7f7f7;
   padding:5px;
   border:1px solid #e9e9e9;
   margin:0 0 10px 0;
}
.comment-field{
   margin:0 0 10px 0;
}
#footer .section-2 ul.info
{
   margin: 0px;
   padding: 2px 0 0 0;
   list-style-type: none;
   float: left;
   line-height: 20px;
}
#footer .wrap-2
{
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #1EB9E6;
   -moz-box-shadow: #222222;
   height: 10px;
   /*padding-top: 5px;*/
   margin:0px auto;
   width: 1060px;
}
#footer .section-2 .wrap
{
   width:1060px;
   height:40px;
   border-bottom:1px solid #dddddd;
   margin:0px auto;
}
#footer .section-2 ul.info li
{
   float: left;
   margin-right: 0px;
}
#footer .section-2 a
{
   color: #222222;
   font-size:12px;
}
#footer .section-2 .functions a
{
    margin-left: 20px;
}
#footer .section-2 .functions a
{
   color: #222222;
   text-decoration:none;
}
#footer .section-2 .functions a.button
{
   color: #ffffff;
   font-size: 11px;
   line-height: 14px;
   font-weight: bold;
   padding:5px 10px;
   background-color: #444444;
   border-top: 5px;
   display: block;
   width: 123px;
   float: right;
   text-shadow: 0pt -1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0pt 1px rgba(255, 255, 255, 0.2) inset;
   border: 1px solid #000;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   text-align: center;
}
#footer .section-2 .functions a:hover, #footer .section-2 .functions a.hover
{
   color: #00a5f0;
   background-color: #000000;
}
#blog_wrapper{
   position: relative;
   margin:10px;
   color:#000;
   min-height:300px;
   height:auto !important;
   height:300px;
}
.spacer{
   margin:0 5px 0 5px;
}
.lp_container{
   position:relative;
   min-height:300px;
   height:auto !important;
   height:300px;
   margin-bottom:20px;
   border-bottom:1px solid #ddd;
   clear:both;
   list-style-type: none;
}
.lp_lists li.lp_container:last-child{
/*border-bottom: none;*/
}
.lp_left{
   position:relative;
   width: 460px;
   min-height:300px;
   height:auto !important;
   height:300px;
   float:left;
   clear:left;
   margin-bottom:10px;
}
.lp_right{
   position:relative;
   width: 220px;
   min-height:300px;
   height:auto !important;
   height:300px;
   float:right;
   margin-bottom:10px;
}
.lp_title{
   margin-bottom: 10px;
}
.lp_title a{
   color: #222222;
   font-size: 20px;
}
.lp_title a:hover{
   color: #555;
}
.lp_category{
   font-weight: 700;
   margin-bottom: 10px;
}
.lp_category a:hover{
   color: #FF8000;
}
.lp_dates{
   margin-bottom: 10px;
   line-height: 16px;
   color: #999999;
   font-weight:700;
   font-size: 11px;
}
.lp_comments{
   width:220px;
   height:52px;
   border:1px solid #ddd;
   background-color: #f4f4f4;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   box-shadow:0px 1px 1px #fff;
}
.lpc_butt{
   width:108px;
   height:52px;
   border-left:1px solid #ddd;
   -moz-border-radius-topright: 5px;
   -webkit-border-top-right-radius: 5px;
   float:right;
   background-image: url(images/comment.png);
   background-repeat: no-repeat;
   background-position:center;
}
.lpc_words{
   width:108px;
   height:52px;
   -moz-border-radius-topleft: 5px;
   -webkit-border-top-left-radius: 5px;
   position:relative;
   /*float:right;*/
   float:left;
   color:#999;
   font-size:11px;
   font-weight:700;
   text-align:center;
}
.lpc_butt:hover{
   cursor: pointer;
   -moz-border-radius-topright: 5px;
   -webkit-border-top-right-radius: 5px;
   background-color: #e4e4e4;
}
.lpc_counter{
   margin-top:13px;
}
.lp_comments{
   margin-bottom: 7px;
}
.lpc_sharing{
   width:220px;
   height:40px;
}
.lpcs_top{
   width:100%;
   height:5px;
   /*background-image: url(images/lpcs_top.jpg);*/
   background-repeat: no-repeat;
   background-position: center;
   padding-left:4px;
}
.lpcs_bottom{
   /*width:100%;*/
   width:110px;
   /*height:33px;*/
   height:105px;
   border:1px solid #ddd;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   background-color: #f4f4f4;
   /*margin-bottom:5px;*/
   padding-bottom:-15px;
}
.lpcs_sbutt{
   position:relative;
   float:left;
   margin:7px 0 0 10px;
}
#lpcs_fbutt{
   margin-left:15px !important;
}
.social_share{
   position: relative;
   float:left;
   margin:10px;
}
.ss_butt{
   position: relative;
   float:left;
}
/* by cph for google+*/
.ss_butt2{
   position: relative;
   float:left;
   margin-left: -11px;
}
/* by cph for pinterest*/
.ss_butt3{
   position: relative;
   float:left;
   margin-left: -11px;
   /*margin-top: -1px;*/
}
.social_share2{
   position: relative;
   float:left;
   margin:5px 0 0 0;
}
#search_toggle
{
   float:right;
   width:40px;
   height:50px;
   color: #ffffff;
   font-size: 11px;
   font-weight: bold;
   margin:0px 9px 0px 9px;
   display: block;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   background-image: url(images/search.jpg);
   background-repeat: no-repeat;
   background-position: center;
   padding: 0 10px 0 10px;
}
/* cph hover header */
.header_img2 a {display:block; width:1060px; height:200px; background:url("http://yunoinfo.com/wp-content/uploads/2012/12/yuno_yes_info_thin.jpg") left top no-repeat;}
.header_img2 a:hover img {position:absolute; left:-999em; top:-999em;}
.header_img2 a:hover {zoom:1;}
.footer_menu_ch {
	padding-top:7px;
	text-align:right;
}
.footer_menu {
	text-align:right;
}
.post_padding {
   padding: 5px 10px 10px 10px;
}
.vote_ch{
   background-color: #dddddd;
   height: 50px;
   width:75px;
   z-index: 1; 
   margin-bottom: 10px;
   float:right;
}
.vote_ch2{
   background-color: #dddddd;
   width:55px;
   z-index: 1; 
   margin-left: 10px;
   margin-right: 5px;
   float:right;
}
.foot_sp{
   padding-bottom: 20px;
}
.comment_ch {
   width:690px;
   /*background-color: #dddddd;*/
   background-color: white;
   margin-bottom:20px;
   margin-top:25px;
   padding-left:25px;
}
.menu_ch {
   width:100%;
   height:40px;
   background-color:#1EB9E6;
}
#footer_wrapper_ch{
   background-color: #222222;
   width:100%;    
   height:30px;
}
#footer_ch {
   background-color: #222222;
   color: #222222;
   text-shadow: #dddddd;
   width:100%
   margin:0px auto;
}
#footer_ch .section-2_ch ul.info_ch {
   margin: 0px;
   padding: 0 0 0 0;
   list-style-type: none;
   float: left;
   line-height: 0px;
}
#footer_ch .wrap-2_ch{
   -moz-box-shadow: #222222;
   height: 20px;
   margin:0px auto;
   width: 1060px;
}
#footer_ch .section-2_ch .wrap_ch {
   width:1060px;
   margin:0px auto;
}
#footer_ch .section-2_ch ul.info_ch li {
   float: left;
   margin-right: 0px;
}
#footer_ch .section-2_ch a
{
   color: #222222;
   font-size:12px;
}
#footer_ch .section-2_ch .functions a {
   margin-left: 20px;
}
#footer_ch .section-2_ch .functions a {
   color: #222222;
   text-decoration:none;
}
#footer_ch .section-2_ch .functions a.button{
   color: #ffffff;
   font-size: 11px;
   line-height: 14px;
   font-weight: bold;
   padding:5px 10px;
   background-color: #444444;
   border-top: 5px;
   display: block;
   width: 123px;
   float: right;
   text-shadow: 0pt -1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0pt 1px rgba(255, 255, 255, 0.2) inset;
   border: 1px solid #000;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   text-align: center;
}
#footer_ch .section-2_ch .functions a:hover, #footer_ch .section-2_ch .functions a.hover{
   color: #00a5f0;
   background-color: #000000;
}

#link_within_cph{
   padding-left:20px;
}

#header_cph{

 margin-left:10px;
margin-top:5px;
}
#header_cph_2{

   margin-left:19px;
   padding-top:5px;
margin-top:5px;
margin-bottom:-30px;

}

#footer_cph_2{

padding-top:100px;

}