/*	=Perfection or Vanity Styles (2007-07-14)
---------------------------------------------------------------------------- 

	Mozesz wykorzystywac fragmenty tego stylu do nauki / w swoich projektach,
	ale unikalne polaczenie obrazow, kolorow, rozmiarow, typografii oraz
	pozycjonowania jest chronione prawem autorskim (2005-2009 Piotr Petrus) 
	i nie moze byc kopiowane.

	You may adapt certain elements of this CSS to learn and in your own 
	projects, but the unique combination of images, colors, sizes, typography,
	and positioning is copyright 2007 Piotr Petrus and may not be 
	reproduced.

/*	=reset & global
---------------------------------------------------------------------------- */

html, body, h1, h2, h3, h4, h5, h6, div, span,
blockquote, p, address, form, fieldset, img,
ul, ol, dl, dt, dd, li, hr, table, td, th,
strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt {
	margin: 0;
	padding: 0;
	border: 0;
}

a, a:visited { text-decoration: none; }
a { color: #be1213; }
ol, ul { list-style: none; }
legend { display: none; }

body {
	background: #3e5b69 url(denim.jpg);
	color: #fff;
	font-size: 100%;
}

body, input, textarea, select, option, optgroup, button {
	font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, 
	"Lucida Sans", Geneva, Verdana, sans-serif;
}

input, textarea, select, option, optgroup, button {
	font-size: 1em;
}

/*	=layout
---------------------------------------------------------------------------- */

#top .inner, #main, #footer {
	width: 959px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0 auto;
	font-size: 0.75em;
	position: relative;
}

#main {
	background: url(shadow-mid-big.png) repeat-y;
}

#main::after,
#search::after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#content, #content-2nd {
	float: left;
	vertical-align: top;
}

body.small .body,
body.small .entry .header,
body.small ul.pager,
body.small #discussion fieldset { 
	font-size: 0.93em; 
}

body.small .body pre.code,
body.small .body ol.code code {
	font-size: 0.85em; 
}

body.large .body,
body.large .entry .header,
body.large ul.pager,
body.large #discussion fieldset { 
	font-size: 1.07em; 
}

body.large .body pre.code,
body.large .body ol.code code {
	font-size: 0.8em; 
}	

/*	=top
---------------------------------------------------------------------------- */

#top {
	background: url(mask-top.png) 0 26px repeat-x;
}

#top .inner {
	background: url(shadow-top.png) 0 100% no-repeat;
	height: 75px;
	padding-top: 15px;
}

#top h1,
#article #top p {
	font-size: 1px;
	height: 69px;
	width: 371px;
	margin-right: auto;
	background: url(perfection-or-vanity.png) 100% 0 no-repeat;
	text-indent: -1000em;
}

#top h1 a,
#article #top p a {
	display: block;
	height: 69px;
	position: relative;
	z-index: 200;
}

#top .inner div {
	position: absolute;
	top: 33px;
	width: 960px;
}

#top ul {
	float: right;
}

#top li { 
	float: left;
}

#top li a {
	float: left;
	display: block;
	height: 13px;
	padding: 5px 0 5px 5px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	font-size: 1px;
	text-indent: -1000em;
	opacity: 0.5;
}

#top li a:hover, #top li a:focus {
	opacity: 0.9999;
}

#top li .ac {
	width: 42px;
	background-image: url(access-content.png);
}

#top li .as {
	width: 49px;
	background-image: url(access-sidebar.png);
}

/*	=sidebar
---------------------------------------------------------------------------- */

#content-2nd {
	background: #f5f3e9 url(sidebar-background.png) repeat-y;
	color: #5c5538;
	width: 342px;
	position: relative;
	line-height: 1.17em;
	padding-bottom: 30px;
}

#search,
#content-2nd h3 {
	margin-top: 15px;
	margin-bottom: 15px;
}

#content-2nd h2 {
	display: none;
}

