/*                   -.                         .-                  
	              _..-'(                       )`-.._              
	           ./'. '||\\.       (\_/)       .//||` .`\.           
	        ./'.|'.'||||\\|..    )o o(    ..|//||||`.`|.`\.        
	     ./'..|'.|| |||||\`````` '`"'` ''''''/||||| ||.`|..`\.     
	   ./'.||'.|||| ||||||||||||.     .|||||||||||| ||||.`||.`\.   
	  /'|||'.|||||| ||||||||||||{     }|||||||||||| ||||||.`|||`\  
	 '.|||'.||||||| ||||||||||||{     }|||||||||||| |||||||.`|||.` 
	'.||| ||||||||| |/'   ``\||``     ''||/''   `\| ||||||||| |||.`
	|/' \./'     `\./         \!|\   /|!/         \./'     `\./ `\|
	V    V         V          }' `\ /' `{          V         V    V
	`    `         `               V               '         '    '
*/

html, body, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { margin: 0; padding: 0; border: 0; }

a:link			{ text-decoration:none; color:#346BBE; font-weight:bold; padding:0; border:none; }
a:visited		{ text-decoration:none; color:#346BBE; font-weight:bold; padding:0; border:none; }
a:hover			{ color:green; padding:0; text-decoration:underline; border:none; }
a:active		{ text-decoration:none; color:#006; border:none; }

p				{ margin:0; padding:0; border:0; }
p.clear			{ clear:both; margin:0; padding:0; }
p.center		{ text-align:center; margin-left:auto; margin-right:auto; margin:0; padding:0; }

ol              { margin-left:10px; }
ul				{ margin:2px 0; }
li				{ padding:1px 0 1px 8px; }
div				{ padding:0; margin:0; }
h2				{ font-family:Avenir, Verdana;  font-size:large; }
pre				{ margin:0; padding:5px 0; font-family:Monaco; }
small			{ font-family:Avenir, Verdana;  font-size:small; }
td				{ font-family:Avenir, Verdana;  font-size:medium; text-align:left; }
#mail			{ visibility:hidden; }

.var			{ font-family:Monaco; color:#133; padding:1px; background:#ddd; }
.codeLanguage	{ float:right; color:#636; padding:0; margin:0 10px; font-size:medium; }
.OLDcodeCopy	{ margin:0; padding:2px; float:right; font-size:0.9em; font-weight:bold; text-align:right;
				  color:#667; background:white; border-left:1px dashed #ccc; border-bottom:1px dashed #ccc; }
.codeCopy		{ margin:2px 20px 0 0; padding:0 3px 0 0; float:right; font-size:large; text-align:right; background:#eee;
				  border-left:1px solid #aba; border-top:1px solid #aba; border-right:1px solid #aba;
				  -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; }
.justCode		{ font-family:Mensch, Monaco; font-size:medium; color:black; border:1px solid #333; clear:right; padding:0 3px; margin:10px 10px 10px 30px;
				  overflow:auto; width:90%; overflow-y:hidden;
				  background:white url(http://blog.hyperjeff.net/_templates/images/back/code2.png) repeat-y;
				  -webkit-border-radius:8px; -moz-border-radius:8px; }
/*.justCode pre	{ overflow: auto; overflow-y: visible; width: 800px; }*/
.code			{ font-family:Mensch, Monaco; font-size:small; color:black; border:1px solid #333; clear:right;
				  padding:0 3px; margin:0 10px 10px 30px;
				  overflow:auto; width:90%; overflow-y:hidden;
				  background:white url(http://blog.hyperjeff.net/_templates/images/back/code2.png) repeat-y;
				  -webkit-border-radius:8px; -moz-border-radius:8px; }
.copyable		{ font-family:Mensch, Monaco; font-size:medium; color:#113; border:1px solid #333; clear:right;
				  padding:0 3px 0 31px; margin:0 10px 10px 30px; text-overflow:clip; overflow:auto; width:90%;
				  background:#f9f9ff url(http://blog.hyperjeff.net/_templates/images/back/copyable.jpg) repeat-y; /* background-attachment:scroll; */
				  -webkit-border-radius:8px; -moz-border-radius:8px; }
.copyPaste      { display:none; }
.copyPasteLink  { float:right; background:#cff; font-weight:bold; }
.path 			{ font-style:italic; color:#383; }
.partial		{ margin:0; padding:2px 5px; background:#eee; border:1px solid #ccc; font-family:Monaco; font-size:medium; }

.block1	{ margin:10px 30px; padding:10px; font-family:Monaco; font-size:medium; color:yellow; background:#333; white-space:nowrap;
		overflow:auto; overflow-y:hidden; width:93%;
		-webkit-border-radius:6px; -moz-border:6px; -webkit-box-shadow:-5px 5px 5px rgba(100,100,100,0.5); -moz-box-shadow:-5px 5px 5px rgba(100,100,100,0.5); }
.block2	{ margin:10px 30px; padding:10px 10px 10px 40px; font-family:Monaco; font-size:medium; color:lightblue; background:black; white-space:nowrap;
		overflow:auto; overflow-y:hidden; width:90%;
		-webkit-border-radius:6px; -moz-border:6px; -webkit-box-shadow:-5px 5px 5px rgba(100,100,100,0.5); -moz-box-shadow:-5px 5px 5px rgba(100,100,100,0.5); }


.crossReferenceNormal    { background:#dde; }
.crossReferenceActive    { background:#fff060; }
.crossReferenceDivNormal { margin:1px 0; padding:0; border-top:1px dashed #dde; border-bottom:1px dashed #dde; background:#f8f8f8 url(http://blog.hyperjeff.net/_templates/images/back/code2xrefA.png) repeat-y; }
.crossReferenceDivActive { margin:0;     padding:0; border-top:2px solid #fff060; border-bottom:2px solid #fff060; background:#FAFFD9 url(http://blog.hyperjeff.net/_templates/images/back/code2xrefB.png) repeat-y; }

.commentReferences { float:right; font-size:small; }

.chartDiv		{ margin:0; padding:0; text-align:center; color:white; }
.chartTable		{ background:#246; border:1px solid black; }
.chartHeadRow	{ margin:0; padding:0; background:#667; }
.chartBodyRow	{ margin:0; padding:0; }
.chartHeadCell	{ margin:0; padding:3px 8px; border-bottom:2px solid black; border-right:1px solid black; }
.chartBodyCell	{ margin:0; padding:3px 8px; border-right:1px solid black; }

.caption		{ text-align:center; font-size:small; color:#225; margin:0; }
.comment		{ color:#999; font-size:smaller; font-family:Avenir, Verdana; }
.credit			{ font-size:x-small; margin:0; padding:0; }
.footnote		{ font-size:small; margin:0; padding:10px; background:#eee; border:1px solid #ddf; color:#334; -webkit-border-radius:10px; -moz-border-radius:10px; }
.foodnote a		{ text-decoration:none; }
.footnotes		{ font:small Garamond; }
.note			{ padding:10px; margin:10px; border:1px solid blue; color:black; -webkit-border-radius:10px; -moz-border-radius:10px; }
.notenote		{ color:#621; font-weight:bold; }
.reference		{ font-size:medium; margin:0; padding:10px; background:#E8FEFE; border:1px solid #C5CDFE; }
.email			{ background:#ff0 }
.hidden			{ font-size:xx-small; color:white; }
.rant			{ font-family:Cochin, Verdana; font-size:large; }
.status			{ }
.strikethrough  { text-decoration:line-through; color:#777; font-style:italic; }
.tex			{ background:white; padding:4px; margin:2px; border:1px solid #cfa; vertical-align:middle; }
.texraw			{ background:white; padding:10px; margin:2px; border:1px solid #cfa; color:#393; font-family:Courier; display:none; }
.update         { color:green; font-style:italic; }
.imageFull      { text-align:center; }
.imageExt		{ margin:1px; padding:5px; }

.imageLeft   { float:left; padding:10px; }
.imageRight  { float:right; padding:10px; }

.center { vertical-align:bottom; }

#date			{ font-size:xx-small; color:#003; margin:0 0 1em 0; }
#logo			{ vertical-align:bottom; }
#refresh 		{ font-size:xx-small; float:right; margin:0 2em 0 10em; }
#status			{ list-style:upper-roman; margin-left:10px }
#status li		{ margin-bottom:5px; }

#googleAdsHorizontal	{ text-align:center; margin-left:auto; margin-right:auto; margin:0; padding:0; }
.googleLeadin			{ font-size:small; }

.quote	{ border:1px dotted #aaa; background:white; padding:0 10px 5px 20px; width:80%; margin-left:5%; }
.sectionHeader { font-size:x-large; border-bottom:1px solid green; margin:10px 10px 0px 10px; padding:1px; font-family:Marker Felt; }
.sectionHeader a { border-bottom:0px; }
.sectionHeader a:hover { border-bottom:0px; }

/*	Master page styles */
	
	/*
		#DBCBB4 -- bg1
		#E0C5FE -- bg2
		#CED1E2 -- bg4
	*/
	
body				{ font-family:Avenir, Verdana; font-size:small; background:white; } /* #DEEAF8 url(http://blog.hyperjeff.net/_templates/images/back/bg9.jpg) repeat; margin:5px 5px; } */
	#navbar			{ margin:20px 0 20px 30px; padding:0 0 3px 0; text-align:left; list-style:none; line-height:1.25em; } /* font-variant:small-caps; */
	#navbar a		{ color:white; padding:0 0 3px 0; margin:0; text-decoration:none; } /*text-shadow:5px 4px 17px #338; }*/
	#navbar a:hover { color:#cfc; padding:0 0 5px 0; margin:0; }
	#navbar li		{ display:inline; text-align:center; padding:0 0 3px 0; margin:0; }
	#home 			{ font-size:x-large; border-right:1px solid black; border-left:1px solid black; }
	#home a         { color:black; }
	#home a:hover   { color:black; }
	.nothome		{ background:#4E78A2; }
	#logoImage		{ border:none; }
		#search		{ text-align:right; font-size:small; }
		#body		{ margin:0 1em 0 1em; }

/*	Blog entry styles */
/* blog: background: #EEF3F9 */
/* blog border color: #cce */
.blog						{ color:#000; font-size:large; margin:0 20px 20px 20px; float:center; }
/*								-webkit-border-radius:10px; -moz-border-radius:10px; max-width:1000px; float:left; border:2px solid black; background:white; padding:12px; }*/
	.moreBlogItem			{ margin:5px 0px; }
	.blogItem				{ margin:10px 0px 20px 0px; }
		.blogHeading		{ margin-bottom:2px; padding:2px 0px; background:linear-gradient(to right, #D7DFEA, rgba(255,255,255,0)); } /* border-bottom:2px solid #aac; */
			.blogDate		{ font-weight:bold; font-size:smaller; background:#A7B3C9; padding:4px 10px 3px 5px; color:white; }
			.wideDate       { float:left; width:180px; margin-right:10px; vertical-align:sub; }
			.blogTitle 		{ color:#036; font-weight:bold; font-size:large; }
			.blogTitle a:hover { text-shadow:3px 3px 3px #bdb; text-decoration:none; }
			#blogEditLink	{ font-size:small; margin-left:100px; }
			.audio			{ margin:4px 6% 0 0; float:right; padding:2px; }
			.audio img		{ border:0; }
			.audio a:hover	{ background:transparent; }
		.blogInfo			{ margin:0 0 22px 0; }
			.blogModified	{ color:#55a; font-size:small; }
			.blogSubject	{ font-size:small; float:right; }
		.blogImage			{ float:right; padding:0; margin:2px 3px 5px 15px; clear:right; }
		.blogImageShadowed	{ float:right; padding:0; margin:2px 3px 5px 15px; clear:right; box-shadow:-5px 5px 5px rgba(0,0,0,0.5); }
		.blogText			{ font-family:Avenir; font-size:medium; margin-bottom:20px; max-width:1100px; }
		notyetp:first-letter { font-size:large; color:#d88; }
		.codeText			{ font-family:Avenir; font-size:large; padding-top:20px; }
/*		.blogText a			{ border-bottom:1px solid #99c; }
		.blogText a:hover	{ border-bottom:1px solid #9c9; text-decoration:none; } */
		.blogText ul		{ list-style:circle; background:white; margin:20px; border:1px solid #ccf; -webkit-border-radius:5px; -moz-border-radius:5px; }
		.blogText ol		{ background:white; margin:0; padding:0 20px; border:1px solid #ccf; -webkit-border-radius:5px; -moz-border-radius:5px; }
		.blogText li		{ margin:20px 5px; }
		.blogSnippet		{ font-family:Avenir; font-size:medium; margin-top:5px; margin-bottom:10px; }
		.blogSnippet p		{ margin:0 0 16px 0; padding:0; }
		.blogRSS			{ clear:right; margin:15px 0 0 0; padding:0; }
		.commentCount		{ color:#264; font-size:small; }
		.moreCommentCount	{ color:#264; font-size:small; text-align:right; }

.blogEdit input:focus, textarea:focus	{ background:#ffa; }

/*	Forum comments styles   */
#fieldset				{ text-align:center; padding:10px 0 0 0; min-width:500px; max-width:1000px; margin: auto; width: 80%; }
	legend				{ background:#eee; border:#26a solid 1px; padding:1px 30px; margin-left:80%; }
	#wrapper 			{ border:#D1E3C8 solid 1px; margin:14px; padding:0; font-size:small; text-align:center; list-style:none; }
	#wrapper li			{ margin:0; padding:0; background:white; border-bottom:1px solid #D1E3C8; }
	/* #wrapper li:hover	{ border:#B5B7C5 solid 2px; padding:0; } */
		.whowhen		{ font-size:smaller; text-align:left; padding:5px 8px 5px 8px; }
		#whowhen		{ text-decoration:underline; }
			.name		{ font-size:medium; font-weight:bold; color:#000; margin-right:.2em; text-shadow:#ccc 3px 3px 3px; }
			.name a		{ font-size:medium; }
			.date		{ font-size:small; color:#787; float:right; }
		.message		{ font-size:medium; background:white; text-align:left; padding:8px; margin:0; }
		.message ol		{ list-style:lower-roman; margin:0 0 0 25px; padding:1px; }
		.message ul		{ list-style:circle; margin:0 0 0 25px; padding:1px; }
		.commentList	{ list-style:circle; margin:3px 0 0 30px; padding:1px; }
		.commentList li	{ display:list-item; margin:0px; padding:1px; }
/*
		.commentListO	{ list-style:lower-roman; margin:3px 0 0 30px; padding:1px; }
		.commentListO li{ display:list-item; margin:0px; padding:1px; }
*/

.commentBox			{ background:#224; padding:4px; color:white; margin-left:auto; margin-right:auto; }
.commentBox a		{ color:#aaf; font-size:smaller; }
.commentBox a:hover	{ background:#224; color:white; padding:0; margin:0; text-decoration:none; }
.commentBox input:focus, textarea:focus { background:#ffa; }
.commentField 		{ background:white; }
.commentRequired	{ color:#5b7eef; }

.commentBox2         { background:white; padding:4px; color:#224; margin-left:auto; margin-right:auto; border:1px solid #689; margin-top:20px; }
.commentBox2 a       { color:#669; font-size:medium; }
.commentBox2 a:hover { background:#aac; color:#88a; padding:0; margin:0; text-decoration:none; }
.commentBox2 input:focus, textarea:focus { background:#ffa; }
.commentField2       { background:#f2f7ff; }
.commentRequired2    { color:#aac; }

.commentBox4         { background:white; padding:4px; color:#224; margin-left:auto; margin-right:auto; border:1px solid #486264; }
.commentBox4 a       { color:#669; font-size:medium; }
.commentBox4 a:hover { background:#aac; color:#88a; padding:0; margin:0; text-decoration:none; }
.commentBox4 input:focus, textarea:focus { background:#ffa; }
.commentField4       { background:#f2f7ff; }
.commentRequired4    { color:#a22; }

#addComment { }
#addCommentText:hover { cursor:pointer; color:green; }
#addCommentArea { display:none; }

/*
	Display types: 		inline, block, list-item, run-in, compact, marker, table, inline-table, table-..., none, inherit
	list-style-type:	disc, circle, square, decimal(-leading-zero), (upper, lower)-(roman, alpha, latin), ...
*/

#allowedTagsLink		{ cursor:pointer; }
#allowedTagsLink:hover	{ background:#ffa; }

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {
	.blogText { font-size:large; }
}
/*
@media only screen and (device-width: 768px) {
	.blogText { font-size:small; }
}

@media only screen and (device-width: 768px) {
	.blogText { font-size:small; }
}

@media only screen and (max-device-width:320px) {
	.blogText { font-size:small; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	.blogText { font-size:small; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	.blogText { font-size:small; }
}
*/