/*
 Theme Name: ilDavid2011
 Theme URI: http://www.ildavid.com
 Description: The new theme
 Version: 1.0
 Author: David Vian
 
*/ 
body {
    margin: 0;
    padding: 0;
    font-family: 'Snippet', sans-serif;
}
h1,h2,h3,h4,h5,h6,h7,img,input,a,ul,li,p {
    margin: 0;
    border: none;
    padding: 0;
    text-decoration: none;
    outline: none;
    font-weight:normal;
    list-style:none;
}
a {
    color: #f25f07;
}
#preload {
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #fff;
    z-index: 1000;
    position: absolute;
    top:0;
    left: 0;
}
#preload img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -17p 0 0 -17px;
}
#loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -17p 0 0 -17px;
}
.barraarancione {
    height: 18px;
    background-color: #f25f07;
}
h1 {
    font-size:32px;
    margin: 5px 0;
    font-weight:normal;
}
header {
    position: relative;
    height: 70px;
}
#htop {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
    cursor: pointer;
    background: #fff;
}
.wrapped {
    width: 980px;
    margin: 0 auto;
    position: relative;
    padding-top: 1px;
}
#btop {
    height: 70px;
    position: absolute;
    left: 0;
    top: -100px;
    width: 100%;
}
nav {
    width: 980px;
    margin: 0 auto;
    position: relative;
    padding: 10px 0;
}
nav a {
    display: inline-block;
    padding: 4px 2px 2px 2px;
    margin: 0 8px;
    font-size: 18px;
    border-bottom: dashed 1px #3dbbfc;
}
nav a:hover {
    color:#3dbbfc;
    border-bottom: solid 1px #40D26D;
}
#bigwrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}
#thewrap {
    position: absolute;
    width: 100%;
    background: url(img/tilediag.png) repeat left top;
}
#thewrap .page {
    margin-bottom:100px;
    background:#fff;
}
#home {
    width: 100%;
    position: relative;
}
#fotodavid {
    position: absolute;
    right: 30%;
    top:3%;
    z-index: 1;
    display: none;
}
#hello {
    font-size: 55px;
    color: #3dbbfc;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -423px;
    z-index: 3;
    display: none;
}
#whoim {
    font-size: 35px;
    color: #40d26d;
    position: absolute;
    top: 248px;
    left: 50%;
    margin-left: -480px;
    z-index: 3;
    display: none;
}
#range {
    font-size: 22px;
    color: #f25f07;
    position: absolute;
    top: 323px;
    left: 50%;
    margin-left: -347px;
    z-index: 3;
    display: none;
}
.wrapintro {
    width: 980px;
    margin: 10px auto;
    position: relative;
}
#blufoot {
    width:50%;
    padding:20px 19% 15px 15%;
    background: #3DBBFC url(img/sfumablu.png) no-repeat right top;
    color:#fff;
    position:absolute;
    bottom:0;
    left:0;
    z-index:2;
}
#blufoot a {
    color: #333;
}
#portfolio {
    width: 100%;
    position: relative;
}
#portfolio .jcarousel-container {
    width: 980px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -490px;
    position: absolute;
}
#portfolio .jcarousel-clip {
    width: 980px;
    height: 300px;
    overflow: hidden;
}
#portfolio .jcarousel-item {
    width: 980px;
    height: 300px;
    position: relative;
}
#portfolio .jcarousel-prev, #portfolio .jcarousel-next {
    position: absolute;
    left: 10px;
    top: 305px;
    width: 123px;
    height: 51px;
    background: url(img/arrow-prev.png) no-repeat left top;
    cursor: pointer;
}
#portfolio .jcarousel-prev:hover, #portfolio .jcarousel-next:hover {
    background-position: 0px -102px;
}
#portfolio .jcarousel-prev-disabled, #portfolio .jcarousel-next-disabled {
    background-position: 0px -51px;
}
#portfolio .jcarousel-next {
    right: 0px;
    left: auto;
    background-image: url(img/arrow-next.png);
}
#portfolio .ah3 {
    background-color: #F25F07;
    color:#fff;
    padding:5px 7px;
    text-shadow:1px 1px 2px rgba(0,0,0,0.5);
}
.site_desc {
    z-index: 1;
    width: 550px;
}
.site_desc .wrappo {
    padding:6px;
}
.site_desc .html,.site_desc .css,.site_desc .flash,.site_desc .php,.site_desc .js,.site_desc .design {
    background-position: left center;
    background-repeat: no-repeat;
    padding:7px 4px 7px 38px;
    line-height: 32px;
}
.site_desc .html {
    background-image: url(img/html.png);
}
.site_desc .css {
    background-image: url(img/css.png);
}
.site_desc .flash {
    background-image: url(img/flash.png);
}
.site_desc .php {
    background-image: url(img/php.png);
}
.site_desc .js {
    background-image: url(img/js.png);
}
.site_desc .design {
    background-image: url(img/design.png);
}
.sshot {
    border: solid 15px #3dbbfc;
    position: absolute;
    right:0;
    top: 0;   
}
.sshot .clipmg {
    width: 375px;
    position: relative;
    background-repeat: no-repeat;
    background-position: -100px 0;
    height: 250px;
    overflow: hidden;
    display: block;
}
.greyshot {
    position: absolute;
    left: -100px;
    top: 0;
}
#commentlist {
    margin:0;
    padding: 0;

}

