/* Basic */
body {
	color: #000;
	font-family: sans-serif;
	padding-right: 20px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: sans-serif;
}

h1 { text-align: center; }
h2 { padding-top: 15px; }
dt { font-weight: bold; }
address {
  margin-top: 0em;
  margin-bottom: 1em;
}
q { font-style: italic; }
q em { font-style: normal; }
img { border: 0px; color: #000; background: none transparent; } /* Color is a Netscape hack */
blockquote {
	margin-left: 1em;
	margin-right: 1em;
	padding: 0.7em 1em 0em 1em;
	border: 3px dotted #099;
}
blockquote p {
	margin-top: 0px;
}

a:link { color: #33f; background: none transparent; }
a:visited { color: #808; background: none transparent; }
a.active { color: #f00; background: none transparent; }

/* Classes */
.tm {
	text-transform : capitalize;
	font-size: xx-small;
	vertical-align: super;
}
.time { color: #383; background: none transparent;}
.mainheadline {  }
.descriptiontext h2 { margin-top: 0px; margin-bottom: 0px; }
.descriptiontext p { margin-top: 0px;}
.daydivider {
	clear: both;
	color: black;
	height: 1px;
	font-size: 1px;
	margin-left: 17px;
	margin-right: 17px;
	background: #000 none;
}
.meta {
	border: 3px solid black;
	background: #FFFFCD;
	padding: 0.5em 0.5em 0em 0.5em;
	margin-left: 17px; margin-right: 17px;
}
.meta p			{ margin-top: 0px; }

q.frida			{ color: #A00000; }
q.sigurd			{ color: #282; }
q.mor, q.hanne	{ color: #800000; }
q.far, q.toke	{ color: #008000; }
/*
q.toke:before	{
	content: url(/dagbog/meta/inline_Toke.png);
}
*/
.boy, .dreng, .mand {color: #282; }
.girl, .pige, .dame { color: #822; }
.sig {
	clear: both;
	text-align: right;
	font-size: x-small;
	float: right;
}

.computer, .magnetic, .guestwriter, blockquote.song, .recipe, .distinct {
	border: 1px dotted black;
	padding: 0.5em;
	margin-top: 1.5em;
	margin-bottom: 1em;
	background: #FFF2D8;
}

.magnetic {
	max-width: 30em;
	font-family: monospace;
	font-size: 150%;
	font-weight: bold;
}

.computer {
	max-width: 80em;
	font-family: monospace;
	font-size: 90%;
}

.computer h3, .magnetic h3, .writer, .recipetitle, .distincttitle {
	width: 15em;
	font-weight: bold;
	background: #FEB;
	border: 1px solid black;
	position: relative;
	top: -1.2em;
	left: 1em;
	padding: 0 0.5em 0 0.5em;
	margin-top: 0;
	margin-bottom: 0;
}
.computer h3 {
	width: 35em;
	font-weight: bold;
	background: #FEB;
	border: 1px solid black;
	position: relative;
	top: -1.2em;
	left: 1em;
	padding: 0 0.5em 0 0.5em;
	margin-top: 0;
	margin-bottom: 0;
}


/* Entry */
.dheadline { font-weight: bold; }
.ddate { font-family: monospace; }
.dtext {
	margin-top: 1em;
	margin-left: 17px;
	margin-right: 17px;
	max-width: 60em;
}
.dtextheadline {
	float: left;
	width: 30em;
}
.ageinfo {
	text-align: right;
	font-size: small;
}
.dbody {
	clear: both;
}

.thumbimg {
	margin-bottom: 0px;
	margin-top: 0px;
}
.thumbtext {
	margin-top: 10px;
	font-size: small;
}

div.tinyimages { border: 1px solid #FC9; width: 120px; }
.tinyimg {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 120px;
}
.tinytext {
  font-size: small;
  margin-top: 10px;
  margin-bottom: 0px;
  min-height: 2.7em;
 }
 
/* Year summary */
.yearlegend {
	width: 15em;
	position: absolute;
	left: -1em;
	top: 5.5em;
	color: red;
}
.yearlegend span {
	color: black;
}
.tiny ul {
	width: 90%;
	overflow: hidden;
	padding: 0 0 0 1em;
	margin: 0 0 0 -1em;
	color: red;
}
* html .tiny ul { /* IE hack */
	margin-left: 0em;
}
.tiny li {
	padding: 0;
	margin: 0 0 0.3em 0;
	list-style: none;
	font-size: small;
	white-space: nowrap;
}
.tiny li.i2 {
	list-style: disc;
}

.weeklist .tiny {
	width: 23em;
	padding-right: 0;
}
.weeklist .tinyill {
	float: left;
	width: 120px;
	font-size: smaller;
	white-space: nowrap;	
}
.weeklist .tinycaption {
	margin-top: 5px;
}
.weeklist .tinytext {
	margin-left: 140px;
	margin-top: 0px;
}
* html .weeklist .tinytext {
	padding-top: 10px;
}
* html .weeklist .tinyimg {
	position: absolute;
}
* html .weeklist .tinycaption {
	padding-top: 127px;
	padding-left: 17px;
	padding-right: 17px;
	margin-top: -10px;
}

/* Navigation */
.linkline {
  text-align: center;
  margin-bottom: 2em;
}
.linkcontents  {
  color: black;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  padding: 2px 5px 2px 4px;
}
span.linkselected {
}
.previousnext {
  text-align: center;
  font-size: smaller;
  margin-top: 0.5em;
  margin-bottom: 2em;
}


/* Meta */
.stylechooser {
 	position: absolute;
	right: 0px;
	top: 0px;
	background: #E0E0E0;
	border: 2px solid black;
	padding: 5px 5px 3px 5px;
	width: 20px;
	z-index: 10;
}
.stylechooser img {
	border: none;
}
.stylechooser ul {
	margin: 0px;
	padding: 0px;
}
.stylechooser li {
	margin: 0px;
	padding: 0px;
	list-style : none;
}

.joker1, .joker2, .joker3, .joker4, .joker5 {
	visibility: hidden;
}

/* Slideshow */
.ppreviousnext {
  text-align: center;
  font-size: smaller;
  margin-top: -2em;
  margin-bottom: 1em;
}
.slideprimary {
	clear: both;
	padding-top: 0.5em;
	margin-left: auto;
	margin-right: auto;
}
.slideprimaryimg {
	width: 735px;
	margin-right: 2em;
	text-align: center;
	float: left;
}
.slideprimaryimg img {
	border: 2px solid black;
}
.slideprimary .primarytext {
	min-height: 2.5em;
	overflow: visible;
}

/* Min height for Internet Explorer */
/*\*/
* html .slideprimary .primarytext  {
height: 2.5em;
}
/**/


div.beforeslides {
	display: inline;
}
div.currentslide {
	display: inline;
	z-index: 20;
}
div.afterslides {
	display: inline;
}
.slidenav {
	clear: both;
}
.slidenav .tinyimg {
	float: none;
	padding: 3px;
	margin-right: -5px;
	position: static;
	background: none transparent;
}
.slidenav img {
	border: 2px solid black;
}
.slidenav .currentslide .slidePreview .tinyimg {
	padding: 0px;
	margin-left: 4px;
	margin-right: 5px;
}
.slidenav .currentslide .slidePreview .tinyimg img {
	border: 4px solid #099;
}

/* Calendar */
#calNav {
	margin: 0; 
	padding: 0; 
	width: 30em;
	overflow:hidden; 
	position: absolute;
	right: 0px;
	top: 140px;
}
#calNav img {
	float: right;
}
#calNav a {
	color: black;
	text-decoration: none;
}
#calNav a span {
	display:none; 
	background: #FFF0BC;
}
#calNav a:hover {
	/* Needed by IE */
	background: #FFF0BC;
}
.calDate {
	display:block;
	width: 3.5em;
	float: left;
	text-align: right;
}
#calNav a:hover span {
	display:block; 
	cursor:pointer;
	border: 1px dotted black;
	padding: 0.5em 0 0.5em 0.5em;
}
#calNav a:hover .calDate, #calNav a:hover .calEvent, #calNav a:hover .sh2 {
	border: none;
	margin: 0.2em 0 0 0;
	padding: 0;
}
#calNav a:hover .sh2 {
	border-bottom: 1px dotted black;
	font-weight: bold;
	font-size: large;
	width: 10em;
}
#calNav a:hover .calDate {
	padding-right: 0.5em;
	font-weight: bold;
}
.calLink {
	text-decoration: underline;
	color: #33f;
}

/* Large calendar */
.calendar {
	margin-right: 10px; /* Hack */
}
.calHeader {
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.caldescription, calnodescription {
	clear: both;
}
.calendar .calDate {
	padding-right: 0.5em;
	font-weight: bold;
}
.caldescription {
	margin-left: 4em;
}
.calone, .caltwo {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.calone {
	background: #FFF0BC;
}
/* Spamcontrol */
.specialformelement {
	visibility: hidden;
	margin-top: -1em;
}

.formelement  {
	clear: left;
	margin-top: 0;
	margin-bottom: 0.2em;
}
.formelement label {
	display: block;
	width: 8em;
	float: left;
}
.specialformelement {
	visibility: hidden;
	position: absolute;
}