@import url("https://www.sitonline.it/common/css/common.css");

/*=========================================================================
Theme Name:	Creare By Sitonline
Author:		Sitonline
Description:	A template dedicated to Sitonline's help webstite.
Version:	1.0
Tags:		dark, light, white, black, gray, three-columns, fixed-width
=========================================================================*/

/* ==== @FONTFACE: Francoisone ==== */
@font-face {
	font-family:'francoisone';
	src:url('font/francoisone.eot');
	src:url('font/francoisone.eot?#iefix') format('embedded-opentype'),
		url('font/francoisone.woff') format('woff'),
		url('font/francoisone.ttf') format('truetype'),
		url('font/francoisone.svg#francoisone') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ==== COMMON ==== */
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;background:url(images/body.gif);color:#555555;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{color:#336699;text-decoration: none;}
a:hover{text-decoration:underline;}
*:focus {outline: none;}
.icon{background-image: url("images/spriteBlog.png");background-repeat: no-repeat;display:block;height:25px;position:absolute;width: 25px;top:0;left:0}
.buttonGradientBlu .icon.arrowRight {background-position: 0px -25px;left: auto;right: 0;top: 1px;}


/* ==== LAYOUT STRUTTURALE ==== */

/* MEDIA QUERIES SMALL*/
@media screen and (min-width: 1210px) {
	#middleSite{width:1200px!important;}
	#middleSite #mainContent{width:940px!important;}
	#mainContent #stream{width:550px!important;}
	#mainContent #categories{width:330px!important;}
	#middleSite #mainAside{float:left;width:260px!important;}
	#middleSite{background-position:0 0!important;}
	#searchBar .inputText{width:139px!important;}
}

#middleSite,#mainContent,#stream,#categories,#mainAside,#searchBar .inputText{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}


#wrapper{width:100%;}
#topSite{height:38px;width:100%;background:url(images/verticalDark.gif) repeat-x left top;}
#middleSite{background:url(images/verticalLight.gif) repeat-y -40px 0;width:990px;overflow:hidden;}
#middleSite{width:990px;}
#middleSite #mainContent{width:770px;float:right;}
	#mainContent #stream{width:550px;float:left;padding:20px;}
	#mainContent #categories{width:160px;float:left;margin:-30px 0 20px 20px;}
#middleSite #mainAside{float:left;width:220px;overflow: hidden;}
#bottomSite{height:30px;width:100%;background:black;}



/* ==== TOPSITE ==== */
#topSite h1#logo{overflow:hidden;width:72px;height:17px;background:url(images/spriteBlog.png) no-repeat 0 0;margin:10px 0 0 20px;float:left;}
#topSite h1#logo a{text-indent:-999px;display:block;}


/* ==== LEFT ASIDE ==== */
#searchBar{margin:20px;overflow:hidden;}
#searchBar h3 a{color:#555;font-family:georgia;font-size:22px;margin-bottom:20px;display:block;font-style:italic;}
#searchBar .inputText{border: 1px solid #A9A9A9;border-radius: 3px 3px 3px 3px;float: left;font-size: 14px;height: 29px;line-height: 29px;padding: 0 5px;width: 99px;}
#searchBar .inputSubmit{width:64px;height:33px;background:url("images/inputSubmit.png") no-repeat left top;border:0;margin-left:5px;text-indent:-999px;display:block;text-transform:uppercase;float:left;cursor:pointer;}

nav#main{margin:0 0 40px;}
nav#main li{font-size:15px;text-transform:uppercase;position:relative;background:url("images/mainmenu.gif") repeat-x top left;}
nav#main li .deco{width:44px;height:44px;position:absolute;right:0;top:0;background-image:url("images/mainmenu.gif");background-repeat: repeat-x;}
nav#main li#menu-item-5986 .deco{background-position: 0 -44px;}
nav#main li#menu-item-5982 .deco{background-position: 0 -88px;}
nav#main li#menu-item-5983 .deco{background-position: 0 -132px;}
nav#main li#menu-item-6799 .deco{background-position: 0 -176px;}
nav#main li#menu-item-5985 .deco, nav#main li#menu-item-6805 .deco{background-position: 0 -220px;}
nav#main li a{text-shadow:0 1px white;display:block;height:44px;line-height:44px;font-family:francoisone;text-indent:20px;position:relative;z-index:1;}
nav#main li a:hover{text-decoration:none;color:#5880a8;}
nav#main li a .icon{left:auto;right:10px;top:10px;}
nav#main li#menu-item-5986 a .icon{background-position:0 -50px;}
nav#main li#menu-item-5982 a .icon{background-position: -25px -50px;}
nav#main li#menu-item-5983 a .icon{background-position: -50px -50px;}
nav#main li#menu-item-6799 a .icon{background-position: -75px -50px;}
nav#main li#menu-item-5985 a .icon{background-position: -100px -50px;}
nav#main li#menu-item-6805 a .icon{background-position: -125px -50px;}
nav#main li a .icon .arrow {background: url("images/spriteBlog.png") no-repeat -50px -25px;display:block;height:25px;position:absolute;width: 25px;top: -2px;left: 26px;}


body.guida-sito-web #menu-item-5986 .deco,
body.f-a-q-sitonline #menu-item-5982 .deco,
body.guida-webmaster #menu-item-5983 .deco,
body.come-ottimizzare-sito-web-guida-seo #menu-item-5984 .deco,
body.guida-seo-2 #menu-item-6799 .deco,
body.news-sitonline #menu-item-5985 .deco,
body.dizionario-web #menu-item-6805 .deco{width:100%!important;}
body.guida-sito-web #menu-item-5986 a,
body.f-a-q-sitonline #menu-item-5982 a,
body.guida-webmaster #menu-item-5983 a,
body.come-ottimizzare-sito-web-guida-seo #menu-item-5984 a,
body.guida-seo-2 #menu-item-6799 a{color:white!important;cursor:default;text-shadow:0 -1px rgba(0,0,0,0.4);}

body.news-sitonline #menu-item-5985 a,
body.dizionario-web #menu-item-6805 a{color:#666666!important;text-shadow:0 1px white!important;cursor:default;}

.genericInfo {background: url("images/body.gif") repeat scroll 0 0 transparent;border: 1px solid white;border-radius: 3px 3px 3px 3px;overflow: hidden;margin:20px;}
.genericInfo h3 {border-bottom: 1px solid #BDBDBD;box-shadow: 0 1px white;color: #70777E;font-family: francoisone;font-size: 14px;font-weight: normal;margin: 0 10px 10px;padding: 10px 0 10px 20px;position: relative;text-shadow: 0 1px 0 white;text-transform: uppercase;}
.genericInfo h4{color: #336699;font-size: 11px;font-weight: bold;line-height: 12px;padding: 0 10px 7px;}
.genericInfo h3 .icon {background-position: -25px -25px;left: -5px;top: 5px;}
.genericInfo p, .genericInfo li, .genericInfo div div {color: #555555;line-height: 18px;padding: 0 10px 10px;font-size:11px;}
.genericInfo .buttonGradientBlu, .genericInfo .actionButton{margin:0 0 10px 10px;}

/* ==== RIGHT ASIDE ==== */
#categories h3{background-image: url("images/spriteBlog.png");background-repeat: no-repeat;display:block;height:100px;width:160px;position:relative;text-indent:-999px;overflow:hidden;margin-bottom:20px;}
#categories h3 .deco{position:absolute;width:160px;bottom:0;left:0;height:17px;background: url("images/shadowBook.png") repeat scroll 0 0 transparent;display:block;}
.guida-sito-web #categories h3, .guida-completa #categories h3{background-position:0 -150px;}
.f-a-q-sitonline #categories h3{background-position:-150px -150px;}
.guida-webmaster #categories h3{background-position:-150px -600px;}
.come-ottimizzare-sito-web-guida-seo #categories h3, .guida-seo-2 #categories h3{background-position:-0 -450px;}
.news-sitonline #categories h3{background-position:-150px -300px;}
.dizionario-web #categories h3{background-position:0 -300px;}
.lo-sapevi-che #categories h3{background-position:-150px -450px;}

#categories li{line-height:22px;padding:0px 0;display:block;}
#categories a{font-weight:bold;padding-left:20px;display:inline-block;background-image:url(images/spriteBlog.png);background-repeat:no-repeat;background-position:-380px -150px;}

.guida-sito-web #categories ul ul ul a{color:#336699;font-weight:normal;background-position:-380px -238px;padding-left:30px;}
.guida-sito-web #categories ul ul ul li:last-child a{background-position:-380px -282px!important;}
.guida-sito-web #categories ul ul a{color:#336699;background-position:-380px -150px;padding-left:20px;}
.guida-sito-web #categories ul a{padding-left:0px;background-position:0 50px;}
#categories .selected span{background: white;border: 1px solid #D9D9D9;box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.2);display: block;padding: 0px 6px;font-weight:bold!important;color:#333333;}
#categories .selected{text-decoration:none!important;}

/* ARCHIVE && SINGLE */
.breadcrumbs{margin:20px 20px 0;width:550px;font-style:italic;font-size:12px;color:#666;}

#stream header.headerMain{padding-bottom:20px;margin-bottom:20px;border-bottom:6px solid #ececec;}
#stream header.headerMain h1{font-family:francoisone;font-size:30px;margin-bottom:5px;text-transform:uppercase;padding-left:50px;position:relative;}
#stream header.headerMain h1 .icon{width:50px;height:50px;left:-7px;top:-10px;}
.guida-sito-web #stream header.headerMain h1 .icon, .guida-completa #stream header.headerMain h1 .icon{background-position:0 -75px;}
.f-a-q-sitonline #stream header.headerMain h1 .icon{background-position:-50px -75px;}
.guida-webmaster #stream header.headerMain h1 .icon{background-position:-100px -75px;}
.come-ottimizzare-sito-web-guida-seo #stream header.headerMain h1 .icon, .guida-seo-2 #stream header.headerMain h1 .icon{background-position:-150px -75px;}
.news-sitonline #stream header.headerMain h1 .icon{background-position:-200px -75px;}
.dizionario-web #stream header.headerMain h1 .icon{background-position:-250px -75px;}
.tag #stream header.headerMain h1 .icon{background-position:-300px -75px;}
.lo-sapevi-che #stream header.headerMain h1 .icon{background-position:-350px -75px;}


/* ARCHIVE */
#archive #stream article{padding-bottom:20px;margin-bottom:20px;border-bottom:2px solid #ececec;overflow:hidden;}
#archive #stream article header h2{font-family:francoisone;font-size:20px;margin-bottom:5px;text-transform:uppercase;}
#archive #stream article header small{display:block;font-size:12px;margin-bottom:15px;}
#archive #stream article p{color:#555;font-size:13px;line-height:20px;}
#archive #stream article a.archiveImage{display:inline-block;border:1px solid #c9c9c9;box-shadow:0 0 7px 0 rgba(0,0,0,0.2);float:left;margin:0 20px 10px 0;}
#archive #stream article a.archiveImage img{width:98px;}


/* SINGLE */
#single #stream header small{display:block;font-size:12px;padding-left:50px;}
#single #stream img.singleImage{border:1px solid #c9c9c9;box-shadow:0 0 7px 0 rgba(0,0,0,0.2);float:left;margin:0 20px 10px 0;}
#single #stream img.post-img{border:1px solid #dddddd;box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.15);margin-top:10px;margin-left:5px;}
#single #stream img.alignleft{border:1px solid #dddddd;box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.15);float:left;margin: 5px 10px 5px 0;}
#single em{font-style:italic;}
#single #stream .entry{margin-bottom:20px;border-bottom:6px solid #ececec;}
/* manuel
#single #stream .entry h2{color:#336699;font-weight:bold;font-size:16px;margin-bottom:10px;}
#single #stream .entry p,#single #stream .entry li{font-size:13px;margin-bottom:20px;line-height:20px;}
#single #stream .entry li{list-style-type:disc;margin:0 0 10px 20px;margin-bottom:12px;}
#single #stream .entry blockquote{background:url("images/matita.gif") no-repeat left top;}
#single #stream .entry blockquote p{margin-left:43px;padding-left: 10px;color:#666;font-style:italic;border-left:2px solid #ececec;min-height:32px;}
*/
/* manuel
#stream .entry{margin-bottom:20px;border-bottom:6px solid #ececec;}
*/
#stream .entry h2{color:#336699;font-weight:bold;font-size:16px;margin-bottom:10px;}
#stream .entry p,#single #stream .entry li{font-size:13px;margin-bottom:20px;line-height:20px;}
#single #stream .entry li{margin-bottom:5px;}
#stream .entry li{list-style-type:disc;margin:0 0 10px 20px;}
#stream .entry blockquote{background:url("images/matita.gif") no-repeat left top;}
#stream .entry blockquote p{margin-left:43px;padding-left: 10px;color:#666;font-style:italic;border-left:2px solid #ececec;min-height:32px;}

#single .tags{display:block;}
#single .tags a{background: -moz-linear-gradient(center top , #FFFFFF 0%, #F6F6F6 47%, #EDEDED 100%) repeat scroll 0 0 transparent;border: 1px solid #DEDEDE;border-color: #DEDEDE #D8D8D8 #D3D3D3;border-radius: 3px 3px 3px 3px;box-shadow: 0 1px 1px #EAEAEA, 0 1px 0 #FBFBFB inset;color: #555555;cursor: pointer;display: inline-block;font-size: 9px;line-height: 20px;margin: 4px 4px 4px 0;padding: 1px 6px;text-decoration: none;text-shadow: 0 1px 0 #FFFFFF;text-transform: uppercase;}
#single .tags a:hover{background: none repeat scroll 0 0 #EDEDED;}

#single #stream aside#nextPrev{margin:20px 0 0;border-top:1px solid #ededde;border-bottom:1px solid #ededed;overflow:hidden;}
#single #stream aside#nextPrev li{width:235px;float:left;padding:20px;}
#single #stream aside#nextPrev li.previousPosts{width:234px;border-right:1px solid #ededed;text-align:left}
#single #stream aside#nextPrev li a{display: block;font-size: 15px;}
#single #stream aside#nextPrev li a em{display:block;text-transform:uppercase;color:#999;margin-bottom:7px;font-size:14px;}
#single #stream aside#nextPrev li a em:hover{text-decoration:none!important;}
#single #stream aside#nextPrev li.nextPosts{text-align:right}

#single #stream aside#related{}
#single #stream aside#related h3{font-family:francoisone;font-size:14px;text-transform:uppercase;background-color:#ececec;padding:10px 5px;margin-bottom:20px;}

#single #stream aside#related ul a{font-weight:bold;line-height:18px;padding-left:20px;line-height:22px;display:block;background:url(images/spriteBlog.png) no-repeat -380px -150px;}
#single #stream aside#related ul ul a{padding-left:30px;background:url(images/spriteBlog.png) no-repeat -380px -238px;}
#single #stream aside#related ul ul li:last-child a{background:url(images/spriteBlog.png) no-repeat -380px -282px!important;}


/* ==== BOTTOMSITE ==== */
#bottomSite p{line-height:30px;color:white;font-size:11px;padding-left:20px;}
#bottomSite p a{color:white;text-decoration:underline;}

/*
Default style for WP-PageNavi plugin
http://wordpress.org/extend/plugins/wp-pagenavi/
*/
.wp-pagenavi {clear: both;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;border: 1px solid #BFBFBF;padding: 3px 5px;margin: 2px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000;}
.wp-pagenavi span.current {font-weight: bold;}

/***************************************************************************
// * Iubenda Cookie Solution                                               *
// *                                                                       *
// * (c) 2015 Iubenda srl <info@iubenda.com>                               *
// * All Rights Reserved.                                                  *
// *                                                                       *
// *************************************************************************
//
// CHANGELOG
// 0.0.1
// - first implementation of customizable css
*/

/*  GENERAL CLASS */
#iubenda-cs-banner{
    /* ------ IMPORTANT NOTICE: don't change these values as
            they may prevent the banner from properly showing. Some of these lines,
            moreover (like z-index) will overwrite the configuration initialized
            by the script you paste in your pages
     */
    bottom: 0px !important;
    left: 0px !important;
    position: fixed !important;
    width: 100% !important;
    z-index: 99999998 !important;
    background:#000;
    background:rgba(0,0,0,0.9);
    /* ----------------- */
}

/*  CONTENT CLASS */
.iubenda-cs-content{
    display:block;
    margin:0 auto;
    padding: 20px;
    width:auto;
    font-family:Arial,FreeSans,sans-serif;
    font-size: 13px;
    color: #fff;
}
.iubenda-banner-content{

}

.iubenda-cs-rationale{
    max-width: 900px; position:relative; margin: 0 auto;
}

/*   STYLE FOR TEXT INTERNAL BANNER */
.iubenda-banner-content > p {
    font-size: 14px;
    color: #fff;
    font-family:Arial,FreeSans,sans-serif;
    line-height: 1.5;
}

/*  CLOSE BUTTON. NOTICE: IMAGE FOR BUTTON NOT IMPLEMENTED YET */
.iubenda-cs-close-btn{
    margin: 0 !important;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 0;
    right: -40px;
    border: none;
}

/*  STYLE FOR TEXT LINK TO PRIVACY POLICY */
.iubenda-cs-cookie-policy-lnk{
    text-decoration: underline;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}