table
{
	border-collapse: collapse;
	
	& tr
	{
		th,td
		{
			border: 1px solid hsv(hsvhue(@color-fg), hsvsaturation(@color-fg), (0.8 * hsvvalue(@color-fg)) + (0.2 * hsvvalue(@color-bg)));
		}
	}
	
	& tr.splitter
	{
		height: 1px;
	}

	& tr:not(.splitter)
	{
		th,td
		{
			font-size: 0.8em;
			padding: 4px;
		}
	}
}

a
{
	color: @color-x1;
	text-decoration: none;
	font-weight: bold;
	/*
	font-family: monospace;
	 */
}

.note
{
	padding: 16px;
	margin: 16px;
	border-radius: 4px;
	box-shadow: 4px 4px 4px black;
	color: @color-fg;
}

.note_information
{
	&:extend(.note);
	background-color: hsv(120, 40%, (0.5 * hsvvalue(@color-bg)) + (0.5 * 50%));
	&:before {font-weight: bold; content: "[i] ";}
}

.note_warning
{
	&:extend(.note);
	background-color: hsv( 60, 40%, (0.5 * hsvvalue(@color-bg)) + (0.5 * 50%));
	&:before {font-weight: bold; content: "[!] ";}
}

.note_error
{
	&:extend(.note);
	background-color: hsv(  0, 40%, (0.5 * hsvvalue(@color-bg)) + (0.5 * 50%));
	&:before {font-weight: bold; content: "[x] ";}
}

.ipa
{
	&:before
	{
		content: "/";
	}

	&:after
	{
		content: "/";
	}
}

.buzzword
{
	font-style: italic;
}

.slogan
{
	font-style: italic;
}

.grammarterm
{
	/*
	text-decoration: underline;
	 */
	font-style: italic;
}

.runic
{
	font-weight: bold;
}

.lang_fs
{
	font-weight: bold;
	/*
	font-style: italic;
	font-size: 1.2em;
	font-family: runic;
	 */
}

.lang_de,
.lang_en,
.lang_is,
.lang_nb
{
	font-style: italic;
}

.letter
{
}

.word
{
}

.sentence
{
	&.lang_fs
	{
		&:before {content: "\"";}
		&:after {content: "\"";}
	}
	
	&.lang_de,
	&.lang_en,
	&.lang_is,
	&.lang_nb
	{
		&:before {content: "\"";}
		&:after {content: "\"";}
	}
}

.todo
{
	&:before
	{
		content: "[ToDo] ";
	}
	
	margin: 4px;
	padding: 4px;
	background-color: hsv(  0,60%,80%);
	color: white;
	font-weight: bold;
}

.code
{
	font-family: monospace;
}

section
{
	&.chapter
	{
		margin-bottom: 160px;
		
		& > header
		{
			font-size: 1.6em;
			margin-bottom: 6px;
		}
		
		& > *:not(:first-child)
		{
			margin-left: 12px;
		}
	}
	
	&.section
	{
		margin-bottom: 140px;
		
		& > header
		{
			font-size: 1.4em;
			margin-bottom: 4px;
		}
		
		& > *:not(:first-child)
		{
			margin-left: 12px;
		}
	}
	
	
	&.subsection
	{
		margin-bottom: 120px;
		
		& > header
		{
			font-size: 1.2em;
			margin-bottom: 2px;
		}
		
		& > *:not(:first-child)
		{
			margin-left: 12px;
		}
	}
	
	&.pseudo
	{
		& > header
		{
			font-style: italic;
		}
	}
	
	&.hidden
	{
		& > header
		{
			display: none;
		}
	}
}