/*
 * Page colors:
	E5F2FD: background color
	8CB8DD: 1st foreground color
	BAD9F2: 2nd foreground color
	FFFFFF: aka white, pop attention, hover over important links?
 */

a {
    /* color: #8CB8DD; */
    color: #3F75A2;
    text-decoration: none;
}

#page,
.region-bottom {
    max-width: 1050px;
    background-repeat: no-repeat;
    background-image: url(../images/background.jpg);
}

body {
    background-color: #e5f2fd;
    font-size: 11px;
    font-family: trebuchet, arial, sans-serif;
    color: #000000;
}

#page header div.icon a {
    float: left;
    overflow: hidden;
}

#page header a img.icon {
    width: 30px;
    height: 30px;
}

ul.links.inline li span {
    display: none;
    visibility: hidden;
}

table.header,
table.name,
table.contact {
    width: 100%;
    border: 1px solid black;
    margin: 0px;
    padding: 0px;
}

table.name {
    margin: auto;
    border: none;
    text-align: center;
}

table.name h1 {
    font-family: trebuchet, arial, sans-serif;
    color: black;
    font-size: 150%;
    font-weight: normal;
}

div.icon,
table.contact {
    line-height: 1.25;
    border: none;
    text-align: right;
    float: right;
}

table.header,
table.header table,
table.header h1 {
    margin: 0px;
    padding: 0px;
}

table.position {
    line-height: 1.25;
}

.center, 
.centered {
    margin: auto;
    width: 50%;
    padding: 10px;
}

td.top {
    vertical-align: text-top;
}

/* CSS for Work & Project History views */
div.view-project-history div.views-row,
div.view-work-history div.views-row {
    clear: left;
}

.node-61 div.field-item div.splitscreen,
div.project-history div, 
div.work-history div, 
div.description a,
div.description span,
div.description div,
div.dates div {
    float: left;
    vertical-align: text-top;
}

div.dates div {
}

div.dates {
    width: 80px;
}

div.start-date,
div.end-date {
/*
    width: 200px;
    background-color: #e9dbe8;
*/
}


div.description {
    padding-left: 10px;
}

div.divider {
    padding-left: 4px;
    padding-right: 4px;
}

/* Put skills on one line */
/* Put everything inside the div.work-history */
div.field-name-field-skills div {
    float: left;
    padding-right: 5px;
}

/* position article images */
.node-61 div.field-item div.view-work-history,
.field-type-image {
	float: left; 
	padding-right: 5px;
}

/* Some Nodes have embedded views in them, this helps fix the display */
.view-radical-designs-articles,
.view-digital-structures-articles,
.view-darkheart-articles,
.view-zocalo-articles,
.view-st-james-infirmary-articles {
	clear: left;
}