@charset "utf-8";
/* CSS Document */
/* G E N E R A L   F O N T - F A M I L Y   &   S I Z E */
html{font:.9em/1.2 Neosansm, "Helvetica Neue", Arial, sans-serif;}

#language-menu, #proyect-team, #main-menu, #footer-content, #featured-proyects a, #proyect-description a, #proyect-short-description, #proyect-category, #proyect-date{
    font-family:Neosansr,"Helvetica Neue", Arial, sans-serif;
}
article p a, #contact h1, #contact h2, #contact h3{
    font-family:Neosansm, "Helvetica Neue", Arial, sans-serif;
}
article p, blockquote p, figcaption, #clients, #contact a[href="mailto: jobs@wandoodesign.com"], #news-list a, #direccion a{
   font-family: Georgia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, serif;
}

#language-menu{ font-size:.76em;}
#main-menu{font-size:1em;}
#home li:first-child h3{font-size:1.1em;}
#news>h3, #events>h3, #jobs>h3, #direccion h1{font-size:1.1em;}
#events-list h1, #jobs-list h1{font-size:.9em;}
#events-list h2{font-size:.8em;}
#events-list h3{font-size:.7em;}
#events-list a{font-size:.9em;}
#about-banner{font-size:.9em;}
#work li{font-size:.9em;}
#news-list{font-size:.9em; line-height:1.3em;}
#proyect-description a, #proyect-short-description, #proyect-category, #proyect-date{font-size:.8em;}
article p{font-size:.9em;}
blockquote{ font-size:2.6em;}
footer h5{font-size:1.1em;}
footer li, div.vcard{ font-size:.8em;}
#copyright{ font-size:.75em;}

/* G E N E R A L   T R A C K I N G   ,   L E A D I N G   &   L A Y O U T */

h1, h2, h3, h4, h5, h6{font-weight:normal;}

blockquote p{
    clear:both;
    letter-spacing:.04em;
	line-height:1.05;
    margin:30px 0;
    padding:2px 0 6px;
    text-align:center;
    width:100%;
}

footer h5{
    margin-bottom:15px;
    padding-bottom:5px;
}

footer li, div.vcard{ line-height:1.5em;}


    #main-header h1 a{
		display:inline-block;
        height:37px;
		position:relative;
        text-indent:-9999px;
        width:482px;
		z-index:100;
    }

a{ text-decoration:none;}


/* H O M E */
#home li:first-child h3{
    letter-spacing:.06em;
    line-height:1.4em;
    margin-top:17px;
}

#home li h3{
    letter-spacing:.02em;
    line-height:1.4em;
    margin-top:20px;
}

#home li:first-child p{
    line-height:1.4em;
    margin-top:17px;
}
#home li p{
    line-height:1.4em;
    margin:0 0 40px;
}

/* S E R V I C E S */
#services li h4{
    letter-spacing:.02em;
    margin-bottom:5px;
}

#services li p{
	line-height:1.4em;
    margin:0 0 40px;
}


/* W A N D O O */

#about-banner{
     position:relative;
}
#about-banner figcaption{
    color:white;
    line-height:1.3;
    position:absolute;
    right:20px;
    top:35px;
    width:30%;
}
#about-banner figcaption p{
    margin-bottom:12px;
}

#about blockquote p{
    letter-spacing:0.03em;
}

#about li h4{
    font-size:1.1em;
    letter-spacing:.02em;
    margin-bottom:5px;
}

#about li p{
	line-height:1.4em;
    width:95%;
}

/* C O N T A C T */
#contact p{
    line-height:1.4em;
}
#news>h3, #events>h3, #jobs>h3, #direccion h1, #work h2{
    margin:15px 0 10px;
    padding-bottom:5px;
}
#direccion h1{
    margin:0;
}
#events-list h1, #events-list h2, #events-list h3, #jobs-list h1{padding-bottom:5px;}

/* W O R K */

#clients li:before{
    content:"· ";
}

#clients li{
    line-height:1.4em;
    padding-left:10px;
    text-indent:-7px;
}

#featured-proyects a{
    display:block;
    position:relative;
    height:165px;
    width:130px;
}

#featured-proyects a span{
    bottom:0;
    display:inline-block;
    padding:5px 0;
    position:absolute;
    text-indent:5px;
    width:100%;
}

/* P R O Y E C T */
#proyect-description{
    line-height:1.4em;
    margin-bottom:40px;
    min-height:415px;
    position:relative;
}
#proyect-info p{
    line-height:1.3;
    margin-bottom:6px;
}
#proyect-short-description{
    line-height:1.1;
}

#proyect-description #proyect-category{
    margin-bottom:6px;
    padding-bottom:6px;
}
#proyect-description h2{
    font-size:1.1em;
    margin:0 0 8px;
    padding-bottom:2px;
}
#proyect-team{
    padding:5px 0;
}
#proyect-description a:before, #events-list a:before{content:"[";}
#proyect-description a:after, #events-list a:after{content:"]";}

#backbutton{
    font-size:1.25em;
    position:absolute;
    bottom:-40px;
}
