@font-face {
	font-family: 'Bonveno';
	src: url('BonvenoCF-Light-webfont.eot');
	src: local('☺'), url('BonvenoCF-Light-webfont.woff') 
	format('woff'), url('BonvenoCF-Light-webfont.ttf') 
	format('truetype'), 
	url('BonvenoCF-Light-webfont.svg#webfontgQQ9ZrTr') format('svg');
	font-weight: normal;
	font-style: normal;
}

ul,li{margin:0px;padding:0px;}

a{
	color:white;text-decoration:none;
	border-bottom:1px dotted #87C3DB;}

a:visited{
	color:white;}

a:hover{
	color:#87C3DB;}

body,html{
	color:white;font-family:Arial, Tahoma, Verdana, san-serif;
	font-size:10pt;}	

html{
	background:black;background-image:url("bluepaste2.jpg");
	background-position:50% 50%;background-attachment:fixed;
	background-repeat:no-repeat;}

body{
	margin-left:auto; margin-right:auto; width: 960px;}

header{
	padding:20px 0px 40px 0px;}

h1{
	font-family:'Bonveno';text-shadow: rgba(0,0,0,0.5) -1px -1px 0px;
	line-height:1.2em;font-size:5.0em;letter-spacing:-0.2em;}

h2{
	font-size:1.5em;text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;}

div.fullAcross{text-shadow: rgba(0,0,0,0.5) -1px -1px 0px;
	/*box-shadow: 0px 0px 4px #000;-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;*/margin-left:0px;font-weight:bold;vertical-align:middle;font-size:2em; letter-spacing:-0.1em;width:960px;/*background-color:rgba(0,0,0,0.3);float:left;padding:0 5px;*/}

div.fullAcross ul, div.fullAcross li {
	display:inline;}

div.fullAcross li {
	padding-left:30px;}

div.fullAcross li a {
	-webkit-transition-property:background-color,color;
	-webkit-transition-duration:0.5s;}

span.CRC{
	display:inline;color:#792d2d;}

nav{
	float:left;clear:both;}

.floater710b ul, .floater710b li{
	display:block;
	list-style:none;line-height:1.5em;padding-bottom:0.8em;}

/* First and last are stripped of margin                            */

.alpha {
	margin-left: 0;}

.omega {
	margin-right: 0;}

/* Grid components based on 960.gs                                  */

.floater230, .floater230b, .floater710, .floater710b, .site{
	display:inline; float:left; position:relative; margin-left: 5px;
	margin-right: 5px;}

.floater230{
	box-shadow: 0px 0px 4px #000;-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;text-align:center;width:230px;
	background-color:rgba(0,0,0,0.3);height:230px; font-size:1.7em;
	letter-spacing:-0.1em;font-weight:bold;}

.floater230b{
	width:230px;min-height:100px;font-size:1.2em;font-weight:normal;}

.floater710{
	text-align:justify;width:710px;*/min-height:130px;
	line-height:1.4em}

.floater710b{
	padding:0px 0px;width:710px;min-height:130px;}

.floater710b li{
	padding-bottom:20px;margin-left:40px;text-indent:-40px;}

.clear{
	clear:both;height:10px;}

/* Makes the grey overlay behind link text, with smooth transitions */
/* in Webkit                                                        */

div.floater230 a{
	text-shadow: rgba(0,0,0,0.5) 1px 1px 0px;display:block;
	height:35px;background-color:rgba(0,0,0,0.75);
	-webkit-transition-duration:0.5s;line-height:35px;
	-webkit-transition-property:background-color,color;}

div.floater230 a:hover{
	background-color:rgba(0,0,0,0.9);}

/* Different image for each of floater230 instance */

.books{
	background:url('./books2.jpg');background-position:center;}

.trans{
	background:url('./translate.jpg');background-position:center;}

.keynote{
	background:url('./aktemp.jpg');background-position:center;}

.editorships{
	background:url('./editor.jpg');background-position:center;}


/* Left and right side divs for the links to other sites            */
/* Default is no overlay with just image showing; transitions to    */
/* grey overlay with link text showing                              */

div.site{margin-bottom:10px;float:left;box-shadow: 0px 0px 4px #111;
		vertical-align:middle;-webkit-box-shadow: 0px 0px 4px #111;
		-moz-box-shadow: 0px 0px 4px #111; width:110px;height:70px;}

div.sitePactac{
	background:url('./pactac.png');text-align:center}

div.siteCTheory{
	background:url('./ctheory.png');text-align:center}

div.siteDigitalFutures{
	background:url('./digitalfutures.png');text-align:center;}


div.site a{
	background-color:rgba(0,0,0,0);color:rgba(255,255,255,0);
	-webkit-transition-property:background-color,color;
	-webkit-transition-duration:0.5s; line-height:70px;display:block;
	font-size:1.2em; letter-spacing:-0.1em; font-weight:bold;
	border-bottom:0px;}

div.site a:hover, div.siteLinkR a:hover{
	background-color:rgba(0,0,0,0.75);color:rgba(255,255,255,1);}