/* Global Layout */

body {
	font-size: .75em;
	margin: 0px;
	text-align: center;
	background: #ffffff url(/images/bg.png) top center;
	color: #636363;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	height: 100%;
}

label {
	font-weight: bold;
}

h1 {
	background-color: #b25363;
	color: #ffffff;
	text-align: center;
	font-family: 'comic sans ms', 'comic sans', cursive;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}

h3 {
	color: #696969;
	font-weight: bold;
}

ol {
	list-style-type: decimal;
	margin-bottom: 1em;
}

ul {
	list-style-type: disc;
	margin-bottom: 1em;
}

ol li,
ul li {
	margin-left: 2em;
}

li a:link {
	/* Apparently links inside li elements need to be gray */
	color: #777777;
}

/* Gender-specific bullets for lists */
li.boy {
	background-image: url(/images/bullet_boy.gif);
}

li.girl {
	background-image: url(/images/bullet_girl.gif);
}


/* Links */
a:link {
	color: #b25363;
}

a:visited {
	color: #a24353;
}

a:hover {
	color: #c26373;
}

strong {
	font-weight: bold;
}

.rounded-bottom {
	background-color: #ffffff;
	border: 1px solid #d6dede;
	margin-bottom: 7px;
	padding-bottom: 5px;

	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.help,
.reset {
  /* Help and reset links require Javascript, so we'll display them via Javascript */
  display: none;
}

.close {
	color: #8f8f8f;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}

:focus {
	outline: 1px dotted #666666;
}

/* Generic forms
------------------------------------- */

form .actions {
	clear: both;
	text-align: right;
	padding: 7px;
}

textarea {
	height: 6em;
	width: 99%;
}

form .errors {
	color: red;
	font-weight: bold;
	margin-bottom: 1em;
}





#wrap{
	position: relative;
	margin: auto;
	width: 1020px;
}

	#top{
		position: relative;
		height: 152px;
		background: url(/images/header.png) top center no-repeat;
		margin-top: 6px;
	}

		#top #logo {
			display: block;
			float: left;
			height: 110px;
			overflow: hidden; /* Prevents 1000em wide outline in Firefox */
			text-indent: -1000em;
			width: 255px;
		}

		#top .ads {
			padding-top: 35px;
			padding-right: 20px;
		}

	#page{
		position: relative;
		padding: 0 10px 0 10px;
		background: url(/images/pbg.png) top center repeat-y;
	}

		#page .primary {
			float: left;
		}

		#nav{
			position: relative;
			height: 28px;
			background: url(/images/nav-cap.png) top right;
			margin: 0 0 0 10px;
		}

			#ns{
				position: absolute;
				top: 0px;
				left: -10px;
				width: 10px;
				height: 28px;
				background: url(/images/ns.gif) top left no-repeat;
			}

			#nav ul {
				list-style-type: none;
			}

			#nav li{
				position: relative;
				float: left;
				height: 28px;
				margin: 0;
			}

			#nav li a{
				overflow: hidden;
				position: relative;
				float: left;
				height: 28px;
				text-indent: -9999em;
			}

			#nav-navnemaskinen{
				background: url(/images/navnemaskinen.gif) top left;
				width: 131px;
			}

			#nav-top-10{
				background: url(/images/top10.gif) top left;
				width: 69px;
			}

			#nav-artikler{
				background: url(/images/artikler.gif) top left;
				width: 72px;
			}

			#nav-navneleksikon{
				background: url(/images/navneleksikon.gif) top left;
				width: 106px;
			}

			#nav-nyheder{
				background: url(/images/nyheder.gif) top left;
				width: 78px;
			}

			#nav-brevkassen{
				background: url(/images/brevkassen.gif) top left;
				width: 90px;
			}


		#left-bar{
			position: relative;
			float: left;
			padding: 6px 12px 0 6px;
			width: 170px;
		}

			.widget{
				position: relative;
				padding-bottom: 4px;
				margin-bottom: 15px;
				background: url(/images/widget-bg.gif) bottom left no-repeat;
			}

				#left-bar .girls{
					background-image: url(/images/widget-girls.gif);
				}

				#left-bar .boys{
					background-image: url(/images/widget-boys.gif);
				}

				.widget ul{
					list-style-type: none;
					position: relative;
					text-align: left;
					padding: 0 15px 0 35px;
				}

				.widget ul li{
					position: relative;
					padding: 3px 0 3px 0;
					margin:0;
					line-height: 0.9em;
				}

				.widget ul li span{
					position: relative;
					font-weight: bold;
					color: #FF8D5B;
					font-size: .9em;
					width: 2em;
					text-align: center;
					display: block;
					float: left;
					margin-right: 0.5em;
				}

				.widget a{
					color: #999;
				}

				.widget p{
					position: relative;
					font-size: 10px;
					padding: 4px 10px 0 10px;
					text-align: right;
				}

				#left-bar .widget p a{
					position: relative;
					color: #696969;
					padding-right: 15px;
					background: url(/images/tick.gif) right center no-repeat;
					text-decoration: underline;
				}

			#left-bar .navigation {
				position: relative;
				padding-bottom: 4px;
				margin-bottom: 15px;
			}

				#left-bar .navigation h3 {
					/* Roughly the same style as #content.name_details .did_you_know h2, except this is centered and 2px smaller... */
					color: #b25364;
					background-color: transparent;
					font-family: 'comic sans ms', 'comic sans', 'cursive';
					font-size: 18px;
					font-weight: bold;
					letter-spacing: -1px;
					margin-top: 15px;
					margin-bottom: 20px;
					text-transform: none;
					padding: 0;
				}

				#left-bar .navigation ul {
					list-style-type: none;
					padding-left: 10px;
					position: relative;
					text-align: left;
				}

				#left-bar .navigation li {
					background: url(/images/bullet.gif) 0 0.3em no-repeat;
					margin-bottom: 0.5em;
					margin-left: 0;
					padding-left: 15px;
				}

			#top10{
				position: relative;
				height: 35px;
				background: url(/images/title-10.gif) top left;
				text-indent: -9999em;
			}

			#top10-alt{
				position: relative;
				height: 38px;
				background: url(/images/title-10-2.gif) top left;
				text-indent: -9999em;
			}

		/* Generic pagination links
		--------------------------- */

		#content .pagination {
			clear: both;
			font-size: 11px;
			height: 22px;
			line-height: 18px;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			text-align: center;
			width: 215px;
		}

			#content .pagination .backwards {
				position: absolute;
				left: 0;
				top: 0;
			}

			#content .pagination .forwards {
				position: absolute;
				right: 0;
				top: 0;
			}

			#content .pagination .buttons a,
			#content .pagination .buttons input {
				background-position: 0 0;
				background-repeat: no-repeat;
				border: 0;
				float: left;
				height: 18px;
				margin: 2px;
				overflow: hidden; /* Prevents 1000em wide outline in Firefox */
				text-indent: -1234em;
				width: 18px;
			}

			#content .pagination .buttons a {
				display: block; /* We can't apply this to the submit-button-pagination links, or the pagination text will be pushed to the next line for some reason */
			}

			#content .pagination input {
				font-size: 0;
				line-height: 0;
			}

				#content .pagination .first {
					background-image: url(/images/pagination/first.gif);
				}

				#content .pagination .previous {
					background-image: url(/images/pagination/previous.gif);
				}

				#content .pagination .next {
					background-image: url(/images/pagination/next.gif);
				}

				#content .pagination .last {
					background-image: url(/images/pagination/last.gif);
				}

			#content .pagination .numbers {
			}

				#content .pagination .numbers a {
					text-decoration: underline;
					color: #000000;
				}

		/* Page-specific styles
		----------------------- */

		#content{
			position: relative;
			float: right;
			width: 628px;
			padding-top: 6px;
			font-size: 10px;
			text-align: left;
		}

			.more{
				position: relative;
				color: #696969;
				float: right;
				padding-right: 15px;
				background: url(/images/tick.gif) right center no-repeat;
				text-decoration: underline;
				margin-right: 4px;
			}

			#content h2{
				position: relative;
				font-size: 14px;
				color: #ff8d5b;
				font-weight: bold;
				padding-bottom: 4px;
			}

				#content h2 a,
				#content h2 a:visited {
					color: #ff8d5b;
				}

			#content .metadata {
				color: #696969;
				position: relative;
				font-weight: bold;
				padding-bottom: 4px;
			}

			#content p{
				position: relative;
				line-height: 1.3em;
				padding-bottom: 1em;
			}

			#content .welcome {
				position: relative;
				background-color: #cd8f9a;
				margin-bottom: 6px;
				padding: 14px 15px 14px 112px;
			}

				#content .welcome img {
					position: absolute;
					left: -7px;
					top: -6px;
				}

				#content .welcome h1,
				#content .welcome p {
					background-color: transparent;
					color: #ffffff;
					font-family: verdana, arial, sans-serif;
					font-size: 10px;
					padding: 0;
					text-align: left;
				}

				#content .welcome h1 {
					margin-bottom: 1em;
				}

					#content .welcome a {
						color: #ffffff;
						font-weight: bold
					}

			#top-content{
				position: relative;
				margin-bottom: 9px;
				padding: 6px;
				width: 616px;
				border-top: 1px solid #D6DEDE;
				background: url(/images/content-bg-31.gif) bottom left no-repeat;
			}

				#top-content img{
					position: relative;
					float: left;
					margin-right: 15px;
				}

			#content #community {
				margin-bottom: 7px;
			}

				#content #community:after { /* Clearfix */
					content: ".";
			    display: block;
			    height: 0;
			    clear: both;
			    visibility: hidden;
				}

				#content #community .rounded-bottom {
					float: left;
					margin: 0;
					margin-left: 16px;
					overflow: hidden; /* Don't show huge content outside the box */
					text-overflow: ellipsis;
					width: 304px;
				}

				#content #community .content {
					margin: 8px 21px;
				}

					#content #community .content h3 {
						font-size: 12px;
						margin-bottom: 1em;
					}

					#content #community .content blockquote {
						font-style: italic;
						padding: 0 5px;
					}

				#content #community h2 {
					background-position: 50% 0;
					background-repeat: no-repeat;
					height: 24px;
					text-indent: -1000em;
				}

					#content #community .mailbox {
						margin-left: 0;
					}

						#content #community .mailbox h2 {
							background-image: url(/images/headlines/navnebrevkassen.png);
						}

						#content #community .mailbox h3 {
							color: #b25364;
						}

						#content #community .mailbox blockquote {
							color: #636363;
						}

						#content #community .comments h2 {
							background-image: url(/images/headlines/jeres_kommentarer.png);
						}

						#content #community .comments h3 {
							color: #75834c;
						}

							#content #community .comments h3 a {
								color: #75834c;
							}

						#content #community .comments blockquote {
							color: #75834c;
						}


			#content-a{
				position: relative;
				float: left;
				width: 206px;
				padding-left: 5px;
				padding-bottom: 6px;
				border-top: 1px solid #D6DEDE;
				background: url(/images/bottom-widget.gif) bottom left no-repeat;
			}

			/* Link to Navnemaskinen */
			#content-b{
				position: relative;
				float: left;
				margin-left: 5px;
				width: 196px;
				border-top: 1px solid #42787A;
				background: url(/images/bottom-widget2.gif) bottom left no-repeat;
			}

			#content-b .fimg {
				padding-top: 0; /* Make the image hug the top border */
				padding-bottom: 13px; /* Expand the box to the "same" height as the other boxes */
			}

				#content a img{
					position: relative;
					padding-right: 4px;
				}

			#content-c{
				position: relative;
				float: left;
				width: 206px;
				margin-left: 5px;
				padding-left: 5px;
				padding-bottom: 6px;
				border-top: 1px solid #D6DEDE;
				background: url(/images/bottom-widget3.gif) bottom left no-repeat;
			}

			#content-a p, #content-a h2,
			#content-b p, #content-b h2,
			#content-c p, #content-c h2{
				padding-left: 8px;
				padding-right: 8px;
			}

			.fimg{
				position: relative;
				text-align: left;
				padding-bottom: 8px;
				padding-top: 5px;
			}

			#content.navnemaskinen {
				font-size: 1em;
				margin: 0 9px;
				width: 803px;
			}

				#navnemaskinen {
					border: 1px solid #cccccc;
					float: left;
					height: 543px;
					padding-bottom: 0;
					width: 387px;
				}

				.navnemaskinen form {
					margin-left: -4px;
				}

				.navnemaskinen .row {
					margin-top: 6px;
					overflow: hidden;
				}

				.navnemaskinen fieldset {
					background: url(/images/navnemaskinen/fieldset_background.gif) 0 100% no-repeat;
					border-top: 1px solid #d6dede;
					display: inline;
					float: left;
					margin-left: 11px;
					padding: 0 7px;
					position: relative;
					text-align: center;
					width: 167px;
				}

				.navnemaskinen .fields {
					font-size: 0.9em;
					margin: 7px 7px;
					padding-bottom: 1em;
				}

				.navnemaskinen label {
					display: block;
					padding: 0.5em 0;
					width: 100%;
				}

				.navnemaskinen label.checkbox {
					display: inline;
					padding: 0;
					width: auto;
				}

				.navnemaskinen input.text {
					border: 1px solid #d6dee0;
					padding: 2px;
					/* In general, the input fields are tiny */
					width: 2em;
				}

				.navnemaskinen .expr_num input,
					.navnemaskinen .expr_num select {
						border: 1px solid #d6dee0;
					/* ...except the last_name one, which spans the full width of the box */
					margin-bottom: 10px;
					width: 140px;
					margin-left: auto;
					margin-right: auto;
					padding: 0;
				}

				.navnemaskinen #gender .fields {
					text-align: left;
				}

				.navnemaskinen #approved .fields {
					margin-top: 14px;
					margin-bottom: 19px;
				}

				.navnemaskinen .categories_wrapper {
					margin-top: -22px
				}

					.navnemaskinen .categories_wrapper .legend {
						border-bottom: 1px solid #d6dede;
						margin-left: 11px;
						margin-right: 6px;
						padding: 0;
						height: 30px;
					}

					.navnemaskinen .categories_wrapper .legend div {
						background-color: #ffffff;
						border: 1px solid #d6dede;
						border-bottom: 1px solid #ffffff;
						font-weight: bold;
						height: 31px;
						margin: 0;
						padding: 7px;
						text-align: center;
						width: 166px;
					}

				.navnemaskinen fieldset.crit_categories {
					background: url(/images/navnemaskinen/categories_background.gif) 0 100% no-repeat;
					border-top: none;
					overflow: hidden;
					width: 360px;
				}

				.navnemaskinen fieldset.crit_categories .fields {
					margin-right: 0;
					overflow: hidden;
					padding-left: 20px;
					position: relative;
					text-align: left;
				}

					.navnemaskinen fieldset.crit_categories .fields .tools {
						bottom: 0;
						right: 0;
					}

				.navnemaskinen fieldset.crit_categories label {
					font-weight: normal;
					float: left;
					width: 33%;
				}

				.navnemaskinen fieldset.crit_categories label span {
					clear: left;
					display: block;
				}

				div.help {
					color: #a1a1a1;
					display: block;
					font-size: 10px;
					position: absolute;
					z-index: 1234;
					width: 178px;
				}

					div.help .top {
						background: url(/images/popups/top.png) 0 0 no-repeat;
						height: 16px;
						width: 100%;
					}

					div.help .contents {
						background: url(/images/popups/background.png) 0 0 repeat-y;
						padding: 0 25px 20px 15px;
						width: auto;
					}

						div.help .contents ul {
							list-style-type: none;
						}

						div.help .contents li {
							margin-left: 0;
						}

					div.help .bottom {
						background: url(/images/popups/bottom.png) 0 0 no-repeat;
						height: 16px;
						width: 100%;
					}

					div.help p {
						margin: 0 0 1em 0;
					}

					div.question .top {
						background: url(/images/popups/top_questionmark.png) 0 0 no-repeat;
						height: 32px;
					}

					div.exclamation .top {
						background: url(/images/popups/top_exclamation.png) 0 0 no-repeat;
						height: 34px;
					}

					div.wide {
						width: 248px;
					}

						div.wide .top {
							background: url(/images/popups/top_wide_exclamation.png) 0 0 no-repeat;
							height: 34px;
							width: 248px;
						}

						div.wide .contents {
							background: url(/images/popups/background_wide.png) 0 0 repeat-y;
							width: 208px; /* 40px of horizontal padding */
						}

						div.wide .bottom {
							background: url(/images/popups/bottom_wide.png) 0 0 no-repeat;
							width: 248px;
						}

					div.help a.close {
						position: absolute;
						right: 17px;
						bottom: 12px;
					}

					#validation {
						z-index: 1234;
					}

				.navnemaskinen .tools {
					position: absolute;
					right: 14px;
					bottom: 7px;
				}

				.navnemaskinen .tools a {
					overflow: hidden;
					float: left;
					height: 14px;
					outline: 0;
					text-indent: -1000em;
					width: 16px;
				}

				.navnemaskinen .tools .help {
					background-image: url(/images/navnemaskinen/help.gif);
				}

				.navnemaskinen .tools .reset {
					background-image: url(/images/navnemaskinen/reset.gif);
				}


				#results {
					float: left;
					margin-left: 7px;
					width: 403px;
				}

				#results .results {
					background: #ffffff;
					border: 1px solid #cccccc;
					float: left;
					height: 543px;
					margin: 0;
					padding: 0;
					position: relative;
					width: 220px;
				}

					#results .results h1 {
						background-color: #437679;
						color: #ffffff;
					}

					#results .results .pagination {
						position: absolute;
						bottom: 5px;
						left: 3px;
					}

				#results ul.names {
					list-style-type: none;
				}

				#results .names li {
					/* Need to use long-hand background properties or we overwrite the general li.boy/.girl background property */
					background-repeat: no-repeat;
					background-position: 55px 50%;
					color: #8f8f8f;
					font-weight: bold;
					margin-left: auto;
					margin-right: auto;
					padding: 4px 0px 4px 68px;
				}

				#results .names li.even {
					background-color: #efefef;
				}

				#results .actions {
					float: right;
					margin: 0;
					padding: 0;
					width: 170px;
				}

				#results .actions .action {
					border: 1px solid #cccccc;
					margin-bottom: 1em;
					text-align: left;
				}

				#results .action a {
					color: #777777;
					display: block;
					margin: 16px;
				}

					#results .action.save form a {
						background: url(/images/navnemaskinen/save.gif) 60% 0 no-repeat;
						padding-top: 80px;
					}

					#results .action.send a {
						background: url(/images/navnemaskinen/send.gif) 60% 0 no-repeat;
						padding-top: 65px;
					}

				#results .actions h1 {
					background-color: #ff8d5b;
					color: #ffffff;
				}

				#results .no_results {
					background: url(/images/navnemaskinen/no_results.jpg) 50% 50% no-repeat;
					width: 100%;
					height: 500px;
				}

				#results .start {
					color: #437679;
					background: url(/images/navnemaskinen/start.jpg) 50% 100% no-repeat;
					font-family: 'comic sans ms', 'comic sans';
					padding: 30px 45px 315px 45px;
					text-align: center;
					width: 310px;
				}

		#overlay {
			background: url(/images/overlay.png) 0 0 repeat;
			display: none;
			font-size: 10px;
			height: 100%;
			left: 0;
			margin: 0;
			padding: 0;
			position: absolute; /* This requires a fix for IE6 */
			text-align: left;
			top: 0;
			width: 100%;
			z-index: 1234; /* Hover above the regular page elements */
		}

			#overlay .help {
				/* Position it centered */
				margin-left: auto;
				margin-right: auto;
				margin-top: 150px;
				position: relative;
			}

			#save_response .help {
				margin-top: 240px;
			}

			.send_names  {
				background: #ffffff url(/images/navnemaskinen/send_names_background.png) 100% 0 repeat-x;
				margin-left: auto;
				margin-right: auto;
				margin-top: 50px;
				position: relative;
				text-align: left;
				width: 402px;
				z-index: 1235; /* Shows the container above the overlay */
			}

			.send_names h2 {
				background: url(/images/headlines/send_navn.png) 10px 0 no-repeat;
				padding-left: 10px;
				text-indent: -1000em;
				padding-bottom: 16px;
			}

			.send_names .wrapper {
				color: #a1a1a1;
				font-size: 10px;
				margin: 10px;
			}

			.send_names .wrapper p {
				margin-right: 125px;
			}

				.send_names form label {
					clear: left;
					float: left;
					font-weight: normal;
					margin-right: 12px;
					text-align: right;
					width: 100px;
				}

				.send_names form .errors,
				.send_names form .notice {
						font-weight: bold;
						margin-bottom: 1em;
						margin-top: 1em;
					}

				.send_names form div {
					margin-bottom: 10px;
					margin-top: 10px;
				}

				.send_names form input[type=text] {
					border: 1px solid #777777;
					clear: none;
					float: left;
					margin-bottom: 10px;
					width: 175px;
				}

				.send_names form #mail_body {
					border: 1px solid #777777;
					clear: both;
					font-family: 'courier new', courier, monospace;
					margin-top: 10px;
					padding: 10px;
				}

			.send_names .disclaimer {
				background-color: #feefd1;
				color: #a1a1a1;
				margin-bottom: 10px;
				margin-top: 10px;
				padding: 10px;

				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}

			.send_names .close {
				position: absolute;
				right: 10px;
				bottom: 10px;
			}

		#show_name .container {
			/* The name details response gotten via Ajax on the Navnemaskine page */
			margin-left: auto;
			margin-right: auto;
			margin-top: 30px;
			padding: 5px;
			position: relative;
			overflow: auto;
			height: 90%;
			width: 650px;
		}

			#show_name .container .close {
				background: url(/images/close.gif) 100% 50% no-repeat;
				display: block;
				height: 16px;
				padding-right: 20px;
				position: absolute;
				top: 10px;
				right: 10px;
			}

		.name_details {
			background-color: #ffffff;
			color: #777777;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			padding: 10px;
		}

		#content.name_details {
			/* When not brought in via Ajax */
			padding: 6px 0 0 0;
		}

			.name_details .info {
				border: 1px solid #d6dede;
				padding: 13px 10px;
			}

			.name_details .header {
				float: left;
				width: 74%;
			}

			.name_details .gender {
				border: 1px solid #d6dede;
				color: #b25363;
				float: left;
				margin-right: 3px;
				padding: 5px;
				text-align: center;
				width: 45px;

				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}

				.name_details .gender img {
					vertical-align: bottom;
				}

			.name_details h1 {
				background-color: transparent;
				color: #777777;
				font-family: tahoma, sans-serif;
				margin-left: 60px;
				text-align: left;
				font-size: 32.48px;
			}

			.name_details .social {
				float: right;
				width: 25%;
			}

				.name_details .social div {
					height: 16px;
					margin-top: 1em;
				}

					.name_details .social .facebook a {
						color: #2b4587;
						display: block;
					}

					.name_details .social .email a {
						background: url(/images/icons/email_14x13.gif) 0 50% no-repeat;
						color: #000000;
						display: block;
						line-height: 16px;
						padding-left: 20px;
					}

			.name_details h2 {
				background-color: #b25363;
				color: #ffffff;
				font-family: 'comic sans ms', 'comic sans';
				font-weight: bold;
				padding: 0 10px;
			}

			.name_details .description {
				clear: both;
				font-size: 11px;
				margin-top: 0;
			}

			.name_details .columns {
				border-top: 1px solid #d6dede;
				margin-top: 1em;
				overflow: hidden;
				padding: 2em 0 2em 0;
			}

				.name_details .column {
					float: left;
					margin-left: 2%;
					width: 48%;
				}

			.name_details .columns {
				border-top: 1px solid #d6dede;
				margin-top: 1em;
				overflow: hidden;
				padding: 2em 0 2em 0;
			}

				.name_details .column {
					float: left;
					margin-left: 2%;
					width: 48%;
				}

			.name_details .did_you_know {
				clear: both;
				margin-left: 0;
			}

			#content.name_details .info h2,
			#content.name_details .did_you_know h2,
			#show_name .did_you_know h2 {
				background-color: transparent;
				color: #b25363;
				font-family: 'comic sans ms', 'comic sans';
				font-size: 20px;
				height: auto;
				margin-bottom: 0;
				padding-bottom: 0;
				letter-spacing: -1px;
				text-indent: 0;
				text-transform: none;
				padding: 0;
			}

			#content.name_details .info h2 {
				margin-bottom: 0.5em;
			}

			.name_details .did_you_know ul {
				list-style-type: none;
				margin-bottom: 1em;
			}

			.name_details .did_you_know li {
				background: url(/images/bullet.gif) 0 0.3em no-repeat;
				margin-top: 1em;
				margin-left: 0;
				padding-left: 1.5em;
			}

			.name_details h2 {
				text-indent: -1000em;
				height: 35px;
				padding: 0;
			}

			.name_details .categories h2 {
				background: url(/images/headlines/kategorier.png) 0 0 no-repeat;
			}

			.name_details .name_button {
				background: url(/images/name_button_arrow.gif) 50% 40px no-repeat;
			}

				.name_details .name_button .column {
					margin: 0 50px;
					width: 200px;
				}

				.name_details .name_button textarea,
				.name_details .name_button img {
					font-size: 10px;
					height: 90px;
					margin-bottom: 1em;
					width: 200px;
				}

			.comments h2 {
				background-position: 0 0;
				background-repeat: no-repeat;
				height: 24px;
				text-indent: -1000em;
			}

			.comments .create h2 {
				background-image: url(/images/headlines/din_kommentar.png);
			}

			.comments .list h2 {
				background-image: url(/images/headlines/kommentarer.png);
			}

			.name_details .categories ul {
				list-style-type: none;
				margin: 10px;
			}

			.name_details .categories li {
				background-repeat: no-repeat;
				background-position: 0 0;
				margin-bottom: 2em;
				margin-left: 0;
				min-height: 27px;
				padding-left: 40px;
			}

				.name_details .categories .more {
					float: left;
				}

					.name_details .categories .more  a{
						color: #B25363;
					}

			.name_details .categories li h3 {
				font-weight: bold;
				margin: 0;
			}

			.name_details .categories .bible { background-image: url(/images/icons/bible_27.gif); }
			.name_details .categories .fairytales { background-image: url(/images/icons/fairytales_27.gif); }
			.name_details .categories .nature { background-image: url(/images/icons/nature_27.gif); }
			.name_details .categories .icons { background-image: url(/images/icons/icons_27.gif); }
			.name_details .categories .greek { background-image: url(/images/icons/greek_27.gif); }
			.name_details .categories .royal { background-image: url(/images/icons/royal_27.gif); }
			.name_details .categories .nordic { background-image: url(/images/icons/nordic_27.gif); }

			.comments {
				overflow: auto;
			}

			.comments .create,
				.comments .list {
				float: left;
				width: 50%;
			}

			.comments form {
				position: relative; /* Allows for absolute positioning inside */
			}

			.comments form,
				.comments .list ul,
				.comments .list .no_comments,
				.comments .create .success {
				margin: 10px;
			}

				.comments .list ul {
					list-style-type: none;
				}

				.comments .list li {
					margin-left: 0;
				}

				.comments form label {
					font-size: 10px;
					padding: 0;
				}

				.comments form div.fields {
					margin: 0;
					padding: 0;
				}

				.comments form div.name {
					margin-bottom: 1em;
					overflow: hidden;
				}

					.comments form div.name label {
						float: left;
						line-height: 20px;
						width: 50px;
					}

					.comments form div.name input {
						border: 1px solid #777777;
						float: left;
						height: 18px;
						margin: 0;
						width: 200px;
					}

				.comments form textarea {
					height: 100px;
					width: 98%;
				}

				.comments form #pen {
					background: url(/images/pen.gif) 0 0 no-repeat;
					height: 54px;
					position: absolute;
					right: -3px;
					bottom: 115px;
					width: 34px;
				}

				.comments form .actions {
					padding: 5px !important;
				}

			.comments .list ul,
			.comments .no_comments {
				border: 1px solid #777777;
			}

			.comments .no_comments {
				padding: 70px 25px;
			}

			.comments .list li {
				padding: 10px;
			}

			.comments .list .odd {
				background-color: #feefd1;
			}

			#content.top10 {
				border-left: 1px solid #e2e2e2;
				margin-top: 15px;
				padding-bottom: 50px;
			}

				#content.top10 .lists {
					margin-left: auto;
					margin-right: auto;
					width: 500px;
				}

				#content.top10 .list-description {
					color: #777777;
					font-size: 14px;
					font-weight: bold;
					text-align: center;
					margin-top: 0;
					margin-bottom: 20px;
				}

				#content.top10 .boys,
				#content.top10 .girls {
					float: left;
					font-size: 16px;
					margin-right: 36px;
					width: 228px;
				}

					#content.top10 .lists h1 {
						height: 30px;
						text-indent: -1000em;
					}

					#content.top10 .girls {
						margin-right: 0;
					}

					#content.top10 .boys h1 {
						background: url(/images/headlines/drengenavne.png) 50% 0 no-repeat;
					}

					#content.top10 .girls h1 {
						background: url(/images/headlines/pigenavne.png) 50% 0 no-repeat;
					}

					#content.top10 .boys ol,
					#content.top10 .girls ol {
						list-style-type: none;
						padding: 0 1em 5px 60px;
					}

						#content.top10 .boys ol li,
						#content.top10 .girls ol li {
							margin-left: 0;
							margin-top: 1em;
						}

						#content.top10 .boys ol span,
						#content.top10 .girls ol span {
							color: #b25364;
							display: block;
							float: left;
							font-weight: bold;
							width: 2em;
						}

				#content.top10 .source {
					color: #777777;
					font-size: 9px;
					position: absolute;
					left: 10px;
					bottom: 0;
				}

			#content.leksikon {
			}

				#content.leksikon .alphabet {
					background: url(/images/leksikon/alphabet_dots.gif) 0 100% repeat-x;
					border-collapse: collapse;
					border-left: 1px solid #e6eaea;
					border-right: 1px solid #e6eaea;
					height: 37px;
					width: 100%;
				}

					#content.leksikon .alphabet td {
						text-align: center;
					}

					#content.leksikon .alphabet a {
						color: #437679;
						font-size: 15px;
					}

					#content.leksikon .alphabet a.current {
						font-size: 20px;
						font-weight: bold;
						text-decoration: underline;
					}

				#content.leksikon .selector {
					overflow: hidden;
					padding: 0 3px;
				}

					#content.leksikon .selector a {
						background: url(/images/leksikon/all_selector.gif) 0 0 no-repeat;
						display: block;
						float: left;
						height: 38px;
						margin-right: 34px;
						text-indent: -1234em;
						width: 184px;
					}

						#content.leksikon .selector a.current {
							background-position: 0 -40px;
						}

						#content.leksikon .selector a.boys {
							background-image: url(/images/leksikon/boys_selector.gif);
						}

						#content.leksikon .selector a.girls {
							background-image: url(/images/leksikon/girls_selector.gif);
							margin-right: 0;
						}

				#content.leksikon .columns {
					background: url(/images/leksikon/columns_dots.gif) 0 0 repeat-x;
					border-left: 1px solid #e6eaea;
					border-right: 1px solid #e6eaea;
					padding-bottom: 20px; /* Prevents the pagination icons from clipping */
				}

					#content.leksikon .columns ul {
						float: left;
						font-size: 13px;
						list-style-type: none;
						margin-left: 38px;
						margin-bottom: 20px;
						padding-top: 23px;
						width: 110px;
					}

					#content.leksikon .columns li {
						background-position: 0 50%;
						background-repeat: no-repeat;
						margin-bottom: 10px;
						margin-left: 0;
						padding-left: 16px;
					}

						#content.leksikon .columns li a {
							font-weight: bold;
						}

				#content.news h1 {
					background: #437679 url(/images/headlines/nyheder.png) 0 0 no-repeat;
					text-indent: -1000em;
					height: 30px; /* This needs to be a different size than any other h1 on the site */
				}

				#content .story {
					border-top: 1px solid #ededed;
					font-size: 11px;
					margin: 0 13px;
					padding: 13px 0;
				}

					#content .first-child {
						border-top: none
					}

				#content .story h2 {
					color: #437679;
					font-size: 14px;
					text-transform: uppercase;
				}

		#content.articles {}
			#content.articles h1 {
				background: #75834c url(/images/headlines/artikler.png) 0 0 no-repeat;
				text-indent: -1000em;
				padding-left: 15px;
			}

			#content.articles .article {
				border-top: 1px solid #ededed;
				clear: both;
				margin: 0 15px;
				padding: 15px 0;
				position: relative;
				overflow: hidden;
			}

			#content .article:first-child {
				border-top: none
			}

			#content.articles img {
				margin-right: 22px;
			}

			#content.articles .intro {
				margin-top: 16px;
			}

			#content.articles h2,
				#content.article h2,
				#content.articles h2 a {
				color: #75834c;
				font-size: 14px;
				margin-bottom: 10px;
				text-transform: uppercase;
			}

			#content.article img,
			#content.articles img {
				float: left;
				margin-bottom: 10px;
				margin-right: 20px;
			}

			#content.article {
				margin-left: 20px;
				margin-right: 20px;
				text-align: justify;
				width: 588px;
				font-size: 12px;
			}

			#content.article h2 {
				margin-bottom: 0;
				font-size: 16px;
			}

			#content.article em {
				font-style: italic;

			}

			#content.article .intro {
				color: #696969;
				font-weight: bold;
				margin: 0 0 1em 0;
			}

			#content.konkurrence .wrapper {
				margin: 20px 30px;
				font-size: 12px;
			}

				#content.konkurrence .wrapper .facebook a {
					color: #2b4587;
				}

			#content.konkurrence .notice {
				color: #c50000;
			}

			#content.konkurrence form {
				margin-top: 2em;
				overflow: hidden;
			}

			#content.konkurrence .fields {
				float: left;
				width: 49%;
			}

				#content.konkurrence .fields div {
					padding-bottom: 1em;
				}

				#content.konkurrence .fields label {
					color: #ff8d5b;
					display: block;
					float: left;
					font-size: 14px;
					margin-right: 1em;
					text-align: right;
					width: 6em;
				}

			#content.konkurrence #terms {
				float: left;
				width: 49%;
			}

				#content.konkurrence #terms .terms {
					background-color: #dddddd;
					border: 1px solid #5e5e5e;
					color: #5e5e5e;
				}

					#content.konkurrence #terms .terms div {
						height: 100px;
						margin: 10px;
						overflow: auto;
					}

		#content.error {
			padding-bottom: 50px;
			padding-top: 50px;
			width: 798px; /* #content{width} + left-bar{width} */
		}

			#content.error img {
				float: left;
				margin-left: 100px;
			}

			#content.error .error500 {
				text-align: center;
			}

				#content.error .error500 img {
					display: inline;
					float: none;
					margin: 0;
				}

			#content.error .text {
				float: left;
				margin-left: 50px;
				margin-top: 50px;
				width: 380px;
			}

				#content.error h1 {
					background: none;
					color: #437679;
					font-size: 15px;
					font-weight: normal;
					margin-bottom: 20px;
				}

				#content.error ul {
					color: #437679;
					font-family: verdana;
					font-size: 11px;
					list-style-type: disc;
					margin: 20px;
				}

				#content.error ul a {
					color: #437679;
					font-weight:bold;
					text-decoration: underline;
				}

					#content.error ul li {
						line-height: 1.8em;
						margin-left: 10px;
					}

		#content.mailbox {}

			#content.mailbox h1 {
				background: url(/images/headlines/navnebrevkassen.png) -420px 100% repeat-x;
				height: 14px;
				margin-bottom: 10px;
				text-indent: -1000em;
			}

			#content.mailbox .content {
				margin: 0 15px;
			}

				#content.mailbox .content h1 {
					background: transparent;
					color: #b25363;
					font-family: verdana, arial, sans-serif;
					font-size: 14px;
					font-weight: bold;
					height: auto;
					margin: 0 0 15px 0;
					padding: 0;
					text-align: left;
					text-indent: 0;
				}

				#content.mailbox .content .navigation {
					overflow: hidden;
				}

				#content.mailbox .content .navigation a {
					color: #a6a5a5;
					font-weight: bold;
					text-decoration: underline;
				}
					#content.mailbox .content .navigation a:visited {
						color: #696969;
					}

					#content.mailbox .content .navigation a.previous {
						float: left;
					}

					#content.mailbox .content .navigation a.next {
						float: right;
					}

				#content.mailbox .questioner {
					color: #b25363;
					font-weight: bold;
					font-size: 12px;
				}

				#content.mailbox .answerer {
					color: #75834c;
					font-weight: bold;
					font-size: 12px;
				}

				#content.mailbox blockquote {
					border: 1px solid #e9e9e9;
					color: #888888;
					margin-bottom: 12px;
					padding: 27px 14px;
					font-size: 12px;
				}

					#content.mailbox blockquote.question {
						font-style: italic;
					}

		#content.archive {}
		
			#content.archive h1 {
				background: url(/images/headlines/spoergsmaal_i_brevkassen.png) 0 0 no-repeat;
				height: 32px;
				text-indent: -1000em;
			}
			
			#content.archive .question h2 a {
				color: #437679;
				font-family: tahoma, verdana, arial, sans-serif;
				font-size: 12px;
				font-weight: bold;
			}

			#content.archive .question {
				border-top: 1px solid #ededed;
				margin: 16px;
				padding: 12px 0 0 0;
			}

			#content.archive .first-child {
				border-top: none;
				margin-top: 0;
				padding-top: 0;
			}
		
		#left-bar .bio {
			padding-bottom: 20px;
		}

			#left-bar .bio h3 {
				background: url(/images/widgets/eva.png) 0 0 no-repeat;
				text-indent: -1000em;
				height: 32px;
			}

			#left-bar .bio img {
				border: 1px solid #e1e2e5;
			}

			#left-bar .bio p {
				color: #707070;
				text-align: left;
			}

		#left-bar .archive {
			overflow: hidden;
		}

			#left-bar .archive h3 {
				background: url(/images/widgets/arkiv.png) 0 0 no-repeat;
				text-indent: -1000em;
				height: 29px;
			}

			#left-bar .archive p {
				text-align: left;
			}

			#left-bar .archive p a {
				color: #a6a6a5;
				float: right;
			}

		#left-bar .send_question {
			overflow: hidden;
		}

			#left-bar .send_question h3 {
				background: url(/images/widgets/send_os_spoergsmaal.png) 0 0 no-repeat;
				text-indent: -1000em;
				height: 32px;
			}

			#left-bar .send_question p {
				text-align: left;
			}

			#left-bar .send_question p a {
				background: transparent;
				color: #a6a6a5;
				float: right;
				padding: 0;
			}

		#rightbar{
			position: relative;
			float: left;
			padding-left: 15px;
			padding-top: 5px;
			width: 160px;
		}



	#footer {
		background: url(/images/footer.png) top right no-repeat;
		color: #777777;
		font-size: 10px;
		line-height: 19px;
		height: 37px;
		padding: 18px 20px 0 20px;
		position: relative;
		text-align: right;
	}

		#footer a {
			color: #777777;
			text-decoration: underline;
		}

		#footer a img {
			display: inline;
			vertical-align: bottom;
		}