body {
background: #230633 url(mystery230633.PNG) no-repeat fixed top center;
font-family: Lucida Sans Unicode, Lucida Grande, Tahoma, Arial;
margin: 0;
text-align: center;
}

.post, .comment, #kommenteringsskjema {
color: white;
font-size: 10pt;
line-spacing: 110%;
background: #12031a url(mystery12031a.PNG) no-repeat fixed center top;
}

input, textarea {
margin: 0;
padding: 0;
background-color: black;
color: white;
}

blockquote {
margin: 5px 10px 0 10px;
padding: 0 0 5px 0;
border-color: white;
border-style: dashed;
border-width: 0 1px;
}

a:link, a:visited {
text-decoration: none;
}

.post a:link, .post a:visited, .comment a:link, .comment a:visited, .bar a:link, .bar a:visited, #kommenteringsskjema a:link, #kommenteringsskjema a:visited {
color: yellow;
text-decoration: underline;
}

h3 a:link, h3 a:visited {
text-decoration: none;
font-variant: small-caps;
} 

div {
margin: 0;
padding: 0;
}

.post {
text-align: left;
width: 350px;
}

.post p {
text-align: justify;
padding: 9px 5px;
margin: 0;
}

/*

.post p:first-child:first-letter {
margin-left: 0;
}

.post p:first-letter {
margin-left: 12px;
}

*/

.post h3 {
padding: 9px 5px;
font-variant: small-caps;
font-size: 20px;
margin: 0;
}

.kommentar, .innlegg {
text-align: right;
color: black;
width: 350px;
}

.trekant, .kommentar, .innlegg {
opacity:0.76;
filter:alpha(opacity=76);
}

.bar {
width: 100%;
background-color: black;
text-align: left;
color: white;
z-index: 1;
position: fixed;
}

.innlegg {
background: white url(innlegg.PNG) no-repeat scroll center center;
height: 65px;
}

.kommentar {
background: white url(kommentar.PNG) no-repeat scroll 40px center;
font-size: 15px;
height: 30px;
float: left;
}

.kommentar, .innlegg {
position: relative;
}

.innlegg div, .kommentar div {
font-size: 10px;
position: absolute;
top: 100%;
margin-top: -12px;
height: 10px;
width: 100px;
left: 100%;
margin-left: -102px;
}

.kommentar img, .innlegg img {
float: left;
}

#main {
width: 100%;
}

#main td  {
padding: 200px 0;
}

table, td {
border-collapse: collapse;
}

.comment {
width: 320px;
text-align: justify;
font-size: 12px;
float: left;
}

.comment p {
margin: 0 0 0 0;
padding: 5px;
}

.trekant {
width: 0;
height: 0;
border-style: solid;
border-color: white transparent transparent transparent;
border-width: 30px 0 0 30px;
float: left;
}

#sddm {
margin: 0;
padding: 0;
z-index: 30
}

#sddm li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial
}

#sddm li li {
float: none;
}

#sddm li a {
display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
background: black;
color: yellow;
text-align: center;
text-decoration: none
}

#sddm li a:hover {
background: yellow;
color: black;
}

#sddm div {
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: black;
/*border: 1px solid yellow;*/
z-index: 40;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: black;
		color: yellow;
		font: 11px arial;
	}

	#sddm div a:hover
	{	background: yellow;
		color: black;
	}
#sddm br {
display: none;
}

#right {
left: 50%;
margin-left: 175px;
}

#left {
right: 50%;
margin-right: 175px;
}

a #left, a #right {
bottom: 0;
position: fixed;
cursor: pointer;
text-decoration: none;
background-color: black;
color: yellow;
font-size: 12px;
padding: 3px 5px;
}

a:hover #left, a:hover #right {
background-color: yellow;
color: black;
}

#kommenteringsskjema {
margin: 60px 0 -200px 0;
width: 420px;
text-align: left;
color: white;
}