@import url("scherm.css");



/*** First some overriding of scherm.css declarations ***/

body{
	background: #fff;
	color: #000;
	font: 12px/1.5 verdana, sans-serif;
}
a{
	border: none !important;
	color: #00f !important;
	text-decoration: underline !important;
}
a:hover{
	color: #c00 !important;
	text-decoration: none !important;
}
h2{
	margin-bottom: 1em !important;
	font: normal 1.3em arial, sans-serif !important;
}
del{
	text-decoration: line-through;
}
ins{
	text-decoration: underline;
	color: green;
}

/**********
Align right=align-right;Dictionary item=dictionary;Introduction (paragraph)=intro;Wikipedia article=wikipedia
**********/


/*** Then the (copied) CLASSes from scherm.css that need to be in the WYSIWYG's drop-down ***/

.about{			/*	#primary a.about	*/
	padding: 0 30px 10px 0;
	border: none;
	line-height: 20px;
	background: url(../images/more-about.png) right top no-repeat;
}
.align-right{
	text-align: right;
}
.align-center{
	text-align: center;
}
.amharic{			/* wysiwyg */
	font-family: 'ethiopic wookianos', 'ethiopia jiret', 'ethiopic washra bold', 'ethiopic hiwua', 'ethiopic yebse', 'ethiopic fantuwua', 'ethiopic tint', sans-serif;
}
.autocolumn{		/* table.autocolumn */
	table-layout: auto;
	width: auto;
	max-width: 100%;
}
.clear{
	clear: both !important;
}
div.clear{
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	line-height: 0 !important;
}
.column{
	float: left;
	width: 48%;
}
.columns{}
.dictionary{		/* a.dictionary */
	padding-left: 20px;
	background: url(../images/icon_book.png) left top no-repeat;
}
.float-left{ float: left; margin: 3px 15px 20px 0 !important; }
.float-right{ float: right; margin: 3px 0 15px 15px !important; }
.float-center{ margin-right: auto !important; margin-left: auto !important; }
.highlight{		/* #primary div.highlight, #primary p.highlight, #primary li.highlight */
	background-color: #ffc;
	color: #c90030;
}
.img{				/* a.img */
	border: none;
}
strong.important{
	padding-right: .5em;
	padding-left: .5em;
	font-style: italic;
	font-family: 'lucida sans', tahoma, calibri, sans-serif;
	letter-spacing: 0.1em;
	background-color: #c90030;
	color: #fff;
}
div.important, 
p.important{
	clear: both;
	margin-bottom: 1em;
	padding: .1em 2em .5em;
	background-color: #d9f3ea;
	color: #000;
}
.intro{			/* #primary p.intro */
	font-size: 1.333em;
	font-style: italic;
	line-height: 1.25;
	margin-bottom: .5em;
background-color: gold;
}
.lower-alpha{		/* ol.lower-alpha */
	list-style-type: lower-alpha;
}
.more{				/* #primary a.more */
	font-weight: bold;
}
.no-border{			/* for a's surrounding an image */
	border: none !important;
}
.odd{				/* tr.odd */
	background: #f9f7e5;
}
.right{			/* .column.right */
	float: right !important;
}
.section{			/* #primary h2.section */
	margin-bottom: 0;
	margin-left: -15px;
	padding: 5px 0 5px 15px;
	min-height: 29px;
	overflow: visible;
	background: #fff url(../images/h2-decoration_square.png) 0 0 no-repeat;
}
.term-float{		/* #primary dl.term-float dt */
	float: left;
}
.term-wide{		/* #primary dl.term-wide dd */
	padding-left: 6em;
}
.wikipedia{		/* a.wikipedia */
	padding-left: 20px;
	background: url(../images/icon_wikipedia.png) left top no-repeat;
}



/* TinyMCE WYSIWYG styling
------------------------------------------- */

li{
	margin-left: 25px !important;
	list-style-type: disc !important;
}
ol li{
	list-style-type: decimal !important;
}