@charset "utf-8"; 

@font-face {
	font-family: 'Gill Sans';
	src: url('fonts/gill_sans.eot');
	src: local('Gill Sans'), local('GillSans'), url('fonts/gill_sans.woff') format('woff'), url('fonts/gill_sans.ttf') format('truetype'), url('fonts/gill_sans.svg#webfont6tpjp7Bq') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans';
	src: url('fonts/gill_sans_bold.eot');
	src: local('Gill Sans Bold'), local('GillSans-Bold'), url('fonts/gill_sans_bold.woff') format('woff'), url('fonts/gill_sans_bold.ttf') format('truetype'), url('fonts/gill_sans_bold.svg#webfontj0ynTz2W') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans';
	src: url('fonts/gill_sans_light.eot');
	src: local('Gill Sans Light'), local('GillSans-Light'), url('fonts/gill_sans_light.woff') format('woff'), url('fonts/gill_sans_light.ttf') format('truetype'), url('fonts/gill_sans_light.svg#webfontwdtx1W0O') format('svg');
	font-weight: 100;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
}


body {
	background: #fff;
	color: #222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-bottom:50px;
}

img {
	border:0;
}

ul {
	list-style: none;
}

a {
	color:#000;
	text-decoration:underline;
}

a:hover {
	color:#000;
	text-decoration:none;
}

a:visited {
	color:#363636;
}

h1 {	
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:60px;
	background-color:#e71616;
	padding:20px 21px 20px 21px;
	color:#363636;
	width:938px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hIEfix.png,sizingMethod=crop);
	zoom:1;
}

h2 {
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:30px;
	margin-bottom:20px;
	color:#363636;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hIEfix.png,sizingMethod=crop);
	zoom:1;	
}

h2.nobottom {
	margin-bottom:0px;	
}

h3 {
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	margin-bottom:10px;
	margin-top:10px;
	color:#363636;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hIEfix.png,sizingMethod=crop);
	zoom:1;	
}

h3 a {
	color:#363636;		
	text-decoration:none;	
}

h3 a:hover {
	text-decoration:underline;
}

.active {
	color:#FFFF00;
}

:-moz-any-link:focus {
  outline: none;
}

hr {
	border:0;
	border-top:1px solid #DDD;
}

hr.end {
	width:980px;
	margin-top:40px;
}

hr.divider {
	width:980px;
	border-top:1px solid #DDD;
	margin-top:40px;
	margin-bottom:40px;	
}


tbody {
	border:0;
}

table {
	border-collapse:collapse;
}

/*navigation */

div#nav {
	width:980px;
}

ul#topnav {
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;	
	display:block;
	font-size:18px;
	padding-left:21px;
	padding-right:21px;	
	line-height:44px;
	vertical-align:center;
	height:44px;
	margin-bottom:2px;
	color:#363636;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hIEfix.png,sizingMethod=crop);
	zoom:1;	
}

.header {
	background-color:#e71616;
}

ul#topnav li {
	float:left;
	margin-right:33px;
}

ul#topnav li.home {
	float:right;
	margin-right:0px;
}

ul#topnav a, #sectionnav a {
	color:#363636;
	text-decoration:none;
}

ul#topnav a:visited, #sectionnav a:visited {
	color:#363636;
}

ul#topnav a:active, #sectionnav a:active {
	color:#e6e7e8;
	text-decoration:none;
}

ul#topnav a:hover, #sectionnav a:hover {
	color:#e6e7e8;
	text-decoration:none;
}

ul#topnav a.active, #sectionnav a.active {
	color:#e6e7e8;
	text-decoration:none;
}

ul#topnav a.active:hover, #sectionnav a.active:hover {
	color:#e6e7e8;
	text-decoration:none;
}


/* sub navigation */

div#sectionnav {
	width:940px;	
/*	background-color: #e71616; */
	padding:0px 20px 20px 20px;
	color:#363636;	
}

div#sectionnav form * {
	margin:0;
	padding:0;
}

div#sectionnav form {
	margin-top:15px;
	
}

