/*
	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%;
		}


		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;
			border-width   : 1px;
			border-color   : #af7c77;
			text-align     : center;
		}


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






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

	#tekArticle{
		background-color  : #FFE8D7;

		padding           : 30pt;
		margin            : 10pt 10pt 10pt 10pt;

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


	/*--(( 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.question + p.answer,
		#tekArticle p.answer + p.question,
		#tekArticle p.question + p.question{
			text-indent      : 0em;
		}
	
	 
	 
		#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 .coda{
				color          : #685520;
				font-size      : 110%;
				text-align     : center;
				line-height    : 200%;

				margin         : 0px 24px 14px 24px;
			}

			#tekArticle .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{
			border-width      : 2px;
			border-style      : dotted;
			border-color      : #5a2f0f;
			background-color  : #ffbc77;
			padding           : 5px;
		}







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

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

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

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

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


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

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

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

			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 | 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 10pt 10pt 10pt;

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

	/*--(( 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 ))--*/