html{margin: 0;padding:0;background-color:#4e4e4e;}
body{margin: 0;padding:0;font-family:Georgia, serif;background:url('css/images/bg-head.png') #f4f4f4 top left repeat-x;}

@font-face {
	font-family: "AllerRegular";
  src: url( css/fonts/Aller_Rg.eot ); /* IE */  
  src: local(" Aller Regular "), url( css/fonts/Aller_Rg.ttf ) format("truetype"); /* non-IE */ 
}
@font-face {
	font-family: "AllerLightRegular";
  src: url( css/fonts/Aller_Lt.eot ); /* IE */  
  src: local(" Aller Light "), url( css/fonts/Aller_Lt.ttf ) format("truetype"); /* non-IE */ 
}
h1,h2,h3,h4,h5,h6{color:#4bbdde;margin:0;padding:0;}
h2{font-family: "AllerRegular";font-size:40px;font-weight:lighter;color:#e7e7e7;border-bottom:solid 1px #e7e7e7;padding:0;margin-bottom:20px;text-align:left;}
img{border:0;}
a{color:#4bbdde;text-decoration:none;}
strong{color:#a5a5a5;}
span.blue{color:#4bbdde;}
#container{margin:0 auto;padding:0 30px;width:900px;text-align: left;}
#content{margin:0 auto;padding:0;width:900px;}
div.clear{clear:both;padding:0 0 20px 0;}

/* ---------------HEADER------------------*/
#header{width:900px;height:90px;margin:0 auto;padding-top:25px;}
#header h1{font-family: "AllerLightRegular";font-size:24px;font-weight:lighter;}
#header h1 a{color:#4bbdde;text-decoration:none;}
#header ul#menu{float:right;list-style:none;margin:-18px 0 0 0;}
#header ul#menu li{font-family: "AllerLightRegular";font-size:18px;float:left;margin-top:-7px;padding: 0 0 0 1.2em;}
#header ul#menu li a{color:#4bbdde;text-decoration:none;}
#header ul#menu li a:hover{color:#c1c1c1;text-decoration:none;}
#header #intro{color:#afafaf;display:block;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;float:left;margin:-31px 0 0 150px;padding-left:15px;width:170px;line-height:20px;background:url('css/images/separator-intro.png') center left repeat-y;}

/* ---------------HOME------------------*/
#home-slider{height:327px;overflow:hidden;background:url('css/images/bg-home-shadow.png') bottom left no-repeat;}
#coda-nav-left-1{font-size:30px;margin:150px 0 0 -25px;position:absolute;}
#coda-nav-left-1 a, #coda-nav-right-1 a{color:#dcdcdc;}
#coda-nav-left-1 a:hover, #coda-nav-right-1 a:hover{color:#A1A1A1;}
#coda-nav-right-1{font-size:30px;margin:-175px 0 0 910px;position:absolute;}
.home-project{float:left;width:900px;height:325px;background:url('css/images/bg-home-project.png') top right no-repeat;}
.home-project-desc h3.title{color:#ffffff;font-family: "AllerRegular";font-size:20px;font-weight:normal;text-decoration:none;}
.home-project-desc a{color:#ffffff;text-decoration:none;}
.home-project-desc a:hover{color:#ffffff;}
.home-project-desc{width:276px;height:280px;float:right;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:11px;padding:20px 10px;color:#eeeeee;}
.home-project-desc strong{color:#f9f9f9;}
.home-project-desc ul.list-roles{margin:0;padding:0 0 0 0;}
.home-project-desc li.list-role{list-style-image: url('css/images/list-role.gif');list-style-position: inside;margin:0;padding:0 15px 0 0;}
.home-project-desc .link-project a{font-size:9px;color:#eeeeee;float:right;}
.home-project-desc .link-project a:hover{font-size:9px;color:#ffffff;}

#home-gallery{clear:both;width:905px;height:100px;padding:0;margin:40px 0 0 -7px;background:url('css/images/home-works.png') center right no-repeat;}
#home-gallery .project-mini{display:block;width:180px;height:132px;float:left;margin:0 23px 0 7px;padding:0;}
#home-gallery .project-mini h4 a{color:#ffffff;}
#home-gallery .project-mini h4{position:absolute;z-index:999;margin:85px 0 0 -7px;font-size:12px;font-weight:normal;text-decoration:none;display:block;width:161px;height:30px;padding:5px 0 0 10px;background:url('css/images/bg-gallery-title.png') top left no-repeat;}
#home-gallery .project-mini .project-thumb{float:left;margin:0;padding:0 0 0 7px;z-index:99;}
.link-portfolio{font-family:Georgia, serif;font-size:18px;font-weight:normal;float:right;margin-top:80px;color:#d6d6d6;text-decoration:none;}
.link-portfolio:hover{text-decoration: none;}

#actions{width:900px;height:240px;margin:0;padding-top:80px;clear:both;display:block;}
#actions .action-block{width:280px;height:185px;padding:0 10px;display:block;color:#a5a5a5;font-size:12px;float:left;}
#actions .action-block h3 a{color:#ffffff;display:block;}
#actions .action-block h3{width:270px;margin:0 0 15px 0;padding-left:10px;line-height:28px;height:30px;font-size:28px;font-weight:normal;background-color:#a8a8a8;color:#f1f1f1;}
#actions .action-block .action-block-content{margin:0 7px;width:265px;line-height:18px;}

/* ---------------PORTFOLIO------------------*/
#content.portfolio{}
.portfolio-year{clear:both;display:inline-block;margin-bottom:30px;min-height:250px;width:920px;}
.portfolio-year .project-mini{display:block;float:left;width:163px;height:132px;margin:0 17px 15px 0;padding:0;}
.portfolio-year .project-mini h4 a{color:#ffffff;}
.portfolio-year .project-mini h4{position:absolute;z-index:999;margin:85px 0 0 -7px;font-size:12px;font-weight:normal;text-decoration:none;display:block;width:161px;height:30px;padding:5px 0 0 10px;background:url('css/images/bg-gallery-title.png') top left no-repeat;}
.portfolio-year .project-mini .project-thumb{float:left;margin:0 0 0 7px;z-index:99;}
.single h3{padding-bottom:10px;}
.project{clear:both;width:900px;height:300px;padding:10px 0 5px 1px;background:url('css/images/bg-portfolio.png') bottom left no-repeat;}

.project-description{color:#9d9d9d;font-size:0.7em;width:370px;float:right;}
.project-description h3 a{color:#4bbdde;padding-bottom:30px;text-decoration:none;}
.project-description p{padding-bottom:10px;}
span.project-roles{font-size:1em;font-style:italic;font-weight:bold;color:#9d9d9d;line-height:18px;}

/* ---------------PORTFOLIO SINGLE------------------*/
h2.single{border:none;}
.single-view{width:900px;height:327px;background:url('css/images/bg-single-shadow.png') bottom left no-repeat;}
.single-project-desc{width:276px;height:280px;float:right;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:11px;padding:20px 10px;color:#afafaf;}
.single-view h3 a{color:#a8a8a8;font-family: "AllerRegular";font-size:20px;font-weight:normal;text-decoration:none;}
.single-view a{color:#4bbdde;text-decoration:none;}
.single-view a:hover{color:#afafaf;text-decoration:none;}
.single-view ul.list-roles{margin:0;padding:0 0 0 0;}
.single-view li.list-role{list-style-image: url('css/images/list-role-single.gif');list-style-position: inside;margin:0;padding:0 15px 0 0;}
.single-view .link-project a{font-size:9px;color:#eeeeee;float:right;}
.single-view .link-project a:hover{font-size:9px;color:#ffffff;}

#single-gallery{clear:both;width:900px;height:100px;padding:0;margin:40px 0 80px 0;background:url('css/images/home-works.png') center right no-repeat;}
#single-gallery .project-mini{display:block;width:180px;height:132px;float:left;margin:0 30px 0 0;padding:0;}
#single-gallery .project-mini h4 a{color:#ffffff;}
#single-gallery .project-mini h4{position:absolute;z-index:999;margin:85px 0 0 -7px;font-size:12px;font-weight:normal;text-decoration:none;display:block;width:161px;height:30px;padding:5px 0 0 10px;background:url('css/images/bg-gallery-title.png') top left no-repeat;}
#single-gallery .project-mini .project-thumb{float:left;margin:0 0 0 7px;z-index:99;}
/* ---------------CV & SKILLS------------------*/
#content #detailed-skills{height:400px;width:780px;display:block;}
#content #cv{width:115px;display:block;float:right;margin-right:3px;}
#content .dl-cv{color:#c1c1c1;display:block;font-size:13px;text-decoration:none;width:110px;height:24px;margin:0;line-height:12px;padding: .6em 0 .6em 1.7em;background:url('css/images/cv-icon.png') center left no-repeat;}
#content .linkedin-cv{color:#c1c1c1;display:block;font-size:13px;text-decoration:none;width:110px;height:14px;line-height:12px;padding: .6em 0 .6em 1.7em;background:url('css/images/cv-linkedin-icon.png') center left no-repeat;}
#content .skill{color:#C1C1C1;float:left;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;padding:10px 20px 10px 0;margin-right:55px;width:300px;height:90px;border-bottom:solid 1px #eeeeee;}
#content .skill h5{font-size:15px;font-weight:normal;}
#content ul.skills-rate{float:left;list-style:none;margin:0;margin:-19px 0 0 200px;padding:0;width:150px;}
#content ul.skills-rate li{display:block;width:16px;height:16px;float:left;margin-right:7px;text-indent:-9999px;}
#content ul.skills-rate .true{background:url('css/images/icon-skills-1.png') top left no-repeat;}
#content ul.skills-rate .false{background:url('css/images/icon-skills-0.png') top left no-repeat;}

/* ---------------CONTACT------------------*/
#content.contact {clear:both;color:#4e4e4e;height:430px;margin:20px 0 0 0;}
#content.contact h3{color:#4bbdde; font-family: "Georgia";font-size:20px;font-weight:lighter;margin:0 0 15px 0;}
#content.contact #contact-form{float:left;display:block;margin:0;width:500px;}
#content.contact #contact-block{float:left;display:block;margin:30px 0 0 0;width:250px;}
#content.contact #contact-address{font-size:13px;}
#content.contact #contact-networks{margin:40px 0 0 0;}
ul#list-networks{height:40px;margin:15px 0;padding:0;}
ul#list-networks li{float:left;list-style:none;margin-right:10px;}

/* ---------------FORM------------------*/
.wpcf7{color:#787878;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;width:400px;padding:0;}
.wpcf7 input{color:#939393;background-color:#f1f1f1;border:solid 1px #dddddd;line-height:18px;margin:3px 0;padding:2px;vertical-align:middle;width:300px;}
.wpcf7 textarea{background-color:#f1f1f1;border:solid 1px #dddddd;color:#939393;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;margin:3px 0;padding:3px;width:300px;height:140px;}
.wpcf7 input[type="submit"]{background-color:#4bbdde;border:0;color:#ffffff;display:block;width:60px;}

div.wpcf7-response-output {color:#afafaf;margin: -2.86em 0 1em 0em;padding:0;}
div.wpcf7-mail-sent-ok {color:#4bbdde;float:right;width:230px;margin: -2.86em 7.5em 1em 2em;padding: 0;}
div.wpcf7-mail-sent-ng {color: 2px solid #b10000;}
div.wpcf7-spam-blocked {color: 2px solid #b10000;}
div.wpcf7-validation-errors {float:right;width:230px;margin: -2.86em 7.5em 1em 2em;padding: 0;}
span.wpcf7-not-valid-tip {position: absolute;top: 20%;left: 20%;z-index: 100;background: #fff;border: 1px solid #ff0000;font-size: 12px;width: 280px;padding: 2px;}
span.wpcf7-not-valid-tip-no-ajax {color: #f00;font-size: 12px;display: block;}
span.wpcf7-list-item {margin-left: 0.5em;}
.wpcf7-display-none {display: none;}
img.ajax-loader {border: none;vertical-align: middle;}

/* ---------------ABOUT--------------------*/
#content.about{height:460px;background:url('css/images/bg-about.png') bottom right no-repeat;}
#content.about h2{}
#content.about h3{font-family: "AllerLightRegular";font-size:17px;font-weight:normal;}
#content.about h4{color:#afafaf;font-family: "AllerLightRegular";font-size:15px;font-weight:normal;}
#content.about #presentation{padding:15px 0 15px 35px;}
#content.about #about-text{color:#4e4e4e;background:url('css/images/bg-about-text.png') top left no-repeat;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;padding:0 35px;margin:30px 0 10px 0;width:530px;height:120px;}
#content.about #contact{border-left:solid 1px #d7d7d7;color:#afafaf;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;line-height:14px;margin-left:35px;padding-left:15px;}

/* ---------------BLOG----------------------*/
h2.blog{border:none;margin-bottom:0;padding:10px 0 0 0;}
#content.blog{width:920px;}
#blog-content-top{margin:0 0 0 -10px;padding:15px 0 0 0;width:920px;background:url('css/images/blog-background-top.png') top left no-repeat;}
#blog-content-bottom{margin:0 0 0 -10px;padding:0 0 27px 0;width:920px;background:url('css/images/blog-background-bottom.png') top left no-repeat;}
#blog-content{color:#bfbfbf;font-size:12px;margin:0 0 0 -10px;padding:20px;width:880px;background:url('css/images/blog-background.png') top left repeat-y;}
#blog-presentation{color:#AFAFAF;font-size:14px;padding:15px 0 15px 0;}
.blog-post{color:#a1a1a1;font-size:16px;padding:0 0 35px 0;border-top:solid 1px #E7E7E7;}
.blog-post h3{padding:10px 0 0 0;}
.blog-post h3 a{color:#c1c1c1;}
.blog-post h3 a:hover{color:#a1a1a1;}
#article-content{color:#bfbfbf;font-size:12px;margin:0 0 0 -10px;padding:20px;width:880px;background:url('css/images/blog-background.png') top left repeat-y;}
#article-content .blog-post{border:none;font-size:14px;}
.blog-excerpt{color:#AFAFAF;font-size:12px;padding:5px 0;}
.post-info{float:left;}
span.post-tags{font-size:11px;font-style: italic;margin:0 0 0 10px;}
.post-rt{float:left;padding:0 0 0 20px;}
.navigation{color:#d3d3d3;font-size:12px;padding:10px 0 20px 0;}
.navigation a:hover{text-decoration:underline;}
.wp-pagenavi{}
.wp-pagenavi span.pages{padding:0 10px 0 0;}
.wp-pagenavi span.current{color:#afafaf;padding:0 5px;}
.wp-pagenavi a.page{padding:0 2px 0 0;}
.wp-pagenavi a.page:hover{padding:0 2px 0 0;}
.wp-pagenavi a.nextpostslink{}
.wp-pagenavi span.extend{padding:0 5px;}
.wp-pagenavi a.last{}

div.prev-page{left:1px;top:35%;position:fixed;}
div.prev-page a.previouspostslink{color:#d7d7d7;font-size:90px;}
div.prev-page a.previouspostslink:hover{color:#a1a1a1;}
div.next-page{right:1px;top:35%;position:fixed;}
div.next-page a.nextpostslink{color:#d7d7d7;font-size:90px;}
div.next-page a.nextpostslink:hover{color:#a1a1a1;}

/* ---------------ARCHIVES------------------*/
ul#list-mini{margin:0;padding:0 0 20px 0;font-family:Georgia, serif;font-size:11px;}
ul#list-mini a{color:#c7c7c7;}
ul#list-mini a:hover{color:#4bbdde;}
ul#list-mini li{display:inline;padding:0 10px 0 0;}
.single-view-archives{width:900px;color:#5a5a5a;height:327px;margin-bottom:40px;text-align:center;background:url('css/images/bg-single-shadow.png') bottom left no-repeat;}
.single-view-archives .single-project-desc{text-align:left;}
.single-view-archives h3 a{color:#a8a8a8;font-family: "AllerRegular";font-size:20px;font-weight:normal;text-decoration:none;}
.single-view-archives a{color:#4bbdde;text-decoration:none;}
.single-view-archives a:hover{color:#afafaf;text-decoration:none;}
.single-view-archives ul.list-roles{margin:0;padding:0 0 0 0;}
.single-view-archives li.list-role{list-style-image: url('css/images/list-role-single.gif');list-style-position: inside;margin:0;padding:0 15px 0 0;}
/* ---------------404------------------*/
#content.error{}
#content.error ul#list-links{list-style:none;margin:0;margin-bottom:250px;padding:0;font-size:12px;}


/* ---------------FOOTER------------------*/
#footer{
	bottom:0;
	color: #ebebeb;
	display:block;
	margin:0;
	padding:0;
	height:320px;
	width:100%;
	text-align:center;
	background: url('css/images/bg-footer.png') #4e4e4e top left repeat-x;
}
#footer #center{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;text-align:left;width:855px;margin:0 auto;padding:0;}
#footer .footer-category{margin:0;padding:0;width: 180px;float: left;}
#footer .footer-category h4{font-family:"AllerLightRegular";color:#eeeeee;margin:0;padding:0 0 4px 0;font-size:15px;line-height:18px;font-weight:lighter;}
#footer .footer-category h4 a{font-family:"AllerLightRegular";color:#eeeeee;margin:0;padding:0 0 4px 0;font-size:15px;line-height:18px;font-weight:lighter;}
#footer ul.footer-links{margin: 0;padding:0;}
#footer .footer-links li{font-family:Georgia, serif;font-size: 14px;line-height:18px;list-style:none;}
#footer .footer-links a{color:#ebebeb;text-decoration:none;}
#footer .footer-links a:hover{color:#4bbdde;text-decoration:none;}
#footer .footer-twitter{margin:0;padding:0;width: 300px;float: left;}
#footer .footer-twitter h4 a{font-family:"AllerLightRegular";color:#eeeeee;margin:0;padding:0 0 4px 0;font-size:15px;line-height:18px;font-weight:lighter;}
#footer .footer-twitter h4{font-family:"AllerLightRegular";color:#eeeeee;margin:0;padding:0 0 4px 0;font-size:15px;line-height:18px;font-weight:lighter;}
#footer .footer-twitter .aktt_tweets ul{font-family:Georgia, serif;font-size: 14px;list-style:none;margin:0;padding:0;}
#footer .footer-twitter .aktt_tweets li{margin:0;padding:0 0 14px 0;}
#footer .footer-twitter .aktt_more_updates a{font-size:12px;color:#ebebeb;}
#footer .footer-twitter .aktt_more_updates a:hover{color:#4bbdde;}