/*********************************************************************************/
/* Flat2 Style                                                                 	 */
/*********************************************************************************/

::selection { background:#58ae81; }
::-moz-selection { background:#58ae81; }

section#intro,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,section header h2,#filters .active,#intro .button span,.site-logo p,h1,
.timeline .name { color:#444; }
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover,
#nav ul li a.active,
#nav ul li a:hover,
#nav ul li a:hover span,
#filters span:hover,
#toggle span, #toggle span:after, #toggle span:before,
.divider,
.loading,
#backtop a { background-color:#58ae81; }
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
#filters .active,
#filters span { border-color:#fff; }

/*intro*/
section#intro p, section#intro .button, section#intro .button span { color:#fff; }
section#intro .button:hover { background-color:#fff; }
section#intro .button:hover, section#intro .button { border-color:#fff; }
section#intro header a, section#intro .button span { color:#fff; }
section#intro header a:hover, #intro .button span:after { color:#58ae81; }

/*presentation*/
section#about .divider,
section#about header h2,
section#about p,
section#about p * { color:#ffffff; }
section#about .divider,
section#about input[type="button"]:hover,
section#about input[type="submit"]:hover,
section#about input[type="reset"]:hover,
section#about .button:hover { background-color:#ffffff; }
section#about input[type="button"]:hover,
section#about input[type="submit"]:hover,
section#about input[type="reset"]:hover,
section#about .button:hover,
section#about .button,
section#about input[type="button"],
section#about input[type="submit"],
section#about input[type="reset"] { border-color:#ffffff; }
section#about #presentation a, section#about #presentation .button { color:#ffffff; }
section#about #presentation a:hover, section#about #presentation .button:hover { color:#00997a; }

/*citation*/
section#quotes .sr_quote * { color:#58ae81; }
section#quotes .sr_quote a { color:#58ae81; }
section#quotes .sr_quote a:hover { color:#ffffff; }

/*portfolio*/
section#portfolio header h2, #portfolio #filters span, #portfolio p { color:#ffffff; }
section#portfolio .divider, section#portfolio #filters span:hover, section#portfolio #filters .active { background-color:#ffffff; }
section#portfolio #filters span, section#portfolio #filters .active { border-color:#ffffff; }
section#portfolio #filters span { color:#ffffff; }
section#portfolio #filters span:hover, section#portfolio #filters .active:hover { color:#58ae81; }
section#portfolio #filters .active { color:#333333; }

/*experience*/
section#experience header h2, section#experience .timeline .name, section#experience .timeline .bubble * { color:#016f52; }
section#experience .divider { background-color:#016f52; }
section#experience .timeline .bubble { border-color:#016f52; }
section#experience .timeline .bubble a { color:#016f52; }
section#experience .timeline .bubble a:hover { color:#016f52; }

/*competences*/
section#competences header h2,
section#competences .circle-info,
section#competences .circle-text-ha,
section#competences .circle-container h3,
section#competences .circle-text,
section#competences .circle-info,
section#competences .circle-text-half,
section#competences .circle-info-half { color:#fff; }
section#competences .divider { background-color:#fff; }
section#competences input[type="submit"]:hover,
section#competences input[type="submit"] { border-color:#fff; }

/*contact*/
section#contact header h2, section#contact input[type="submit"] { color:#016f52; }
section#contact .divider, section#contact input[type="submit"]:hover { background-color:#00997a; }
section#contact input[type="submit"]:hover,
section#contact input[type="submit"] { border-color:#016f52; }

/*Background*/
section#intro {background-color: #58ae81;}
section#about {background-color: #00997a;}
section#quotes {background-color: #016f52;}
section#portfolio {background-color: #58ae81;}
section#experience {background-color: #fff;}
section#competences {background-color: #00997a;}
section#contact {background-color: #fff;}