#content-2nd h3 {
	font: normal 1.25em Constantia, Georgia, "Palatino Linotype", "Bookman Old Style", "Bookman Antiqua", serif;
	font-style: italic;
	color: #786d4a;
	overflow: hidden;
}

#content-2nd h3 span {
	border-bottom: 3px solid #e6e0ce;
	float: left;
	padding-left: 15px;
}

#search,
#content-2nd ul.entries,
#content-2nd .columns,
#content-2nd ul.inline,
#content-2nd p.thumbnails, 
#content-2nd p.monthly,
#content-2nd p.buttons {
	margin-left: 15px;
	margin-right: 15px;
}

#content-2nd ul.delimited {
	max-height: 200px;
	overflow: auto;
}

#content-2nd ul.entries li {
	margin-top: 0.58em;
}

#content-2nd ul.entries a {
	display: block;
	background: url(icon-unread.png) no-repeat 0 0;
	padding-left: 25px;
}

#content-2nd ul.entries a:visited {
	background-image: url(icon-read.png);
}

#content-2nd ul.entries strong {
	font-weight: normal;
}

#content-2nd ul.entries a span {
	display: block;
	font-size: 0.83em;
	color: #9b9374;
	line-height: 1.4em;
}

#content-2nd ul.higher {
	line-height: 1.6em;
	
}

#content-2nd .columns li {
	background: url(icon-category.png) no-repeat 0 0;
	line-height: 1.33em;
	padding-left: 25px;
	margin-bottom: 0.42em;
}

#content-2nd div.columns {
	overflow: hidden;
}

#content-2nd .columns ul {
	width: 150px;
}

#content-2nd .columns ul.first {
	margin-right: 12px;
	float: left;
}

#content-2nd .columns ul.second {
	float: right;
}

#content-2nd p.monthly {
	border-top: 1px solid #e8e6dc;
}

#content-2nd p.monthly  {
	background: url(icon-archives.png) no-repeat 0 0.42em;
	line-height: 1.33em;
	margin-top: 0.17em;
	padding-top: 0.42em;
	padding-left: 25px;
}

#content-2nd p.thumbnails {
	overflow: hidden;
}

#content-2nd p.thumbnails a {
	float: left;
	width: 150px;
	height: 50px;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

#content-2nd p.thumbnails a:hover,
#content-2nd p.thumbnails a:focus {
	background-position: 0 -50px;
}

#project-joggerpl {
	margin-right: 10px;
	background-image: url(project-joggerpl.png);
}

#project-emcalc {
	background-image: url(project-emcalc.png);
}


#content-2nd ul.inline {
	overflow: hidden;
	padding-bottom: 1px;
}

#content-2nd ul.inline li {
	float: left;
	background: url(icon-blog.png) no-repeat 0 0;
	padding-left: 20px;
	margin-right: 5px;
	margin-top: 0.42em;
	line-height: 1.33em;

}

#content-2nd p.buttons img {
	vertical-align: middle;
	margin-right: 10px;
}

#content-2nd p.buttons {
	float: left;
}

#paypal {
	width: 51px;
	height: 21px;
	float: left;
	margin: 5px 0 0 -10px;
}

#content-2nd:hover a,
#content-2nd:hover ul.entries strong {
	border-bottom: 1px solid #e6e0ce;
}

#content-2nd a:hover,
#content-2nd a:focus,
#content-2nd ul.entries a:hover strong {
	border-bottom: 1px dotted;
}

#content-2nd:hover p.thumbnails a,
#content-2nd:hover ul.entries a,
#content-2nd:hover #about a,
#content-2nd:hover p.buttons a,
#content-2nd:hover p.buttons a,
#content-2nd ul.entries a:hover,
#content-2nd ul.entries a:focus,
#content-2nd p.thumbnails a:hover,
#content-2nd p.thumbnails a:focus,
#content-2nd p.buttons a:focus,
#about p.feeds a:focus { 
	border-bottom: none; 
}

