﻿/*	Layout StudioDay	*/

body
{
    min-width:980px;
}
	
#container
{
    top: 0px;
    width: 980px;
    margin: 0 auto;
}

#top
{
    width: 980px;
	height: 125px;
	background-color: white;
}

#menu
{
	width: 980px;
	height: 20px;
	margin-top: 10px;
	background-color: #f0f0f0;
}

#main
{
	position: relative;
	width: 980px;
	background-color: white;
	font-size: 100%;
	line-height: 18px;
	min-height: 400px;
}

#header
{
	position: relative;
	width: 980px;
	height: 24px;
}

#footer
{
	width: 980px;
	height: 25px;
	font-size: 80%;
	letter-spacing: 1px;
	padding: 2px 0px 2px 3px;
	text-align: center;
}

#iconMenu 
{
	position:absolute;
	left: 929px;
	top: 5px;
	width: 51px;
	margin: 0px;
	padding: 0px;
}

#iconMenu td 
{
	font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;	
}

table.ctable
{
	height: 400px;
}

/*	Generelle innholdsfelt	*/

.title
{
    padding:20px 0px 5px 20px;
    width: 930px;
	font-size: 150%;
	font-weight: bold;
}

.content
{
    margin: 0px 10px 10px 20px;
    padding-right:10px;
    width: 550px;
}

.abstract
{
    margin: 0px 0px 10px 10px;
    padding-right:10px;
    width: 350px;
}

.contentWide
{
    margin: 0px 10px 10px 20px;
    padding-right:10px;
    width: 910px;
}

.contentWide td, .content td, .abstract td
{
  padding: 0 5px;
  font-size: 0.9em;
  line-height: normal;
}

.contentWide td p, .content td p, .abstract td p
{
  padding: 0;
  margin: 0;
}

.dibsLogo td
{
	padding-right: 25px;
}

#overlay { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: #666666 url(/img/overlay.png) 50% 50% repeat; 
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    z-index: 10000;
    display: none;
} 

/*  Album */

#PhotoList .header
{
  width: 100%;
  background-color: #f0f0f0;
  padding: 0.1em 0.5em;
  font-size: 0.9em;
  margin-bottom: 0.5em;
}

/*  Comments  */


#CommentList
{
  clear: both;
}

#CommentList .header
{
  width: 100%;
  background-color: #eee;
  padding: 0.1em 0.5em;
  font-size: 0.9em;
  margin-bottom: 0.5em;
}

#CommentList .info
{
  background-color: #eee;
  padding: 0.25em 1em;
  font-size: 0.9em;
  border: solid 1px #ccc;
  color: #888;
}

#CommentList .comment
{
  padding: 0.5em 1em;
  font-size: 0.9em;
  line-height: normal;
  border: solid 1px #ccc;
  border-top: none;
  margin-bottom: 0.5em;
}

#CommentList .comment h2
{
  margin: 0;
  padding: 0.2em 0;
  font-size: 1.1em;
}

#CommentList .spacer
{
  width: 100%;
}

#CommentForm
{
  position: relative;
}

#CommentForm .spacer
{
  width: 100%;
}

#CommentForm .header
{
  padding: 0.5em 1em;
  font-weight: bold;
  border: solid 1px #ccc;
  border-bottom: none;
  background-color: #eee;
  font-size: 0.9em;
}

#CommentForm .body
{
  padding: 0.5em 1em;
  border: solid 1px #ccc;
  font-size: 0.9em;
}

#CommentForm label.error
{
  float: none;
  color: red;
  padding-left: .5em;
  vertical-align: top;
}

#CommentForm p
{
  clear: both;
}

#CommentForm  .submit
{
  font-size: 1em;
  padding: 0 1em;
}

#CommentForm input, #CommentForm textarea
{
  font-size: 1em;
  padding: 0.2em;
}

#CommentForm textarea
{
  width: 380px;
}

#errorBox
{
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #eee;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  list-style:none outside none;
  margin: 0;
  padding: 1em;
}

#errorBox li
{
  padding: 0 0 0 0.5em;
  color: #555;
  background: url(/img/arBrwRigSmall.png) no-repeat 0.5em 0.3em;
  line-height: 1.1em;
}

