/* NILSI.NO

	DESIGN: medii as
	PROGRAMMERING: GRAFIKUM.NO
	OKTOBER 2009
	
*/



/* -- HOVEDOPPSETT FOR SIDEELEMENTER -- */

body
{
	background: #333333;
	font-family: Helvetica, Arial;
	font-size: 11px;
}

#wrapper
{
	background: black;
	color: white;
	width: 850px;
	margin: 3em auto 0 auto;
}

#header
{
	background: url(http://www.nilsi.no/static/upload/116_ren-header.jpg);
	height: 235px;
}

#meny
{
	height: 40px;
	padding-left: 1px;	
}

#content
{
	margin-top: 2em;
	padding: 0 4em 2em 2em;
	background: black;
}

.clearfix
{
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
}

.forcecolumnbreak
{
	page-break-before: always;
}

/* -- GENERELLE NAVIGASJONS- OG LAYOUTELEMENTER -- */

.imgleft
{
	float: left;
	margin: 1em;
}

.imgbottomright
{
	float: right;
}

.imgright
{
	float: right;
	margin: 1em;
}

a img
{
	border: none;
}

a#nesteside
{
	background: url(http://www.nilsi.no/static/upload/117_nesteside.png) no-repeat;
	padding-left: 90px;
	padding-top: 23px;
	margin-top: 2em;
	float: left;
	clear: both;
}

a.leftarrow
{
	width: 35px;
	height: 70px;
	background: url(http://www.nilsi.no/static/upload/118_arrows.png) no-repeat 0 0;
	display: block;
	float: left;
	margin: 75px 2em 0 0;
}

a.leftarrow:hover
{
	background: url(http://www.nilsi.no/static/upload/118_arrows.png) no-repeat 0 -70px;
}

a.rightarrow
{
	width: 35px;
	height: 70px;
	background: url(http://www.nilsi.no/static/upload/118_arrows.png) no-repeat -35px 0;
	display: block;
	float: right;
	margin: 75px -2em 0 0;
}

a.rightarrow:hover
{
	background: url(http://www.nilsi.no/static/upload/118_arrows.png) no-repeat -35px -70px;
}

a
{
	color: white;
}

a:hover
{
	text-decoration: none;
}

a.gullstjerne 
{
	display: block;
	background: url(http://www.nilsi.no/static/upload/119_gullstjerne.png) no-repeat left center;
	padding-left: 24px;
	color: #b69863;
	height: 15px;
	padding-top: 5px;
	text-decoration: none;
	margin: 5px;
	font-weight: bold;
	font-style: italic;
}

a.gullstjerne:hover
{
	color: #625135;
}

/* -- TYPOGRAPHY -- */

h1,h2,h3,h4
{
	font-weight: bold;
}

h1
{
	font-size: 1.2em;
}

h2
{
	font-size: 1.2em;
}

p
{
	line-height: 1.6em;
}

div.twocolumn
{
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

div.leftcolumn
{
	float: left;
	background: black;
}

/* -- HEADER -- */
#header #standupnorge
{
	width: 37px;
	height: 63px;
	position: relative;
	top: -50px;
	left: 800px;
}

#header #folgmeg
{
	position:relative;
	width: 110px;
	left: 690px;
	top: 20px;
	border:0;
	margin:0;
	padding:0 0 0 0;
}

#header #folgmeg a
{
	background: url(http://www.nilsi.no/static/upload/120_folgmeg.png) no-repeat 0 0;
	display: block;
	width:19px;
	height:19px;
	padding:0;
	margin:0 4px 0 0;
	float: left;
}

#header #folgmeg a.twitter
{
	background-position: 0 0;
}

#header #folgmeg a.twitter:hover
{
	background-position: 0 -19px;
}

#header #folgmeg a.facebook
{
	background-position: -19px 0;
}

#header #folgmeg a.facebook:hover
{
	background-position: -19px -19px;
}

#header #facebook
{
	position: relative;
	top: 25px;
	left: 675px;
	background: url(http://www.nilsi.no/static/upload/121_facebook.png) no-repeat center left;
	padding-left: 24px;
	width: 80px;
}

#header #facebook a
{
	color: white;
	text-decoration: none;
}

#header #facebook a:hover
{
	text-decoration: underline;
}

#header #komiker
{
	background: url(http://www.nilsi.no/static/upload/122_komiker-glow.png) no-repeat;
	width: 205px;
	height: 45px;
	position: relative;
	top: 50px;
	left: 10px;
}

#header #logo
{
	width: 268px;
	height: 128px;
	background: url(http://www.nilsi.no/static/upload/123_logo.jpg);
	position: relative;
	top: 0px;
	left: 582px;
}

#header #logo a
{
	height: 128px;
	padding-left: 256px;
	padding-bottom: 108px;
}

/* -- MENY -- */

#meny div
{
	height: 40px;
	width: 120px;
	margin: 0;
	float: left;
	border-right: solid 1px black;
}

#meny #omnilsi
{
	background: url(http://www.nilsi.no/static/upload/124_omnilsi.png);
	border-left: solid 1px black;
}

#meny #omnilsi:hover, #meny #omnilsi-aktiv
{
	background: url(http://www.nilsi.no/static/upload/125_omnilsi-hover.png);
	border-left: solid 1px black;
}

#meny a
{
	padding-left: 121px;
	padding-bottom: 28px;
	text-decoration: none;
}

#meny #show
{
	background: url(http://www.nilsi.no/static/upload/126_show.png) center center;
}

#meny #show:hover, #meny #show-aktiv
{
	background: url(http://www.nilsi.no/static/upload/127_show-hover.png) center center;
}

#meny #tv
{
	background: url(http://www.nilsi.no/static/upload/128_nilsitv.png) center center;
}

#meny #tv:hover, #meny #tv-aktiv
{
	background: url(http://www.nilsi.no/static/upload/129_nilsitv-hover.png) center center;
}

#meny #blog
{
	background: url(http://www.nilsi.no/static/upload/130_blog.png) center center;
}

#meny #blog:hover, #meny #blog-aktiv
{
	background: url(http://www.nilsi.no/static/upload/131_blog-hover.png) center center;
}

#meny #feedback
{
	background: url(http://www.nilsi.no/static/upload/132_omtale.png) center center;
}

#meny #feedback:hover, #meny #feedback-aktiv
{
	background: url(http://www.nilsi.no/static/upload/133_omtale-hover.png) center center;
}

#meny #bilder
{
	background: url(http://www.nilsi.no/static/upload/134_bilder.png) center center;
}

#meny #bilder:hover, #meny #bilder-aktiv
{
	background: url(http://www.nilsi.no/static/upload/135_bilder-hover.png) center center;
}

#meny #kontakt
{
	background: url(http://www.nilsi.no/static/upload/136_kontakt.png) center center;
	border: none;
}

#meny #kontakt:hover, #meny #kontakt-aktiv
{
	background: url(http://www.nilsi.no/static/upload/137_kontakt-hover.png) center center;
	border: none;
}


/* -- HOVEDDEL / CONTENT -- */
#content
{
}

/* -- HOVEDDEL / ENKELTSIDER -- */

/* -- *** TV -- */
#content #tv-left
{
	width: 185px;
	float: right;
	background: black;
}

#content .tv-entry p
{
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
}

#content .tv-entry img
{
	float: left;
	margin: 2em 1em 0.5em 0;
	padding: 0;
	border: solid 1px #cccccc;
}

#content #tv-169
{
	background: url(http://www.nilsi.no/static/upload/138_tvbak-16-9.jpg) no-repeat;
	width: 618px;
	height: 467px;
	margin: -2em -2em -2em 0;
	float: left;
}

#content #tv-169 object embed
{
	position: relative;
	top: 61px;
	left: 73px;
}

#content #tv-43
{
	background: url(img/tvbak-4-3.jpg) no-repeat;
	width: 546px;
	height: 545px;
	margin: -2em -2em -2em 0;
	float: left;
}

#content #tv-43 object embed
{
	position: relative;
	top: 72px;
	left: 64px;
}

/* -- *** INTRO -- */

#intro-logo
{
	background: url(http://www.nilsi.no/static/upload/139_intro-logo.jpg) no-repeat;
	width: 850px;
	height: 89px;
	margin: 0;
}

#intro-bottom
{
	background: url(http://www.nilsi.no/static/upload/140_intro-bottom.jpg) no-repeat;
	width: 850px;
	height: 202px;
	margin: -2em -2em -2em -2em;
}


/* -- *** BILDER -- */
#content .post #bilder
{
}

#content .post #bilder img
{
	width: 156px;
	margin: 0 18px 0 0;
}

/* -- *** SHOW -- */
#show .onecolumn
{
	width: 35%;
	float: left;
}


/* -- *** BLOG -- */

div#content ul.blog
{
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	padding: 0 50px 0 50px;
}

#blog #maincontent
{
	width: 550px;
	float: left;
	font-size: 12px;
}

#blog #maincontent .blogentry
/* container for hvert enkelt innlegg */
{
/*	border-bottom: solid 1px #cccccc; */
	padding-bottom: 2em;
	padding-top: 1em;
}

#blog #maincontent .blogentry #blogheader
/* Containter for meta-info som tittel og dato og slikt */
{
	margin-bottom: 2em;
}

#blog #maincontent .blogentry #blogheader h2
/* Tittel på hvert enkelt innlegg */
{
	font-size: 200%;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

#blog #maincontent .blogentry #blogheader p.meta
/* Info om dato og slikt */
{
	margin: 0;
	text-align: center;
	width: 100%;	
	font-size: 90%;
}

ul.blog li.post div.body p
/* Selve brodteksten */
{
	font-size: 120%;
	line-height: 1.8em;
}

#blog #maincontent .blogentry #blogfooter
/* Meta-info under hvert bloginnlegg */
{
	width: 100%;
	text-align: right;
}



#blog #sidebar
{
	width: 200px;
	float: left;
	font-size: 12px;
}

#blog #sidebar ul
{
}

#blog #sidebar ul li
{
	margin: 0;
}

/* ### SHOW ### */

#content #white
{
	margin-left: -2em;
	margin-right: -4em;
	margin: -1.8em -3.8em -1.8em -1.8em;
	background: black;
	color: white;
	padding: 2em;
}

#content #white a
{

}
#content {
  min-height: 300px;
}
.intro #content {
  min-height: 0;
}

#white {
  margin: -1.8em -3.8em -1.8em -1.8em;
}