/* =reseting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body, h1, h2, h3, h4, h5, h6,
blockquote, p, address, form, fieldset,
ul, ol, dl, dt, dd, li, hr, table, td, th {
	margin: 0;
	padding: 0;
}

strong { font-weight: bolder; }

a, a:visited { text-decoration: none; }	
fieldset, img { border: none; }
li { list-style: none; }


body {
	font-size: 100%;
	background: #fff url(wrapperbg.png) 50% 0 repeat-y;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: url(menubg.gif) 100% 0 repeat-y;
	_zoom: 1;
}
	
	
/* Top
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
	background: url(topbg.jpg) 50% 0 no-repeat;
	height: 100px;
	padding-top: 20px;
	position:relative;
}

#header h1, #header h2 {
	font: normal 1.5em "Verdana";
	color: #FFF;
	text-indent: 25px;
}

#header h1 a {
	color: #fff;
	padding-top: 4px;
}
#header h2 { padding-top: 5px; font-size: 1em; }

/* ~~~~~~~~~~~~~~~~ tabset ~~~~~~~~~~~~~~~~ */

#tabset {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 5px 0 0;
}

#tabset li {
	float: left;
	height: 120px;
	margin: 0 0 0 2px;
}

#tabset li a {
	font: normal 0.7em "Lucida Console", "Courier New", Courier, monospace;
	background: transparent url(tababg.gif) left top repeat-x;
	_background: none;
	_background: #fff;
	color: #8C8C8C;
	display: block;
	width: 6em;
	height: 19px;
	text-align: center;		
	margin-top: 100px;
	border-bottom: 1px solid #D4D4D4;
}

#tabset li a:hover { color: #000; _color: #8C8C8C; }

/* ~~~~~~~~~~~~~~~~ topbar ~~~~~~~~~~~~~~~~ */

#topbar {
	background: #FFF url(topbarbg.png) left top repeat-x;
	height: 16px;
	border-bottom: 1px solid #D4D4D4;
	clear: both;
}


/* Sidebar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#sidebar {
	width: 278px;
	_width: 250px;
	padding: 10px 15px 0 0;
	float: right;
	font: normal 0.75em Verdana, Tahoma, Arial, sans-serif;
	background: url(arrows.gif) 0 0 no-repeat;
}

#sidebar .it { font-style: italic; }
#sidebar img { float: right; margin: 5px; }

#sidebar div.active { display: block; }

#sidebar h3 {
	font: normal 1em Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #99f;
	text-align: right;
	border-bottom: 1px solid #E8E8E8;
	padding: 3px 7px;
	text-transform: lowercase;
	letter-spacing: 2px;
	margin-left: 75px;
}

#sidebar h3 a, #sidebar h3 a:visited {
	color: #99f;
	font-weight: bold;
}

#sidebar #my_twitter_status_time { display: block; text-align: right; font-size: 75%; }

#sidebar ul, #sidebar form { margin: 20px 10px 10px 80px; _margin: 20px 10px 10px 60px;  }

#sidebar li {
	background: left center no-repeat;
	padding: 0 0 0 10px;
	color: #828282;
}

#sidebar li.jabberon,
#sidebar li.jabberoff,
#sidebar li.rss, #sidebar li.gtalk { background-position: left center; padding-left: 25px; line-height: 130%;  }
#sidebar li.jabberon { background-image: url(jabberon.gif); background-position: 3px; }
#sidebar li.jabberoff { background-image: url(jabberoff.gif);  }
#sidebar li.gtalk { background-image: url(gtalk.gif); padding-left: 30px; }

#sidebar li.rss { background-image: url(rss.gif); }

#sidebar li em { font-style: normal; color: #CCC; }


#table_of_contents { margin-left: 50px; margin-top: 10px; }
#toc_more { float: right; color: #444; text-decoration: underline; margin: 5px 0 5px 0; }


#sidebar li a, #sidebar a {
	color: #828282;
	display: block;
	line-height: 1em;
	padding: 0.3em 15px 0.3em 5px;
}

#sidebar li a:hover, #sidebar li.tabactive { background-color: #EEF; }

#archives li a:visited,
#blogroll li a:visited,
#links li a:visited {
	background-image: url(visited.gif);
	background-position: right center;
	background-repeat: no-repeat;
}


#sidebar ul { list-style-type: circle; list-style-image: none; }
#sidebar p {
	margin: 10px 10px 10px 72px;
	font-size: 0.9em;
	color: #828282;
	margin-bottom: 1em;
}		


#sidebar p code {
	font-size: 1.2em;
}

#sidebar #mini {
	margin: 0 20px 15px 80px;
}	

#sidebar h4, #sidebar h4 a {
	color: #AAA;
	font-size: 0.9em;
	margin-top: 10px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dotted;
	line-height: 12px;
}

#sidebar h4 a { display: inline; border: none; }

#sidebar h4 span {
	font-weight: normal;
	font-size: 0.8em;
	color: #CCC;
	margin-left: 5px;
	display: inline;
}

#sidebar div#mini p {
	margin: 0;
}

#sidebar div#mini blockquote {
	border-left: 3px solid #AAA;
	padding-left: 0.5em;
	margin: 0;
}

html>body #sidebar p.first:first-line { font-weight: bold; }
#sidebar p a { color: #2E5370; display: inline; margin: 0; padding: 0; }

#sidebar img,
#sidebar p img { border: none; }

div.lcol, div.rcol { width: 50%;}
div.lcol { float: left; margin: 0 50% 0 0; }
div.rcol { float: right; margin: 0 0 0 50%; }

#user, #pass { width: 110px; }
#text { width: 150px; }

#user, #pass, #text, #commbody, #commnickid, #code, #commnickurl {
	border: 1px solid #39718C;
	padding: 2px 0 2px 3px;
	color: #000;
	background: #FFF;
	font-size: 10px;
}

html>body #user, html>body #pass, html>body #text,
html>body #commbody, html>body #commnickid, html>body #code, html>body #commnickurl {
	background: url(formbg.png) left top;
	color: #979797;
}

#user:focus, #pass:focus, #text:focus,
#commbody:focus, #commnickid:focus, #code:focus, #commnickurl:focus {
	background: #FFF;
	color: #000;
}

#subbut {
	width: 70px;
	margin: 0 0 0 7px;
	font-size: 0.8em;
	padding: 0.1em 0; 
}
#pass { margin: 7px 0 0 0; }

#commbody {
	line-height: 165%;
}



/* Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content {
	margin: 0 0 0 20px;
	float: left;
	_display: inline;
	width: 640px;
	padding: 20px 0 1em 0;
	font: normal 0.8em "Arial Unicode MS", Arial, sans-serif;
	color: #000;
}

/* heading */

