body {
	background-color: #555555;
	padding: 0;
	margin: 0;
	color: #555555;
	xfont-size: 100%;
	font-family: helvetica, arial;
        margin-left: 0px;
        margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
body div {
	border-color: #aaa;	
}

.srch {
	text-align: center;
	margin: 0 auto;
	width: 230px;
	padding-left: 7px;
	padding-top: 15px;
}

#ratingForm {
	visibility: hidden;
        z-index: 5;
        top: 0px;
        left: 0px;
        position: absolute;
}

#start {
	display: none;
}

a {
	font-weight: bold;
	text-decoration: none;	
	color: #4444dd;
}
a:hover {
	text-decoration: underline overline;
}

p {
	margin-top: 0px;
}

.blogEntry h3 {
	margin-bottom: 0px;
}

.left {
	float: left;
}
.right {
	float: right;
}

#f1 {
	xbackground-color: blue;
	xbackground: url(lshade.jpg) left top repeat-y;
}
#f2 {
	xpadding-left: 8px;
	xpadding-right: 8px;
	xbackground: url(rshade.jpg) right top repeat-y;
}

#frame {
	border: 1px solid #888;;
	background-color: #fafafa;
	border-top: none;
 	 box-shadow: 0px 5px 40px rgba(0,0,0,0.8);
  	-moz-box-shadow: 0px 5px 40px rgba(0,0,0,0.8);
  	-webkit-box-shadow: 0px 5px 40px rgba(0,0,0,0.8);
}

#header {
	background: url('bg.jpg');
	height: 100px;
	color: white;
	border-bottom: 2px solid #7ABD63;
}

div#breadcrumb {
	border-bottom: 1px solid;
	background-color: #eeeeee;
	padding: 3px 3px 3px 3px;
        font-size: 6px;
        display: none;
}

span.smalltext {
	font-size: 75%;
}

#blogTitle {
	font-size: 40px;
	font-weight: bolder;
	filter:Alpha(Opacity=90);-moz-opacity:0.9; opacity: 0.9;
	position: relative;
	top: 35%;
	left: 10%;
	display: inline;
}

#blogTitle a {
	color: white;
	text-decoration: none;
}

#leftSpace {
	width: 100%;
	float: left;
	border-right: 3px solid #eee;
	background-color: #ffffff;
}
#rightSpace{
	margin-left: 75%;;
	display: none;	
}


#footer {
	clear: both;
	text-align: center;
	font-size: 10px;
	border-top: 1px solid #aaa;
	padding: 5px 0px 5px 0px;
	background-color: #eeeeee;
	height: 10px;
	margin-bottom: 0px;
}
/* blog entry */
div.blogEntry {
	margin: 10px 10px 20px 10px;
        border-bottom: 2px solid #eee;

}

div.entryHeader {
	padding: 7px 10px 7px 10px;
}
div.entryHeader h1 {
	font-weight: bold;
	font-size: 120%;
	display: inline;
}


div.entryContent {
	padding: 0px 12px 10px 16px;	
	line-height: 148%;
}
div.entryContent a {
	font-weight: normal;
}

div.entryContent ol {
	margin-top: 5px;
	margin-bottom: 5px;
}

span.entrydate {
	font-size: 95%;	
	display: block;
	margin: 5px 0px 5px 0px;
	color: #555555;
}

span.readmore a {
	display:block;
	font-weight: bold;
	
}

div.entryFooter {
	padding: 5px 7px 5px 7px;
	border-top: 1px solid #ddd;	
	border-bottom: 1px solid #ddd;	
	font-size: 100%;
	font-weight: bold;
}


div.entryComment {
	border-top: 1px solid #ddd; 
	clear: both;
	margin: 5px 0px 10px 0px;
}

div.commentHeader {
	margin-top: 0px;
	font-weight: bold;
}


div.commentBody, div.commentAdd {
	margin-left: 180px;
	padding-top: 10px;	
}
.entryComment h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
}
.commentAdd form {
	padding-top: 10px;
}


.commentMeta {
	float: left;
	width: 160px;
	overflow: hidden;
	padding: 10px 10px 5px 10px;
	overflow: hidden;
}
.commentMeta img, .commentMeta .placeholder {
 	display: inline;
	border: 1px solid #aaa;
	margin-bottom: 3px;
	background-color: #f8f8f8;
	vertical-align: text-top;
	margin: 0px 5px 5px 0px;
	padding: 0px;
	float: left;
}
.commentMeta .placeholder {
	display: nonex;
	float: left;
	width: 38px;
	height: 38px;
}


.commentMeta .author {
	margin-left: 40px; 
	display: block;
}
.commentMeta .entrydate {
	margin: 0px 0px 10px 0px;
}


