/* Colours */

body, a { color: #222; }
a { border-bottom: 1px solid #ccc; }
em { color: #999; }

/* Typography */

body { font-family: "courier new", courier, "Andale Mono"; line-height: 1.3; font-size: 14px;}
ul li, p, em { font-size: 14px; font-style: normal; }
h1 { font-size: 16px; font-weight: bold; }
h2, p { font-size: 14px; font-weight: normal; }
a { text-decoration: none; }

/* Layout */

body { padding: 10px 0px 40px; text-align: left; }

div#container{
margin: 0px auto;
width: 890px;
padding: 5px 20px;
text-align: left;
min-height: 600px;
font-size: 14px;

}

.col { float: left; margin: 0px 0px 0px 20px; padding: 0px; }
.col .col { margin: 0px; }

p { margin-left: 20px; }


div#navigation { margin: 30px 0px 0px 20px; float: left; }
div#navigation ul { list-style: none; padding: 0px 20px 0px 0px; margin: 0px;}
div#navigation ul li { margin: 0px 0px 8px; }
div#navigation ul li.selected { color: #999; text-indent: -1.2em; }
div#navigation ul li.selected a { border: 0px; color: #999; border-bottom: 1px solid #ccc; cursor: default; }
div#navigation ul li em { display: block; margin: 30px 0px 0px; }

div#content {
margin-left: 130px;
padding-top: 25px;
min-height: 400px;
border-left: #D8D4D4 1px dotted;
}

hr {
border: 1px dotted #D8D4D4;
height: 0;
width: 900px;
}
#footer { text-align: left; display: inline; }

.clear {
clear:left;
}

/* Javascript-enabled styles */
body.js-enabled p#gallery-count, body.js-enabled div#gallery-navigation { display: block; }
body.js-enabled p#project-count { display: none; }
body.js-enabled div#media div.image { display: none; }
body.js-enabled div#media div.image:first-child { display: block; }