/* CSS */

@font-face {
	font-family: 		'King';
	src: 				url('/images/design/kin668.ttf');
}

@font-face {
	font-family: 		'Typenoksidi';
	src: 				url('/images/design/typenoksidi.ttf');
}

html, body, header, section, article, nav, footer, aside,
p, div, h1, h2, h3, h4, h5, h6, ol, ul, li, form, input, select, option {
	margin:				0;
	padding:			0;
}

html {
	margin:				25px 18%;
	font: 				76% King, sans-serif;
	background-color:	#ddd;
	min-width:			670px;
}

body {
	padding:			20px 20px 20px 60px;
	box-shadow: 		0 4px 20px #888;
	-o-box-shadow:		0 4px 20px #888;
	-icab-box-shadow:	0 4px 20px #888;
	-khtml-box-shadow:	0 4px 20px #888;
	-moz-box-shadow:	0 4px 20px #888;
	-webkit-box-shadow:	0 4px 20px #888;
	background:			#fff url('/images/design/hole_punch.gif') top left repeat-y;
	color:				#333;
}

a {
	outline:			0;
}

img {
	border:				0;
}

em, strong, i, b {
	color:				#333;
	background-color:	yellow;
	text-decoration:	none;
	padding:			2px 4px;
}

abbr {
	color:				#000;
	font-weight:		bold;
}

dt {
	margin-top:			12px;
}

dd {
	margin-top:			6px;
}

header {
	margin-bottom:		25px;
	font-family:		Typenoksidi, sans-serif;
}

header h1 {
	background-color:	#000;
	color: 				#fff;
	padding: 			15px;
	font-size:			3em;
	font-face:			normal;
}

header h2 {
	margin-top:			6px;
	font-size:			1.3em;
}

section {
	float:				left;
	width:				69%;
}

section h1 {
	margin-bottom:		25px;
}

section h3 {
	font-family:		Typenoksidi, sans-serif;
	font-size:			1.5em;
	margin-bottom:		15px;
}

section h3.date {
	margin-top:			40px;
}

section h3 a:link, section h3 a:visited {
	color:				#333;
	text-decoration:	underline;
}

section h3 a:hover {
	text-decoration:	none;
}

section h3.first {
	margin-top:			0;
}

section h4, section h5 {
	margin-bottom:		15px;
}

section h4 {
	font-family:		Typenoksidi, sans-serif;
	font-weight:		bold;
	font-size:			1.3em;
}

section h5 {
	font-size:			1.3em;
}

section ul, section ol {
	margin-left:		2em;
	margin-bottom:		1.5em;
}

section li {
	line-height:		1.4em;
}
.article {
	margin-bottom:		100px;
}

p {
	line-height:		1.4em;
	margin-bottom:		1.5em;
	text-indent:		3em;
	font-weight:		normal;
}

p.link {
	padding:			10px 10px 8px 10px;
	border-top:			1px #333 dashed;
	border-bottom:		1px #333 dashed;
	text-indent:		0;
	margin:				3em 0;
}

p.first {
	margin-top:			0;
}

section:not(h3) a:link, section:not(h3) a:visited {
	color:				#000;
	text-decoration:	underline;
}

section:not(h3) a:hover {
	text-decoration:	none;
}


footer {
	clear:				both;
	border-top:			1px #333 dashed;
	padding-top:		15px;
}

footer p {
	text-indent:		0;
}

footer a:link, footer a:visited {
	color:				#333;
	text-decoration:	underline;
}

footer a:hover {
	text-decoration:	none;
}

/* ------  GeSHi classes ------ */
.actionscript , .ada , .apache , .applescript , .asm , .asp , .autoit , .bash , .blitzbasic , .bnf , .c , .c_mac , .caddcl , .cadlisp , .cfdg , .cfm , .cpp-qt , .cpp , .csharp , .css , .d , .delphi , .diff , .div , .dos , .eiffel , .fortran , .freebasic , .gml , .groovy , .html4strict , .idl , .ini , .inno , .io , .java , .java5 , .javascript , .latex , .lisp , .lua , .matlab , .mirc , .mpasm , .mysql , .nsis , .objc , .ocaml-brief , .ocaml , .oobas , .oracle8 , .pascal , .perl , .php-brief , .php , .plsql , .python , .qbasic , .reg , .robots , .ruby , .sas , .scheme , .sdlbasic , .smalltalk , .smarty , .sql , .tcl , .text , .thinbasic , .tsql , .vb , .vbnet , .vhdl , .visualfoxpro , .winbatch , .xml {
	padding-left: 10px;
	border: 1px dashed #555;
	color: #313131;
	font-family: Lucida Console, Monaco, monospace;
	background-color: #eee;
}
.noLineNumbers {
	padding-left: 10px;
	border: 1px dashed #555;
	color: #313131;
	font-family: Lucida Console, Monaco, monospace;
	background-color: #eee;
}
.de1, .de2 {font-weight:normal;background:transparent;color:#313131;}
.kw1 {color: #107f0c;}
.kw2 {color: #5860f8; font-weight: bold;}
.kw3 {color: #107f0c;}
.kw4 {color: #1c1eb9;}
.co1, .co2, .coMULTI {color: #0969ff;font-style:italic;}
.es0 {color: #2aaf13;}
.br0 {color: #122;}
.st0 {color: #0a6800;}
.nu0 {color: #0016cf;}
.me0 {color: #282828;}
.re0 {color: #338395;}
.li1{background-color: #ddd;}
.li2{background-color: #eee;}
pre {
	overflow:	auto;
}
pre ol{
	color: #444;
	list-style-type:decimal-leading-zero;
}
	.php a:hover {
		background: #0e440b;
		text-decoration: none;
		color: #e3f2ae;
	}
	.php a:hover .kw3 {
		color: #e3f2ae;
	}