#menu
{
    width: 218px;
    float: left;
}

#content
{
    width: 672px;
    float: left;
}

#location
{
    margin-bottom: 20px;
}

/* about */

img#headshot
{
    float: right;
}

/* project */

#project_heading
{
    position: relative;
}

span.tab
{
    margin: 0 5px 0 5px;
    text-transform: lowercase;
    color: #c8c5bc;
}

span.tab a
{
    color: #c8c5bc;
}

span.tab a:hover
{
    color: #645c45;   
}

span.selected_tab,
span.selected_tab a
{
    color: #645c45;   
}

#loader
{
    display: none;
    position: absolute;
    right: 0;
    top: 8px;
}

div.text_content
{
    width: 450px;
    max-width: 450px;
}

div.credit_image
{
    float: left;
    padding-top: 3px;
    margin-right: 5px;
}

div.credit_details
{
    float: left;
}


/* all portfolio (featured and archive) */

div#pager
{
    float: right;
}

div.portfolio_row
{
    margin-top: 40px;
}

div.first_portfolio_row
{
    margin-top: 0;
}

div.portfolio_heading
{
    overflow: auto;
    width: 100%;
    border-bottom: 1px solid #c8c5bc;
    padding-bottom: 3px;
}

/* featured */

#featured div.portfolio_content
{
    width: 640px;
    overflow: auto;
    margin: 40px 0 0 0;
}

#featured div.category,
#featured div.category_name
{
    width: 208px;
    margin-right: 8px;
    float: left;
}

#featured div.last_category,
#featured div.last_category_name
{
    margin-right: 0;
}

#featured div.project
{
    cursor: pointer;
    margin-top: 10px;
}

#featured div.project:hover div.project_title
{
    background-color: #c8c5bc;
}

#featured div.first_project
{
    margin-top: 0;
}

#featured div.project_image
{
    float: left;
    padding-right: 10px;
    width: 63px;
    height: 63px;
}

#featured div.project_image img
{
    display: block;
}

#featured div.project_title
{
    float: left;
    width: 123px;
    height: 51px;
    padding: 6px;
    background-color: #eeedeb;
}


/* archive */

#archive div.portfolio_content
{
    width: 100%;
    overflow: auto;
    margin: 40px 0 0 0;
}

#archive div.category,
#archive div.category_name
{
    width: 128px;
    margin-right: 8px;
    float: left;
}

#archive div.last_category,
#archive div.last_category_name
{
    margin-right: 0;
}

#archive div.project
{
    margin-top: 5px;
    margin-left: 5px;
    text-indent: -5px;
}

#archive span.project_subtitle
{
    color: #c8c5bc;
}


/* type */

div.text_content,
div.credit_content
{
    font-size: 10px;
}

#featured div.project a:hover
{
    color: #645c45;
}

span.disabled_pager_arrow
{
    color: #c8c5bc;
}

div.portfolio_heading
{
    text-transform: lowercase;
}