#content-2nd:hover #livesearch a,
#content-2nd #livesearch a:hover,
#content-2nd #livesearch a:focus {
	border: 0; 
}

#content-2nd .help {
	cursor: help;
}

/*	=search
---------------------------------------------------------------------------- */

#search {
	margin-top: 1.17em;
	margin-bottom: 1.17em;
	overflow: hidden;
}

#search input {
	float: left;
	font-size: 1em;
}

#search input.edit {
	width: 263px;
	padding: 0.25em 0.5em 0.33em;
	border: 1px solid #aaa;
	color: #707070;
	background-color: #fff;
}

#search input.loading {
	background: #fff url(loading.gif) 260px 50% no-repeat;
}

#search input.submit {
	background: transparent url(but-search.png) no-repeat;
	border: 0;
	width: 28px;
	height: 21px;
	max-height: 21px;
	padding-top: 40px;
	cursor: pointer;
	margin: 1px 0 0 7px;
}

#search input.submit::-moz-focus-inner {
  border: 0;
}

#search input.submit:focus {
	outline: 1px dotted invert;
	outline-offset: 1px;
	overflow: hidden;
}

#search.live {
	background: url(search-form.png) no-repeat 277px 0;
}

/*	=livesearch
---------------------------------------------------------------------------- */

#livesearch {
	position: absolute;
	margin-left: 15px;
	left: 0;
	width: 284px;
	font-size: 0.92em;
	z-index: 1500;
}

#livesearch .outer {
	padding-right: 7px;
	background: url(search-shadow.png) repeat-y 100% 0;
}

#livesearch .inner {
	background-color: #fff;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #aaa;
}

#livesearch .shadow {
	height: 9px;
	overflow: hidden;
	background: url(search-bottom.png) no-repeat 0 0;
}

#livesearch li {
	border-bottom: 1px solid #e0e0e0;
	padding: 1px;
}

#livesearch li a {
	display: block;
	padding: 2px 5px 4px 5px;
	color: #707070;
}

#livesearch li.selected a {
	background-color: #39515c;
	color: #fff;
}

#livesearch li.ad a {
	color: #b5b5b5;
	background: url(icon-ad.png) no-repeat 6px 50%;
	padding-left: 25px;
}

#livesearch p {
	padding: 4px 6px;
	text-align: right;
	color: #aaa;
	font-size: 0.91em;
}

#livesearch p img {
	vertical-align: middle;
}

/*	=about
---------------------------------------------------------------------------- */

#about {
	font-size: 0.92em;
	padding: 2.64em 15px 0 15px;
	background: #bdb28f url(sidebar-about.png) no-repeat;
	color: #fff;
	overflow: hidden;
}

#about p {
	line-height: 1.27em;
	margin-top: 1.27em;
	padding-right: 100px;
}

#about .strong { 
	font-weight: bold; 
	padding-right: 0;
}

#about .feeds { 
	margin-top: 0.91em;
	margin-bottom: 0.73em;
}

#about .feeds img {
	display: inline;
	margin-top: 0; 
}

#about .feeds .rss {
	position: relative;
	top: -9px;
	font-weight: bold;
	color: #2b2b2b;
	padding-left: 2px;
}

#about .photo {
	width: 85px;
	float: right;
}

#about img { 
	display: block;
	margin-top: 1.27em;
}

#about .photo span {
	font-size: 1px;
	display: block;
	width: 71px;
	height: 27px;
	background: url(about-riddle.png);
	text-indent: -1000em;
	position: relative;
	margin-top: -9px;
	left: -24px;
}

/*	=config
---------------------------------------------------------------------------- */

#config-switcher {
	position: absolute;
	margin-top: -16px;
	right: 15px;
}

#config-switcher span {
	text-indent: -1000em;
	cursor: pointer;
	width: 16px;
	height: 16px;
	overflow: hidden;
	display: block;
	background: #f5f3e9 url(icon-config.png) 4px 0 no-repeat;
}

