/*
Theme Name: Piplos blue
Theme URI: https://www.piplos.org
Description: Un tema Wordpress a tre colonne.
Version: 2.0
Author: Piplos
Author URI: https://www.piplos.org
*/
/* CSS Document */

@font-face {
   font-family: 'Pblog';
   src: url('fonts/Pblog.ttf') format('truetype');
}
@font-face {
   font-family: 'Pblog-Bold';
   src: url('fonts/Pblog-Bold.ttf') format('truetype');
}
@font-face {
   font-family: 'Pblog-Italic';
   src: url('fonts/Pblog-Italic.ttf') format('truetype');
}

img#wpstats{display:none}

.feed_widget_link{
cursor:pointer;
display:block;
height:93px;
margin:0 auto;
text-decoration:none;
width:100%;
}

.feed_widget{
background: transparent url(images/rss_widget.jpg) no-repeat scroll 0 0;
}

.feed_widget:hover{
background: transparent url(images/rss_widget.jpg) no-repeat scroll -181px 0;
}


.display-none{
 display:none;
}

.top-container{
position:absolute;
top:0;
width:100%;
}

.tagcloud a{
line-height:20px;
padding:4px 4px 4px 0;
}

.comment_pl a:hover{
background:transparent url(images/icons.gif) no-repeat scroll 0 -192px;
padding-left:20px;
}

.u_agent, .comment_pl a{
 opacity:0.4;
}

.u_agent:hover, .comment_pl a:hover{
 opacity:1;
}

.u_agent img{
 width:12px;
 height:12px;
}

a.more-link {
background:transparent url(images/icons.gif) no-repeat scroll 0 -142px;
line-height:1.4em;
padding-left:20px;
}

a:hover.more-link {
background:transparent url(images/icons.gif) no-repeat scroll 0 -157px;
}

.gravatar {
background:transparent url(images/gravatar-bg.png) no-repeat scroll 0 0;
float:right;
height:78px;
margin-left:5px;
margin-top:-35px;
padding:6px 0 0 7px;
width:78px;
}

.gravatar-img{
width:60px;
height:60px;
}

.author {
font-weight:normal;
font-size:17px;
}

.author a {
border-bottom:1px dotted #111;
}

.ombra .alt, .ombra .oddcomment, .ombra .author-comment {
    border: solid 1px #888888;
}

.ombra .sfumatura_1 {
   [if Gecko] -moz-border-radius-bottomright:4px;
   [if Webkit] -webkit-border-bottom-right-radius:4px;
}

.ombra .sfumatura_2, .ombra .sfumatura_3, .ombra .alt, .ombra .oddcomment, .ombra .author-comment {
    position: relative;
    left: -1px;
    top: -1px;
    [if Gecko] -moz-border-radius-bottomright:2px;
    [if Webkit] -webkit-border-bottom-right-radius:2px;
}
.ombra .sfumatura_1
{
    background: #eaeaea;
}
.ombra .sfumatura_2
{
    background: #d0d0d0;
}
.ombra .sfumatura_3
{
    background: #c0c0c0;
}




.input-comment{
border:1px solid #AAAAAA;
[if Gecko] -moz-border-radius:4px;
[if Webkit] -webkit-border-top-right-radius:4px;
[if Webkit] -webkit-border-bottom-right-radius:4px;
[if Webkit] -webkit-border-top-left-radius:4px;
[if Webkit] -webkit-border-bottom-left-radius:4px;
color:#333333;
font-size:14px;
padding:3px;
}

.input-nickname{
background:#FAFAFA url(images/bg-inputnick.gif) no-repeat scroll right 0;
}

.input-email{
background:#FAFAFA url(images/bg-inputemail.gif) no-repeat scroll right 0;
}

.input-site{
background:#FAFAFA url(images/bg-inputsite.gif) no-repeat scroll right 0;
}

