html{
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative
}

body {
  font-family: Arial, Georgia, Verdana, Courier;
  background: #ffffff;
  color: black;
  height: 100%;
}

td {
  font-family: Arial, Georgia, Verdana, Courier;
}

td.headline {
  font-family: Arial, Georgia, Verdana, Courier;
  text-align: center;
}

p, pre {
	margin-left: 2em;
	margin-right: 2em;
}

table.topic {
  font-family: Arial, Georgia, Verdana, Courier;
  font-size: 12px;
  background-color: #333340;
  color: white;
  text-align: left;
  margin: 0;
  padding: 3;
  border-width: 0;
}

table.main {
  background-color: white;
}

table.events td {
	font-size: 0.9em;
}

h1, h2, h3 {
	margin-left: 20px;
	font-family: Arial, Georgia, Verdana, Courier;
	color: #518DC3;
}

a.wlink		{
			color: white;
			text-decoration: none;
		}
a.wlink:visited	{
			color: white;
		}
a.meny		{ 
			font-weight: bold;
			font-size: 1.1em;
			color: white;
			text-decoration: none;
		}
a.webmaster	{
			color: white;
			text-decoration: none;
		}
a.meny:visited	{ 
			color: white;
		}
a.meny:hover	{ 
			color: #FBDC07;
			text-decoration: none;
		}
a		{
			color: #518DC3;
		}
table.events td.quote	{
			font-size: 0.8em;
		}
table.events th {
			font-size: 0.6em;
		}
table.events th.heading {
			background: #518DC3;
			color: #FFFFFF;
			font-size: 1.0em;
		}

#map            {
                        position: absolute;
                        left: 190px;
                        right: 15px;
                        top: 7em;
                        bottom: 3em
                }
#map a          { /* The other blue color is barely visible against the map so we reset to pure blue for this */
                        color: blue;
                }
#aboutmap       {
                        position: absolute;
                        bottom: 0;
                }

/* 
   CSS for news-sidene .
   Noe av dette kan antagelig brukes på hovedsidene også.
*/
.entry table { margin-left: 2em; }
.sidebar { float: right; width: 200 px; padding-right: 10 px; }
.sidebar ul { -webkit-padding-start: 30 px; /* Trengs denne, eller kan den byttes ut? */ }
h1,h2,h3,h4 { margin-left: 2em; }
ul h1,lu h2, ul h3, ul h4 { margin-left: 0; margin-bottom: 0; }


/*
  New CSS stuff
*/

#left-column    {
        background-color: #518cd3;
        float: left;
        max-width: auto;
        text-align: center;
	min-height: 100%;
	height: auto !important;
	height: 100 px;
	margin-right: 1%;
                }

#left-column > p        {
        font-size: 10px;
        color: #FFFFFF;
        margin: 0;
                }


#center-column {
        float: none;
        overflow: hidden;
        display: table-cell; 
                }


#right-column   {
        float: right;
        max-width: 350px;i
                }

#right-column > hr      {
        color: #518cd3;
        background-color: #518cd3;
        height: 20px;
        border: 0 0 0 0;
                }

#usenix-logo    {
        text-align: center;
                }
div.heading > p {
        background: #518cd3;
        color: #FFF;
        font-size: 1em;
        text-align: center;
        padding: 1;
        font-weight: bold;
        margin: 0;
                }

h3.right-heading, span.right-heading > p {
        background: #518cd3;
        color: #FFF;
        font-size: 1em;
        text-align: center;
        padding: 1;
        font-weight: bold;
        margin: 0;
                }

div.eventwrap > div.time > p {
        font-size: 0.6em;
        float: left;
        font-weight: bold;
        margin: 0 0 0 0;
        text-align: right;
        width: 15%;

                }

div.eventwrap > div.event, #usenixlink > p {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 16%;
}

div.eventwrap {
        padding: 1 1 1 1;
}

.smaller {
        font-size: 0.9em;
}

#quote {
        font-size: 0.9em;
}

#poweredby {
        width: 100%;
        text-align: right;
}

#close {
	height: 100%;
}

#contentwrapper {
	margin-left: calc(150px + 1%);
}

/*
  Skjul logoen på små skjermer
*/

@media(max-width: 521px) {
  .sc_image {
    display: none;
  }
}