/** 
 * Theme Name: Website
 * Theme URI: http://themes.kubasto.com/website/
 * Description: Website is a responsive theme, which means it adapts to the device on which it's displayed.
 * Author: Kuba Sto
 * Author URI: http://themes.kubasto.com
 * Version: 2.3.1
 */
 
/*
 * If you want to customize CSS, please place your code in the Custom CSS field in Theme Options / Advanced (so you won't loose the changes after future theme updates). 
 * If you want to find the original CSS code, it's in the data/css folder.
 */

body { background-color: #ededed; }

#main { padding-top: 0; }

/* dimensioni colonne */
.container { background-color: #ededed; }
footer .container { background-color: #222222; }

@media (min-width:1025px) {  /* big landscape tablets, laptops, and desktops */ 
  .container { width: 1000px; }
} 

#aside { width: 315px; padding: 10px 5px 10px 10px; background-color: #ededed; overflow: visible; }
#content.alpha, #content.beta { width: 670px; }

#social{
        display: block;
        margin: 0 0 0 20.6383%;
        position: relative;
        top: -45px;
        width: 100%;
        z-index: 1000;
}

@media only screen and (max-width: 767px) { 
 #social {visibility: hidden;}
}

#social ul {
        list-style: none;
        diplay:inline;
}

#social ul li {
        color: #fff;
        font-size: 14px;
        line-height: 160%;
}

.social-icons li {
        float: left;
        margin: 0 6px 6px 0;
}

.social-icons li:last-child {
        margin: 0;
}

.facebook-icon,
.twitter-icon,
.instagram-icon,
.ytube-icon {
        background-image: url(/wp-content/uploads/2013/09/social_icons.png);
        width: 33px;
        height: 33px;
        display: block;
        background-repeat: no-repeat;
        background-color: #000;
}

.facebook-icon {
        background-position: -11px -11px;
}

.facebook-icon:hover {
        background-position: -12px -53px;
}

.twitter-icon {
        background-position: -55px -11px;
}

.twitter-icon:hover {
        background-position: -54px -53px;
}

.instagram-icon {
        background-position: -96px -11px;
}

.instagram-icon:hover {
        background-position: -95px -53px;
}

.ytube-icon {
        background-position: -138px -11px;
}

.ytube-icon:hover {
        background-position: -137px -53px;
}

#nav-main #nav-main-desktop { margin-left: 15px; }