/*@CHARSET "ISO-8859-1";*/
@charset "UTF-8";

body{
	background: url('images/back_container.png') repeat fixed;
	/* wallpaper by: http://stenosis.deviantart.com */
	font-family: "opensans", Verdana, Arial;
}

.container{
	position: absolute;
	margin-bottom: 1000px;
	width: 1100px;
	left: 150px;
	background: none;
	/*left: 20%;*/
}

.container hr{
	background: #009ACD;	
	height: 2px;
	border: none;
}

.container .logo{
	margin-left: 40px;
	cursor: pointer;
	background: url('images/logo2b.png') no-repeat;
	width: 358px;
	height: 108px;
}

.side_menu{
	font-family: "opensans", Verdana, Arial;
	font-size: 13px;
	color: white;
	position: fixed;
	left: 0px;
	top: 73px;
}

.side_menu .side_menu_entry{
	cursor: pointer;
	padding: 5px 8px 5px 8px;
	margin: 10px 0px 0px 0px;
}

.side_menu_pointer{
	position: fixed;
	/*top: 82px; position for first side menu entry, +38px for next one*/
	top: 82px;
	width: 20px;
	height: 28px;
	background: url('images/side_menu_pointer.png');
}

.side_menu #mp3, .side_menu #model, .side_menu #oplevelse{
	background: #E07251;
}

.side_menu #monster, .side_menu #bachelor{
	background: #87C166;
}

.side_menu #floor, .side_menu #apc{
	background: #C166BB;
}

.side_menu #festuge, .side_menu #caketank{
	background: #66BBC1;
}

.side_menu #mimo, .side_menu #designteori{
	background: #E3AA27;
}

.menu_item a{
	color: white;
	text-decoration: none;
	font-size: 13px;
}

.menu_item a:link{
	text-decoration: none;
}

.menu_item a:visited{
	text-decoration: none;
}

.menu_item a:hover{
	text-decoration: none;
}

.menu_item a:active{
	text-decoration: none;
}

#projects{
	cursor: pointer;
	background: #009ACD;
	position: absolute;
	top: 31px;
	left: 300px;
	padding: 3px 5px 3px 5px;
}

#about{
	cursor: pointer;
	background: #009ACD;
	position: absolute;
	top: 31px;
	left: 383px;
	padding: 3px 5px 3px 5px;
}

#debug{
	position: absolute;
	top: 35px;
	left: 475px;
}

.about{
	font-family: "opensans", Verdana, Arial;
	font-size: 13px;
	color: #444444;
	position: absolute;
	top: 80px;
	left: 50px;
	padding: 10px 10px 10px 10px;
	width: 385px;
	text-align: justify;
	background: url('images/back_grid.png');
}

.grid{
	background: url('images/back_grid.png');
	font-family: "opensans", Verdana, Arial;
	font-size: 13px;
	color: #444444;
	position: absolute;
	top: 60px;
	left: 50px;
	padding: 0px 0px 0px 0px;
	width: 1000px;
	margin: 15px 0px 0px 0px;
	/*height: 980px;*/
}

.grid .grid_entry{
	/*border: 2px solid #C0C0C0;*/ 
	float: left;
	cursor: pointer;
	/*background: url('images/grid/mp3.png');*/
	width: 250px;
	height: 250px;
	margin: 0px 0px 0px 0px;
	/*padding: 5px 5px 5px 5px;*/
}

.grid .shadow{
	position: absolute;
	width: 250px;
	height: 250px;
	background: url('images/grid/shadow.png');
}

.grid #mp3{
	background: url('images/grid/mp3.png');
}

.grid #monster{
	background: url('images/grid/monster.png');
}

.grid #floor{
	background: url('images/grid/floor.png');
}

.grid #festuge{
	background: url('images/grid/festuge.png');
}

.grid #mimo{
	background: url('images/grid/mimo.png');
}

.grid #model{
	background: url('images/grid/model.png');
}

.grid #bachelor{
	background: url('images/grid/bachelor.png');
}

.grid #apc{
	background: url('images/grid/apc.png');
}

.grid #caketank{
	background: url('images/grid/caketank.png');
}

.grid #designteori{
	background: url('images/grid/designteori.png');
}

.grid #oplevelse{
	background: url('images/grid/oplevelse.png');
}

.grid .grid_entry #title{
	color: black;
	text-decoration: none; 
	margin: 2px 2px 2px 2px;
}

.grid .grid_entry #description{
	bottom: 5px;
	color: black;
	background: white;
	margin: 2px 2px 2px 2px;
}

.blurb_left{
	width: 480px;
	float:left;
	margin: 0 0 0 10px;
}

.blurb_right{
	width: 480px;
	float:left;
	margin-left: 20px;
}

.under_content{
	width: 1000px;
	/*height: 500px;*/
	/*background: url('images/under_content_back.png');*/
	float: left;
	margin: 0 0 0 0px;
	text-align: justify;
}

.under_content a{
	color: #009ACD;
	text-decoration: none;
}

.under_content .head{
	background: #009ACD;
	font-size: 20px;
	margin-bottom: 0px;
	color: white;
	padding: 3px 3px 3px 3px;
}

.grid .foot{
	color: white;
	padding: 5px 5px 5px 5px;
	margin: 10px 10px 10px 10px;
	width: 1051px;
	float: left;
	background: #009ACD;
}

@font-face {
  font-family: "opensans";
  src: url("type/OpenSans-Regular-webfont.eot");
  src: local('☺'),
    url("type/OpenSans-Regular-webfont.woff") format("woff"),
    url("type/OpenSans-Regular-webfont.otf") format("opentype"),
    url("type/OpenSans-Regular-webfont.svg#filename") format("svg");
}
@font-face {
  font-family: "opensans";
  font-weight: bold;
  src: url("type/OpenSans-Semibold-webfont.eot");
  src: local('☺'),
    url("type/OpenSans-Semibold-webfont.woff") format("woff"),
    url("type/OpenSans-Semibold-webfont.otf") format("opentype"),
    url("type/OpenSans-Semibold-webfont.svg#filename") format("svg");
}

/*SLIDEVIEWER*/
/*preload classes*/
.svw {width: 1000px; height: 500px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
/*border: 2px solid #C0C0C0;*/  
margin: 0 0 0px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripViewer .video{
	/*padding: 7px 7px 7px 7px;
	background: green;*/
}
.stripViewer .video iframe{
/*nothing*/
}
.stripTransmitter {
margin-bottom: 15px;
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #009ACD;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #777777;
}
.stripViewer .overlay_arrows{
	z-index: 1000;
	position: relative;
	top: -505px;
	left: 0px;
	width: 1000px;
	height: 55px;
	background: url('images/overlay_arrows.png');
	float: left;
}

/*
.stripViewer .overlay_left, .overlay_right{
position: relative;
top: -400px;
left: 0px;
width: 25px;
height: 300px;
z-index: 1000;
}
.stripViewer .overlay_left{
background: url('images/overlay_left.png');
float:left;
}
.stripViewer .overlay_right{
float:right;
background: url('images/overlay_right.png');
}*/

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}