div#sectionnav form label {
	display:none;
	visibility:hidden;
}

div#sectionnav form input[type=text] { /* search box */
	border:0;
	color: #363636;
	border-bottom:1px solid #363636;
	background-color:inherit;
	padding:2px;
	width:200px;
	background-image: url('images/search_archives.gif');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left:16px;	
	outline-color: #FFF;
}

div#sectionnav.archives-header form input[type=text] { /* search box */
	background-color:#00b4e8;
	background-image: url('images/search_archives.gif');
}

div#sectionnav.research-header form input[type=text] { /* search box */
	background-color:#7763f4;
	background-image: url('images/search_research.gif');
}

div#sectionnav form input[type=submit] { /* search box submit button - hidden*/
	display:none;
	visibility:hidden;	
}

/* horisontal sectionnav (archives & research) */

div#sectionnav ul {
	font-size:18px;
/*	margin-bottom:15px; */
}

div.archives-header ul, div.research-header ul {
	margin-bottom:15px;
}

div#sectionnav ul.last, div#sectionnav.noselection ul {
	margin-bottom:0px;
}

div#sectionnav ul.row0 {
	font-size:16px;	
}

div#sectionnav.research-header ul.row0 {
	font-size:18px;	
}

div#sectionnav ul.row1 {
	font-size:14px;	
}

div#sectionnav.research-header ul.row1 {
	font-size:16px;	
}

div#sectionnav ul.row2 {
	font-size:12px;	
}

div#sectionnav.research-header ul.row2 {
	font-size:14px;	
}

div#sectionnav ul.row3 {
	font-size:11px;	
}

div#sectionnav.research-header ul.row3 {
	font-size:12px;	
}

div#sectionnav li {
	display:inline;
	margin-right:10px;
}

div#sectionnav ul.archives li a {
	white-space:nowrap;
}

/* vertical sectionnav (projects, collab, walks, peda, info) */

div#sectionnav.columns ul {
	float:left;
	width:227px;
	margin-right:10px;
	line-height:18px;	
}

div#sectionnav.columns ul.small {
	font-size:12px;
	line-height:12px;
}


div#sectionnav.columns ul.col3 {
	margin-right:0px;
}

div#sectionnav.columns li {
	display:block;
	margin-bottom:8px;	
}

/* page */
div#page {
	margin:0px auto;
	width:990px;
	padding-bottom:40px;;
}

/* content */

div#main {
	margin-top:40px;
	width:990px;
}

div.views-field-body {
	width: 722px; /* three coloumns */
/*	margin-bottom:20px;	*/
}

img.filefield-icon {
	margin-right:2px;
}

/* thumbnail grids */

div#main table.views-view-grid {
	width:980px;
}

div#main table.views-view-grid div.views-field-field-thumbnail-fid * {
	display:block;
}

div#main table.views-view-grid div.views-field-field-thumbnail-fid img {
	margin:0px auto;
}

div#main table.views-view-grid tbody {
	width:980px;
}

div#main table.views-view-grid td {
	width:165px;
	height:165px;
	text-align:center;
	vertical-align:center;
	padding:5px;
}

div#main table.views-view-grid td.col-1 {
	width:160px;
	padding-left:0px;
}

div#main table.views-view-grid td.col-6 {
	width:160px;	
	padding-right:0px;
}



/* projects and collaborations */

div.view-id-projects h2 {
	display:inline;
	margin-right:0;
	margin-after:0;
	-webkit-margin-after:0;
}

div.view-id-projects span.views-field-field-year-value {
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	color:#363636;		
	font-size:30px;
	margin-left:0px;
	font-weight:normal;
}

div.view-id-projects span.views-field-field-year-value + * {
	margin-top:20px;
}

div.view-id-projects img {
	margin-bottom:10px;
	display:block;
}

div.view-id-projects img.imagecache-large_image {
	clear:both;
}

div.view-id-projects object {
	display:block;
}

