ß* {
    margin:0;
}

html, body {
    height: 100%;
    font-family: 'Old Standard TT', Times, "Times New Roman", Georgia, serif;
    font-size:12px;
    line-height:1.5em;
    color:#000;
}


#container {
    width:750px;
    margin:0 auto -50px;
    text-align:center;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

body.colophon #container {
    width:90%;
}

#content {
    margin-top:20px;
}

#footer {
    width:750px;
    margin: 0 auto;
    padding-top:20px;
    height:30px;
    color:#666;
    text-align:center;
    font-size:11px;
}

#push {
    height: 50px;
}


a {
    text-decoration:none;
    color:#000;
    border-bottom:dotted 1px #666;
    padding-bottom:0.01em;
    outline: none;
}


a:hover {
    text-decoration:none;
    border-bottom:solid 1px #d7d7d7;
    background: #f6f6f6;
}


.colour_link {
    color:#333;
}

a.colour_link {
    padding:5px;
    border:none;
}

a.colour_link:hover {
    background:#f6f6f6;
}

a img {
    border:none;
}

a:active {
  outline: none;
}

ul#navigation a.current, ul#navigation a.current:hover {
    color:#252525;
    border-bottom:2px solid #252525;
}


h2.project-title {
    font-size:45px;
    line-height:1.5em;
    font-weight:normal;
    margin:0;
    padding: 7px 0;
}

ul#navigation {
    list-style:none;
    margin:0;
    padding: 40px 0 20px;
}

ul#navigation li {
    display:inline;
    padding: 0 5px;
}

ul#navigation a {
    color:#252525;
    padding:0 0 1px;
    border:none;
}

ul#navigation a:hover {
    color:#939393;
    background: none;
}


ul#project_list a, ul#project_list a:hover {
    background:none;
    border:none;
}

ul#project_list {
    font-size:45px;
    list-style:none;
    margin:0;
    padding:0;
}

ul#project_list li {
    position:relative;
    line-height:1.5em;
    width:750px;
}

div.project_link {
    padding:7px 0;
    width:750px;
}

div.project_image {
    display:none;
    position:absolute;
    left: 50%;
    top: -6%;
    margin: 0 0 0 -75px;
    padding: 0;
    z-index:5;
    width:150px;
    height:90px;
}

div.project_image a{
    width:150px;
    height:90px;
    display:block;
}

div.project_image img {
    display:inline;
    
}

.title {
    font-family:Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    font-size:10px;
}

.title a, ul#navigation .title a {
    border-bottom: 2px solid #333333;
    padding-bottom: 2px;
}

ul#navigation .title a:hover {
    color:#252525;
}

.rockon {
    font-family:Courier, monospace;
}

.description {
    width: 500px;
    margin:0 auto;
    text-align:justify;
    padding-top:20px;
}

.colophon_info {
  padding:15px 0 0 0;
  text-align:left;
  font-family: 'Inconsolata', Monaco, 'Courier New', Courier, monospace;
  font-size: 35px;
  line-height:45px;
  font-style: normal;
  color:#666;
}

.description p {
    padding: 0 0 10px;
}

.columns {
  -moz-column-count: 2;
	-moz-column-gap: 25px;
	-webkit-column-count: 2;
	-webkit-column-gap: 25px;
	column-count: 2;
	column-gap: 25px;
}

.columns h4 {
  font-weight:normal;
}


div.project_nav {
    width:450px;
    margin:0 auto;
    padding:10px 150px;
    background: #FFF;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

body.fixed_nav div.project_nav {
    width:450px;
    margin:0 auto;
    padding:10px 150px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    background:none repeat scroll 0 0 white;
    position:fixed;
    top:0;
    z-index:10;
}


div.next_project {
    float:right;
    padding:0 10px;
}

div.prev_project {
    float:left;
    padding:0 10px;
}


div.media, div.image {
    padding:10px 0;
}

div#images {
    text-align:center;
    width:750px;
}

div.index_images {
    cursor:pointer;
}


.clear {
    clear:left;
}

.clear_both {
    clear:both;
}

.center {
    text-align:center;
}