/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    yves.vg
    created:    2009-09-30
    author:     Yves Van Goethem

    summary:    RESET
                GENERIC
                HEADER
                
----------------------------------------------------------------------------- */

/* =RESET
--------------------------------------------------------------------------- */
* {
    /* no really, there is nothing bad with this ! */
    margin:0;
    padding:0;
}

body {
    font:69% Arial, Verdana, sans-serif; /* :INFO:1em = 11px */
    margin:0;
    color:#000;
    background:#f1f1f1;
}

ul {
    list-style:none;
}

header, nav, article, section {
    display:block;
}

a {
    color:#2a71c8;
}

a:visited {
    color:#752ac8;
}

a img,
acronym {
    border:0;
}


/* =GENERIC
--------------------------------------------------------------------------- */
.accessibility { 
    position:absolute;
    left:-9999em;
}

@font-face {  
    font-family: "Scrogglet";  
    src: url(Scrogglet.eot); /* IE */
    src: local("Scrogglet"), url(Scrogglet.ttf) format("truetype");
}

/*@font-face {
    font-family:'Scrogglet';
    src : 'Scrogglet.ttf';
}
*/
body div {
    width:770px;
    margin:40px auto;
}


/* =HEADER
--------------------------------------------------------------------------- */
header {
    font-family:Scrogglet, 'Comic Sans MS';
    overflow:hidden;
    width:746px;
    padding:0 12px;
}

header h1 {
    font-size:3.63em;
    color:#00185b;
    float:right;
}

header h1 a,
header h1 a:visited {
    color:#00185b;
    text-decoration:none;
}

header a {
    text-decoration:none;
}

header a:hover {
    text-decoration:underline;
}

header nav {
    font-size:1.81em;
    float:left;
    width:320px;
    margin:18px 0 0 0;
}

header nav .active a {
    color:#c82a2a;
}

header nav ul li {
    display:inline-block;
    color:#00185b;
}

.msie header nav ul li {
    display:inline;
    padding-right:25px;
    
    /* yeah this sucks, but the website is so minimal and lite... it's not such a big impact */
    /*border-right: expression((this == this.parentNode.lastChild ? '0' : '2px solid #00185b' ));*/
    padding-left: expression((this == this.parentNode.lastChild ? '25px' : '0' ));
}

header nav ul li:after {
    content:'\00a0\00a0\007C\00a0\00a0';
}

header nav ul li:last-child:after {
    content:'';
}


/* =SECTION
--------------------------------------------------------------------------- */
section {
    width:660px;
    overflow:hidden;
    background:#fdfdfd;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:55px;
}

.home div {
    margin:14px 0 0 0;
}

.home div:first-child {
    margin:0;
}

.home div h1,
.portfolio h1 {
    font-size:1.36em;
    line-height:1.36em;
    color:#2a71c8;
}

.home p,
.home ul {
    font-size:1.1em;
    line-height:1.36em;
    margin:8px 0 0 0;
}

.home ul {
    padding:0 0 0 30px;
    list-style:disc;
}


/* =PORTFOLIO
--------------------------------------------------------------------------- */
.portfolio h1 {
    margin:0 0 10px 0;
}

.portfolio .first {
    width:660px;
    margin:0;
}

.portfolio .first ul li {
    margin:0 0 60px 0;
    overflow:hidden;
}

.portfolio .first ul li:last-child {
    margin:0;
}

.portfolio .first ul li dl {
    float:right;
    width:405px;
    font-size:1.09em;
}

.portfolio .first ul li dt:first-child {
    display:none;
}

.portfolio .first ul li dt {
    font-weight:bold;
    float:left;
    clear:left;
    padding:0 5px 0 0;
    line-height:1.63em;
}

.portfolio .first ul li dd {
    float:left;
    line-height:1.63em;
}

.portfolio .first ul li big {
    font-size:1.27em;
}

.portfolio .first ul li big a {
    text-decoration:none;
    font-weight:bold;
}

.portfolio .first ul li big a:hover {
    text-decoration:underline;
}

.portfolio .second {
    margin-bottom:0;
}

.portfolio .second ul li {
    display:inline;
}