/***

	  8           88                      88e
	 88          888                      888
	888   88888  888   888 88888  888  88e888  88888   888  8888 8888  888 888
	8888 888 888 888  888 888 888 888 888 888 888 888 888  888 888 888 888 888
	888  888 888 888 888  888 888 888 888 888 888 888 888  888 888 888 888 888
	888  8888888 888888   888 888 888 888 888 8888888 888  888 888 888  88888
	888  888     888 888  888 888 888 888 888 888     888  888 888 888   888
	888  888 888 888  888 888 888 888 888 888 888 888 888  888 888 888   888
	 8888 88888  888   888888 888 888  88888   88888  888  888 888 888   888


	for the curious ones, in order to prevent incorrect
	style-inheritance, articles are stuck into a div
	with id=tekArticle. This way each style specified
	below will only apply inside that div.

	And while I'm at it, a list of special characters,
	I use in articles. Use the hex value:

	  em dash (--)			—   —
	  left double quote		“   “
	  right double quote		”   ”
	  horizontal hellipsis (...)	…  …

***/

@import url("enhanced.css");




/*--(( global ))--*/

	/*--(( global | overloading ))--*/

		body{
			background-color    : #af7c77;
			color               : black;

			padding             : 10pt;

			font-family         : Trebuchet MS, Helvetica, sans-serif;
			font-size           : .96em;
			line-height         : 180%;
		}

		p{
			margin              : 0px;
		}


		a{
			color               : #5a2f0f;
			text-decoration     : none;
		}
		
		h1{
			font-family         : Palatino Linotype, Times New Roman, serif;
		}



	/*--(( global | classes ))--*/

		.action{
			color          : #7a2f0f;
		}

		.me{
	   	color          : #BF6C57;
			font-weight    : bold;
		}

		.centerBox{
			font-family    : Tahoma, MS Sans Serif, sans-serif;
			margin         : 0px auto;
			padding        : 0px;
			border-width   : 1px;
			border-color   : #af7c77;
			border-style   : solid;
			text-align     : center;
		}
		
		.centerBox p{
			margin         : 0px auto;
			max-width      : 64em;
		}
		
		.centerBox img + p{
			margin-top     : -40px;
		}

		.menuBovenBox{
			margin         : 0px auto 2px auto;
			text-align     : center;
			border-width   : 0px 0px 3px 0px;
			border-style   : solid;
			border-color   : #9F8C57;
			font           : inherit;
			max-width      : 70em;
		}

		.menuOnderBox{
			margin         : 2x auto 0px auto;
			text-align     : center;
		}
		
/*--(( /global ))--*/






/*--(( tekArticle))--*/

	#tekArticle{
		background-color  : #FFE8D7;

		padding           : 30pt;
		margin            : 0px auto 10pt auto;

		border-width      : 8px 2px 8px 2px; 
		border-style      : solid; 
		border-color      : #8f6c57;

		font              : inherit;		
		max-width         : 64em;
	}


	/*--(( tek | overloading ))--*/

		#tekArticle a{
			color             : #ba8f6f;
		}

		#tekArticle b{
			font-weight       : bold;
		}

		#tekArticle small{
			/* emoticons */
			font-size         : 80%;
			font-weight       : bold;
			color             : #ba8f6f;
		}

		#tekArticle blockquote{
			color             : #6f5c27;
			font-weight       : lighter;
			font-style        : italic;
			margin            : 1em 2em 1.5em 2em;
			text-indent       : 1em;
		}

		#tekArticle h1{
			color             : #af7c57;
			font-size         : 260%;
			line-height       : 120%;
			text-align        : center;

			margin            : 36px 24px 12px 24px;
		}

		#tekArticle h2{
			color             : #896040;

			font-size         : 140%;
			line-height       : 200%;
			text-align        : center;

			margin            : 0px 24px 12px 24px;
		}

	 #tekArticle h3{
	    color		: #7a4f2f;
	    font-size		: 120%;
	    margin		: 24pt 0pt 8pt 0pt;
	 }

		#tekArticle hr{
			border-width      : 1px 0px 0px 0px;
			border-style      : solid;
			border-color      : #af7c57;

			width             : 60%;
			height            : 1px;
			margin-top        : 14px;
			margin-bottom     : 8px;
		}

	 #tekArticle code{
	    color		: #8a5f3f;
	    font-weight		: bold;
	 }

	 #tekArticle tt{
	    color		: #af7c77;
	    font-weight		: bolder;
	 }

	 #tekArticle dt{
	    font-size		: 105%;
	    font-weight		: bold;
	    color		: #af7c47;
	 }

	 #tekArticle abbr{
	    border		: 0px none black;
	 }







		#tekArticle p{
			color            : #3A0F00;
			margin           : 1px;
			text-align       : justify;
		}

		#tekArticle p + p{
			text-indent      : 2em;
		}

		#tekArticle p.answer + p.question,
		#tekArticle p.question + p.answer{
			text-indent      : 1em;
			margin-top       : 1px;
		}
		
		#tekArticle p.question + p.question{
			margin-top       : 1px;
		}
	
	 
	 
		#tekArticle ul li{
			list-style-type  : square;
			color            : #af7c47;
		}
	 
		#tekArticle ol li{
			color            : #af7c47;
		}
	 
		#tekArticle li p{
			text-indent      : 0pt;
			margin-bottom    : 8pt;
			color            : black;
		}



	/*--(( classes ))--*/

		/*--(( general ))--*/ 

			#tekArticle .intro,
			#tekArticle .intro p,
			#tekArticle .coda,
			#tekArticle .coda p{
				color          : #685520;
				font-size      : 110%;
				text-align     : center;
				line-height    : 200%;

				margin         : 0px 24px 14px 24px;
			}
			
			#tekArticle .intro p{
				margin-top     : 0px;
				margin-bottom  : 0px;
			}
			

			#tekArticle .signed,
			#tekArticle p.signed{
				text-align     : right;
				margin         : 24px;
				color          : #8D3A25;
				font-size      : 110%;
			}

			#tekArticle .headerBox{
				text-align     : center;
			}



		/*--(( articles ))--*/ 



		/*--(( interviews ))--*/ 

			#tekArticle .question{
				color          : #3a0f00;
				font-weight    : 600;
			/*	margin-top     : 14pt;*/
			/*	margin-bottom  : 4pt;*/
			}

			#tekArticle .answer{
				color          : #5a2f0f;
			}

			#tekArticle .action{
				color          : #7a2f0f;
			}

			#tekArticle .name1{
				color          : #af7c57;
			}
			#tekArticle .name2{
				color          : #bf6c57;
			}
			#tekArticle .name3{
				color          : #9f8c57;
			}
			#tekArticle .name4{
				color          : #af7c47;
			}
			#tekArticle .name5{
				color				: #8f6c57;
			}
			#tekArticle .name6{
				color          : #af7c77;
			}








		 #tekArticle .exampleBox{
		    border-width	: 2px;
		    border-style	: dashed;
		    border-color	: #8f6c57;
		    background		: #ffe8d7;
		    margin		: 10pt;
		    padding		: 0pt 5pt 0pt 10pt;
		  /*text-align		: center; */
		 }


		#tekArticle .imageBox{
			margin            : 2em 20pt;
			padding           : 8px;
			border-width      : 1px 0px;
			border-style      : solid;
			border-color      : #B88560;
			text-align        : center;
		}

		#tekArticle .imageBox img{
			background-color  : #CCAD94;
			border-width      : 2px 0px;
			border-style      : solid;
			border-color      : #B88560;
			padding           : 4px 18px;
			margin            : 2px 24px;
		}