/*
div.views-field-field-small-image-fid * {
	display:inline;
	word-spacing:10px;
}
*/
img.imagecache-small_image {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

/*div.caption-image {
	float:left;
	margin-right:10px;
	margin-bottom:10px;;
}

div.caption-image img.imagecache-small_image {
	float:none;
	margin-right:0px;
	margin-bottom:0px;
}
*/
/*div#main.pedagogy-main img.imagecache-intro_image {
	clear:left;
	overflow:auto;

	margin-bottom:0;
	margin-top:10px;
}*/

p.caption {
	clear:left;
	overflow:auto;
	font-style:italic;
	max-width:650px;
	margin-bottom:10px;
	font-size:11px;
}

/*
div.view-id-projects div.views-field-field-small-image-fid div.even img {
	margin-right:10px;
	clear:both;
}

div.view-id-projects div.views-field-field-small-image-fid div.odd img {
}


div.view-id-projects div.views-field-field-small-image-fid {
	clear:both;
}
*/
div.view-id-projects div.views-field-field-video-embed {
	clear:both;
}

div.view-id-projects div.views-field-field-video-embed div.field-item {
	margin-bottom:10px;
}


table.project-body {
	margin-top:20px;
	
}

table.project-body td {
	vertical-align:top;
	
}

td.text {
	width:722px;
	padding-right:10px;
	vertical-align:top;	
}

div.text {
	width:722px;
	padding-right:10px;
	float:left;
	margin-bottom:20px;
}

/* research */

	/* lists */

div#main.research {
	padding-right:5px;
}
	
div#main.research div.views-field-body {
	font-size:12px;
}

div#main.research div.views-field-title h3 {
	margin-top:0px;
}

div#main.research div.views-field-field-small-image-fid .field-item {
	float:left;
	margin-right:5px;
}

div#main.research td {
	vertical-align:top;
}

div#main.research div.views-field-body {
	margin-bottom:0px;
}

div#main.research table {
	margin:20px 0px;
}

div#main.research div.views-row-last hr {
	visibility:hidden;
	display:none;
}

hr.research-divider {
	width:960px;
	margin:0px 15px 0px 10px;
}

div#main.research div.views-field-field-small-image-fid {
	max-width:248px;
	overflow:hidden;
}

	/* nodes */


div#main.research-node table.research-body {
	margin-bottom:20px;
}


div.view-research.view-display-id-attachment_4 td {
	vertical-align:top;	
}

td.second-column {
	vertical-align:top;
	padding-left:30px;
	width:248px;	
	word-wrap: break-word;	
	-ms-word-wrap: break-word;		
}



td.second-column .field-content { /* common to projects and research */
	margin-bottom:15px;
	width:248px;	
	word-wrap: break-word;	
	-ms-word-wrap: break-word;		
	display:block;
}
td.second-column .field-content { /* common to projects and research */
	margin-bottom:15px;
	display:block;
}

td.second-column .field-item { /* common to projects and research */
	margin-bottom:5px;
}


.filefield-file a, td.second-column a.filelink { /* common to projects and research */
	padding-left:14px;
	background-image: url('images/download_icon.gif');
	background-repeat: no-repeat;
	background-position: center left;
}	

div.second-column {
	float:right;
	width:248px;
	padding-right:10px;
	overflow:hidden;
	word-wrap: break-word;	
	-ms-word-wrap: break-word;	
}

div.second-column img {
	margin-top:10px;
}

div.second-column img:first-child {
	margin-top:0px;
}

div.second-column div.filefield-file {
	margin-top:20px;
}

div.second-column div.linkfield {
	margin-top:0px;
}

div.second-column * ~ div.linkfield {
	margin-top:20px;
}


div.second-column div.linkfield + div.linkfield {
	margin-top:10px;
}

div.second-column div.filefield-file + div.filefield-file {
	margin-top:0px;
}


div.second-column div.swftools {
	margin-top:20px;
}


/*div.second-column div.swftools + div.filefield-file {
	margin-top:0px;
	margin-bottom:10px;
}
should be enabled if "with download link" is enables in swftools embed
*/
/* archives */
	/* nodes */
