body#blogg .radtopp, body#blogg .radbunn { height: 0; overflow: hidden }
body#blogg #innhold .rad, body#blogg #innhold .radtopp, body#blogg #innhold .radbunn { background: transparent; width: auto }

body { background-image: url(gfx/blg/bg_ramme.gif) !important }
#header {
	position: absolute; top: 0; left: 0;
	height: 170px; width: 900px; 
	background: #e6f2ee url(gfx/blg/bg_header.gif) no-repeat 0 0 !important }
#header img { left: 31px; top: 49px }
#innholdsramme { background: url(gfx/blg/bg_innholdsramme.gif) bottom right no-repeat }
#innholdsramme .inhinner {
	padding: 170px 0 0 0 }
#innhold, #kol1 { padding: 0 }
#innhold { width: 696px; width: 696px; background: url(gfx/blg/bg_blogg.gif) repeat-x 0 40px }
#kol1 { width: 204px; padding: 0 0 85px 0 }

h1, h2, h3, h4, h5, h6 {
	border: 0; padding: 0; margin: 0; background: transparent;
	text-transform: none }

/* Liten tekst */
.bloggheader p, .postet, .posteti, #kol1 .blogmenu li span,
.kommentarfelt span.dato, .kommentarfelt span.by-user { font-size: .94em }

.bloggheader { background: #399;
	height: 46px;
	position: relative }
.bloggheader h1 {
	border: 0; background: transparent;
	font-size: 1.7em;
	height: 46px; line-height: 46px;
	border-bottom: 1px solid #fff; 
	overflow: hidden;
	padding: 0 33px }