div.commentBody A {
   font-weight: normal;
}


input.comment{
	width: 200px;
}
textarea.comment {
	width: 75%;	
	height: 100px;	
}

div.entryFooter span {
	margin: 0px 5px 0 5px;	
}


span.textlabel {
	font-weight: bolder;
	color: #333333;	
}


/* Toolbox */
div.toolbox {
	xmargin: 10px 10px 10px 10px;
	margin-right: 0px;
	margin-left: 0px;	
}

div.toolboxHeader {
	ybackground-color: #444444;
	yfilter: 
progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#777777,endColorStr=#444444);
	yborder-bottom: 2px solid #777777;
	xborder-top: 1px solid #ddd;
	height: 15px;
	ypadding: 7px 10px 7px 10px;
	padding: 12px 10px 2px 10px;
	ycolor: white;
	font-weight: bold;
	font-size: 100%;
	yfont-size: 85%;
	xdisplay:none;
}

div.toolboxBody {
	padding: 10px 12px 10px 12px;	
	background-color: #fafafa;
	font-size: 82%;
}


code, div.xml {
	xfont-family: monospaced;
	background: #fafafa;
	border: 1px solid #dddddd;
	font-size: 12px;
        margin: 6px 12px 6px 12px;
	white-space: pre;
	overflow: auto;
}
code {
	font-family: monospace;
	display: block;
	padding: 5px 5px 5px 5px;
}

code.pseudo {
	white-space: pre;
	border: 1px solid #ddd;
	margin: 0px 0px 10px 5px;
	padding: 7px 10px 7px 10px;
	color: #444;
	margin-top: 0px;
	display: block;
}
code.pseudo i {
	font-style: normal;
	color: #00aa00;
}
code.pseudo u {
	color: #0000ff;
	text-decoration: none;
}
code.pseudo b {
	font-weight: bolder;
}

code.inline {
	display: inline;
	margin: 0;
	border: none;
	background: none;
}







div.xml {
	padding: 4px 0px 4px 0px;
}

div.xml div {
	margin: 0px 0px 0px 20px;
}
div.xml > div {
	margin-left: 10px;
}

div.xml b {
	font-weight: normal;
	xcolor: #000099;
}

table.calendar {
	font-size: 80%;
	border: 1px solid #ccc;
	background-color: white;
}
table.calendar th, table.calendar td {
	text-align: center;
}

table.calendar th {
	background-color: #dddddd;
	padding: 2px 2px 2px 2px;
	border: 1px solid #ccc;
}

table.calendar td {
	border: 1px solid #ccc;
}
table.calendar td.empty {
	visibility: hidden;
}

table.calendar td {
	border: 1px solid #ccc;
}
table.calendar td.cal_weekend {
	border: 1px solid #ccc;
	background-color: #eeeeee;
}

table.calendar td.cal_selected {
	background-color: #0000dd;
	color: white;
}
table.calendar td.cal_selected a{
	color: white;
}

table.calendar td#cal_today {
	border: 1px solid #2B7525;
}


div.clear {
	clear:both;
}

  
.latest, .smaller {
	font-size: 90%;
}
.latest a {
	font-weight: normal;
}
#searchterms {
font-size: 80%;
}

.navigator {
	text-align: center;
	margin: 0px 0px 8px 0px;
	font-size: 100%;
}
.navigator span {
	margin-left: 5px;
}
.navigator a {
	font-weight: normal;
}
#grayLayer {
	background-color: #444444;
}

.tags {
	text-align: center;
}

.obsolete {
	text-decoration: line-through;
}
.update {
	font-weight: bold;
	font-size: 90%;
}
.diggbox {
	margin-top: 10px;
	float: left;
	text-align: center;
	margin-left: 5px;
}
span.error {
	color: red;
	font-weight: bold;
}

img.about {
	float: right;
}
.insecure {
        text-align: center;
        margin-top: 10px;
}



#twitterFeed div {
	min-height: 48px;
	margin-bottom: 8px;
}
#twitterFeed div img {
	margin: 0px 4px 0px 0px;
	float: left;
}
#twitterFeed img.ajaxLoader {
	margin: 5px 0px 5px 40px;
}
#twitterFeed span {
	display: block;
	margin-left: 60px;
	font-size: 120%;
}
#twitterFeed span.date {
	font-size: 82%;
	margin-bottom: 2px;
}
#boxdisqus {
	margin: 16px;
}
code pre {
	margin: 0;
}

.twocolumn {
	-webkit-column-count: 2; -webkit-column-gap: 20px;
	-moz-column-count: 2; -moz-column-gap: 20px;
	column-count: 2; column-gap: 20px;
}