body {
  margin: 0;
  padding: 0;
	background: #0A0A0D;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ccc;
}

h1, h2, h3 {
	font: 1.82em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #35c;
	text-align: left;
}

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

ul {
	padding-left: 1.2em;
}

a {
	color: #57c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

hr {
	display: none;
}

/* Logo */

#logo h1 {
	margin: 0;
  margin-top: 40px;
  padding: 0;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 4em;
	font-weight: normal;
	color: #FFFFFF;
}

#logo h1 a {
	text-decoration: none;
	color: #FFFFFF;
}

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

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

#logo2 h1 a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

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

#logo p a, #logo2 p a {
  text-decoration: none;
	color: #ccc;
}

/* Content */

#content {
	margin: 0 auto 0 0;
	padding: 20px 0 0 0;
	margin-bottom: 10px;
}

@media only screen and (max-width: 640px) {
  body {
    padding: 0 20px;
  }
  #content {
    width: 100%;
  }
}

@media only screen and (min-width: 641px) {
  body {
    padding: 20px;
    margin-left: 50px;
  }
  #content {
	  width: 50em;
  }
}


/* Post */

.post {
margin-top: 20px;
}

.post .date {
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: #999999;
}

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

}

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

.post .title a {
color: #35c;
text-decoration: none;
}

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

.post .meta a {
color: #666;
}

.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: 2.5em;
}

.postzoom .meta {
margin: 0;
padding: 0;
line-height: normal;
text-transform: uppercase;
color: #666;
}

.postzoom .meta a {
color: #666;
}

.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: #FFFFFF;
}

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

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

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

/* Code blocks */

pre {
font-family: Monaco, monospace;
color: #ccc;
background: #000;
border: 2px 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;
}