#config-switcher span.active {
	background-color: #2b2b2b;
	background-position: 4px -16px;
}

#config {
	display: none;
	font-size: 0.83em;
	background-color: #2b2b2b;
	color: #636363;
	padding: 15px;
	overflow: hidden;
}

#config.visible { display: block; }

#config div {
	width: 156px;
	float: left;
}

#config ul {
	overflow: hidden;
}

#config p {
	border-top: 1px solid #393939;
	clear: both;
	text-transform: lowercase;
	margin-top: 5px;
}

#config .layout {
	overflow: hidden;
}

#config .layout ul {
	margin-left: auto;
	width: 66px;
}

#config .layout p {
	text-align: right;
}

#config li {
	float: left;
}

#config li span:hover,
#config li span:focus {
	opacity: 0.9999;
}

#config li span:active {
	outline: 1px dotted invert;
	outline-offset: -1px;
}

#config li span {
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 28px;
	cursor: pointer;
	overflow: hidden;
	text-indent: -1000em;
}

#config .text li { 
	margin-right: 5px; 
}

#config .text li span { 
	background-image: url(config-text.png); 
}

#config li .small,
#config li .normal,
#config li .large { 
	opacity: 0.8; 
}

#config li.active span { opacity: 0.9999; }

#config li .small { background-position: 0 0; }
#config li .normal { background-position: -28px 0; }
#config li .large { background-position: -56px 0; }

#config li.active .small { background-position: 0 -21px; }
#config li.active .normal { background-position: -28px -21px; }
#config li.active .large { background-position: -56px -21px; }

/*	=miniblog =meta
---------------------------------------------------------------------------- */

#miniblog, #meta {
	margin: 15px;
	background: url(denim2.jpg) repeat 0 0;
	color: #ced4d7;
	font-size: 0.92em;
}

#meta {
	position: relative;
}

#miniblog-wrap {
	background: url(miniblog-top.jpg) no-repeat 0 0;
	overflow: hidden;
}

.disabled #miniblog-wrap {
	background-image: url(miniblog-disabled.jpg);
}

#miniblog-inner,
#meta .inner {
	background: url(denim-bottom.png) no-repeat 0 100%;
	padding: 0 10px 5px;
}

#miniblog h3 {
	width: 20px;
	margin: 0 0 15px auto;
	background: url(miniblog-toggle.png) no-repeat 10px -15px;
	text-indent: -1000em;
	overflow: hidden;
	padding-top: 5px;
	cursor: pointer;
}

#miniblog h3.disabled {
	background-position: 10px 3px;
}

#meta h3 {
	position: absolute;
	background: url(meta-top.jpg) no-repeat 0 0;
	height: 74px;
	width: 100%;
	top: 0;	
	margin: 0;
	text-indent: -1000em;
	overflow: hidden;
}

#meta .inner {
	padding-top: 35px;
	position: relative;
	z-index: 500;
}

#miniblog a,
#meta a {
	color: #fff;
}

#miniblog .header {
	overflow: hidden;
	margin-bottom: 5px;
}

#miniblog .header h4 {
	font-weight: bold;
	font-size: 1em;
	float: left;
}

#miniblog span {
	float: left;
}

#miniblog .date {
	margin-left: 5px;
	padding-top: 1px;
}

#miniblog .date span {
	height: 13px;
	background-repeat: no-repeat;
	background-image: url(date.png);
	text-indent: -1000em;
}

#miniblog .post {
	line-height: 1.27em;
}

#miniblog .post p,
#miniblog .post blockquote, 
#miniblog .post ol,
#miniblog .post ul, 
#miniblog .post dl,
#miniblog .post pre, 
#meta p,
#meta ul,
#meta dt,
#meta dd {
	margin-bottom: 5px;	
}

#miniblog .post blockquote {
	background: url(blockquote-mini.png) no-repeat 0 3px;
	padding-left: 15px;
}

