html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,
u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,
figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video{
margin:0;
padding:0;
border:0
;font-size:100%;
font:inherit;
vertical-align:baseline
}
body{
line-height:1b
}
ol,ul{
list-style:none
}
table{
border-collapse:collapse;
border-spacing:0
}
caption,th,td{
text-align:left;
font-weight:normal;
vertical-align:middle
}
q,blockquote{
quotes:none
}
q:before,
q:after,
blockquote:before,
blockquote:after
{
content:"";
content:none
}
a img{
border:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
display:block
}
body{
background:url(../img/bg.jpg) center top fixed;
background-color:#FFF;
color:#6d6d6d;
font-family:Lato, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.4
}
a{color:#fff;
text-decoration:none;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s
}
a:hover{
color:#f8e94a
}
hr{
border-bottom:1px solid #dfe0e3
}
hr.dotted{
border-bottom:1px dotted #bdbdbd
}
p{
margin-bottom:10px
}
h1{
color:#f8e94a;
font-size:31px;
font-style:normal;
margin-bottom:10px
}
h2{
font-size:24px;
color:#f8e94a;
font-size:normal
}
h3
{
font-size:18px;
color:#FFF;
font-size:normal
}
small{
color:#FFF;
font-size:0.6em;
font-style:italic
}
hr
{
border:none!important;
height:2px;
width:100%;
display:block;
clear:both;
margin:5px 0 15px 0;
background:url(../img/hr.jpg) no-repeat transparent
}
em{
font-style:italic
}
.wrap{
width:960px;
margin:0 auto
}
.cb{
clear:both
}
.center{
text-align:center
}
.left{
float:left;
margin-right:10px;
width:470px
}
.alignleft{
float:left;
margin-right:10px
}
.right{
float:right;
margin-left:10px;
width:470px
}
.bloc{
padding-top:100px
}
.col{
display:inline;
float:left;
margin-right:10px;
width:150px;
text-align:center;
margin-bottom:20px
}
* html .col{
overflow-x:hidden
}
.social{
padding-top:10px
}
.social a{
display:inline-block;
width:26px;
height:25px;
margin-right:10px
}
.header{
background:url(../img/header.png);
min-height:20px;
padding:17px 0;
position:fixed;
top:0;
left:0;
right:0;
z-index:20
}
.header ul{
text-align:right
}
.header li{
display:inline-block
}
.header li a{
color:#6d6d6d;
padding:19px 15px;
position:relative;
text-shadow:#000 0 1px 1px;
color:#C4C4C4
}
.header li:hover a,.header li.active a{
color:#f8e94a
}
.header li.active a:after{
content:' ';
background:url(../img/sprite.png) left top no-repeat;
width:11px;
height:6px;
position:absolute;
bottom:-6px;
left:50%;
margin-left:-5px
}
.header .logo{
position:absolute;
top:14px
}
#about{
font-size:18px;
line-height:1.4;
text-align:left
}
.content{
margin-top:50px
}
.baseline{
font-size:18px;
line-height:1.4;
padding:25px 0;
text-align:center
}
.baseline h2{
color:#f8e94a;
font-size:31px;
font-style:normal;
float:none;
width:100%
}
.filter{
float:right;
width:480px;
text-align:right
}
.filter li{
display:inline-block;
font-size:11px;
font-style:italic;
margin:5px 0 5px 7px
}
.filter li a{
background:url(../img/header.png);
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
color:#666;
font-style:normal;
text-decoration:none;
display:inline-block;
padding:4px 10px 5px
}
.filter li a:hover,.filter li a.active{
background:#f8e94a;
color:#000
}
.posts{
width:980px;
margin:0 auto;
margin-left:-10px
}
.posts .post{
width:225px;
height:150px;
margin:0 10px 20px 10px;
overflow:hidden;
float:left
}
.posts .post .thumb{
position:absolute;
top:0;left:0;
background:url(../img/expand.png) center center no-repeat;
width:225px;
height:150px;
display:block
}
.posts .post .thumb img{
-moz-transition-duration:0.7s;
-webkit-transition-duration:0.7s;
-o-transition-duration:0.7s;
transition-duration:0.7s

}
.posts .post .thumb:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
opacity:0.2
}
.posts .post h2{
margin-bottom:10px
}
.posts .post a{
color:#fff;
text-decoration:underline
}
.posts .post a:hover{
color:#f8e94a
}
.posts .post strong{
font-weight:bold;
color:#fff
}
.posts .post .images,.posts .post .video,.posts .post .site{
display:none
}
.posts .post.fold div,.posts .post.fold h2,.posts .post.fold p{
display:none
}
.posts .post .slider{
height:320px;
width:715px;
margin-bottom:20px;
position:relative
}
.posts .post .slider img{
position:absolute
}
.posts .post .nivo-controlNav{
position:absolute;
bottom:-27px;
right:0;
text-align:right
}
.posts .post .nivo-controlNav a{
width:7px;
height:7px;
display:inline-block;
background:url(../img/sprite.png) -7px -6px no-repeat;
text-indent:3000px;
margin-left:10px;
-moz-transition-duration:0s;
-webkit-transition-duration:0s;
-o-transition-duration:0s;
transition-duration:0s}
.posts .post .nivo-controlNav a:hover,.posts .post .nivo-controlNav a.active{
background-position:0px -6px
}
.posts .post .left{
float:left;
width:470px
}
.posts .post .left p{
margin-bottom:10px
}
.posts .post .right{
float:right;
width:225px
}
.posts .post .right p{
margin-bottom:7px
}
.competences h3{
margin-bottom:0px
}
#contact{
margin-bottom:50px
}
.contact .left p{
margin-bottom:25px
}
.contact .left ul li{
padding-left:23px;
background:url(../img/sprite.png) 0 -74px no-repeat;
height:18px;
margin-bottom:6px;
color:#f8e94a
}
.contact .left ul li.twitter{
background-position:0px -119px
}
.contact .left ul li a{
text-decoration:underline
}
.contact .left{
width:280px
}
.contact .right{
width:660px
}
.contact form .left{
width:320px
}
.contact form .input{
width:320px;
margin-bottom:10px
}
label{
display:block;
font-size:13px;
margin-bottom:5px;
color:#6d6d6d
}
.input input,
.input textarea{
background:#FBFBFB;
border:1px solid #D9E1E7;
color:#54555A;
padding:10px;
width:300px;
-moz-transition-duration:0.25s;
-webkit-transition-duration:0.25s;
-o-transition-duration:0.25s;
transition-duration:0.25s;
outline:none
}
.input textarea{
width:640px
}
.input input:focus,
.input textarea:focus{
background:#fff;
border:1px solid #555;
-moz-box-shadow:0 0 3px #aaa;
-webkit-box-shadow:0 0 3px #aaa;
-o-box-shadow:0 0 3px #aaa;
box-shadow:0 0 3px #aaa
}
.input input:required,
.input textarea:required{
background:#fff url(../img/red_asterisk.png) no-repeat 98% center
}
.input input:required:valid,
.input textarea:required:valid{
background:#fff url(../img/valid.png) no-repeat 98% center;
-moz-box-shadow:0 0 5px #5cd053;
-webkit-box-shadow:0 0 5px #5cd053;
-o-box-shadow:0 0 5px #5cd053;
box-shadow:0 0 5px #5cd053;
border-color:#56c93f
}
.input input:focus:invalid,
.input textarea:focus:invalid,
.error textarea,
.error input{background:#fff url(../img/invalid.png) no-repeat 98% center;
-moz-box-shadow:0 0 5px #d45252;
-webkit-box-shadow:0 0 5px #d45252;
-o-box-shadow:0 0 5px #d45252;
box-shadow:0 0 5px #d45252;
border-color:#ff5a5a
}
.error-message{
color:#ff5a5a
}
.submit input,
.btn{color:#464646;
text-shadow:1px 1px #FFF47A;
border:none;
background:url(../img/sprite.png) 0px -13px no-repeat;
cursor:pointer;
border-color:#CCC;
width:109px;
height:29px;
text-align:center;
line-height:27px;
display:inline-block;
-moz-transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-o-transition-duration:0.4s;
transition-duration:0.4s
}
.submit input:hover,
.btn:hover{
color:#000
}
.submit input.alt,
.btn.alt{
color:#FFF;
text-shadow:1px 1px #B13737;
background:url(../img/sprite.png) 0px -42px no-repeat
}
.submit input.alt:hover,
.btn.alt:hover{
color:#ffc6c6
}
#music li{
float:left;
margin-right:10px;
width:95px;
height:95px;
position:relative
}
#music li .disc{
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:10;
background:url(../img/cd.png) no-repeat
}
#music li img{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:77px;
height:77px;
z-index:5;
-moz-border-radius:60px;
-webkit-border-radius:60px;
-o-border-radius:60px;
-ms-border-radius:60px;
-khtml-border-radius:60px;
border-radius:60px
}
#music li .info{
padding-left:100px;
display:block;
-moz-border-radius:60px;
-webkit-border-radius:60px;
-o-border-radius:60px;
-ms-border-radius:60px;
-khtml-border-radius:60px;
border-radius:60px;
position:absolute;
top:-10px;
left:-10px;
z-index:2;
background:#181818;
width:110px;
height:100px;
overflow:hidden;
display:none;
font-size:0.9em
}
#music li .info span{
display:block;
width:600px
}
#music li .info .artist{
display:block;
color:#fff;
margin-top:30px
}
#music li .info .name{
color:#6d6d6d
}
#music li .info:after{
display:block;
position:absolute;
z-index:4;
top:0;
right:0;
bottom:0;
left:0;
background:url(../img/mask.png) right top repeat-y;
content:'';
-moz-border-radius:60px;
-webkit-border-radius:60px;
-o-border-radius:60px;-ms-border-radius:60px;
-khtml-border-radius:60px;
border-radius:60px
}
#music li:hover .disc{
z-index:20
}
#music li:hover img{
z-index:19
}
#music li:hover .info{
z-index:18;
display:block
}
.nivoSlider{
position:relative
}
.nivoSlider img{
position:absolute;
top:0px;
left:0px
}
.nivoSlider a.nivo-imageLink{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none
}
.nivo-slice{
display:block;
position:absolute;
z-index:5;
height:100%
}
.nivo-box{
display:block;
position:absolute;
z-index:5
}
.nivo-caption{
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8;
width:100%;
z-index:8
}
.nivo-caption p{
padding:5px;
margin:0
}
.nivo-caption a{
display:inline !important
}
.nivo-html-caption{
display:none
}
.nivo-directionNav a{
position:absolute;
top:45%;
z-index:9;
cursor:pointer
}
.nivo-prevNav{
left:0px
}
.nivo-nextNav{
right:0px
}
.nivo-controlNav a{
position:relative;
z-index:9;
cursor:pointer
}
.nivo-controlNav a.active{
font-weight:bold
}
.notif{
position:relative;
padding:7px 15px;
margin-bottom:18px;
color:#404040;
background-color:#EEDC94;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
background-image:-webkit-linear-gradient(top, #fceec1,#eedc94);
background-image:-moz-linear-gradient(top, #fceec1,#eedc94);
background-image:-o-linear-gradient(top, #fceec1,#eedc94);
background-image:-ms-linear-gradient(top, #fceec1,#eedc94);
background-image:linear-gradient(top, #fceec1,#eedc94);
text-shadow:0 1px 0 rgba(0,0,0,0.25);
border-color:#EEDC94 #EEDC94 #E4C652;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-width:1px;
border-style:solid;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25);
-o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.25)
}
.notif.success{
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
border-color:#57A957 #57A957 #3D773D;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #62c462), color-stop(100%, #57a957));
background-image:-webkit-linear-gradient(top, #62c462,#57a957);
background-image:-moz-linear-gradient(top, #62c462,#57a957);
background-image:-o-linear-gradient(top, #62c462,#57a957);
background-image:-ms-linear-gradient(top, #62c462,#57a957);
background-image:linear-gradient(top, #62c462,#57a957);
color:#FFF}.notif.error{
border-color:#C43C35 #C43C35 #882A25;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
background-image:-webkit-linear-gradient(top, #ee5f5b,#c43c35);
background-image:-moz-linear-gradient(top, #ee5f5b,#c43c35);
background-image:-o-linear-gradient(top, #ee5f5b,#c43c35);
background-image:-ms-linear-gradient(top, #ee5f5b,#c43c35);
background-image:linear-gradient(top, #ee5f5b,#c43c35);
color:#FFF
}
.notif .close{
float:right;
color:black;
font-size:20px;
font-weight:bold;
line-height:13.5px;
text-shadow:0 1px 0 #fff;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
opacity:0.25
}
.twipsy{
display:block;
position:absolute;
visibility:visible;
padding:5px;
font-size:11px;
z-index:1000;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity:0.8
}
.twipsy.fade.in{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity:0.8
}
.twipsy.above .twipsy-arrow{
bottom:0;
left:50%;
margin-left:-5px;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:5px solid #000000
}
.twipsy.left .twipsy-arrow{
top:50%;
right:0;
margin-top:-5px;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-left:5px solid #000000
}
.twipsy.below .twipsy-arrow{
top:0;
left:50%;
margin-left:-5px;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-bottom:5px solid #000000
}
.twipsy.right .twipsy-arrow{
top:50%;
left:0;
margin-top:-5px;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-right:5px solid #000000
}
.twipsy-inner{
padding:3px 8px;
background-color:#000000;
color:white;
text-align:center;
max-width:200px;
text-decoration:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
-khtml-border-radius:4px;border-radius:4px
}
.twipsy-arrow{
position:absolute;
width:0;height:0
}
.fade{
-moz-transition-property:opacity;
-webkit-transition-property:opacity;
-o-transition-property:opacity;
transition-property:opacity;
-moz-transition-duration:0.2s;
-webkit-transition-duration:0.2s;
-o-transition-duration:0.2s;
transition-duration:0.2s;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0
}
.fade.in{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1
}