/* Colours */

body, a { color: #222; }
a { border-bottom: 2px solid red; }

em { color: #999; }
em a { color: red; }
em.background { color: #BBB; }

::selection {
	background: #FFF;
	}
::-moz-selection {
	background: #FFF; 
}

/* Typography */
/*
@font-face {
	font-family: 'VerilySerifMonoBook';
	src: url('../../typefaces/VerilySerifMono-webfont.eot');
	src: local('☺'), url('../../typefaces/VerilySerifMono-webfont.woff') format('woff'), url('../../typefaces/VerilySerifMono-webfont.ttf') format('truetype'), url('../../typefaces/VerilySerifMono-webfont.svg#webfontwzNrc5Rj') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

body, input { font-family:"Helvetica Neue", arial, sans-serif; line-height: 1.3;}
ul li, p, em { font-size: 13px; font-style: normal;  }
h1, h2 { font-size: 13px; font-weight: normal; }
a { text-decoration: none;}



/* Layout */
body {margin-left:0; padding-left:0; border:0;height:100%;}
div#maincontainer {  padding: 5px 20px; text-align: left; z-index:9999;}


/*div#bg { position: fixed; z-index:-1; width: 100%; height: 100%; left:0px; top:0px; }*/


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

.one { width: 60px; }
.two { width: 140px; }
.three { width: 220px; }
.four { width: 300px; }
.five { width: 380px; }
.six { width: 460px; }
.seven { width: 540px; }
.eight { width: 620px; }
.nine { width: 700px; }
.ten { width: 780px; }
.eleven { width: 860px; }
.twelve { width: 940px; }

h1 em, h2 em { display: block; }

p, h2 { margin: 0px 0px 5px; }
hr { display: block; clear: both; margin: 0px 0px 30px; padding: 0px; height: 0px; overflow: hidden; visibility: hidden; }
a img { border: 0px; }
.col hr { margin: 0px 0px 15px; }

h2 { overflow: hidden; }
input#filter { display: inline; width: auto; padding: 1px 0px; border: 0px; background: #eee; font-size: inherit; color: inherit; }

/*NAVIGATION*/

div#nav { position:fixed; z-index: 1;}
div#index_nav ul.project-list	 { margin: 68px 0px 0px 0px; padding: 0px; list-style: none;display:none;} 
div#index_nav ul.project-list li { font-family: "Helvetica"; text-transform: uppercase; font-variant: normal; word-wrap: break-word; height: 100px; overflow: hidden; font-size: 25px; margin: 0px 25px 25px 0px; float: left; }
div#index_nav ul.project-list li a {color: #8000ff; line-height: 30px; }

div#news_nav {color:blue;float: left; margin: 72px 0px 0px 0px; padding: 0px;display:none;}
div#news_nav p{font-size:11px; line-height: 14px}
div#news_nav em{font-size:11px; line-height: 14px}
div#news_nav a{border:0; color:blue; text-decoration:underline;}

div#dingle_nav {position:fixed;left:13px;top:13px;}
div#dingle_nav a {border:0;color:blue;}

#aboot-show{color:black; }
div#aboot_nav {height:100%;position:fixed;display:none;}
div#aboot_nav a { font-family: "Helvetica"; text-transform: uppercase;}
div#aboot_nav ul{padding: 0; list-style: none; position: absolute; top:30%;}
div#aboot_nav li {padding:6px 0px; margin:0;}

#index-show, #aboot-show {font-size:18px;}

p#footer em { display: block; font-size:7pt;color:#AAA; position:absolute; top:90%;}
em.contact{line-height: .5; color:blue;}

a.atom-rss { margin: 0px 0px 0px 6px; padding: 2px 3px 0px; font-size: 0.93em; letter-spacing: 0.08em; background: #ddd; }

.masthead {height: 100%; }
.masthead a {color:blue; border-bottom: 2px solid blue;}
.masthead p {color:blue;}
.navi { position:fixed; z-index:1;left:268px;}

em#arrows a{border:0;}
em#arrows{float:right;width:50%}

div.description {position: absolute;z-index:100;}

span.home {
display:block;		
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg);
color:blue;
}

/*BG CONTENT*/

#body-background{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*overflow:none;*/ /* removed to prevent double bars*/
	z-index: 0;
}
ul#background-images{
	position:absolute;
	top:0;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	/*
	-khtml-user-select: none;
	-moz-user-select:none;
	*/
	white-space:nowrap;
}
	ul#background-images li{
		display:inline;
		float:left;
		position:relative;
	}
	
ul#background-images li img{
	 float:left; 	 
	}
	
/*zoom button off by default, made visible in javascript*/	
#detail {visibility:hidden;}	


div.oiplayer div.oipcontrols.top{display:none;}
div.oipcontrols li.sound {visibility:hidden;}
div.oipcontrols li.position {visibility:hidden;}
div.oipcontrols li.position div.time {visibility:hidden;}
div.oipcontrols li.position div.timeleft {visibility:hidden;}


ul#inbtwn{
	position:absolute;
	top:0;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	white-space:nowrap; /*testiing*/
}
	ul#inbtwn>li{
		display:inline;/*testiing*/
		float:left;
		position:relative;

	}


	
	div.slide {
	position: absolute;
	top: 10.94%;
	left: 20.71%;
	height: 78.13%;
	width: 58.59%;
	overflow:none;
	}

div.slide p {
color:#444444;
position:absolute;
top: 7%;
left: 40%;
font-family: Courier New;
font-size: 12pt;
white-space: normal;
padding:5px;
width:58%;
background-image: url(images/bg-whitish.png);

}
span.section-title {
font-family:Courier New;
letter-spacing: .05em;
font-size:8pt;
position:absolute;
top:52%;
left: 6.5%;
color: #B3B3B3;
}

span.section-title a {
color: #B3B3B3;
border-bottom: 0px;
}

ul#vids { margin:0px; padding: 0px; list-style: none; width:100%;height:100%} 
ul#vids li {float: left; width:33.33%; height:33.33%}
ul#vids li a {border:0;}
.player {width:100%;height:100%;}
.player video {width:100%;height:100%;}


span.modHeader{
position: absolute;
font-family: Courier New;
font-size: 45pt;	
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg);
top:25%;
}

div.modDescription {
top:10%;
left: 30px;
display:none;
position: fixed;
z-index:1010;
height: 100%;

}

div.modDescription p{
position: absolute;
top:50%;
width:200px;
font-family: Courier New;
font-size: 12pt;
padding-right:2em;
white-space: normal;
background-color:white;


}