#miniblog .post blockquote p {
	border-left: 1px solid #788a92;
	padding-left: 5px;
}

#miniblog .post ul,
#miniblog .post ol,
#meta ul {
	margin-left: 25px;
}

#miniblog .post ol li { 
	list-style-type: decimal; 
}

#miniblog .post ul li,
#meta ul li { 
	list-style-type: disc; 
}

#content-2nd:hover #miniblog a,
#content-2nd:hover #meta a {
	border-bottom-color: #74858d;
}

#content-2nd:hover #miniblog a:hover,
#content-2nd:hover #miniblog a:focus,
#content-2nd:hover #meta a:hover,
#content-2nd:hover #meta a:focus,
#miniblog a:hover, 
#miniblog a:focus,
#meta a:hover,
#meta a:focus {
	border-bottom-color: #fff;
}

#miniblog .d01 { background-position: -0 0; width: 9px; }
#miniblog .d02 { background-position: -9px 0; width: 11px; }
#miniblog .d03 { background-position: -20px 0; width: 11px; }
#miniblog .d04 { background-position: -31px 0; width: 11px; }
#miniblog .d05 { background-position: -42px 0; width: 11px; }
#miniblog .d06 { background-position: -53px 0; width: 11px; }
#miniblog .d07 { background-position: -64px 0; width: 10px; }
#miniblog .d08 { background-position: -74px 0; width: 11px; }
#miniblog .d09 { background-position: -85px 0; width: 11px; }
#miniblog .d10 { background-position: -96px 0; width: 14px; }
#miniblog .d11 { background-position: -110px 0; width: 12px; }
#miniblog .d12 { background-position: -122px 0; width: 14px; }
#miniblog .d13 { background-position: -136px 0; width: 16px; }
#miniblog .d14 { background-position: -150px 0; width: 14px; }
#miniblog .d15 { background-position: -164px 0; width: 14px; }
#miniblog .d16 { background-position: -178px 0; width: 14px; }
#miniblog .d17 { background-position: -192px 0; width: 13px; }
#miniblog .d18 { background-position: -205px 0; width: 14px; }
#miniblog .d19 { background-position: -219px 0; width: 14px; }
#miniblog .d20 { background-position: -233px 0; width: 16px; }
#miniblog .d21 { background-position: -249px 0; width: 14px; }
#miniblog .d22 { background-position: -263px 0; width: 16px; }
#miniblog .d23 { background-position: -279px 0; width: 16px; }
#miniblog .d24 { background-position: -295px 0; width: 16px; }
#miniblog .d25 { background-position: -311px 0; width: 16px; }
#miniblog .d26 { background-position: -327px 0; width: 16px; }
#miniblog .d27 { background-position: -343px 0; width: 15px; }
#miniblog .d28 { background-position: -358px 0; width: 15px; }
#miniblog .d29 { background-position: -374px 0; width: 16px; }
#miniblog .d30 { background-position: -390px 0; width: 16px; }
#miniblog .d31 { background-position: -406px 0; width: 16px; }
#miniblog .m01 { background-position: -420px 0; width: 37px; }
#miniblog .m02 { background-position: -457px 0; width: 30px; }
#miniblog .m03 { background-position: -487px 0; width: 30px; }
#miniblog .m04 { background-position: -517px 0; width: 38px; }
#miniblog .m05 { background-position: -555px 0; width: 24px; }
#miniblog .m06 { background-position: -579px 0; width: 39px; }
#miniblog .m07 { background-position: -618px 0; width: 23px; }
#miniblog .m08 { background-position: -641px 0; width: 36px; }
#miniblog .m09 { background-position: -677px 0; width: 41px; }
#miniblog .m10 { background-position: -718px 0; width: 54px; }
#miniblog .m11 { background-position: -772px 0; width: 42px; }
#miniblog .m12 { background-position: -814px 0; width: 34px; }

#meta dl.dropdown {
	padding: 5px 0;
	position: relative;
}