.bloggheader h1, .bloggheader h1 a { color: #fff }

.bloggheader p {
	position: absolute; top: 19px; left: 519px; left: 500px;
	background: url(gfx/blg/bg_user.gif);
	width: 154px; height: 28px; line-height: 28px;
	text-align: center }

.innlegg { padding: 15px 33px; color: #000 }
.art { font-size: 1.1em; padding: 0 }

div.dato {
	float: left;
	height: 36px; width: 35px;
	margin: 0 8px 0 -2px; padding: 11px 3px 0 0;
	background: url(gfx/blg/kalender.gif) no-repeat }
div.dato p {
	text-align:center;
	color: #e0002f;
	margin: 0 0 0 -2px;
	text-transform:uppercase }
div.dato span.dag { font-size: 18px; display:block }
div.dato span.mnd { font-size:9px; height:12px; line-height: 12px; display:block }

.innlegg h2 { font-size: 1.5em; font-weight: bold; padding: 5px 0 0 0 }
.innlegg h2 a,
.innlegg h2 a:link,
.innlegg h2 a:visited { color:#333 }
.innlegg h2 a:hover { color:#333 }
.postet {
	color: #666;
	padding: 7px 0 0 0;
	height: 18px;
	margin-bottom: 1em;
	background: url(gfx/blg/understrek.gif) repeat-x bottom left }
.postet .av {
	padding: 0 0 0 15px;
	background: url(gfx/blg/penn.gif) no-repeat }
.postet .comment {
	padding: 2px 0 2px 18px;
	background: url(gfx/blg/leserkommentar.gif) no-repeat;
	float: right }

.blogedit { width: 40px; margin: 0 0 5px 5px }
.blogedit span { display: none }
.blogedit a {
	float: left;
	width: 20px; height: 20px;
	background-position: 50% 50%;
	background-repeat: no-repeat }
.blogedit a.edit { background-image: url(gfx/blg/rediger.gif) }
.blogedit a.slett { background-image: url(gfx/blg/slett.gif) }

.innleggsfot { padding: 15px 0 0 0; width: 100% }
.posteti { color:#a6a69b }
.posteti a, .posteti a:link, .posteti a:visited { color:#a6a69b }
.posteti a:hover { color:#e45a49 }

.perma {	width: 100%; height: 20px; line-height: 20px;
	border-top: 1px solid #d4e9e9;
	border-bottom: 1px solid #d4e9e9 }
.permalenke {
	float: left;
	background: url(gfx/blg/permalenke.gif) no-repeat center left;
	padding: 0 0 0 15px }
.mer {
	float: right;
	background: url(gfx/blg/neste.gif) no-repeat center right;
	padding: 0 15px 0 0 }

.innleggsfot ul { width: 100%; margin: 0; list-style-type: none }
.innleggsfot li { padding: 0 6px 0 0; font-weight: bold }
.innleggsfot li, .innleggsfot li a { float: left }
.innleggsfot li a { padding: 0 0 0 13px; background: url(gfx/blg/ext.gif) no-repeat center left; font-weight: normal }
.bunn { height: 5px; width: 100%; overflow: hidden }

/* Kommentarer */

.kommentarfelt { clear: both }
.kommentarfelt h4 { font-weight: bold; margin: 0 0 1.5em 0 }

.kommentarfelt ol { margin: 0; list-style-type: none }
.kommentarfelt li { clear: both; position: relative }
/*.kommentarfelt li div { float: left }*/
.kommentarfelt li div.kombilde {float: left }
.kommentarfelt li a.slett { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; float: right; background: url(gfx/blg/slett.gif) 50% 50% no-repeat }
.kommentarfelt li a.slett span { display: none }

.kombilde { width: 100px; height: 100px }
.kombilde a {
	display: block;
	width: 79px; height: 60px;
	border: 1px solid #ddd;
	overflow: hidden; position: relative;
	font-size: .9em }
.kombilde span.brukernavn {
	position: absolute; top: 40px; left: 0; height: 16px; line-height: 16px;
	background: #000; color: #fff; text-transform: none;
	padding: 0 5px; opacity: .6 }
.kombilde a:hover span.brukernavn {
	background: #000; opacity: 1 }
	
.kombilde .dato { display: block }

.kommentarfelt li { background: #d4e9e9 url(gfx/blg/bg-kommentar.gif) no-repeat }
.kommentarfelt li.to { background-color: #e7f3f3 }
.kommentarfelt li.respond { background-color: #ffc; margin-left: 100px }

.kommentarfelt li .kommentar { padding: 15px; width: 500px }
.kommentarfelt li.respond .kommentar { width: 400px }
li.respond .kombilde a { height: 25px; border: 0 }
li.respond .kombilde a span.brukernavn { top: 0; width: 69px; height: 25px; line-height: 25px; opacity: 1 }
li.respond .kombilde a.kvinne span.brukernavn { background: #c36 }

.kommentarfelt .clear { float: none; height: 10px; background: #fff }

.kommentarskjema { clear: both; padding: 0 0 0 95px  }
.kommentarskjema h5 { font-weight: bold; padding: 0 0 10px 0 }
.kommentarskjema label { display: none }
.kommentarskjema input,
.kommentarskjema textarea { width: 500px; height: 200px; padding: 14px; border: 1px solid #ddd }

p.knapp { text-align: center; padding: 5px 0 }
p.knapp a { display: block; padding: 5px; background: #70a0a4;
	border: 1px solid #fff; color: #fff; width: 100px }
p.knapp a:hover { background: #e0002f; font-weight: bold }

/* Administrasjon/redigering */

fieldset p.row { background: url(gfx/blg/understrek.gif) repeat-x top left; padding: 5px 0 }
fieldset p.row label { display: block; padding: 0 0 5px 0; font-weight: bold }
fieldset p.row input { border: 1px solid #ccc; width: 100%; padding: 3px }
fieldset p.row label.check { display: inline; padding: 0 5px 0 3px }
fieldset p.row input.check { border: 0; padding: 0; width: auto }
textarea#artikkel { width: 100% }

/* Høyre kolonne */

#kol1 h3 { font-size: 1.1em }
#kol1 h3 {
	display: block;
	background-image: url(gfx/blg/bg_h3.gif);
	background-repeat: no-repeat;
	color: #399;
	font-weight: bold }
#kol1 h3 a:hover { color: #000 }
#kol1 h3 a span {
	display: block;
	height: 31px; line-height: 31px; padding: 0 20px;
	background-image: url(gfx/blg/vis-skjul.gif);
	background-repeat: no-repeat;
	background-position: 175px -21px }
	
	#kol1 h3 span {
	color: #399;
	font-weight: bold;
	display: block;
	height: 31px; line-height: 31px; padding: 0 20px; }
	
#kol1 h3 a.closed span {
	background-position: 175px 8px }

#kol1 .inner, #kol1 .komp .inner, #kol1 .artikkel .inner {
	background: #e7f3f3 url(gfx/blg/bg_kol1-inner.gif) repeat-y;
	padding: 10px 20px;
	/*border-top: 1px solid #f3f9f9;*/
	border-bottom: 1px solid #9fcfcf }

#kol1 .blogmenu ul { margin: 0; list-style-type: none }
#kol1 .blogmenu li { width: 100% }
#kol1 .blogmenu li a { display: block; width: 100% }
#kol1 .blogmenu li a:hover { background: #f3f9f9; color: #000 }

.bloggsisteinnlegg li a { font-weight: bold; border-bottom: 1px solid #9fcfcf }
.bloggsisteinnlegg li span { display: block; font-weight: normal; color: #699 }
.bloggsisteinnlegg li a:hover span { color: #366 }

/* Bloggarkiv */
body.bloggarkiv .innlegg { padding: 0 33px }
body.bloggarkiv .artikkel h1 { font-size: 1.5em; font-weight: bold; margin: 0 0 .8em 0 }
body.bloggarkiv #innhold .artikkel { padding: 0 33px }
body.bloggarkiv #innhold .intro { padding: 1em 33px 0 33px }
body.bloggarkiv #innhold .artikkel .inner { padding: 0 0 0 0 }
body.bloggarkiv #innhold h2.kategoritittel {
	font-size: 1.3em; font-weight: bold;
	margin: 0 0 .5em 0; padding: 5px 33px;
	background: #f0f7f3;
	border-bottom: 1px dotted #9fcfcf }
body.bloggarkiv .innlegg h2 { margin: 0 }

#innhold .sisteblg ul { margin: 0; list-style-type: none; line-height: 1.5em }
.sisteblg li { float: left; width: 282px; overflow: hidden; height: 1.5em; padding: 0 6px 0 16px }
#innhold .sisteblg a.blgtitle { font-weight: bold; color: #366 }
#innhold .sisteblg a.blgtitle:visited { color: #666 }
#innhold .sisteblg a.blgtitle:hover { color: #000 }

.sisteblg.hundre li { width: 180px }

body.bloggarkiv .radbunn { border-bottom: 10px solid #fff }