div#main.archives div.views-field-field-archive-image-fid span {
	display:block;
}

div#main.archives div.views-field-field-archive-image-fid span img{
	margin:0px 0px 20px 0px;
	display:block;
	padding-right:10px;		
}

/* new playscapes */

div#main.archives p.caption {
	max-width:none;
	font-size:inherit;
	margin-bottom:50px;	
	margin-top:5px;
}

div#main.archives img + img{
	margin-top:50px;
}

div#main.archives div.text {
	float:none;
	margin-bottom:50px;
}

/* walks */

div#main.walks-main div.views-field-body {
	margin-bottom:20px;
}

div#main.walks-main div.views-field-field-map-value {
	margin-bottom:20px;
}
/* pedagogy */

div#main.pedagogy-main div.text {
	clear:left;
}

div#main.pedagogy-main div.emvideo {
	clear:left;
	overflow:auto;
}


div#main.pedagogy-main div.emvideo {
	padding-top:10px;
}




/* information */
div.view-information h3 {
	margin-top:0px;
}

/* information */
div.view-information h3 {
	margin-top:0px;
}

div.view-information div.attachment div.views-field-body {
	width:auto;
	margin-top:10px;
}


div#main div.view-information div.attachment table.views-view-grid td {
	vertical-align:top;
	padding:5px;
    text-align: left;
    width: 320px;
	overflow:hidden;
	word-wrap: break-word;
	-ms-word-wrap: break-word;		
}

div#main div.view-information div.attachment table.views-view-grid td > div{
    width: 320px;
	overflow:hidden;
	word-wrap: break-word;
	-ms-word-wrap: break-word;		
}

div#main div.view-information div.attachment table.views-view-grid td.col-1 {
	padding-left:0px;
}

div#main div.view-information div.attachment table.views-view-grid td.col-3 {
	padding-right:0px;
}

div#main div.view-information div.attachment div.filefield-file {
	margin-top:10px;
}



/* introductions */ 

div#main div.introduction {
	width:722px;
	float:left;
}

img.imagecache-intro_image {
	clear:left;
	overflow:auto;

	margin-bottom:0;
	margin-top:0px;
}

* ~ img.imagecache-intro_image {
	clear:left;
	overflow:auto;

	margin-bottom:0;
	margin-top:10px;
}


/* headers */

.projects-header {
	background-color:#e71616;
}

.collaboration-header {
	background-color:#93d01b;
}

.projects-header {
	background-color:#e71616;
}

.research-header {
	background-color:#7763f4;
}

.archives-header {
	background-color:#00b4e8;
}
.walks-header {
	background-color:#ffb504;
}

.pedagogy-header {
	background-color:#cf5195;
}

.information-header {
	background-color:#bcbec0;
}




/*pagination */
#loading {
	visibility:hidden;
}

.pageLink {
	color:#363636;
	text-decoration: none;
	display:block;
	padding-top:15px;
	text-align:center;
}

a.pageLink:hover {
	color:#363636;
	text-decoration: underline;
}

/* utility */
div.clear {
	clear:both;
}

/*admin */

a.button-edit {
	display:block;
	float:left;
  padding:4px 10px;
	margin:10px 0px;
  text-align:center;
  font-weight:normal;
  border-width:1px;
  border-style:solid;
  border-color:#ddd #ddd #ccc;
  background:#f4f4f4 url(../rubik/images/bleeds.png) 0px -41px repeat-x;
margin-right:10px;
	text-decoration:none;
  }

a.button-edit:hover {
    border-color:#999 #999 #888;
    background:#888 url(../rubik/images/bleeds.png) 0px 0px repeat-x;
    color:#fff;
}

/* login */

div#main.user-account input {
	margin-bottom:10px;
}

div#main.user-account input[type=text],div#main.user-account input[type=password] {
	padding:4px;
	border:1px solid #363636;
	width:150px;
}

div#main.user-account input[type=submit] {
	padding:4px;
	border:0;
	background: #DDD;
}

div#main.user-account div.description {
	margin-bottom:10px;
	visibility:hidden;
	display:none;
}