@charset "UTF-8";
/* CSS Document */

html,body{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
background: #FFFFFF;
color: #333333;
font: 12px Arial, Helvetica, sans-serif;
}

div#container{
width: 960px;
margin: auto;
padding: 0px;
background: #FFFFFF url(back-960.png) no-repeat;
}


div#container-main{
width: 960px;
margin: auto;
padding: 0px;
background: #FFFFFF;
}

div#explorerbody{
width: 960px;
margin:auto;
padding:0px;
background: transparent;
}

div#main{
width: 960px;
min-height: 450px;
float:left;
margin: 0px;
padding: 0px;
background: transparent;
}

div#navigation-menu{
width: 960px;
float:left;
padding: 0px;
margin: 0px;
}

ul#menu{
display: block;
float:left;
width: 960px;
height: 60px;
padding: 0px;
margin: 0px;
background: #ffffff;
color:#000000;
list-style: none;
}

ul#menu li{
display: block;
float:left;
width: 320px;
height: 60px;
padding: 0px;
margin: 0px;
background: #ffffff;
color:#000000;
list-style: none;
}

ul#menu li:hover{
display: block;
float:left;
width: 320px;
height: 60px;
padding: 0px;
margin: 0px;
background: #00FF00;
color:#000000;
list-style: none;
}


ul#menu li a, ul#menu li a:visited, ul#menu li a:hover{
text-decoration: none;
text-align:center;
display: block;
float:left;
width: 320px;
height: 60px;
padding: 0px;
margin: 0px;
background: inherit;
color:#000000;
line-height: 60px;
font: bold 20px Arial, Helvetica, sans-serif;
}



div#main-content
{
width: 960px;
float: left;
padding: 0px;
margin: 0px;
}

div#interface-title
{
width: 960px;
float: left;
padding: 0px;
margin: 0px;
margin-bottom: 12px;
margin-top: 16px;
}

div#interface-title h1{
font: bold 64px Arial, Helvetica, sans-serif;
}


div#description
{
width: 960px;
float: left;
padding: 0px;
margin: 0px;
margin-bottom: 24px;
margin-top: 8px;
}

div#short-description
{
width: 592px;
float: left;
padding: 24px;
margin: 0px;
}

div#mcluhan-box{
width: 592px;
float: left;
padding: 0px;
margin: 0px;
margin-bottom: 16px;
}

div#mcluhan-detail, div#dekerckhove-detail{
width: 296px;
float: left;
padding: 0px;
margin: 0px;
}

div#mcluhan-detail h3, div#dekerckhove-detail h3{
font: bold 24px Arial, Helvetica, sans-serif;
color:#000000;
}

div.citation{
padding: 6px;
font: italic 24px "Times New Roman", Times, serif;
color:#888888;
}



div#downloads
{
width: 272px;
float: left;
padding: 24px;
padding-top: 6px;
margin: 0px;
}

div#download-sticker, div#download-applications{
width: 272px;
float: left;
padding: 0px;
padding-bottom: 12px;
margin: 0px;
margin-bottom: 12px;
color: #AAAAAA;
background: #FFFFFF;
}

div#download-sticker:hover, div#download-applications:hover{
width: 272px;
float: left;
padding: 0px;
padding-bottom: 12px;
margin: 0px;
margin-bottom: 12px;
color: #000000;
background: #FFFFFF;
}


div#download-sticker a, div#download-applications a, div#download-sticker a:visited, div#download-applications a:visited,div#download-sticker a:hover, div#download-applications a:hover{
display:block;
text-align: center;
width: 260px;
float: left;
padding: 6px;
margin: 0px;
text-decoration: none;
color:inherit;
background: inherit;
font: 14px Arial, Helvetica, sans-serif;
}

h2{
font: italic 24px Georgia, "Times New Roman", Times, serif;
color:#990000;
}

div#bottom{
float: left;
width: 960px;
padding: 0px;
margin: 0px;
margin-top: 12px;
margin-bottom: 12px;
background:#EEEEEE;
color:#000000;
}

div#credits, div#links{
float: left;
width: 416px;
margin: 0px;
padding: 32px;
}

div#links a, div#links a:visited{
text-decoration: none;
color: #FFFFFF;
background: #000000;
padding: 4px;
font: bold 14px Arial, Helvetica, sans-serif;
}

div#links a:hover{
text-decoration: none;
color: #000000;
background: #00FF00;
padding: 4px;
font: bold 14px Arial, Helvetica, sans-serif;
}




div#container-visualizations{
float: left;
width:500px;
height: 400px;
padding: 0px;
margin: 0px;
}


div#visualization{
float: left;
width:500px;
height: 400px;
padding: 0px;
margin: 0px;
}

div#visualization2{
float: left;
width:500px;
height: 700px;
padding: 0px;
margin: 0px;
}


div#visualization h2, div#visualization2 h2{
display: block;
float: left;
width:500px;
height: 30px;
padding: 0px;
margin: 0px;
margin-bottom: 4px;
font: bold 12px Arial, Helvetica, sans-serif;
}

div#map-box, div#body-box{
float: left;
width:500px;
height: 366px;
padding: 0px;
margin: 0px;
}


div#relation-box{
float: left;
width:500px;
height: 666px;
padding: 0px;
margin: 0px;
}

div#mappboxo,div.explorermissing, div#canvascontainer{
float: left;
width:500px;
height: 342px;
min-width:500px;
min-height: 342px;
padding: 0px;
margin: 0px;
margin-bottom: 4px;
}


div.explorermissing2, div#canvascontainer2{
float: left;
width:500px;
height: 642px;
min-width:500px;
min-height: 642px;
padding: 0px;
margin: 0px;
margin-bottom: 4px;
}

div#map-box p, div#body-box p, div#relation-box p{
float: left;
width:500px;
height: 20px;
padding: 0px;
margin: 0px;
font: 10px Arial, Helvetica, sans-serif;
}



a#add-emotion, a#add-emotion:visited, a#add-emotion:hover{
display: block;
position: absolute;
background: transparent;
top: 10px;
right: 210px;
width: 200px;
height: 200px;
}

div#qr-landing{
position: absolute;
background: #FFFFFF;
top: 10px;
left: 10px;
width: 320px;
height: 300px;
-moz-box-shadow: 0px 0px 10px #ccc;
-webkit-box-shadow: 0px 0px 10px #ccc;
box-shadow: 0px 0px 10px #ccc;
}

div#qr-landing-head{
padding: 8px;
margin: 0px;
}

div#qr-landing-message, div#qr-landing-question, div#qr-landing-input{
padding: 8px;
margin: 0px;
margin-bottom: 6px;
}

div#contributions{
float: left;
width: 960px;
min-width: 960px;
padding: 0px;
margin: 0px;
margin-top: 24px;
margin-bottom: 24px;
background:#EEEEEE;
color:#000000;
}