@charset "UTF-8";
/* CSS Document */
/* Uses Sticky Footer by Ryan Fait http://ryanfait.com/ */
/* Uses IE PNG Alpha Fix v1.0 by Angus Turnbull - http://www.twinhelix.com*/

* {
	margin:0;
	padding:0;
	border:0;
}

img, div { behavior: url(/scripts/iepngfix.htc); }

html, body {
	height: 100%;
}

body {
	font:.75em "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color:#FFF;
	background:transparent url(images/wood.jpg) repeat;
}

#wrapper {
	width:960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -60px 0; /* the bottom margin is the negative value of the footer's height */
}

#left {
	width:130px;
	padding-top:50px;
	float:left;
}

#right {
	float:right;
	padding:50px 0 0 70px;
	width:760px;
}

#push {
	clear:both;
	height: 60px; /* #push must be the same height as #footer */
}

#footer {
	position:absolute;
	left:200px;
	height: 60px;
	width:760px;
	background:transparent url(images/white.gif) repeat-x top;
}

.clear {clear:both;}

div#left ul{}
div#left ul li{display:block; list-style:none; padding:15px 0 0 0;}
div#left ul li a{display:block; height:13px; text-indent:-9999em;}
div#left ul li a:active{outline: none;}
div#left ul li a:focus{-moz-outline-style: none;}
div#left ul li a#navIdentity{background:url(images/identity.png) no-repeat; width:74px; left:55px; position:relative;}
div#left ul li a#navPrint{background:url(images/print.png) no-repeat; width:49px; left:80px; position:relative;}
div#left ul li a#navWeb{background:url(images/web.png) no-repeat; width:38px; left:91px; position:relative;}
div#left ul li a#navBlog{background:url(images/blog.png) no-repeat; width:43px; left:86px; position:relative;}
body#home div#left ul li a:hover{background-position:0 -30px;}
body#home div#left ul li a:active{background-position:0 -30px;}
body#identity div#left ul li a:hover{background-position:0 -60px;}
body#identity div#left ul li a:active{background-position:0 -60px;}
body#print div#left ul li a:hover{background-position:0 -120px;}
body#print div#left ul li a:active{background-position:0 -120px;}
body#web div#left ul li a:hover{background-position:0 -90px;}
body#web div#left ul li a:active{background-position:0 -90px;}
body#blog div#left ul li a:hover{background-position:0 -30px;}
body#blog div#left ul li a:active{background-position:0 -30px;}

div#right img {border:1px solid #000;}

div#right div.col1{
	width:400px;
	float:left;
}

div#right div.col2{
	width:330px;
	padding-left:30px;
	float:right;
}

div#right div.col2 div.bio{padding-left:85px;padding-bottom:20px;}

div#right div.col2 div.bio img{
	float:left;
	position:relative;
	left:-85px; 
	margin-right:-90px;
}

div#right h1 {
	display:block;
	border-bottom:1px solid;
	font:1.5em normal "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	padding:10px 0 5px 0;
}

div#right p{
	font:1em "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	line-height:1.6em;
	padding:10px 0 0 0;
}

div#right div.project{
	padding-bottom:40px;
}

div#right div.project h1 {
	line-height:0;
	padding-bottom:10px;
}

div#right div.project div.col1{
	width:500px;
	float:left;
	padding-top:10px;
}

div#right div.project div.col2{
	width:230px;
	padding-left:30px;
	float:right;
}

body#home div#right h1,h2,h3,h4,h5,h6{color:#c41230; border-color:#c41230;}
body#identity div#right h1,h2,h3,h4,h5,h6{color:#f7a11a; border-color:#f7a11a;}
body#print div#right h1,h2,h3,h4,h5,h6{color:#c3cf21; border-color:#c3cf21;}
body#web div#right h1,h2,h3,h4,h5,h6{color:#00a1b1; border-color:#00a1b1;}
body#blog div#right h1,h2,h3,h4,h5,h6{color:#c41230; border-color:#c41230;}

body#identity div#left ul li a#identity{background-position:0 -60px;}
body#print div#left ul li a#print{background-position:0 -120px;}
body#web div#left ul li a#web{background-position:0 -90px;}
body#blog div#left ul li a#blog{background-position:0 -30px;}

div#right div.col2 a:link{color:#FFF;}
div#right div.col2 a:hover{color:#f7a11a;}
div#right div.col2 a:active{color:#c41230;}

div#footer img{padding:10px 0 0 10px; display:inline; float:left;}

div#footer p.col1{
	float:left;
	width:130px;
	padding:15px 0 0 20px;
}

div#footer p.col2{
	float:left;
	width:150px;
	padding:15px 0 0 30px;
}

div#footer a:link{color:#fff;}
div#footer a:hover{color:#f7a11a;}