/*@import url("reset.css");*/
/*---------------------------------------------------------------------------*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*---------------------------------------------------------------------------*/


body {font-family: "Lucida Grande", "Segoe UI", "Lucida Sans Unicode", Arial, sans-serif; font-size: 15px; color: #111;}
p {line-height: 118%; margin-bottom: 0.5em;}
h1 {font-family: "Lucida Grande", "Segoe UI", "Lucida Sans Unicode", Arial, sans-serif; color: #666; font-size: 24px; font-weight: normal; margin-bottom: 2px;    letter-spacing: -0.05em;}
h2 {font-family: "Lucida Grande", "Segoe UI", "Lucida Sans Unicode", Arial, sans-serif; color: #555; font-size: 21px; font-weight: normal; padding: .4em 0 .2em 0; letter-spacing: -0.03em;}
h3 {font-family: "Lucida Grande", "Segoe UI", "Lucida Sans Unicode", Arial, sans-serif; color: #333; font-size: 17px; font-weight: normal; padding: .4em 0 .2em 0; letter-spacing:  0.00em;}

a, a:link, a:visited {color: #22a;}
a:hover {color: #22f;}

/* default formatting */
em {font-style: italic;}
strong {font-weight: bold;}
pre {padding: .5em; background-color: #eee;}
code {font-size: 100%; font-family: "Consolas", "Lucida Console", monospace;}
blockquote {padding-left: 1em; font-style: italic;}
ul, ol {margin-bottom: 0.5em;}
ul li {display: list-item; list-style-type: disc; margin-left: 1em;}
ol li {display: list-item; list-style-type: decimal; margin-left: 1.4em;}
.error {color: red;}
.hidden {display: none;}

/*body {padding: 3% 5% 3% 5%;}*/
/*#container { margin: 3% 5% 3% 5%;}*/

#header {height: 60px;
	/*background-image: url(sky.jpg); background-repeat: no-repeat;*/
	background-color: #999;}
#header-content {padding: 1em 2em .5em 2.2em;}
#header h1 {font-size: 24px; color: #ccc; margin-bottom: 0; font-weight: normal;}
#header p {font-size: 9px; color: #ddd; padding: 0; margin: 0;}
#header a, #header a:link{text-decoration: none; color: #fff;}
h1 em {font-style: normal; white-space: nowrap;}
#header .root {color: #fff;}
#header .root small {font-weight: normal; font-size: .66em; letter-spacing: 0;}
#post-header {height: 2px; background-color: #ccc; margin-bottom: .5em;}


#wrapper{float:left;width:70%;}
#content{ padding: 0em 2em 0em 2em;}
#sidebar{float:left;width:28%;}
#footer{clear:both;width:100%; color: #888; padding: 1em 0;}
#footer p {font-size: 85%; padding: 0 2.6em;}


.item h1 a,
.item h1 a:link,
.item h1 a:visited {font-size: 28px; text-decoration: none;letter-spacing: -0.05em;
	color: #fff; background-color: #999; padding: 0 .5em 0 .1em;}
.item h1 a:hover {color: #666; background-color: #eee;}

.item-date {background-color: #bbb; color: #fff; padding: 2px .5em 2px .5em;}
.comments-link {background-color: #ddd; color: #222; padding: 2px .5em 2px .5em;}
.comments-link a,
.comments-link a:hover,
.comments-link a:visited,
.comments-link a:active
{color: #444; text-decoration: none;}

.item-tags {background-color: #eee; padding: 2px;}

.item a.comments {text-decoration: none;}

.item {padding: .5em 0 1em 0;}
.item-meta {font-size: 85%; color: #444;}

/*
.tags {max-width: 36em;}
.tags .tag {padding: .2em .2em;}
#tags_cloud {padding: 2em; text-align: center; line-height: 3em;}
.s4 {margin: 1em; font-size: 280%;}
.s3 {margin: 1em; font-size: 210%;}
.s2 {margin: 1em; font-size: 180%;}
.s1 {margin: 1em; font-size: 140%;}
#tags_cloud sup {font-size: 12px;}
*/


.tags {max-width: 36em;}
.tags .tag {padding: .2em .2em;}
#tags_cloud {padding: 2em; text-align: center; line-height: 3em;}
#tags_cloud sup {font-size: 12px;}

a.tag {padding: 1px; white-space: nowrap; text-decoration: none;}
a.tag sup { font-weight: normal; color: #888;}
a.tag:link, a.tag:visited { color: #666;}

a.s4:link, a.s4:visited {margin: 1em; font-size: 280%; color: #333;letter-spacing: -0.05em;}
a.s3:link, a.s3:visited {margin: 1em; font-size: 210%; color: #555;letter-spacing: -0.03em;}
a.s2:link, a.s2:visited {margin: 1em; font-size: 180%; color: #888;letter-spacing: -0.01em;}
a.s1:link, a.s1:visited {margin: 1em; font-size: 130%; color: #bbb;}

a.tag:hover {text-decoration: none; color: white; background-color: #666;}



/*
a.tag {padding: 1px; white-space: nowrap; text-decoration: none;}
a.tag sup { font-weight: normal; color: #888;}
a.tag:link, a.tag:visited { color: #666;}
a.tag:hover {text-decoration: none; color: white; background-color: #666;}
*/

#sidebar .tags a {text-decoration: none;}
#sidebar h3 {padding: 0.2em 0;}
#sidebar img {vertical-align: bottom; }

#comments {padding: .5em 0;}
#comments h1 {color: #666; padding-top: .5em;}
#comments h2 small {font-weight: normal; font-size: 100%;}
.comment_body {padding-left: 1em;}
#comments textarea { width: 380px; font: 12px verdana,sans-serif; }
#comments .comment-preview {margin: .25em 0; padding: .25em;
	border: 1px dashed #888; background-color: #fec;}


.paginator {padding: 0.5em 0;
	font-size: 100%; color: #444;}
.paginator a, .paginator a:link {font-weight: bold; padding: 0 .2em;}
.paginator span {font-weight: bold; padding: 0 .2em;}



/*
Description: Magula style for highligh.js
Author: Ruslan Keba <rukeba@gmail.com>
Website: http://rukeba.com/
Version: 1.0
Date: 2009-01-03
Music: Aphex Twin / Xtal
*/

pre code,
.ruby .subst,
.lisp .title {
  color: black;
}

.string,
.title,
.parent,
.tag .attribute .value,
.rules .value,
.rules .value .number,
.preprocessor,
.ruby .symbol,
.instancevar,
.aggregate,
.template_tag,
.django .variable,
.smalltalk .class,
.addition,
.flow,
.stream,
.bash .variable,
.apache .cbracket {
  color: #050;
}

.comment,
.annotation,
.template_comment,
.diff .header,
.chunk {
  color: #777;
}

.number,
.date,
.regexp,
.literal,
.smalltalk .symbol,
.smalltalk .char,
.change {
  color: #800;
}

.label,
.javadoc,
.ruby .string,
.decorator,
.filter .argument,
.localvars,
.array,
.attr_selector,
.pi,
.doctype,
.deletion,
.envvar,
.shebang,
.apache .sqbracket {
  color: #00e;
}

.keyword,
.id,
.phpdoc,
.title,
.built_in,
.aggregate,
.smalltalk .class,
.winutils,
.bash .variable,
.apache .tag,
.xml .tag,
.xml .title {
  font-weight: bold;
  color: navy;
}

.html .css,
.html .javascript,
.html .vbscript {
  opacity: 0.5;
}

/* --- */
.apache .tag {
  font-weight: bold;
  color: blue;
}