.comments-textarea{
[if Gecko] -moz-border-radius:4px;
[if Webkit] -webkit-border-top-right-radius:4px;
[if Webkit] -webkit-border-bottom-right-radius:4px;
[if Webkit] -webkit-border-top-left-radius:4px;
[if Webkit] -webkit-border-bottom-left-radius:4px;
background:#FAFAFA url(images/bg-textarea.jpg) repeat-x scroll 0 0;
border: 1px solid #AAAAAA;
color:#333333;
font-size:14px;
padding:3px;
}

.at-reply p {
background:transparent url(images/icons.gif) no-repeat scroll 0 -68px;
color:#555555;
cursor:pointer;
padding-left:20px;
}

.at-reply p:hover {
background:transparent url(images/icons.gif) no-repeat scroll 0 -86px;
}

.feedburner-input{
 background:transparent url('images/feedburner_input.png') no-repeat 0 0;
 border:0;
 width:150px;
 height:23px;
 color:#444;
 padding: 4px 3px 0 4px;
}

.feedburner-button{
 background-color:#e1e1e1;
 border:1px solid #999;
 color:#222;
 padding: 2px 3px 1px 4px;
}

.flickr-items img{
 margin:4px;
 background:transparent url('images/fr_item_bg.png') no-repeat 0 0;
 padding:5px 7px 9px 7px;
}

.flickr-items {
 background:transparent url('images/flickr_bg.png') no-repeat 0 0;
 padding:5px 4px 4px 4px;
 height:95px;
 overflow:hidden;
}

.rss-info{
 background: transparent url('images/rss_logo.png') no-repeat 0 0;
 padding-left:90px;
 height:90px;
 width:100px;
 margin:4px auto;
 padding-top:1px;
}

.rss-info #entries{
 font-size:25px;
 margin:12px 0 14px 0;
}

.rss-info #commentsentries{
 font-size:16px;
 margin:10px 0;
}

.top-entries {
 text-align:center;
 display:none;
 width:100%;
 background:transparent url('images/topbg.png');
 color:#222;
 font-size:12px;
}

.top-entries p {
margin:0;
}

.top-entries a {
 color:#004D99;
 text-decoration:none;
 cursor:pointer;
}

.top-entries a:hover {
 text-decoration:underline;
}

b.info{
    position:relative;
    z-index:24;
    text-decoration:none;
}

b.info:hover{
    z-index:25;
}

b.info span{display: none}

b.info:hover span{
    display:block;
    position:absolute;
    top:13px;
    [if Opera] top:33px;
    left:0;
    width:200px;
    height:35px;
    background: transparent url('images/baritem-hover.png') no-repeat;
    border:none;
    color:#555;
    padding-top:11px;
    padding-left:9px;
    font-size:13px;
    font-weight: normal; 
}

*:first-child+html b.info:hover span{ /* tweak for IE7 */
    top:30px;
}

.bar-container{
    width:270px;
    margin:0 auto;
}

.topbar .hover {
    position:relative;
    top: 0;
    background: url(images/topbar.png) repeat-x;
    width: 100%;
    height: 40px;
}

.topbar #hide {
    float: right;
    cursor: pointer;
    margin-right: 10px;
}

#uIE img {
    vertical-align: middle;
}




small {
font-size:10px;
}

input.sendcomment {
[if Gecko]-moz-border-radius:5px;
[if Webkit] -webkit-border-top-right-radius:5px;
[if Webkit] -webkit-border-bottom-right-radius:5px;
[if Webkit] -webkit-border-top-left-radius:5px;
[if Webkit] -webkit-border-bottom-left-radius:5px;
background-color:#F3FBFF;
border:1px solid #465F9F;
color:#465F9F;
cursor:pointer;
font-size:14px;
padding:4px 10px;
}

input.allowedtags {
[if Gecko] -moz-border-radius:5px;
[if Webkit] -webkit-border-top-right-radius:5px;
[if Webkit] -webkit-border-bottom-right-radius:5px;
[if Webkit] -webkit-border-top-left-radius:5px;
[if Webkit] -webkit-border-bottom-left-radius:5px;
background-color:#F3FBFF;
border:1px solid #465F9F;
color:#465F9F;
cursor:pointer;
font-size:13px;
padding:2px 8px;
}