#meta dl.dropdown dt,
#meta dl.dropdown dd {
	border-style: solid;
	border-color: #74858d;
	margin: 0;
}

#meta dl.dropdown dt {
	border-width: 1px;
	cursor: pointer;
	padding: 1px 3px;
	width: 100px;
	background: url(share.png) no-repeat 100% 50%;
}

#meta dl.dropdown dt.clicked,
#meta dl.dropdown dt:hover {
	color: #fff;
}

#meta dl.dropdown dd {
	width: 108px;
	position: absolute;
	background: url(denim2.jpg) ;
}

#meta dl.dropdown dd a {
	display: block;
	border: 0;
	padding: 2px 3px;
}

#meta dl.dropdown dd a:hover,
#meta dl.dropdown dd a:focus {
	background: url(share-mask.png);
}

#meta dl.dropdown ul { 
	margin: 0; 
}

#meta dl.dropdown ul li { 
	list-style: none; 
}

/*	=content
---------------------------------------------------------------------------- */

#content {
	font-size: 1.17em;
	background: #fff url(content-top.png) repeat-x;
	padding-top: 42px;
	color: #323232;
	width: 617px;
}

#content h2 { 
	display: none; 
}

#article #content h2 { 
	display: block; 
}

#message {
	position: absolute;
	top: -2px;
	left: 536px;
}

#message a {
	display: block;
	text-indent: -1000em;
	background: url(message.png) no-repeat 0 0;
	width: 97px;
	height: 98px;
}

.pager {
	background: url(pager.png) 50% 0 no-repeat;
	margin-bottom: 3em;
	font-family: Constantia, Georgia, "Palatino Linotype", "Bookman Old Style", "Bookman Antiqua", serif;
	font-style: italic;
	overflow: hidden;
	margin-bottom: 30px;
	padding: 0 25px;
}

.pager li {
	width: 215px;
	float: right;
	padding: 1.07em 0;
}

.pager li.prev {
	float: left;
	text-align: right;
}

.pager a { 
	color: #645b3c;
	border-bottom: 1px solid #ddd4b7;
}

.pager a:hover,
.pager a:focus { 
	border-bottom-color: #b8ad88; 
}


/*	=entry & entry-header
---------------------------------------------------------------------------- */

.entry {
	margin-bottom: 2em;
}

#article .entry .header h1,
.entry .header h3 {
	font: bold 1.86em/0.81em Arial, sans-serif;
	letter-spacing: -0.05em;
}

#content h2 + .entry .header h3 { 
	margin-right: 21px; 
}

#article .entry .header h1 a,
.entry .header h3 a {
	color: #363d41;
}

.entry .header p {
	font: normal 1.07em/1.4em Constantia, Georgia, "Palatino Linotype", "Bookman Old Style", "Bookman Antiqua", serif;
	font-style: italic;
	color: #72787c;
}

.entry .header,
.entry .body {
	margin-left: 25px;
	margin-right: 25px;
}

.entry .body {
	margin-right: 15px;
}

/*	=entry-body
---------------------------------------------------------------------------- */

.body p,
.body blockquote,
.body table,
.body dl,
.body ol,
.body ul,
.body pre,
.body div.img {
	word-wrap: break-word;
	line-height: 1.5em;
	margin-top: 1.5em;
}

.body ul ol,
.body ul ul,
.body ol ol,
.body ol ul {
	margin-top: 0;
}

.body ul { margin-left: 10px; }
.body ol { margin-left: 15px; }

.body > p,
.body > blockquote,
.body > table,
.body > dl,
.body > ol,
.body > ul,
.body > pre,
.body > hr,
.body > .code-wrapper,
.body div.more > p,
.body div.more > blockquote,
.body div.more > table,
.body div.more > dl,
.body div.more > ol,
.body div.more > ul,
.body div.more > pre,
.body div.more > hr,
.body div.more > .code-wrapper {
	margin-right: 10px; 
}