.denha {
    float: left;
    width: 90px;
}
.zebra_1 .denha img {
    border: solid 5px #F25F07;
}
.zebra_0 .denha img {
    border: solid 5px #3dbbfc;
}
.lilcom {
    float: left;
    width: 450px;
}
.lilcom cite {
    color: #fff;
    display: block;
    padding: 4px 6px;
}
.zebra_1 .lilcom cite {
    background-color: #F25F07;
}
.zebra_0 .lilcom cite {
    background-color: #3dbbfc;
}
.realcom {
    padding: 10px;
}
.clr {
    clear: both;
    line-height: 0px;
    height: 0px;
    overflow: hidden;
}
.sendcom {
    padding: 6px;
    background-color: #40D26D;
    color: #fff;
}
#grsocial {
    width: 400px;
    margin: 0 auto;
    position: relative;
}
.timegoesby {
    font-size: 11px;
    text-align: right;
}
.litcat {
    background: #F25F07;
    padding: 3px 5px;
    margin: 0 5px;
    font-size: 12px;
}

.post {
    border-bottom: solid 1px #3DBBFC;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
#blogexs .post {
    display: none;
    float: left;
    width: 225px;
    height: 220px;
    overflow: hidden;
    margin-right: 20px;
    font-size: 12px;
    margin-bottom: 20px;
    position: relative;
    border-bottom: none;
}
#blogexs .post h2 {
    font-size: 18px;
    color: #40D26D
}
#blogexs .post h2 a:hover {
    color: #3dbbfc;
}
.contentpost {
    margin: 2px 0;
    padding: 1px 0;
}
.c_xhtml { background-color: #124f9f;color: #fff;}
.c_javascript { background-color: #40D26D; }
.c_iphone { background-color: #333; color: #fff;}
.c_wordpress-2 {background-color:#a66019;}
.c_programmazione-web {background-color: #adf149;}
.c_seo{background-color: #a62c19;color: #fff;}
.c_altro {background-color:#9444c6;color: #fff;}
.c_css {background-color: #281a93;color: #fff;}
.vanish {
    position: absolute;
    bottom:0;
}
#blogcontent {
    float: left;
    width: 725px;
}
#thesidebar {
    float: right;
    width: 210px;
    padding: 0 0 20px 20px;
    border-left: dashed 1px #40d26d;
    border-bottom: dashed 1px #40d26d;
}
.sitoweb {
    padding-bottom: 10px;
}
.labelweb {
    border-left: solid 6px #F25F07;
    padding-left: 15px;
}
#instagram {
    position: relative;
    margin: 20px auto;
    width: 945px;
}
#instagram_widget {
    list-style: none;
    margin: 0;
    padding: 0;
}
#instagram_widget li {
    float: left;
    margin: 0;
    padding: 5px;
    background: #ccc;
    position: relative;
    width: 90px;
    height: 90px;
    margin: 0 5px 5px 0;
    overflow: hidden;
}
#instagram_widget li a {
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    overflow: hidden;
    top: 5px;
    left: 5px;
}
.instagram_comments, .instagram_likes {
    width: 25px;
    height: 12px;
    color: #666;
    position: absolute;
    bottom: 10px;
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-family: Helvetica, arial, sans-serif;
}
.instagram_likes {
    background: transparent url(img/instalike.png) no-repeat right top;
    left: 0;
}

.instagram_comments {
    background: transparent url(img/instacomm.png) no-repeat left top;
    right: 0;
    text-align: right;
}
.likes_count, .comments_count {
    padding: 1px 3px;
    display: block;
}
.instagram_caption {
    width: 80px;
    height: 80px;
    display: block;
    padding: 5px;
    overflow: hidden;
    font-family: arial,sans-serif;
    font-size: 11px;
    background: rgba(255,255,255,0.8);
    color: #000;
    position: absolute;
    top: -90px;
    left: 0;
    margin: 0;
}
#commentform {
    padding-bottom: 40px;
}
#commentform input {
    border: 1px dotted #666;
    padding: 3px;
}
li.comment {
    border-bottom: 1px dotted #666;
    margin-bottom: 5px;
    padding: 0 5px 5px 5px;
}
li.even {
    background: #f0f0f0;
}
.comment-meta {
    text-align: right;
    font-size: 13px;
}
#commentform #submit {
    border: 1px solid #666;
}