.commentmetadata {
color: #555;
text-align: right;
margin:10px;
text-decoration:none;
}

ul {
margin-top: 2px;
margin-bottom: 2px;
padding-left:5px;
}

.hidden {display:none;}
.explain {text-decoration: underline;
background: transparent url(https://www.piplos.org/wp-content/themes/piplos-blue/images/sideright.png) repeat-y; position: fixed; top: 0px; right: 0px; width:140px;}


body {
background: #EEEEEE url(images/bgbody.gif) no-repeat scroll center 0;
font-family: 'Pblog',"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
color:#444;
font-size:14px;
margin:0;
padding:0;
}

#wrap {
width:920px;
background:transparent url(images/content.png) repeat-y;
margin:0 auto;
}

#container {
padding-top:14px;
margin:0 auto;
}

h2 {
font-size:1.4em;
padding-left: 8px;
font-weight:400;
}

h3.pagetitle {
color:#666;
text-align:center;
font-weight:400;
font-size:14px;
padding-top:4px;
}

img a {
border:none;
margin:6px;
padding:6px;
}

#random {
background:#FFC;
text-align:center;
color:#000;
font-size:13px;
border-bottom:1px solid #fc0;
text-transform:capitalize;
padding:4px;
}

.header {
background:transparent url(images/header.png) no-repeat;
height:150px;
width:920px;
color:#000;
margin:45px auto 0 auto;
padding:0;
}

.header h1 {
height:45px;
font-size:35px;
text-decoration:none;
font-weight:400;
text-align: center;
padding-top:28px;
margin:0 auto;
}

.header a {
cursor:pointer;
display:block;
height:45px;
margin:0 auto;
text-decoration:none;
width:315px;
}

.description {
height:30px;
font-size:16px;
text-decoration:none;
font-weight:400;
color:#FFF;
text-align: center;
padding-top:20px;
background:transparent;
margin:0 auto;
}

#nav {
height:5px;
width:880px;
font-size:14px;
text-decoration:none;
font-weight:400;
color:#FFF;
background:transparent;
margin:0 auto;
padding:0;
}

#wrap {
width:920px;
background:transparent url(images/content.png) repeat-y;
margin:0 auto;
}

#footer {
width:920px;
background:transparent url(images/footer.png) no-repeat;
height:25px;
color:#000;
clear:both;
margin:0 auto;
}

#footer-clear {
clear:both;
}

.footer {
font-size:11px;
text-align:center;
padding-bottom:4px;
margin-bottom: 10px;
}

.footer a {
color:#143381;
}

.footer a:hover {
border-bottom:1px solid #000;
}

#sidebar {
width:380px;
float:right;
text-align:left;
list-style:none;
display:inline;
background:transparent url(images/sidebar.gif) repeat-y left;
color:#444;
font-size:13px;
line-height:18px;
margin-top:14px;
padding:4px 2px;
}

#sidebar a {
color:#465F9F;
text-decoration:none;
}

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

#rsidebar h2,#lsidebar h2 {
background:transparent url(images/bg_sideh2.jpg) no-repeat scroll 0 bottom;
border-left:2px solid #0063CA;
color:#465F9F;
font-family:'Pblog-Italic';
font-size:18px;
height:22px;
margin:20px 0 8px 0;
text-shadow:0 0 2px #eee;
}

#lsidebar {
width:170px;
float:left;
text-align:left;
list-style:none;
display:inline;
margin-left:20px;
padding:0;
}

#rsidebar {
width:180px;
float:right;
color:#444;
text-align:left;
padding-left:0;
list-style:none;
margin-right:7px;
display:inline;
}

.category ul li a {
background:transparent url(images/icons.gif) no-repeat scroll 0 -33px;
padding-left:20px;
line-height:1.4em;
}

.category ul li a:hover {
background:transparent url(images/icons.gif) no-repeat scroll 0 -50px;
}

.feed {
background: transparent url(images/feed.png) no-repeat left;
padding-left: 18px;
margin: 5px;
}

