/* -- Layout - */

body {
	font-size:65.2%;
	}
#container {
	width: 745px;
	margin: 15px 0px 75px 20px;
	}
#content {
	width: 505px;
	float: right;
	margin: 90px 0 0 20px;
	}
#sidebar {
	width: 220px;
	float: left;
	}
#footer {
	clear: both;
	padding: 75px 0px 75px 240px;
	}

/* -- Style -- */

body {
	background:#fff;
	font-family: courier, monospace;
	color:#000;
	}
#sidebar #header {
	height: 75px;
	color:#fff;
	background:#000;
	}
h1  {	
	font-size:2.2em;
	padding: 8px 5px 0px 20px;
	}
h2  {	
	font-size:1.4em;
	font-style:italic;
	padding: 0px 5px 0px 20px;
	}
p	{
	font-size:1.3em;
	line-height:1.2em;
	margin:0 0 1.2em 0;
	}
#content a, #content a:link, #content a:visited {
  text-decoration:underline;
  color:#000;
  	}
#content img {
	margin-bottom:1px;
	}
#sidebar p	{
	text-indent: 20px;
	}
#footer p	{
	text-align: center;
	}

/* -- Nav -- */

ul#nav  {		
	text-align: left;
	margin:15px 0 1.4em 0;
	}
ul#nav li  {		
	display:inline;
	}
ul#nav li a, ul#nav li a:link, ul#nav li a:visited {
	display: block;
	padding:0.2em 0.2em 0.3em 20px;
	margin-bottom:1px;
  font-size:1.3em;
	font-weight:bold;
	color:#000;
	line-height:1.5em;
	background: #f2b961;
	}
ul#nav li a:active, ul#nav li a:hover {	
	color:#fff;
	background:#000;
	}
body#home ul#nav li.home a,
body#about ul#nav li.about a,
body#work ul#nav li.work a,
body#showreel ul#nav li.showreel a,
body#links ul#nav li.links a {	
 	color:#fff;
 	background:#000;
 	}

/* -- Contact -- */

ul#contact  {		
	margin:2em 0;
	}
ul#contact li  {    
	font-size:1.3em;		
	padding:0.2em 0.2em 0.3em 20px;	
	}
ul#contact li a, ul#contact li a:link, ul#contact li a:visited {
	padding:3px 0.4em 3px 0.4em;
	font-weight:bold;
	color:#000;
	background: #f2b961;
	}
ul#contact li a:active, ul#contact li a:hover {	
	color:#fff;
	background:#000;
	}
	
/* -- About -- */


body#about #content {
  text-align:center;
}
	
/* -- Work Thumbnails -- */

ul#thumbnails li  {	
	float:left;
	margin:0 1px 1px 0;
	height:75px;
	}

/* -- Work -- */

body#work #content {
  line-height:0;
}
dl {	  
	font-size:1.3em;	
	line-height:1.2em;
	margin:1.2em 0;
	}
dt {	  
	width:50%;
	float:left;
	text-align:right;
	}
dd {	  
	width:50%;
	float:right;
	text-align:left;
	text-indent:0.5em;
	}
	

/* -- Links -- */

body#links div#content ul {	 
	}
body#links div#content li {	
  text-align:center;
  margin-bottom:7px;
	}
body#links div#content li a, body#links div#content li a:link, body#links div#content li a:visited {
	font-size:1.3em;
	padding:3px 0.4em 3px 0.4em;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	background: #f2b961;
	}
body#links div#content li a:active, body#links div#content li a:hover {	
	color:#fff;
	background:#000;
	}
	
/* This fix from http://positioniseverything.net/easyclearing.html */
/* that clears floats without structural markup */
dl:after  {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
dl {
  display: inline-table;
}
/* Hides from IE-mac \*/
* html dl {
  height: 1%;
}
dl {
  display: block;
}
/* End hide from IE-mac */