/* 
    Document   : CV.css for ift1144A; Alain Pilon
    Created on : Feb 8, 2009, 7:57:08 PM
    Author     : Daniel Poissant, POID06028104, p0714290
    Description:
        Purpose of the stylesheet follows.
        Stylesheet for ift1144A, TP1, coded using netbeans 6.5
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Common */
body {
    background-color: white;
}
body, table, td, ul, select {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
}
table td {
    border-spacing: 0;
    vertical-align: top;
}
h1 {
    font-size: 12pt;
    margin-bottom: 20px;
    border-width: 0 0 1px 0;
    border-style: dashed;
    border-color: navy;
}
a {
    color: navy;
}
a img {
    border: 0;
}
.wide {
    width: 100%;
}
/* Containers */
.site-container {
    margin: 5px auto 0 auto;
    width: 750px;
    height: 150px;
    font-size: 10pt;
    font-family: verdana, arial;
}
.content-container {
    margin-left: 5px;
    width: 100%;
    height: 100%;
}
.content-container ul {
    margin-left: 30px;
    list-style: square;
}
/* Navigations */
.navigation {
    margin: 15px auto 5px auto;
    padding: 2px 0 2px 0;
    border-width: 2px 0 1px 0;
    border-style: solid;
    border-color: black;
}
.navigation ul {
    text-align: center;
}
.navigation li {
    display: inline;
    margin-left: 25px;
    margin-right: 25px;
}
.navigation a {
    font-weight: bold;
    text-decoration: none;
}
.navigation a:hover {
    text-decoration: underline;
}
/* Content */
.press-navigation li {
    list-style: none;
}
.press,
.press-navigation {
    margin-bottom: 20px;
}
.press .date {
    color: #98875b;
    font-size: 8pt;
}
.press .title {
    font-weight: bold;
}
/* Projects */
.projects-navigation li {
    list-style: none;
}
.project,
.projects-navigation {
    margin-bottom: 20px;
}
.project .information {
    width: 100%;
    padding: 0 0 10px 10px;
    vertical-align: bottom;
}
.project .title {
    font-weight: bold;
}
.project .date {
    color: #98875b;
    font-size: 8pt;
}
.project .link {
    color: navy;
}
/* Contact */
.contact {
    margin-bottom: 20px;
}
.contact .title {
    font-weight: bold;
}
.contactphoto {
    float: right;
    width: 174px;
}
/* Bottom hack for contact*/
.contactlegal {
    margin: 105px 0 5px 0;
    padding-top: 5px;
    font-size: 8pt;
    text-align: right;
    border-width: 1px 0 0 0;
    border-style: dashed;
    border-color: navy;
}
.contactlegal li {
    list-style: none;
}
.contactlegal a {
    text-decoration: none;
}
.contactlegal a:hover {
    text-decoration: underline;
}

/* Legal unhack */
.legal {
    margin: 25px 0 5px 0;
    padding-top: 5px;
    font-size: 8pt;
    text-align: right;
    border-width: 1px 0 0 0;
    border-style: dashed;
    border-color: navy;
}
.legal li {
    list-style: none;
}
.legal a {
    text-decoration: none;
}
.legal a:hover {
    text-decoration: underline;
}