body {
	margin: 0;
	padding: 0;
	border: 0;
	zoom: 0;
	text-align: center;
	font-family: georgia, garamond, thorndale, times new roman, times, serif;
}

body#rss {
	text-align: left;
}

@media screen {
	body {
		background: #ffe url(/jshatter.png) repeat-y top center;
	}

	a[href] { text-decoration: none; color: #246; }
	a[href]:visited { text-decoration: none; color: #246; }
	a[href]:hover { text-shadow: 1px 1px 2px #468; }
	a[href]:active { text-decoration: none; color: #620; text-shadow: 1px 1px 2px #402; }

	div#wrapper {
		color: #333;
		margin: 0px auto;
		padding: 0;
		width: 750px;
	}
	div#header {
		background: #eed;
		color: #765;
		font-size: 24px;
		font-weight: bold;
		text-shadow: 2px 2px 6px #99f;
		border-top: 5px solid #cba;
		margin: 20px 10px 20px 10px;
		padding: 4px 10px 10px 4px;
	}
	div#body {
		text-align: left;
		background: 603px 0 url(http://js.hu/wrapperbg2.png) repeat-y;
		padding: 0 10px 0 10px;
	}
	div#main {
		float: left;
		width: 590px;
		margin: 0 0 0 0;
	}
	div#navi {
		padding: 0;
		margin: 0 0 0 610px;
		border: 0;
		font-size: 10px;
		width: 120px;
	}
	div#naviinner {
		width: 120px;
		overflow: hidden;
	}
	div#mainfooter {
		visibility: hidden;
		clear: both;
	}
	div#footer {
		text-align: center;
		color: #444;
		font-size: 10px;
		padding-top: 20px;
		clear: both;
	}
	div#main h1 { color: #668; text-shadow: 2px 2px 2px #77b; }
	div#main h2 { color: #88a; text-shadow: 2px 2px 2px #98b; }
	div#main h3 { color: #99b; text-shadow: 2px 2px 2px #a9c; }
	div#main h4 { color: #aac; text-shadow: 2px 2px 2px #cce; }
	div#main div.blog p:first-child { background-color: #eed; }
	div#main code { color: #a22; }
	div#main p.blogdate { color: #668; }
}

div#header {
	text-align: right;
	font-size: 24px;
	font-weight: bold;
}

div#header h1 {
	text-align: right;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

div#body {
	text-align: left;
	clear: both;
}

/* markup in main */

div#main p {
	text-indent: 3em;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 12px;
	line-height: 24px;
}

div#main li {
	font-size: 12px;
	line-height: 24px;
}

div#main p.descr {
	text-indent: 0;
	margin-top: 0px;
	text-align: right;
	font-family: skia, verdana, helvetica, arial, sans-serif;
	font-size: 10px;
}

div#main p.fortune {
	text-indent: 0;
	text-align: center;
	margin: 12px 0 12px 0;
	font-family: skia, verdana, helvetica, arial, sans-serif;
	font-size: 9px;
}

div#main h1, div#main h2 { text-align: center; }
div#main h3, div#main h4 { text-align: left; }
div#main hr { width: 20em; }
div#main div.blog p { text-indent: 1em; }
div#main div.blog li p { text-indent: 0; }
div#main div.blog p:first-child { text-indent: 0; }
div#main div.blog p:first-child:first-letter {
	font-size: 200%;
	float: left;
}
div#main p.blogmeta {
	text-indent: 0;
	font-family: skia, verdana, helvetica, arial, sans-serif;
	font-size: 10px;
}

div#main p.blogdate {
	text-indent: 2em;
	font-size: 11px;
	margin-top: 14px;
}

/* markup in navi*/

div#navi ul {
	margin: 0;
	padding-left: 1.5em;
	border: 0;
}

div#navi ul li {
	margin: 0;
	padding: 0;
}

div#navi select.blogCats {
	width: 120px;
}

div#navi table.blogCal { margin: 0 auto; }
div#navi table.blogCal tr { text-align: right; }
div#navi table.blogCal th { text-align: center; }
div#navi table.blogCal td.today { background-color: #dde; }
div#navi table.blogCal td.navigator { text-align: center; }

div#navi h2 {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #88a;
}

div#navi div.comment p { text-indent: 0.7em }

div#navi div.comment p:first-child {
	text-indent: 0;
	margin-top: 3px;
	margin-bottom: 3px;
}

div#navi div.comment p.blogmeta {
	text-indent: 0;
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 9px;
}

/* markup in footer */

div#footer ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	text-align: left;
}

div#footer ul li {
	margin-left: 0;
	padding: 3px 15px;
	border-left: 1px solid #ccf;
	list-style: none;
	display: inline;
}

div#footer ul li.first {
	border-left: none;
}

img.right {
	float: right;
	margin-left: 10px;
	padding: 4px;
	background-color: #ddd;
	border: 1px solid #ccc;
}

img.left {
	float: left;
	margin-right: 10px;
	padding: 4px;
	background-color: #ddd;
	border: 1px solid #ccc;
}

div.center {
	text-align: center;
}

div.center img {
	padding: 4px;
	background-color: #ddd;
	border: 1px solid #ccc;
}

div.blogComments {
	border: 1px dashed #ccf;
	margin: 12px;
	padding: 6px;
}

div.blogComments div.comment {
	padding-top: 6px;
	padding-bottom: 6px;
}

div#main p.navi {
	text-align: center;
	text-indent: 0;
}

div.blogComments p.navi {
	text-align: center;
	font-size: 10px;
	text-indent: 0;
}

@media print {
	div#navi, div#mainfooter, div#footer, div#post {
		visibility: hidden;
	}
}