.archive ul li a {
background:transparent url(images/icons.gif) no-repeat scroll 0 1px;
line-height:1.4em;
padding-left:20px;
text-transform:capitalize;
}

.archive ul li a:hover {
background:transparent url(images/icons.gif) no-repeat scroll 0 -15px;
}

.page ul li a {
background:transparent url(images/icons.gif) no-repeat scroll 0 -141px;
padding-left:20px;
line-height:1.4em;
}

.page ul li a:hover {
background:transparent url(images/icons.gif) no-repeat scroll 0 -156px;
}

.misc ul li a {
background:transparent url(images/icons.gif) no-repeat scroll 0 -70px;
padding-left:20px;
line-height:1.4em;
}

.misc ul li a:hover {
background:transparent url(images/icons.gif) no-repeat scroll 0 -88px;
}

#sidebar .misc ul li{
margin-bottom:4px;
}

#sidebar .category ul li{
margin-bottom:2px;
}

#sidebar ul {
padding-left:0;
text-align:left;
list-style:none;
margin:0;
}

#sidebar li a {
list-style:none;
margin:0;
}

#sidebar .archive ul li{
margin-bottom:2px;
}

#sidebar img {
padding:0;
}

#searchform {
position: absolute;
right: 8px;
width: 200px;
top: 2px;
height: 23px;
z-index:1;
}

.search {
height: 19px;
padding: 2px 3px 2px 4px;
[if Opera] padding: 3px 3px 1px 4px;
border: 0;
width:193px;
}

input.search {
 background-color:transparent;
 background-image: url(images/search.png);
 background-repeat:no-repeat;
 background-position:left top;
 color: #888;
 font-style:italic;
}


input.search:hover {
 background-position: left -27px;
 color: #444;
}

input.search:focus {
 background-position: left bottom;
 color: #222;
 font-style:normal;
}

.content {
color: #444444;
font-size: 13px;
width:510px;
padding-left:22px;
float:left;
margin-top:20px;
overflow:hidden;
}

b {
font-family: 'Pblog-Bold',"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
font-weight:normal;
}

i {
font-family: 'Pblog-Italic',"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
font-style:normal;
}

.content p {
line-height:19px;
margin:12px 1px;
}

.entry {
margin:0;
padding:0;
}

.entry a {
color:#077DD5;
text-decoration:none;
}

.entry h2 {
    color: #777777;
    font-size: 22px;
    font-weight: normal;
    line-height: 25px;
    padding-left: 8px;
}

.entry h3 {
    color: #777777;
    font-size: 22px;
    font-weight: normal;
    line-height: 25px;
    padding-left: 8px;
}

.entry ul li {
background:transparent url(images/pointing.gif) no-repeat scroll left 0pt;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left: 18px;
margin-bottom: 8px;
}

.entry ol li {margin-top:10px;}

.post-divider {
padding-top:15px;
padding-bottom:15px;
background:transparent url(images/post-divider.png) no-repeat scroll 

center center;
}

.titlemargin {
background:transparent url(images/bg_h2.jpg) no-repeat scroll 0 0;
border-left:3px solid #0063ca;
padding: 4px 0 0 6px;
}

.postname {
    color: #524D46;
    font-size: 24px;
    font-weight: inherit;
    line-height: 26px;
    text-align: left;
    padding:0;
    margin:0;
}

h2.postname a {
text-decoration:none;
color:#555;
}

h2.postname a:hover {
color:#777;
}

.similar-posts {
    background: url("https://www.piplos.org/wp-content/themes/piplos-blue/images/post-divider.png") no-repeat scroll center 13px transparent;
    margin-left: 5px;
    padding-top: 15px;
    clear:both;
}

.similar-posts p#head {
margin:8px 0;
}

.similar-posts a {
border-bottom:1px dotted #999999;
color:#555555;
text-decoration:none;
}

.similar-posts a:hover {
color:#000000 !important;
text-decoration:none !important;
border-bottom:1px solid #333333;
}

.user {
list-style:none;
padding-top:4px;
}

