/*
	CSS by Jon Røgeberg - http://jon.rogeberg.no - http://rogeberg.no
	
	Feel free to borrow elements, but dont grab the entire document.
	
	Table of Contents:
		Global
		Nifty classes
		Layout
		Header
		Menu
		Links
		Content
		Footer
*/
/* Global
****************************************************************************************/
* { margin: 0 auto; font-family: Arial, Helvetica, sans-serif; color:#999; }
body { background: url(images/background.png) repeat-x #000; }
/* Nifty classes
****************************************************************************************/
.clear { clear:both; }
.right { float:right; }
.left { float:left; }
/* Layout
****************************************************************************************/
#wrapper { width: 1015px;}
/* Header
****************************************************************************************/
#header-norsk {text-align:center;width: 1015px;}
#header-english {text-align:center;width: 1015px;}
#header-norsk h1 { background:url(images/filmfotograf.png) no-repeat; background-position:center;  height:141px; width:400px; text-indent: -9000px; margin-top: 25px;}
#header-english h1 { background:url(images/cinematographer.png) no-repeat;background-position:center; height:141px; width:400px; text-indent: -9000px; margin-top: 25px;}
/* Menu
****************************************************************************************/
#menu {float:left; margin-top:51px; width: 250px; padding-right:20px; border-right: #151515 1px solid; text-transform:uppercase; }
#menu ul strong { font-weight: normal; font-size: 1.2em; margin-right:40px; line-height: 35px; }
#menu ul { text-align: right; list-style:none; margin-bottom:15px; letter-spacing: 0.09em; width:210px;  }
#menu ul li a { font-size: 0.8em; text-decoration:none; display:block; height:18px; padding: 4px 40px 4px 0px; margin: 0px 0px 0px 0px; }
#menu .sub li a { font-size: 0.8em; padding: 3px 40px 3px 0px; margin: 0; }
.home a {background:url(images/home.png) no-repeat;}
.film a {background:url(images/film.png) no-repeat;}
.photo a {background:url(images/photo.png) no-repeat;}
.about a {background:url(images/about.png) no-repeat;}
.contact a {background:url(images/contact.png) no-repeat;}
#menu ul li a:link {background-position: right -35px; color:#252525;}
#menu ul li a:visited {background-position: right -35px; color:#252525;}
#menu ul li a:hover { background-position: right -5px; color: #fff;}
#menu ul li a:active {background-position: right -35px; color:#252525;}
/* Links
****************************************************************************************/
#content a { text-decoration:none}
#content a:link { color:#ccc; }
#content a:visited { color:#ccc; }
#content a:hover { color:#fff;}
#content a:active { color:#ccc; }

#content a img { margin-top: 5px;}
#content a:link img { border: 1px solid #222; padding: 5px;}
#content a:visited img { border: 1px solid #222; padding: 5px;}
#content a:hover img { border: 2px solid #222; padding: 4px;}
#content a:active img { border: 1px solid #222; padding: 5px;}
/* Content
****************************************************************************************/
#content { width:690px; float:left; margin-top:55px; margin-left: 40px; margin-right:0px; min-height:530px; background:#000; }
#content h2 {font-weight: normal; font-size: 1.2em; margin-bottom:2px; text-transform:uppercase;  }
#content p { line-height: 25px; font-size:0.8em;}
.post { border-bottom: solid 1px #111; }
.textonly { width: 540px; float:left;}
.beskrivelse { width:320px;  float:left; margin-right:20px; font-size:0.8em;}
.teknisk { width:320px; float:left; margin-left:20px; font-size:0.8em; }
.awardbeskrivelse {float:left;font-size:0.8em; width:200px; margin-right:40px}
.awardteknisk {float:left;font-size:0.8em;width:200px;margin-right:40px}
.award {float:left;font-size:0.8em;width:200px;}

/* Footer
****************************************************************************************/
#footer { text-align:center; font-size:0.7em; letter-spacing: 0.07em; clear:both; width:970px; margin-right:10px; color: #222; margin-bottom:20px; }
#footer a { text-decoration:none; font-weight:bold; }
#footer a:link { color:#222; }
#footer a:visited { color:#222; }
#footer a:hover { color:#444;}
#footer a:active { color:#222; }