.body a {
	border-bottom: 1px solid #e6e0ce;
}

.body a:visited {
	border-bottom-color: #f5f4ec;
}

.body a:hover,
.body a:focus {
	border-bottom-style: dotted;
	border-bottom-color: #be1213;
}

.body ul > li {
	background: url(list-item.png) no-repeat 0 0.45em;
	padding-left: 30px;
}

.body ol > li {
	list-style: decimal;
	margin-left: 25px;
}

.body hr {
	display: block;
	height: 26px;
	margin-top: 8px;
	background: url(hr.png) 0 7px no-repeat;
}

.body hr + * {
	margin-top: 8px;
}

#article .body h2,
.body h4 {
	color: #363d41;
	font: bold 1.29em Arial, sans-serif;
	line-height: 1.17em;
	margin-top: 1.17em;
	letter-spacing: -0.025em;
	background: url(header3.png) no-repeat 0 95%;
}

.body blockquote {
	background: url(blockquote.png) no-repeat;
	padding-left: 50px;
	color: #5d5d5d;
}

.body blockquote p.cite {
	border-top: 1px solid #f1efe8;
	margin-top: 10px;
	padding-top: 10px;
	font-size: 11px;
	line-height: 21px;
	background: url(icon-cite.png) no-repeat 0 13px;
	padding-left: 18px;
}

.body strong {
	font-weight: bold;
}

.body em {
	color: #72787c;
	font-style: italic;
}

.body ins {
	text-decoration: none;
	background: url(update.png) no-repeat 2px 50%;
	padding-left: 13px;
	border-bottom: 1px dotted #ccc;
}

.body del {
	color: #aaa;
}

.body code,
.body ol.code,
.body pre {
	font-family: Monaco, Consolas, "Lucida Console", "Courier New", Courier;
}

.body code {	
	border: 1px solid #e8e6dc;
	background-color: #f5f3e9;
}

.body div.img {
	background: url(img.png) no-repeat 100% 100%;
}

.body div.img img {
	margin-top: -1px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #c3b894;
	vertical-align: bottom;
}

.body div.img a:hover { display: inline; border: 0; }
.body div.img a:hover img {
	background-color: #f5f3e9;
}

.body ol.code {
	color: #baaf8c;
	margin-left: 32px;
}

.body ol.code li {
	border: 1px solid #e8e6dc;
	margin-top: -1px;
	margin-left: 0;
	list-style: decimal-leading-zero;
}

.body ol.code ins, .body ol.code del,
.body ol.code code {
	display: block;
}

.body ol.code code {
	color: #645b3c;
	border: 1px solid #fff;
	padding-left: 1ex;
	margin: 0; /* Opera 9.2 WTF */
	font-size: 0.86em;
}

.body ol.code del {
	text-decoration: none;
}

.body ol.code del code {
	background-color: #be1213;
	color: #fff;
}

.body ol.code ins {
	border: 0;
	background: none; 
	padding-left: 0;
}

.body ol.code ins code {
	background-color: #fff;
	color: #323232;
}

.body ol.code li.space {
	margin-top: 1.07em;
}

.body ol.code li.i1 code { padding-left: 3ex; }
.body ol.code li.i2 code { padding-left: 5ex; }
.body ol.code li.i3 code { padding-left: 7ex; }
.body ol.code li.i4 code { padding-left: 9ex; }
.body ol.code li.i5 code { padding-left: 11ex; }
.body ol.code li.i6 code { padding-left: 13ex; }

.body .code-switcher {
	font-size: 0.79em;
	line-height: 1.82em;
	margin: 1.82em 10px 0 0;
	overflow: hidden;
}

.body .code-switcher strong,
.body .code-switcher span {
	cursor: pointer;
}

.body .code-switcher strong {
	float: left;
	text-transform: lowercase;
	font-variant: small-caps;
	color: #39515c;
}

