/* font faces */

@font-face { font-family:chunk; src: url("/fonts/Chunkfive.ttf"); }
@font-face { font-family:slkscr; src: url("/fonts/slkscr.ttf"); }
@font-face { font-family:dejavu; src: url("/fonts/DejaVuSans.ttf"); }
@font-face { font-family:dejavuc; src: url("/fonts/DejaVuSansCondensed.ttf"); }


/*@font-face { font-family: "blackout"; src: url("/fonts/Blackout-2am.ttf") format("truetype");}*/

/* core styles */
/*************************************************************/

* {	margin:0;	padding:0; }
body { font: normal 62.5%/1 dejavu, verdana, serif; color:#333; }
h1, h2, h3 {font-weight:normal; line-height:1.2;}
h1, h2 {font-family:chunk; georgia, serif;}
h1{ border-bottom:2px solid #d3d4d4; padding:0 0 30px; margin:0 0 30px; font-size:2.4em; letter-spacing:0px;}
h2{ font-size:2.2em; margin:0 0 30px; }
h3{font-size:1.3em; font-family:dejavuc, verdana, serif;}
p{ font-size:1.3em; line-height:1.4;}
li{ line-height:1.3; list-style:none;}
a:link, a:visited{ color:#6ca5a5; text-decoration:none; /*border-bottom:1px dotted #999;*/}
a:active, a:hover{ color:#07b6d0; }
img{display:block;}
a img{ border:none;}
code{
	line-height:1.5;
	padding:10px;
	background-color:#000;
	color:#FFF;
	display:block;
	width:520px;
	position:relative;
	overflow:auto;
	margin:0 0 15px;
	font-size:14px;
	font-family: courier, verdana, sans-serif;
}
p code{ background:none; display:inline; color:#333; padding:0 5px; margin:0;}
p.archive_link{text-transform:uppercase; font-size:1.1em;}

/* basic layout */
/*************************************************************/
#container{	width:780px; margin:0 auto;	overflow:hidden; }

/* header */
#header { overflow:hidden; margin:30px 0; border-bottom:2px solid #d3d4d4;}
#logo{ width:200px;font-size:2.2em; font-family:slkscr, verdana, sans-serif; text-transform:uppercase; margin:0 0 15px; line-height:1; letter-spacing:-2px;}
#logo a{color:#07b6d0; border:none;}
#logo a:hover{text-decoration:none;}
#about{ position:absolute; bottom:15px; right:0; width:220px; font-size:1.2em;}

/* content wrappers */
#content{overflow:hidden; margin:0 0 15px; padding:0 0 30px; border-bottom:2px solid #d3d4d4; position:relative;}
#content_main {width:540px;}

/* articles list */
#articles { margin: 0 0 15px; padding-bottom:15px;}
#articles ul{margin:0 0 15px;}
#articles ul li{margin:0 0 20px;}
#articles ul li h3{margin:0; font-size:1.8em;}
#articles ul li p{color:#b5b6b6;}

/* article view */
#article{ border-bottom:2px solid #d3d4d4; margin-bottom:30px; padding-bottom:15px;}
#article p { margin:0 0 15px;}
#article .meta{color:#b5b6b6; font-size:1.2em;}
#article p code{ font-size:1em;}
#article h3{font-size:1.8em; margin:0 0 5px;}
#article h4{font-size:1.8em; margin:0 0 5px;}

/* comment styles */
#comments h2{margin-bottom:15px;}
#comments li{border-bottom:1px solid #d3d4d4; margin-bottom:30px; padding-bottom:15px; overflow:hidden;}
#comments h3.meta{margin:0 0 10px; color:#9e9e9e; float:right;}

#comments .comment h1, #comments .comment h2, #comments .comment h3, #comments .comment h4, #comments .comment h5{font-size:1.6em;}
#comments .comment p{font-size:1.3em; margin:0 0 10px;}
#comments .comment ul{margin:0 0 15px 20px;}
#comments .comment li{font-size:1.3em;}

/* comment form */
#leave_comment{margin-top:15px;}
form{	overflow:hidden; width:100%;}

textarea {
	padding: 3px 5px 3px 5px;
	width: 527px;
	height: 8em;
	font-size:1.2em;
	margin: 0 0 15px 0;
}

label {
	width:540px;
	display:block;
	padding: 0;
	margin: 0 0 5px 0;
	font-size:1.3em;
}
label span{color:#9e9e9e;}

input {
	padding: 3px 5px 3px 5px;
	width: 524px;
	height: 1em;
	margin: 0 0 15px 0;
}

input.submit{ width:auto; }

.flash_notice{
	background:#07b6d0;
	padding:5px;
	color:#FFF;
	margin-bottom:15px;
}

.flash_error{
	background:#b80004;
	padding:5px;
	color:#FFF;
	width:100%;
	display:block;
	margin-bottom:15px;
}

/*code styles*/
span.symbol{color:#329999;}
span.string{color:#50f700;}
span.comment{color:#9133CC;}
span.keywords{color:#f60;}

/* last.fm box on home page*/
#lfm {border-top:2px solid #d3d4d4; padding:30px 0 0; width:540px; float:left;}
#lfm li {float:left; margin:0 34px 0 0;}
#lfm li img {border:4px solid #d3d4d4;}
#lfm li a:hover img {border:4px solid #b9baba;}

/* additional links */
#links{position:absolute; bottom:30px; right:0;}
#links h2{font-size:1.3em; margin-bottom:5px;}
#links *{float:right;}
#links ul, #links li{clear:right;}
#links li{font-size:1.3em;}

/* footer */
#footer { margin:0 0 15px; overflow:hidden; color:#666;}
#footer ul{margin:0;}
#footer li{float:left; list-style:none; margin:0 30px 0 0; font-size:1em;}
#footer li.last{margin-right:0;}
#footer a{color:#079db3;}
#footer a:hover{text-decoration:underline;}