/* GENERAL */

body {
    font-family:Georgia;
    margin:30px 0 60px 0;
}

a {
    text-decoration:none;
    color:#444444;
}
.clear {
    clear:both;
}

/* CONTAINERS */

#container {
    margin:0 auto;
    width:800px;
}

/* NAVIGATION */

#logo {
    float:left;
    width:530px;
}

#header {
    margin:0 0 20px 0;
}

#navigation {
    margin:20px 0 0 0;
    background-image:url('navigation.png');
    width:261px;
    height:132px;
    text-align:left;
    float:right;
    padding:5px 0 0 0;
}

#navigation-left {
    text-align:left;
    float:left;
    margin:10px 0 0 15px;
    width:116px;
}

#navigation-right {
    text-align:left;
    float:right;
    margin:13px 0 0 0;
    width:130px;
}

/* TEXT */

#youtube {
    display:block;
    margin:40px 0 0 0;
}

#credits {
    display:block;
    text-align:left;
    margin:5px 20px 0 20px;
    color:#666666;
    font-size:0.7em;
}

#navigation-left ul li a {
    color:white;
    font-size:1.2em;
    text-decoration:none;
    text-transform:uppercase;
    line-height:1.2em;
}

#navigation-right ul li a {
    color:white;
    font-size:0.9em;
    text-decoration:none;
    line-height:1.6em;
}

/* CONTENT */

#project_details_left {
    float:left;
    background-image:url('detail_top.png');
    background-repeat:no-repeat;
    width:530px;
    text-align:center;
    padding:15px 0 0 0;
}

#project_details_right {
    float:right;
    background-image:url('detail_right_top.png');
    background-repeat:no-repeat;
    width:262px;
    text-align:left;
}

#project_details_right h2 {
    padding:15px 15px 5px 15px;
}

#project_details_right p {
    padding:0 15px;
}

#project_details_left_bottom {
    float:left;
    background-image:url('detail_bottom.png');
    background-repeat:no-repeat;
    width:530px;
    height:32px;
}


#project_details_right_bottom {
    float:left;
    background-image:url('detail_right_bottom.png');
    background-repeat:no-repeat;
    width:262px;
    height:32px;
}

#person_details {
    background-image:url('person2.png');
    background-repeat:no-repeat;
    width:500px;
    height:200px;
    padding:5px 15px 15px 15px;
    line-height:130%;
    margin:0 0 10px 0;
}

ul#project_list {
    width:100%;
}

ul#project_list li {
    margin:0 6px 10px 0;
    padding:15px 0;
    width:260px;
    height:523px;
    float:left;
    background-image:url('person.png');
    background-repeat:no-repeat;
}

ul#project_list li {
    text-align:center;
}





ul#archive_list {
    width:100%;
}

ul#archive_list li {
    margin:0 6px 0 0;
    padding:15px 0;
    width:260px;
    height:205px;
    float:left;
    background-image:url('archive.png');
    background-repeat:no-repeat;
}

ul#archive_list li {
    text-align:center;
}

ul#people_list li {
    margin:0 6px 10px 0;
    padding:15px 0;
    width:260px;
    height:523px;
    float:left;
    background-image:url('person.png');
    background-repeat:no-repeat;
}

ul#people_list li {
    text-align:center;
}

div.project_text {
    padding:5px 15px 15px 15px;
    text-align:left;
}

h2.title {
    font-size:20px;
    margin:10px 0 10px 0;
    text-transform:uppercase;
    font-weight:normal;
}

span.subtitle {
    color:white;
    background:#151e63;
    font-family:arial;
    font-size:9px;
    height:10px;
    letter-spacing:1.1px;
    text-transform:uppercase;
}

span.subtitle2 {
    color:#f31a54;
    font-family:arial;
    font-size:9px;
    height:10px;
    letter-spacing:1.1px;
    text-transform:uppercase;
    display:block;
}

span.type {
    color:white;
    background:#ff015b;
    font-family:arial;
    font-size:9px;
    height:10px;
    letter-spacing:1.1px;
    text-transform:uppercase;
}

span.content {
    font-size:0.8em;
    color:#9f9f9f;
    line-height:160%;
    display:block;
}

span.more {
}

span.more a {
    font-size:0.8em;
    text-decoration:none;
    color:black;
}

/* ADMIN */

#add_project_btn, #edit_person_btn, #edit_project_btn, #edit_contact_btn {
    font-family:Arial;
    font-weight:bold;
    margin:0 0 20px 0;
    padding:5px;
    background:yellow;
    display:inline-block;
}

#add_project_btn a, #edit_person_btn a, #edit_project_btn a, #edit_contact_btn a {
    color:black;
    text-decoration:none;
}

form {
    font-family:Arial;
    margin:0 0 20px 0;
}

fieldset {
    padding:10px 20px;
    border:1px solid #999999;
    background:#eeeeee;
}

label {
    font-weight:bold;
    display:block;
    margin:10px 0;
}

legend {
    font-weight:bold;
}