* {
	margin: 0;
	padding: 0;
}
html { height: 100%; }
body {
	height: 100%;
	position: relative;
	background-color: #fff;
	color: #0d0d0d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

img { border: none; }
a {
	color: #5a98b1;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
.js-link {
	color: #008bd3;
	text-decoration: none;
	border-bottom: 1px dashed #008bd3;
	cursor: pointer;
}

h1, h2 {
	color: #434343;
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 0.8em;
	font-size: 1.7em;
}
/* h1 { font-size: 2em; } */
h4, h4 a {
	font-size: 1em;
	font-weight: bold;
	color: #ff6600;
	margin: 1em 0 0.5em 0;
}

p {
	line-height: 1.5;
	margin-bottom: 0.5em;
}

ol, ul {
	margin: 0 0 1em 2em;
	font-size: 0.9em;
}
ol { list-style: decimal outside; }
ul {
	list-style: none;
	margin-left: 0;
}
ol li, ul li { margin-bottom: 0.3em; }
ul li {
	position: relative;
	padding-left: 10px;
	background: no-repeat url('/images/bullet-mini.gif') 0 0.6em;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/* diff */
.corner {
	position: absolute;
	font-size: 0;
}
.top-left {
	top: 0;
	left: 0;
}
.top-right {
	top: 0;
	right: 0;
	background-position: -100% 0;
}
.bottom-left {
	bottom: 0;
	left: 0;
	background-position: 0 -100%;
}
.bottom-right {
	bottom: 0;
	right: 0;
	background-position: -100% -100%;
}


.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }

/* error page */
#error { padding: 40px 20px 20px 40px; }

/* layout */
#all {
	position: relative;
	min-height: 100%;
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
}

#top {
	position: relative;
	height: 165px;
}

/* #container { padding-bottom: 71px; } */

#center {
	width: 470px;
	padding: 14px 25px 0 0;
}

.column {
	position: relative;
	float: left;
}

#left {
	width: 210px;
	padding: 15px 35px 15px 0;
}

#right {
	width: 210px;
	padding: 15px;
	background: #fff8e2 url('/images/right-rail-background.png');
}

/* top (header) */
#top-line {
	position: absolute;
	width: 944px;
	left: 50%;
	margin-left: -487px;
	background: #888888 url('/images/top-line.png') repeat-x bottom;
	color: #fff;
	padding: 6px 15px 9px 15px;
}
#top-line a {
	color: #fff;
	text-decoration: underline;
}
#top-line .corner {
	height: 31px;
	width: 10px;
	background-image: url('/images/top-line-corner.png');
	bottom: 1px;
}
#top-line .corner.bottom-left { left: -4px; }
#top-line .corner.bottom-right { right: -4px; }

#logo {
	position: absolute;
	top: 70px;
	left: 60px;
}

#menu {
	position: absolute;
	left: 390px;
	top: 70px;
}
#menu ul li {
	float: left;
	background: none;
	padding: 0 0 0 4px;
	margin: 0 2em 10px 0;
}

/* right-rail */
#right h2 { color: #ff6600; }

#right .corner {
	height: 10px;
	width: 10px;
	background-image: url('/images/right-rail-corner.png');
}

/* center */
.list-block {
	position: relative;
	background: url('/images/list-background.png') repeat-x;
	padding: 15px;
	margin: -15px 0 20px 0;
}
.list-block.ad { background: url('/images/list-background-ad.png') repeat-x; }
.list-block .corner {
	height: 14px;
	width: 14px;
	background-image: url('/images/list-corner.png');
}
.list-block .corner { background-image: url('/images/list-corner-ad.png'); }

.star {
	position: absolute;
	width: 90px;
	height: 90px;
	top: -21px;
	left: 380px;
}
#star-hot { background: url('/images/star-hot.png'); }
#star-ad-google { background: url('/images/star-ad-google.png'); }
#star-new { background: url('/images/star-new.png'); }
#star-random { background: url('/images/star-random.png'); }

.page {
	margin-left: 2em;
	margin-bottom: 2em;
	font-weight: bold;
}
.page a, .page span {
	display: block;
	float: left;
	margin-right: 1em;
}

/* bottom */
#bottom .inner {
	height: 31px;
	padding: 20px 0;
	position: relative;
}
#copyright {
	float: left;
	line-height: 31px;
	padding-right: 71px;
	font-size: 0.8em;
	line-height: 1.3;
}
#counter {
	position: absolute;
	width: 31px;
	right: 0;
	top: 20px;
}
#counter img {
	display: block;
	float: left;
}

/* quiz */
#quiz {
	width: 470px;
	margin: 0 auto;
}

#bookmark a, #rating input, #rating span {
	display: block;
	float: left;
	margin-right: 5px;
}
#rating span {
	font-weight: bold;
	color: #59cc0d;
	margin: 0;
}
#rating input {
	width: 21px;
	height: 16px;
	border: none;
	background-color: #fff;
	background-image: url('/images/ico-star.png');
	background-position: center -16px;
	background-repeat: no-repeat;
	margin: 0;
	cursor: pointer;
}
#rating input.star-rating { background-position: center 0; }
#rating input.hidden { display: none; }

#result-block textarea {
	width: 470px;
	margin: 0 0 1em 0;
}
#result-block #code-comment { margin: 0.5em 0 0 0; }

/* adv */
#adv-index {
	margin: 0 0 0.3em 0;
}
#adv-left {
	margin: 0 0 0.3em 0;
}
#adv-center {
	margin-top: 1em;
}