.body .code-switcher span {
	height: 13px;
	float: right;
	text-indent: -1000em;
	padding-top: 4px;
	margin-left: 5px;
	background-position: 0 4px;
	background-repeat: no-repeat;
}

.body .code-switcher strong span {
	height: auto;
	float: none;
	text-indent: 0;
	margin: 0;
	border-bottom: 1px solid #ddd;
}

.body .code-switcher strong span:hover {
	border-bottom-color: #ccc;
}

.body .code-switcher .pre {
	width: 24px;
	background-image: url(icon-code-pre.png);
}

.body .code-switcher .list {
	width: 25px;
	background-image: url(icon-code-list.png);
}

.body .code-switcher .active {
	background-position: 0 -13px;
}

.body pre {
	background-color: #f5f3e9;
	border: 1px solid #e8e6dc;
	color: #645b3c;
	margin-top: 1.25em;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	font-size: 0.86em;
}

.body pre code {
	display: block;
	border: 1px solid #fff;
	padding: 6px;
	background-color: transparent;
}

.body pre del {
	color: #be1213;
}

.body pre ins {
	background: #fff;
	color: #323232;
	border: 0;
	padding: 0;
}

.body ul.footnote {
	font-size: 0.86em;
	margin-top: 1.14em;
	padding-top: 2.17em;
	background: url(hr.png) no-repeat 0 0;
	line-height: 1.75em;
	margin-left: 0;
}

.body ul.footnote li {
	padding-left: 0;
	background: none; 
}

.body ul.footnote,
.body ul.footnote a {
	color: #988f72;
	border: 0;
}

.body .update {
	background-color: #ffc;
	padding: 1.5em;
}

/*	=entry-misc
---------------------------------------------------------------------------- */

.entry .misc {
	background: url(misc-background.png) repeat-x 0 100%;
	padding-left: 25px;
	padding-right: 25px;
	overflow: hidden;
}

.entry .misc.short {
	margin-top: 21px;
}

.entry .misc span.extended {
	float: right;
	font-size: 0.71em;
	height: 2.1em;
	line-height: 1.7em;
	margin-top: 0.85em;
	margin-bottom: 0.85em;
	width: 88px;
	text-indent: -1000em;
	text-transform: uppercase;
	background: url(loading.gif) no-repeat 100% 50%;
	overflow: hidden;
}

.entry .misc span.extended a {
	display: block;
	background: url(read-more.png) no-repeat 0 -1px;
}

.entry .misc span.loading {
	background-position: 10px 5px;
}

.entry .misc span.loading a {
	background-position: 0 -21px;
}

.entry .misc a.commentinfo {
	color: #a49b7b;
	font-size: 0.86em;
	float: left;
	clear: right;
	background: url(comments-l.png) no-repeat 0 0;
}

.entry .misc a.commentinfo span {
	display: block;
	min-height: 16px;
	padding: 3px 5px 4px 5px;
	background: url(comments-r.png) no-repeat 100% 0;
}

/*	=footer
---------------------------------------------------------------------------- */

#footer {
	background: url(shadow-bot.png) no-repeat 0 0;
	font-size: 0.69em;
	text-align: center;
	padding: 20px 0 10px 0;
	clear: both;
}

#footer p {
	margin-bottom: 0.91em;
}

#footer a { 
	color: #fff;
}

#footer span {
	display: block;
}

#footer span,
#footer span a {
	color: #9fadb3;
}

/* =closed
************************************************************** */

#content {
	padding-top: 20px;
}

#closed {
	background: #393939 url(closed-bg.png) no-repeat;
	color: #dedede;
	margin-bottom: 22px;
	padding: 21px 25px;
}

#closed p {
	margin: 0 75px 0 0;
}

#closed a {
	color: #fff;
	border-bottom-color: #777;
}

#closed a:visited {
	border-bottom-color: #555;
}

#closed a:hover {
	border-bottom-color: #fff;
}

#e375707 {
	display: none;
}