/**
* CSS
* 
* @version 2.0
* @author Vaska 
*
* There are also some obscure rules in base.css
*/

body {
	font-size: 12px;
	font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif;
	background: #;
	color: #000;
	line-height: 15px;
	/* font-weight: 300; */
}

#wrapper { width: 650px; margin: 0 auto; text-align: left; background: #; }

div#header{
  height:0;
  margin-top: 20px;
  top:26px;
  left:0;
  width:100%;
  z-index:10000;
  float: center; }

div#menu{
  margin-top: 90px; 
  float: left; }

.video {
	position: relative;
        padding-bottom: 50.75%;
	padding-top: 25px;
        margin-right: 100px;
	height: 0;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

::selection {
  background-color:#000000; 
  color: #fff;
  background-position:initial initial;
  background-repeat:initial initial;
}

*::-moz-selection {
  background-color:#000000;
  color: #fff;
  background-position:initial initial;
  background-repeat:initial initial;
}

/* link scheme */
/* you can customize links further down the page too */
a:link { text-decoration: none; color: #000; text-decoration: underline;}
a:active { background-color: #; text-decoration: none; color: #000;  }
a:visited { text-decoration: none; color: #000; }
a:hover {  background-color: #; text-decoration: none; color: #404040; }
a img { border: none; }
a:hover img { background: transparent; border:none; text-decoration: none; display: block;}

/* general styles */
small { font-size: 9px; }
code { font-family: monospace; }
blockquote { padding-left: 9px; }

/* headings */
h1 { font-size: 13px; margin-bottom: 1em; font-weight: bold; }
h2 { font-size: 13px; margin-bottom: 1em; font-weight: bold; }
h3 { font-size: 13px; margin-bottom: 1em; }
h4 { font-size: 13px; margin-bottom: 1em; }

/* paragraph width */
#index p { margin-bottom: 1em; }
#exhibit p, code, blockquote { width: 650px; margin-bottom: 10px; /* line-height: 1.3em; */ }

/* highlighter style - maybe you want to change colors? */
.highlight { background: #000; color: #fff; padding-top: 4px; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; }

/* never adjust the margin or padding here unless you seriously know what you are doing */
/* think #index .container and #exhibit .container for only padding adjustments */
#index { 
width: 0px; 
line-height: 20px;
text-align: right; 
float: left; 
height: :
left: 0;
right: 0;
position: relative;}
#exhibit { margin: 0 0 0 0px; padding-top: 180px; width: 650px; height: 100%; margin-top: 7em;}


/* styling the index */
#index ul { list-style: none; margin: 0;  }
#index ul.section { margin-bottom: 1em; }
#index ul.subsection {  }

/* the follow rules for index are not required */
/* they are mostly for complex customization */
/* for tag display */
#index ul#all_tags { list-style-type: none; margin-bottom: 1em; }
#index ul#all_tags li { display: inline; margin-right: 3px; }
#index ul#all_tags li a {  }

/* active section title */
#index span.active_section_title,
#index span.active_section_title a { font-weight: normal; }

/* active exhibit title parts */
li.active a:link, li a.active, li.active a:hover, li a.active, li.active a:active, li a.active, 
li.active a:visited, li a.active, li span.active, #index ul.section li.active a:link, 
#index ul.section li.active a:hover, #index ul.section li.active a:active, #index ul.section li.active a:visited
{ color: #fff; background: #DA9EA4; padding-left: 4px; padding-right: 4px; }

/* additional #index options */
#index ul li .password a { /* background: url(../img/locked.gif) right center no-repeat; padding-right: 18px; */ }

/* the "new" indicator */
#index ul li sup { color: #0c0; font-weight: bold; text-transform: uppercase; font-size: 8px; vertical-align: top; }
/* end styling for index */

/* links styles only for the #index region */
#index a:link { color: #000; background: #; padding: 2px; padding-left: 4px; padding-right: 4px; } 
#index a:hover { color: #000; background: #; padding-left: 4px; padding-right: 4px; } 
#index a:active { color: #000; background: #; padding-left: 4px; padding-right: 4px; } 
#index a:visted { color: #000; background: #; padding: 2px; padding-left: 4px; padding-right: 4px; }

/* links styles only for the #exhibit region */
#exhibit a:link {  } 
#exhibit a:hover {  } 
#exhibit a:active {  } 
#exhibit a:visted {  } 

/* this is where you adjust your paddings for #index and #exhibit together */
.container { }

/* this is where you pad them separately */
#index .container { position: fixed;}
#exhibit .container { width: 650px; }

br {  border-bottom:1px dashed black; }

#bredde {
	float: left;
	margin: 0;
        font-size: 12px;
}

#bredde2 {
	float: left;
	margin: 24px 100px 100px 100px;
	
}

#leftpage {
	width: 420px;
	float: left;
	margin-right: 50px;
	
}

#rightpage {
	width: 300px;
	float: left;	
	margin-right: 40px;

	
}

#rightpage2 {
	width: 200px;
	float: left;	
	margin-right: 40px;
}

	#rightpage2 p{
	float: left;
	width: 197px;
	}


#mixtape { overflow: hidden; position: absolute; max-width: 1200px; max-height: 9000px; width:100%; top: 26px; }

.tape { float: left; margin: 3px;}

div.article table {
  margin:0 0px;
}
div.article table {
  margin-bottom:20px;
  width:550px;
}
div.article table td {
  width:100px;
}
div.article table td.desc {
  width:550px;
}