article { padding:4px 10px 4px 10px; }
body {margin:0; font-family:Arial, Helvetica, san-serif; background:lightgray;}
code { font-family:monospace; color:blue;}
footer { text-align:center; font-size:.8em; padding:8px;}
#Google468Ad { text-align:center; }
h1, h2, h3, h4 { color:#0071D8; }
header{ background:#CC9966; padding:8px 20px 8px 20px; margin:0px; }
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#wrap{ width:960px; min-width:960px; margin:auto; padding:auto; background:white;}

/* Links */
#main a:link{ text-decoration:none; color:#0000FF;}
#main a:visited{ text-decoration:none; color:#0000FF;}
#main a:hover{ text-decoration:underline; }
footer a:link { text-decoration:none; color:#0000FF;}
footer a:visited{ text-decoration:none; color:#0000FF;}
footer a:hover{ text-decoration:underline; }

#main{ margin:4px 160px 4px 80px; }

  
nav {padding:0px 0px 0px 0px; margin:0;}
nav ul{ list-style-type: none; margin:4px 0px 4px 0px; padding:0;}
nav ul li { display:inline; }

#PageTitle{ font-size:2.5em; padding:4px 20px 4px 120px; font-family:'Times New Roman', Times, Serif; }
.blue{color:blue;}
.posts { width:80%;}
.sitenav { padding:0px 0px 0px 0px; margin:0px 20px 0px 115px; }
.sitenav ul{ list-style-type: none; margin:4px 0px 4px 0px; padding:4px;}
.sitenav ul li { display:inline; }
.tagline { color:green; }
.source { font-family:Monaco, Courier, "Courier New", monospace; color:blue; }

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}


.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }
.bigrounded { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
.large { font-size: 18px; padding: .4em 1.5em .42em; }
.medium { font-size: 12px; padding: .4em 1.5em .42em; }
.small { font-size: 11px; padding: .2em 1em .275em; }

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

.white a:link{color:black !important;}
.white a:visited{color:black !important;}


/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* Syntax Highting for JEdit Code2HTML */
.syntax0 { color: #000000; }
.syntax1 { color: #009900; font-style: italic; }
.syntax2 { color: #009900; font-style: italic;}
.syntax3 { color: #990099; }
.syntax4 { color: #990099; font-style: italic; }
.syntax5 { color: #990033; font-weight: bold; font-style: italic; }
.syntax6 { color: #0000cc; font-weight: bold; }
.syntax7 { color: #0000cc; font-weight: bold; }
.syntax8 { color: #0000cc; font-style: italic; }
.syntax9 { color: #009999; }
.syntax10 { color: #0000cc; font-weight: bold; }
.syntax11 { color: #000000; font-weight: bold; }
.syntax12 { color: #666600; }
.syntax13 { color: #ff0000; }
.gutter { background: #ffffff; color: #000000; }
.gutterH { background: #ffffff; color: #000066; }

/* Updated syntax highlighting for JEdit 4.5 Code2HTML */
.syntax-NULL {color: #000000;}
.syntax-COMMENT1 { color: #009900; }
.syntax-COMMENT2 { color: #ff8400; }
.syntax-COMMENT3 { color: #6600cc; }
.syntax-COMMENT4 { color: #cc6600; }
.syntax-DIGIT { color: #ff0000; }
.syntax-FUNCTION { color: #9966ff; }
.syntax-INVALID { background: #ffffcc; color: #ff0066; }
.syntax-KEYWORD1 { color: #006699; font-weight: bold; }
.syntax-KEYWORD2 { color: #009966; font-weight: bold; }
.syntax-KEYWORD3 { color: #0099ff; font-weight: bold; }
.syntax-KEYWORD4 { color: #66ccff; font-weight: bold; }
.syntax-LABEL { color: #02b902; }
.syntax-LITERAL1 { color: #ff00cc; }
.syntax-LITERAL2 { color: #cc00cc; }
.syntax-LITERAL3 { color: #9900cc; }
.syntax-LITERAL4 { color: #6600cc; }
.syntax-MARKUP { color: #0000ff; }
.syntax-OPERATOR { color: #000000; font-weight: bold; }
.gutter {
  background: #dbdbdb;
  color: #000000;
  border-right: 2px solid black ;
  margin-right: 5px ;
}
.gutterH {
  background: #dbdbdb;
  color: #990066;
  border-right: 2px solid black ; 
  margin-right: 5px ;
}