/*--(( tekComment ))--*/

	#tekComment{
		font-family         : Trebuchet MS, Helvetica, sans-serif;
		font-size           : .96em;
		line-height         : 180%;

		color               : #3A0F00;
		background-color    : #9F8C57;

		padding             : 0pt;
		margin              : 0pt auto 10pt auto;

		border-width        : 8px 2px 8px 2px; 
		border-style        : solid; 
		border-color        : #8f6c57;
		
		max-width           : 64em;
	}


	/*--(( tekComment | classes ))--*/

		#tekComment .comment{
			padding          : 0pt 30pt 0pt 30pt;
			margin           : 0px;
		}

		#tekComment .signed{
			text-align       : right;
			background-color : #D6AB8B;

			padding          : 0pt 10pt 0pt 10pt;

			border-width     : 1px 0px 0px 0px;
			border-style     : solid;
			border-color     : #af7c57; 
		}

		#tekComment .name{
			font-weight      : bold;
		}

		#tekComment .date{
			font-family      : Palatino Linotype, Times New Roman, serif;
			font-weight      : bold;
			color            : #8f6c57;
		}
		
		#tekComment .options{
			padding          : 0pt 30pt 0pt 10pt;
		}

		#tekComment .submit{
			color               : #5a2f0f;
			background-color    : #af7c57;

			font-family         : Trebuchet MS, Helvetica, sans-serif;
			font-weight         : 600;
			line-height         : 1em;

			border-width        : 0.01px 0.01px 0.01px 2px;
			border-style        : solid;
			border-color        : #89604;
		}


		/*--(( tekComment | classes | userlevels ))--*/

			#tekComment .anonymous{
				background-color  : #FFBC77;
			}

			#tekComment .member{
				background-color  : #BA8F6F; 
			}

			#tekComment .bunny{
				background-color	: #B9A671; 
			}


/*--(( /tekComment ))--*/





/*--(( tekCommentField ))--*/

	#tekCommentField{
		font-family         : Trebuchet MS, Helvetica, sans-serif;
		font-size           : .96em;
		line-height         : 180%;
		text-align          : center;

		color               : black;
		background-color    : #9F8C57; /* #FFE8D7;*/

		padding             : 10pt 30pt 0pt 30pt;
		margin              : 0pt auto 4px auto;

		border-width        : 8px 2px 8px 2px; 
		border-style        : solid; 
		border-color        : #8f6c57;
		
		max-width           : 64em;
	}
	

	/*--(( tekCommentField | overloading ))--*/

		#tekCommentField table{
			width            : 85%;
			text-align       : left;
		}
		
		#tekCommentField td{
			vertical-align   : top;
			padding-right    : 12px;
		}




	/*--(( tekCommentField | classes ))--*/

		#tekCommentField .input{
			font-family         : Trebuchet MS, Helvetica, sans-serif;

			width               : 95%;
			padding             : 0.01px 10px 0.01px 12px;

			color               : #5a2f0f;
			background-color    : #A89560;

			border-width        : 0.01px 0.01px 0.01px 2px;
			border-style        : solid;
			border-color        : #896040; 
		}

		#tekCommentField .submit{
			color               : #5a2f0f;
			background-color    : #af7c57;

			font-family         : Trebuchet MS, Helvetica, sans-serif;
			font-weight         : 600;
			line-height         : 1em;

			border-width        : 0.01px 0.01px 0.01px 2px;
			border-style        : solid;
			border-color        : #896040; 
		}

		#tekCommentField .title{
			font-family         : Trebuchet MS, Helvetica, sans-serif;
			font-weight         : bold;
			text-align          : right;

			color               : #8F6C57;
			width               : 100px;
		}


/*--(( /tekCommentField ))--*/