.title {
padding-top:6px;
}

.title li {
list-style:none;
padding-top:2px;
}

.post-time p {
padding-left:2px;
}

.footpost {
background:transparent;
text-align:left;
font-size:12px;
padding-top:2px;
}

.footpost a {
color:#555;
text-decoration:none;
}

.footpost a:hover {
color:#bbb;
text-decoration:none;
}

.link {
text-align:center;
list-style:none;
width:460px;
padding-bottom:4px;
}

#comment {
width:460px;
}
.box a {
color: #000;
}	
ul.commentlist {
color:#000;
background:transparent;
list-style:none;
margin:0;
padding:8px 0px 8px 0px;
}

.oddcomment {
background:#f3fbff;
/*
border:1px solid #CCC;
border-right: 3px solid #CCC;
border-bottom: 3px solid #CCC;
*/
margin-bottom:30px;
margin-top:8px;
padding:0px 5px;
}

.alt {
background:#f7fff8;
margin-bottom:30px;
margin-top:8px;
padding:0px 5px;
}

.author-comment {
background:#F8F8F8 url(images/underpost.gif) repeat scroll 0 0;
margin-bottom:30px;
margin-top:8px;
padding:0 5px;
}

blockquote {
background:#ffffff url(images/bg_h2.jpg) no-repeat scroll 0 0;
border-left:1px solid #ccc;
text-align:left;
margin: 18px 5px 5px 8px;
padding: 3px 0 0 8px;
}

blockquote p {
padding:0;
margin:5px 0 !important;
font-size:11.5px;
}

.writer {
background:transparent;
margin:0;
padding:0;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
color: #555;
}

.writer a {
color:#222;
text-decoration:none;
}

.writer a b {
color:#555;
}

.writer a:hover {
border-bottom:1px solid #333333;
color:#000;
text-decoration:none;
}

.underpost-container{
    background: url("images/underpost-bg.png") repeat-x scroll 0 top #FAFAFA;
    border: 1px solid #CECECE;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
}

.clearboth { clear:both; }

.underpost{
padding-left: 20px;
line-height:16px;
}

.tags {
background:transparent url(images/icons.gif) no-repeat scroll 0 -215px;
float:left;
clear:left;
margin-top:4px;
width: 320px;
}

.categories {
float:left;
background:transparent url(images/icons.gif) no-repeat scroll 0 -34px;
}

.comments{
float:right;
background:transparent url(images/icons.gif) no-repeat scroll 0 -70px;
}

.lectures{
background:transparent url(images/icons.gif) no-repeat scroll 0 -108px;
color:#222222;
float:right;
clear:right;
margin-top:4px;
width:auto;
}

.alignleft {
float: left;
margin-bottom:1px;
}

.alignright {
float: right;
margin-bottom:1px;
}

.wp-smiley {
background:transparent;
border:none;
margin: -2px 0 -2px 2px;
padding:0;
}

.trackback {
color:#444;
background:#E5F4FD;
text-align:center;
font-size:14px;
border-bottom:3px solid #A8BFD6;
border-top:3px solid #A8BFD6;
margin:0 auto;
padding:4px 6px;
}

.navigation {
    font-size: 16px;
}

.navigation li {
list-style:none;
}

.navigation a {
color:#444;
text-decoration:none;
}

.navigation a:hover {
text-decoration:underline;
}

img {
padding:0;
border: none;
}

#random a,ul.commentlist a {
color:#555;
text-decoration: none;
}


#random a,ul.commentlist a:hover {
text-decoration: none;
}

.subscribe a,.trackback a {
color:#555;
text-decoration: none;
border-bottom:1px solid #555;
}

.postname a:hover {
color:#465F9F;
}




.entry a:hover {
color:#D54E21;
text-decoration:underline;
}

#respond,h3.commentstatus {
color:#465F9F;
font-size:28px;
font-style:italic;
font-weight:normal;
text-align:center;
}

img a {
border: 0;
}

/* Sociable */

div.sociable { margin:0 0 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/* End Sociable */