.tml-field {
	width: 200px !important;
}

.console {
	color: green;
}

.tableclear {
  border-width: 0px;
  border-color: transparent;
  pading: 20px;
}

h1, h1 a {
  font-weight: bold !important; 
  margin-top: 60px !important;
  margin-bottom: 30px !important;
  color: black !important;
  font-family: Serif !important;
  font-size: 32px !important;
}

h2, h2 a {
  font-weight: bold !important; 
  margin-top: 60px !important;
  margin-bottom: 20px !important;
  color: #234441 !important;
  font-family: Serif !important;
  font-size: 30px !important;
}

h2 .entry-title a  {
  color: #234441 !important;
}

.entry-summary {
  color: #234441 !important;
}

h3 , h3 a {
  font-weight: bold  !important;
  margin-top: 60px !important;
  margin-bottom: 20px !important;
  color: #79783B !important;
  font-family: Serif !important;
  font-size: 20pt !important;
}


h4 , h4 a {
  color: #63735D !important;
  font-weight: bold !important ;
  margin-top: 50px !important ;
  margin-bottom: 20px !important ;
  font-family: Serif !important;
  font-size: 18pt !important ;
}


h5 , h5 a {
  color: #53797D !important ;
  font-weight: bold !important ;
  font-family: Serif !important;
  margin-top: 40px !important ;
  margin-bottom: 20px !important ;
  font-size: 16pt !important ;
}

h6, h6 a {
  color: olive !important ;
  font-weight: bold !important ;
  font-family: Serif !important;
  margin-top: 40px !important ;
  margin-bottom: 20px !important ;
  font-size: 14pt !important ;
}

.blog_sec {
  border-width: 0px !important;
  /* background-color: yellow !important; */
}

.first_menu a {
  font-family: Arial, sans-serif !important;
  font-size: 18px !important;
}

.site-description {
  font-family: Arial, sans-serif !important;
  font-size: 20px !important;
}

.site-title h4 {
  font-color: white !important;
  font-family: Arial, sans-serif !important;
  font-size: 40px !important;
}


.my_text_font {
  color: black;
  font-family: Verdana, Helvetica, Georgia, Arial, sans-serif;
  font-size: 16px;
}

body p {
  color: black;
  font-family: Verdana, Helvetica, Georgia, Arial, sans-serif !important;
  font-size: 16px !important;
}

.no-bullets a {
  color: #363E3C;
}


p a {
  color: navy;
}

.banner_text {
  margin-top: 10%;
}

.banner_text h1 {
  color: white;
  font-size: 10px;
}

.title {
  color: green;
  margin-top: 30px;
  margin-bottom: 30px;
}


pre {
  font-family:  corbel, verdana, monospace;
  font-size: 14px;
  background: #F1F1F1; 
}


/** ===========================================================================================
tt.programlisting
@ .programlisting: used to wrap code .[:context:css_all;css;css_default;semantic_labels:] */
.programlisting {
	font-family: monospace, Verdana, "Bitstream Vera Sans", "Frugal Sans",	"Arial Black" !important;
	font-size: 18px !important;
	color: black !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	border-style: solid !important;
	border-width: 0px !important;
	border-color: #CCCCCC !important;
	background-color: white !important;
}


/** ===========================================================================================
tt.programlisting2
@ .programlisting2: used to wrap code .[:context:css_all;css;css_default;semantic_labels:] */
.programlisting2 {
	font-family: Verdana, "Bitstream Vera Sans", "Frugal Sans",	"Arial Black" !important;
	font-size: 13px !important;
	color: blue !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	border-style: solid !important;
	border-width: 0px !important;
	border-color: #CCCCCC !important;
	background-color: white !important;
}

/** ===========================================================================================
tt.programlisting3
@ .programlisting3: used to wrap code inside programlisting .[:context:css_all;css;css_default;semantic_labels:] */
.programlisting3 {
	font-size: 100% !important;
	padding: 3px !important;
	border-style: solid !important;
	border-width: 0px !important;
	background-color: black !important;
}

/** ===========================================================================================
tt.programboxing
@ .programboxing .[:context:css_all;css;css_default;semantic_labels:] */
.programboxing {
	color: black !important;
	font-size: inherit !important;
	padding: 3px !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #CCCCCC !important;
	background-color: white !important;
}

/** ===========================================================================================
tt.wrongprogramlisting
@ .wrongprogramlisting: used to wrap wrong code or not useful .[:context:css_all;css;css_default;semantic_labels:] */
.wrongprogramlisting {
	font-family: Monospace, Verdana, "Bitstream Vera Sans", "Frugal Sans",	"Arial Black" !important;
	font-size: 12px !important;
	color: gray !important;
	margin-top: 2px !important;
	margin-bottom: 5px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-bottom: 5px !important;
	padding-top: 5px !important;
	border-style: solid !important;
	border-width: 2px !important;
	border-color: brown !important;
	background-color: #f9e4e7 !important;
}

/** ===========================================================================================
tt.output
@ .output: output title used to an output from a code or snippet .[:context:css_all;css;css_default;semantic_labels:] */
.output {
	font-family: "Frugal Sans", "Arial Black" !important;
	font-size: 12px !important;
	color: green !important;
	text-align: inherit !important;
	font-weight: bold !important;
	background-color: #CCE8D1 !important;
	border-width: 0px;
}

/** ===========================================================================================
tt.outputlisting
@ .outputlisting: used to wrap code from an external output (for instance from prompt, pgms, etc) .[:context:css_all;css;css_default;semantic_labels:] */
.outputlisting {
	background-color: #F5FCB8 !important;
	padding: 5px !important;
	border-width: 0px !important;
}

/** ===========================================================================================
tt.outputlisting2
@ .outputlisting2: alternative used to wrap code from an external output (for instance from prompt, pgms, etc) .[:context:css_all;css;css_default;semantic_labels:] */
.outputlisting2 {
	color: #1fe547 !important; 		/* shinning green: #; */
	background-color: black !important;
	padding: 5px !important;
	border-width: 0px !important;
}