/* Block styles. */

body {
    background-color: #000;
    font-family: futura, helvetica, arial, sans-serif;
    font-size: small;
    color: #CCC;
}

img { border: 0; }

h3 { font-size: medium; }

td img { display: block; }

a { text-decoration: none; }
    a:link { color: #FF6; }
    a:active { color: #F33; }
    a:visited { color: #FF6; }
    a:hover { text-decoration: underline; }

blockquote {
    font-family: arial, sans-serif;
    font-size: small;
    color: #EEF;
    background-color: #333;
    border: thin solid #800;
    padding: 12px;
    margin: 20px;
}
    blockquote span.citation {
        display: block;
        text-align: right;
    }

/* Div definitions. */

div#container {
    position: relative;
    margin: auto;
    width: 670px;
    min-height: 100%;
    text-align: left;
    background-repeat: no-repeat;
}

/* Navigation divs. */

#logo {
    z-index: 10;
    position: absolute;
    left: 3px;
    top: 0px;
    width: 160px;
    height: 171px;
}

div#navbar {
    z-index: 10;
    position: absolute;
    left: 165px;
    top: 0px;
    width: 505px;
}

div#project_arrow {
    z-index: 8;
    position: absolute;
    left: 565px;
    top: 110px;
    width: 54px;
}

div#project_list {
    z-index: 10;
    position: absolute;
    left: 517px;
    top: 204px;
    width: 155px;
}

img#antithesis {
    z-index: 8;
    position: absolute;
    left: 0px; top: 0px;
    width: 505px; height: 80px;
}

img.navimg {
    z-index: 10; position: absolute;
    top: 80px;
    height: 28px;
}

    img#news { left: 0px; width: 68px; }
    img#about { left: 68px; width: 77px; }
    img#contact { left: 145px; width: 82px; }
    img#contribute { left: 227px; width: 94px; }
    img#media { left: 321px; width: 79px; }
    img#projects { left: 400px; width: 105px; }
    img#abattoir { left: 0px; top: 0px; width: 153px; }

/* Page-specific divs. */

div#logo_arrow {
    z-index: 6;
    position: absolute;
    left: 107px;
    top: 172px;
    width: 165px;
    height: 88px;
}

div#title {
    z-index: 7;
    position: absolute;
    left: 260px;
    top: 216px;
    width: 132px;
    height: 59px;
}

div#home_design {
    z-index: 6;
    position: absolute;
    left: 155px;
    top: 102px;
    width: 470px;
}

div#news_design {
    position: absolute;
    left: 61px;
    top: 188px;
    width: 221px;
}

    div.news-article {
        width: 420px;
        margin: 25px auto 50px;
    }
    
    div.news-title {
        line-height: 2em;
        padding: 0 10px;
        font-size: medium;
        font-weight: bold;
        color: #FFF;
        background-color: #300;
    }
    
    .news-row {
        display: table-row;
		vertical-align: top;
	}
	
    .news-subtitle {
        display: table;
        width: 420px;
        line-height: 1.5em;
        font-size: small;
        font-weight: bold;
        color: #CCF;
        background-color: #111;
	}
    
        .subtitle { display: table-cell; padding: 0 10px; text-align: left; }
        .date { display: table-cell; width: 65px; padding: 0 10px; text-align: right; }
    
    div.news-story {
        border-top: 1px solid #CA0;
        padding: 1px 5px;
    }
    
    .news-footer {
        display: table;
        width: 420px;
        line-height: 1.3em;
        font-size: smaller;
        color: #FFF;
        background-color: #222;
    }
    
        .news-author { display: table-cell; padding: 0 10px; text-align: left; }
        .news-more { display: table-cell; padding: 0 10px; text-align: right; }

div#about_design {
	z-index: 6;
	position: absolute;
	left: 201px;
	top: 98px;
	width: 470px;
}

    img#about_antithesis { position: absolute; left: 11px; top: 0px; width: 254px; height: 72px; }
	img#bios { position: absolute; left: 178px; top: 17px; width: 61px; height: 29px; }
	img#history { position: absolute; left: 239px; top: 17px; width: 100px; height: 29px; }

div#contact_design {
	z-index: 6;
	position: absolute;
	left: 267px;
	top: 104px;
	width: 470px;
}

div#contribute_design {
	z-index: 6;
	position: absolute;
	left: 267px;
	top: 98px;
	width: 470px;
}

div#media_design {
	z-index: 8;
	position: absolute;
	left: 97px;
	top: 100px;
	width: 470px;
}

div#projects_design {
	z-index: 6;
	position: absolute;
	left: 20px;
	top: 98px;
	width: 470px;
}

	img#projects_structure { position: absolute; left: 2px; top: 243px; width: 173px; height: 358px; }
	img#projects_arrows { position: absolute; left: 140px; top: 10px; width: 137px; height: 103px; }
    
    h3.project-title { font-weight: normal; font-style: italic; }
    ul.project-crew { display: block; list-style: none; padding: 0; }
    ul.project-status { display: block; list-style: none; padding: 0; }

div#content {
	z-index: 5;
	position: relative;
	padding: 255px 80px 10px;
	width: 510px;
	min-height: 515px;
}

div#background {
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 670px;
}

div#footer {
	z-index: 7;
	position: relative;
	bottom: 0;
	width: 670px;
	height: 0px;
	text-align: center;
	font-family: futura, helvetica, arial, sans-serif;
	font-size: x-small;
	color: #999;
}

div.bioDiv { padding: 5px 0 5px; min-height: 167px; }

/* Image definitions. */

img.floatLeft {
	float: left; clear: left;
	margin: 0 10px 10px 0;
}

img.floatRight {
	float: right; clear: right;
	margin: 0 0 10px 10px;
}

/* Block definitions. */

p#home-poem {
	color: #669;
	text-align: right;
}

p.bioTitle {
	text-align: center;
	font-family: futura, helvetica, arial, sans-serif;
	font-size: large;
	padding: 10px 0 0;
}

/* In-line definitions. */