#content .entry {
	margin: 0 0 30px 10px; 
}

#content .entry h2 {
	font: bold 1.7em "Trebuchet MS", Geneva, Helvetica, sans-serif;
	display: inline;
	letter-spacing: -1px;
}

#content .entry h2 a {
	color: #000;
	font-style: normal;
}

#content .entry h2 a:hover, #content .entry h2 a:focus  { color: #313131; }

#content .entry .head {
	padding: 0 0 0.5em 2em;
	border-bottom: 1px solid #D6D6D6;
}

#content .entry .head span {
	margin: 0 0 0 1em;
}
#content .a0 span,
#content .a0 a.comm { color: #D25010; }

#content .a1 span,
#content .a2 span, #content .a3 span,
#content .a4 span, #content .a5 span,
#content .a6 span, #content .a7 span,
#content .a8 span, #content .a9 span,
#content .a10 span, 
#content .a1 a.comm, #content .a2 a.comm,
#content .a3 a.comm, #content .a4 a.comm,
#content .a5 a.comm, #content .a6 a.comm,
#content .a7 a.comm, #content .a8 a.comm,
#content .a9 a.comm, #content .a10 a.comm  { color: #459CB9; }

#content .entry .head p {
	color: #A6A6A6;
	font-size: 0.8em;
}	
#content .entry .head p a,
#content .entry .head p a:visited,
#content ol#comments div span a	{ color: #A6A6A6; }

#content .entry .head p a:hover, #content .entry .head p a:focus,
#content ol#comments div span a:hover, #content ol#comments div span a:focus { color: #666; }
#content .entry .head p span { margin: 0; color: #A6A6A6; }

#content .entry .head a.comm { font: oblique 0.8em Verdana, Tahoma, Arial, sans-serif; }

html>body #content .entry .head a.comm:hover::after,
html>body #content .entry .head a.comm:focus::after	{
	content: "+";
	padding: 0 0 0 0.3em;
	font-size: 0.8em;
}

#content .entry .a0, #content .entry .a1,
#content .entry .a2, #content .entry .a3,
#content .entry .a4, #content .entry .a5,
#content .entry .a6, #content .entry .a7,
#content .entry .a8, #content .entry .a9, #content .entry .a10 {
	background-repeat: no-repeat;
	background-position: left top;
}

#content .entry .a0 { background-image: url(title0bg.png); }
#content .entry .a1, #content .entry .a2, #content .entry .a3, 
#content .entry .a4, #content .entry .a5, 
#content .entry .a6, #content .entry .a7, 
#content .entry .a8, #content .entry .a9, 
#content .entry .a10 { background-image: url(title1bg.png); }

