@charset 'utf-8';
@import url(reset.css);
@import url(lightbox.css);
@import url(colors.css);
/* ----------------------------------------------------- Page layout */
@font-face {
  font-family: "CuttyFruty";
  src: url(../CuttyFruty.ttf) format("truetype");
}


body {
font-family: Helvetica, Helvetica Neue, Arial;
font-size: 14px;
line-height: 21px;
}


div#header {
width: 100%;

}

div#header h1 {
	padding: 21px;
	border-top: 8px solid rgba(0,0,0,.85);
	font-size: 39px;
	line-height: 41px;
	margin-left: 210px;
	width: 608px;
	font-weight: bold;
	margin-bottom: 42px;
	color: rgba(255,255,255,1);
}

h2 {
font-size: 28px;
line-height: 28px;
letter-spacing: -1;
float: left;
margin-right: 21px;
margin-top: 40px;
margin-bottom: 21px;
text-indent: -16px;
font-weight: bold;
}

dl {
float: left;
margin-left: 105px;
width: 230px;
}
	
dt {
font-size: 14px;
font-weight: bold;
clear: both;
}

dd {
font-size: 12px;
font-weight: normal;
clear: both;
}


/* p {
width: 35em;
margin-bottom: 21px;
text-align: left;
margin-left: 105px;
}
*/

hr {
height: 1px;
clear: both;
margin-left: 105px;
border: none;
border-bottom: 1px solid rgba(0,0,0,.8);
}

div#biobox a:link {
	color: rgba(0,0,0,1);
}

div#biobox a:hover {
	color: rgba(0,0,0,.5);
}

div#biobox a:visited {
	color: rgba(0,0,0,1);
}


div#biobox {
	margin-left: 232px;
	height: 153px;
	width: 610px;
	padding: 18px 18px 18px 18px;
	background: transparent url(../img/bio_bg.png) bottom left no-repeat;
	margin-bottom: 42px;
}

div#biobox h3 {
	text-indent: 0px;
	margin: 0px;
	color: rgba(0,0,0,.75);
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 10px;
}

p.bio {
margin-top: }

p.project_title {
font-size: 12px;
line-height: 21px;
width: 105px;
float: left;
margin-top: 42px;
font-weight: bold;
margin-top: 42px;
}

p.project_intro {
font-size: 18px;
font-weight: bold;
line-height: 21px;
width: 231px;
float: right;
margin-bottom: 21px;
clear: right;
margin-right: 21px;
}

p.project_desc {
font-size: 12px;
line-height: 21px;
width: 231px;
float: right;
margin-bottom: 21px;
margin-right: 21px;
}

p.project_desc span {
}

p.legende {
font-size: 12px;
line-height: 18px;
font-weight: bold;
margin-left: 126px;
margin-bottom: 23px;
}

div#content_left {
float: left;
padding-top: 21px;
height: 950px;
width: 100%;
/* background: transparent url(../img/back.png) top left repeat-x; */
}


div.projectbox {
width: 750px;
margin-left: 105px;
border-top: 1px solid rgba(23,40,58,.25);
/* -moz-border-radius: 5px;
-webkit-border-radius: 5px; */
padding-top: 14px;
}

div.projectbox_open {
width: 725px;
height: 628px;
margin-left: 105px;
/* -moz-border-radius: 5px;
-webkit-border-radius: 5px; */
margin-bottom: 21px;
clear: both;
}

img {
margin-left: 105px;
margin-bottom: 21px;
float: left;
clear: left;
}

div.biobox {
width: 750px;
height: 294px;
margin-left: 105px;
border-top: 1px solid rgba(23,40,58,.25);
/* -moz-border-radius: 5px;
-webkit-border-radius: 5px; */
padding-top: 14px;
}

div.projectbox_open:first-child {
}

div.projectbox_open:last-child {
}

div#content_right {
width: 220px;
float: right;
height: 200px;
padding-top: 63px;
}

div#content_right ul {
margin-left: 21px;
}

div#content_right h2 {
font-size: 21px;
font-weight: bold;
padding-left: 21px;
line-height: 42px;
}

strong {
font-weight: bold;
}

span.amp {
font-size: 14px;
}


div#footer {
height: 105px;
clear: both;
padding-top: 21px;
}

div#footer p {
margin-left: 105px;
}

cite {
font-family: "CuttyFruty", sans-serif;
}


a:link.visit { 
text-decoration: none;
float: left;
text-indent: -1000px;
width: 105px;
margin-bottom: 42px;
margin-top: 21px;
background: transparent url(../img/link_button.png) top left no-repeat;
color: #000;
}

a:hover.visit { 
background: transparent url(../img/link_button_visited.png) top left no-repeat !important;
}

a:visited.visit { 
background: transparent url(../img/link_button.png) top left no-repeat;
text-decoration: none;
float: left;
text-indent: -1000px;
width: 105px;
margin-bottom: 42px;
margin-top: 21px;
}

a:active.visit { 
background: transparent url(../img/link_button.png) top left no-repeat;
}

/* Video */

a:link.video { 
text-decoration: none;
float: left;
text-indent: -1000px;
width: 105px;
margin-bottom: 42px;
margin-top: 21px;
background: transparent url(../img/video_button.png) top left no-repeat;
color: #000;
}

a:hover.video { 
background: transparent url(../img/video_button_visited.png) top left no-repeat !important;
}

a:visited.video { 
background: transparent url(../img/video_button.png) top left no-repeat;
text-decoration: none;
float: left;
text-indent: -1000px;
width: 105px;
margin-bottom: 42px;
margin-top: 21px;
}

a:active.video { 
background: transparent url(../img/video_button.png) top left no-repeat;
}