html { border-top: 5px solid #2773B1;}

body {
	margin: 0px;
	padding: 20px;
	margin-left: 50px;
/*	background: #2773B1;*/
	background: #f4f4f4;
	text-align: justify;
	font: 14px Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;/* #0B2133;*/
}

h1, h2, h3 {
	font: 1.82em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #2773B1;
	text-align: left;
}

p, ol, ul {
	line-height: 1.67em;
}

ul {
	padding-left: 1.2em;
}

a { color: #8e8e8e; text-decoration: none; }
a:hover { text-decoration: none; color: #2773B1;}
h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover { border-bottom: none; text-decoration: none; }

/*p a {
	border-bottom: 1px dashed #9e9e9e;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid #9e9e9e;*/
}

hr {
	display: none;
}

/* Logo */

#logo h1 {
	margin: 0;
	height: 160px;
	padding: 40px 0 0 0px;
/*	text-transform: lowercase;*/
	letter-spacing: -2px;
	font-size: 4em;
	font-weight: normal;
	color: #2773B1;
}

#logo h1 a {
	display: block;
	text-decoration: none;
	color: #2773B1;
}

#logo p {
	margin: -103px 0 0 2px;
	text-transform: uppercase;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #8BBDE5;
}

#logo2 p a, #logo p a { 
	border: none;
	text-transform: lowercase; 
	margin-left: 10px; 
	font-weight: normal; 
	display: inline; 
	font-size: 0.9em;
	text-decoration: none;
	color: #8e8e8e;
}

#logo2 p a:hover, #logo p a:hover { color: #2773B1;}

#logo a {
	display: block;
	text-decoration: none;
	color: #2773B1;
	outline: none;
}

#logo2 h1 {
	margin: 0;
	height: 130px;
	padding: 40px 0 0 0px;
	letter-spacing: -2px;
	font-size: 2em;
	font-weight: normal;
	color: #2773B1;
}

#logo2 h1 a {
	display: block;
	text-decoration: none;
	color: #2773B1;
	outline: none;
}

#logo2 p {
	margin: -103px 0 0 2px;
	text-transform: uppercase;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #8BBDE5; /* light blue */
}

#logo2 a {
	display: block;
	text-decoration: none;
	color: #2773B1;
	outline: none;
}

/* Content */

#content {
	margin: 0px auto;
	padding: 20px 0 0 0;
	float: left;
	width: 50em;
	margin-bottom: 10px;
}

/* Post */

.post {
	margin-top: 20px;
}

.post .date {
	background: #f4f4f4;
	float: left;
	width: 29px;
	height: 32px;
	margin: 0;
	margin-top: 3px;
	margin-right: 20px;
	padding-top: 2px;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #8e8e8e;
}

.post .date b {
	margin: 0;
	padding: 0;
	display: block;
	margin-top: -5px;
	font-size: 14px;
	color: #8e8e8e;
	
}

.post .title {
	margin: 0;
	padding: 0px 0 0 0;
	margin-left: 10px;
	padding-left: 10px;
	font-size: 1.4em;
}

.post .title a {
	color: #2773B1;
	text-decoration: none;
	outline: none;
}

.post .meta {
	margin: 0 0 10px 20px;
	padding: 0;
	line-height:normal;
	text-transform: uppercase;
	color: #8e8e8e;
}

.post .meta a {
	color: #8e8e8e; /*#828170;*/
	outline: none;
}

.post .meta a:hover { color: #2773B1; }

.post .entry {
	margin: 0;
	padding: 0 0 20px 50px;
}

#older_posts {
	font-size: 120%;
}

#new_post {
	position: absolute;
	top: 1em;
	right: 1em;
}

/* Post */

.postzoom {
	margin-top: 20px;
	position: relative;
}

.postzoom .title {
	margin: 0;
	padding: 0px 0 0 0;
	font-size: 3em;
}

.postzoom .meta {
	margin: 0;
	padding: 0;
	line-height: normal;
	text-transform: uppercase;
	color: #8BBDE5; /* blue */
}

.postzoom .entry {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 20px;
}

.postzoom .edit {
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
}

/* Footer */

#footer {
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
}

#legal {
	clear: both;
	margin: 0;
	padding: 10px 0;
	font-size: 10px;
	color: #333;
}

/* Archive */
.archive .date {
	font-size: 85%;
	color: #8e8e8e;
}

.archive .title a {
	font-size: 120%;
	text-decoration: none;
	color: #2773B1;
}

/* Code blocks */

pre {
	font-family: Monaco, monospace;
	color: #ccc;
	background: #000;
	border-left: 6px solid #222;
	padding: 0.4em;
	padding-left: 0.8em;
}

pre span.attribute { color: #009900; }
pre span.char { color: #F00; }
pre span.class { color: #A020F0; font-weight: bold; }
pre span.comment { color: #0000FF; }
pre span.constant { color: #008B8B; }
pre span.escape { color: #6A5ACD; }
pre span.expr { color: #2222CC; }
pre span.global { color: #11AA44; }
pre span.ident { color: #CCCCCC; }
pre span.keyword { color: #A52A2A; font-weight: bold; }
pre span.method { color: #008B8B; }
pre span.module { color: #A020F0; font-weight: bold; }
pre span.number { color: #DD00DD; }
pre span.punct { color: #6A5ACD; }
pre span.regex { color: #DD00DD; }
pre span.string { color: #DD00DD; }
pre span.symbol { color: #008B8B; }

/* Edit post */

form[name=edit] input[name=title] {
	font-size: 100%;
	width: 300pt;
}
form[name=edit] input[name=tags] {
	font-size: 100%;
	width: 300pt;
}
form[name=edit] textarea {
	font-size: 100%;
	width: 50em;
	height: 25em;
}