/* ~~~~~~~~~~~~~~~~ entry ~~~~~~~~~~~~~~~~ */

#content .body {
	padding: 0.5em 0;
	font-size: 14px;
	line-height: 150%;
}

#content .entry h6,											/* kompatybilnosc wstecz */
#content .entry h3	{
	font: normal 1.2em "Trebuchet MS", Geneva, Helvetica, sans-serif;
	letter-spacing: -1px;
	border-left: 18px solid #CCC;
	padding: 0 0 0 0.4em;
	margin: 0 0 0.5em 0;
	color: #666;
        clear: both;
}

#content .body *::-moz-selection { background-color: #E6E6E6; color: #000; }

#content .body p { margin: 1em 0; }	
#content .body a,
#content ol#comments p a {
	color: #99f;
font-weight: bolder;
}
#content .body a:visited,
#content ol#comments p a:visited { color: #C91515; }
#content .body a:visited::after,
#content ol#comments p a:visited::after {
	content: "\00A0\2713";
	font-size: 0.75em;
}
#content .body *:hover a,
#content ol#comments p:hover a { border-bottom: 1px dotted; }	
#content .body a:hover, #content .body a:focus,
#content ol#comments p a:hover, #content ol#comments p a:focus { border-bottom: 1px solid; }

#content .body ul,
#content .body ol { margin: 1em 4.5em 1em 4.5em; }

#content .body li {
	list-style-position: outside;
}
#content .body ol li { list-style-type: decimal; }
#content .body ul li { list-style-image: url(bullet.gif); }
#content .body li:hover { color: #15445F; }

#content .body samp,
#content .body var,
#content .body code {
	font-size: 12px;
	color: #777;
	padding: 0.2em 5px 0 0;
}
#content .body code:hover,
#content .body samp:hover,
#content .body var:hover { color: #15445F; }

#content .body p.code,											/* kompatybilnosc wstecz */
#content .body code,
#content .body samp,
#content .body var,
#content .body kbd
#content .body pre { font-family: "Lucida Console", "Courier New", Courier, monospace; }

#content .body em { color: #210000; font-style: oblique; }
#content .body abbr, 
#sidebar p abbr, 
#content .body acronym,
#sidebar p acronym,
#content .body span[title],
#sidebar p span[title] {
	cursor: help;
	border-bottom: 1px dotted;
}

#content .body blockquote {
	/*margin: 0.5em 1.5em;
	padding: 0.5em 0 0.5em 0;*/
	background: #F6F6F6;
	min-height: 50px;
}

#content .body blockquote p {
	color: #666;
	font-size: 0.8em;
}

#content .body blockquote p em { color: #666; }
	
#content .body blockquote p + p { background-image: none; }

#content .body q:before { content: ""; }
#content .body q:after { content: ""; }

#content .body p.code,											/* kompatybilnosc wstecz */
#content .body ol.code {
	overflow: auto;
	margin: 0 1.7em 0.5em 1.7em;
	font-size: 0.82em;
	background: #FFF;
}
#content .body p.code { 
	font-size: 0.7em;
	margin: 1em 2.5em; 
	padding: 0 1em;
}
#content .body p.code::-moz-selection,
#content .body ol.code li code::-moz-selection {
	background-color: #FFF;
	color: #C91515;
}

#content .body ol.code li {
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
	background: #FFF;
	padding: 0 0.5em;
	color: #BBB;
}

#content .body ol.code li.i1 code { padding-left: 4ex; }
#content .body ol.code li.i2 code { padding-left: 6ex; }
#content .body ol.code li.i3 code { padding-left: 8ex; }
#content .body ol.code li.i4 code { padding-left: 10ex; }
#content .body ol.code li.i5 code { padding-left: 12ex; }

#content .body ol.code li.space { margin-bottom: 1em; }
#content .body ol.code li.com code { color: #888; }

#content .body ol.code li.err code { text-decoration: line-through; color: #AAA; }
#content .body ol.code li.ed code { font-weight: bold; }

#content .body ol.code li code { color: #000; padding-left: 2ex; }
#content .body ol.code li code:hover { color: #000; background-color: #EFEFEF; cursor: default; }
#content .body ol.code li:hover, #content .body ol.code li.changed { background: #EFEFEF; color: #C91515; }

#content .body kbd {
	font-weight: bold;
	color: #294152;
	padding: 1px 4px;
	vertical-align: 1px;
	background-color: #F6F8FA;
	border-top: 1px solid #DEE6EC;
	border-right: 2px solid #9CB6C8;
	border-bottom: 2px solid #9CB6C8;
	border-left: 1px solid #DEE6EC;
}

#content .body tt {
	white-space: nowrap;
	color: #000;
	padding: 1px 4px;
	background-color: #EEE;
	border-top: 1px solid  #F7F7F7;
	border-right: 1px solid #ACACAC;
	border-bottom: 1px solid #ACACAC;
	border-left: 1px solid #F7F7F7;
}

#content .body .img {
	width: 400px;	/* IE zdaje sie nie respektowac overflow: hidden dla width: auto */
	margin: 0.5em 0;
	padding: 0 1.7em;
	clear: both;
	overflow: hidden;		
}

html > body #content .body .img {
	width: auto;
	overflow: hidden;		
}

#content .body .img img { 
	display: block;
	background: #FFF url(imgbg.gif) right bottom no-repeat;
	padding: 5px 10px 10px 5px;
	border-left: 1px solid #F7F7F7;
	border-top: 1px solid #F7F7F7;		
}

#content .body .img a img { border: 0; }

#content .body a.footnote {
	vertical-align: text-top;
	line-height: 1.2em;
	font-size: 0.6em;
	padding: 0 0 0 0.3em;
}
#content .body a.footnote:hover { color: #000; }
#content .body *:hover a.footnote { border-bottom: none; }

#content .body ul.footnote {
	font-size: 0.7em;
	border-top: 1px dotted #CCC;
	padding: 0 0 0 0.4em;
	margin: 0 0 0.5em 2em;
}

#content .body ul.footnote li {
	list-style: none;		
	list-style-image: none;
}

#content .body ul.footnote:hover a { border-bottom: none; }

#content .body ins { text-decoration: none; border-bottom: 1px dotted #CCC; }
#content .body ins[datetime]:before { content: "Dopisano o " attr(datetime) ": "; }

#content .body del { color: #998; }

#content .body hr { 
	border: 5px solid #DDD;
	width: 2px;
	margin: 1em auto;
	clear: both;
}

#content .body dl.log {
	margin: 0.5em 2.5em;
	font: normal 0.8em "Lucida Console", "Courier New", Courier, monospace;
}

#content .body dl.log dd { 
	color: #888;
	margin: 0 0 0.5em 0;
}

#content .body dl.log .me { 
	padding-left: 0.5em;
	border-left: 5px solid #DDD;
}

#content .body p.readmore {
	text-align: right;
	font-size: 0.65em;
}

#content .navigation {
	border: 1px dotted #CCC;
	overflow: auto;
	margin: 0 2em 4em 2em;
}

#content .navigation .alignleft,
#content .navigation .alignright {
	width: 50%;
	font-size: 0.8em;
}

#content .navigation .alignleft { float: left;  text-align: left; }
#content .navigation .alignright { float: right; text-align: right; }

#content .alignleft a:before { content: "\00A0\00A0\2190\00A0\00A0"; }
#content .alignright a:after { content: "\00A0\00A0\2192\00A0\00A0"; }
#content .navigation a:link, #content .navigation a:visited {
	display: block;
	padding: 0.5em 0;
	color: #999;
}

#content .navigation a:hover {
	color: #000;
}

/* Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
	font: normal 11px "Lucide Console", "Courier New", Courier, monospace;
	color: #FFF;
	clear: both;
	background: transparent url(footerbg.gif) 50% 100% no-repeat fixed;
	height: 17px;
}

#footer p { margin: 0 0 0 25px; }
#footer p a, #footer p a:visited { color: #FFF; }
#footer p a:hover { border-bottom: 1px dotted; }


/* Kolorowanie składni */
.string,
    .function .title,
    .class .title, 
    .tag .attribute .value,
    .css .rules .value,
    .cpp .preprocessor,
    .ruby .symbol,
    .vbscript .built_in {
      color: #800;
    }
    
    .comment,
    .python .decorator,
    .java .annotation {
      color: #888;
    }
    
    .number,
    .regexp,
    .javascript .literal {
      color: #080;
    }
    
    .javadoc,
    .ruby .string {
      color: #88F;
    }
    
    .css .id,
    .phpdoc,
    .function .title,
    .class .title,
    .vbscript .built_in {
      font-weight: normal;
    }
    
    .ruby .subst {
      color: black;
    }

.ruby .comment { color: #7a7; }
.string  { color: #f0c; }
.symbol  { color: #02b902; }
.keyword { color: #069; }
.title{ color: #6cf; }

pre { border: 1px solid #cfcfcf; padding: 10px; }
code.ruby, code.php, code.html, code.css {
border: none; 
    }
	
#sidebar p { margin: 10px 10px 1em 80px }
#content .body img { margin: 10px; }
.yt-video { margin: 5px 5px 20px 100px; }

.langs th { text-align: left; }
.langs td { padding: 10px 15px 10px 0; border-top: 1px solid #ddd; }

.body h4 { font-size: 100%; margin: 0; padding: 0; }