/*** Fonts ***/
@font-face {
    font-family: 'open_sansbold';
    src: url('chetene/fonts/opensans-bold-webfont.eot');
    src: url('chetene/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('chetene/fonts/opensans-bold-webfont.woff') format('woff'),
         url('chetene/fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('chetene/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('chetene/fonts/opensans-bolditalic-webfont.eot');
    src: url('chetene/fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('chetene/fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('chetene/fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('chetene/fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('chetene/fonts/opensans-italic-webfont.eot');
    src: url('chetene/fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('chetene/fonts/opensans-italic-webfont.woff') format('woff'),
         url('chetene/fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('chetene/fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('chetene/fonts/opensans-regular-webfont.eot');
    src: url('chetene/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('chetene/fonts/opensans-regular-webfont.woff') format('woff'),
         url('chetene/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('chetene/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kelson_sans_bgbold';
    src: url('chetene/fonts/kelson_sans_bold_bg-webfont.eot');
    src: url('chetene/fonts/kelson_sans_bold_bg-webfont.eot?#iefix') format('embedded-opentype'),
         url('chetene/fonts/kelson_sans_bold_bg-webfont.woff') format('woff'),
         url('chetene/fonts/kelson_sans_bold_bg-webfont.ttf') format('truetype'),
         url('chetene/fonts/kelson_sans_bold_bg-webfont.svg#kelson_sans_bgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*** Main Styles ***/
body {
	text-rendering: optimizeLegibility;
	margin: 0;
	color: #c1c1c1;
	font-family: 'open_sansregular', sans-serif;
	font-size: 14px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) { Body {    font-size: 14px;      }		}
* {    -webkit-text-size-adjust: none;	}

a {
	text-decoration: none;
}

a,
a:hover,
a:active,
a:focus {
	outline: none;
}

img {
	border: 0;
	display: block;
}

blockquote {
	margin: 0;
	font-family: 'open_sansbold_italic';
}

ol {
	*line-height: 22px;
}

	ol li {
		*margin-bottom: 22px;
		*margin-right: 50px;
	}

ol.numbered {
	line-height: 22px;
}

	ol.numbered li {
		margin-bottom: 22px;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	font-size: 14px;
	margin-bottom: 32px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	 border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}

	table thead {
		border-radius: 10px;
		color: #fff;
	 	font-family: 'open_sansbold_italic';
	 	background-color: #47ab9d;
		font-weight: normal;
		text-align: left;
	}

		table tr {
			line-height: 30px;
		}

		table td,
		table th {
			padding: 0 15px;
		}

		table .light {
			background-color: #fffae9;
		}

		table .dark {
			background-color: #f8f4e6;
		}

			table thead th {
				font-weight: normal;
			}

	table tbody {
		color: #323232;
	}

	table a {
		color: #17a9de;
		font-family: 'open_sansbold';
		text-decoration: underline;
	}

	table a:hover {
		text-decoration: none;
	}
table.profile_data td{padding:3px 3px 20px 20px;vertical-align:top;}
table.profile_data td.cell_label{text-align:right;padding-right:0;}
/*** Typography ***/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
}

h1 {
	font-size: 32px;
	/*line-height: 45px;*/
}

h2 {
	font-size: 20px;
	/*line-height: 28px;*/
}

h3 {
	font-size: 16px;
	/*line-height: 19px;*/
}

h4 {
	font-family: 'open_sansbold';
	font-size: 14px;
	/*line-height: 17px;*/
}

h5 {
	font-size: 32px;
}

.main-menu li a,
.navigation h1,
.section-header h1,
.sub-article h1,
.sub-article-2 h1,
.game-header h1,
.diary-header h1,
.game-content h2,
.book-listing h1,
.joke h1,
.poll h1,
.poll h2 {
	font-family: 'kelson_sans_bgbold';
	font-size: 16px;
}

/*** Forms ***/
.input-register,
.regSel {
	border: 2px solid #d9d9d9;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px 13px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f2f2f2;
	height: 32px;
	margin-bottom: 16px;
	font-family: 'open_sansitalic';
	color: #afafaf;
	font-size: 14px;
}

input[type="text"].short,
input[type="password"].short,
select.short {
	width: 100px;
}

textarea { margin: 0 0 20px;

}

ol {
	margin: 0 0 22px 0;
	padding: 0 0 0 20px;
}

/*** Elements ***/
.btn {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
 	font-family: 'open_sansbold_italic';
 	font-size: 12px;
 	text-align: center;
 	padding: 0 15px;
 	transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
}

.btn.big {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	padding: 0 25px;
}

.btn.short {
	padding: 0 15px;
}

.btn.aqua {
	background-color: #068894;
}

.btn.blue {
	background-color: #1c578c;
}

.btn.red {
	background-color: #ca4161;
}

.btn.light-blue {
	background-color: #19aad9;
}

.btn.purple {
	background-color: #5c5176;
}

.btn.grey {
	background-color: #a4a4a4;
}

.btn.green {
	background-color: #43b860;
}
a.green	{
	display: inline-block;
	height: 28px;
	line-height: 28px;
	border-radius: 10px;
	color: #fff;
	font-family: 'open_sansbold_italic';
	font-size: 12px;
	text-align: center;
	padding: 2px 22px;
	text-decoration: none;
	transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;

	background: #43b860;
}




.btn.white {
	background-color: #fff;
}

.btn.order,
.btn.joke-that {
	background-image: url('chetene/order-icon.png');
	background-repeat: no-repeat;
	background-position: 85px center;
	padding-right: 35px;
}

.btn.border-blue {
	color: #19aad8;
	border: 2px solid #19aad8;
}

.btn.border-blue:hover {
	background-color: #19aad8;
	border: 2px solid #19aad8;
	color: #fff;
}

.btn.border-red {
	color: #ca4161;
	border: 2px solid #ca4161;
}

.btn.border-red:hover {
	color: #fff;
	background-color: #ca4161;
}

.btn.border-green {
	color: #43b860;
	border: 2px solid #43b860;
}

.btn.border-green:hover {
	background-color: #43b860;
	color: #fff;
}

.btn.print,
.btn.add-diary,
.btn.remove-diary,
.btn.read-book,
.btn.joke-what {
	background-repeat: no-repeat;
	background-position: 15px center;
	padding: 0 8px 0 30px;
	text-align: left;
}

.btn.print {
	background-color: #fff;
	color: #f8af1f;
	border: 2px solid #f8af1f;
	background-image: url('chetene/print-icon.png');
}

.btn.add-diary {
	background-image: url('chetene/add-diary-icon.png');
}

.btn.remove-diary {
	background-image: url('chetene/remove-diary-icon.png');
}

.btn.read-book {
	background-image: url('chetene/read-book-icon.png');
}

.btn.joke-what,
.btn.joke-that {
	display: none;
}

.btn.joke-what.visible,
.btn.joke-that.visible {
	display: inline-block;
}

.btn.joke-what {
	background-color: #fff;
	color: #ca4060;
	background-image: url('chetene/what-icon.png');
}

.btn.joke-that {
	background-color: #a4a4a4;
	background-image: url('chetene/that-icon.png');
}

.link {
	font-size: 12px;
	font-family: 'open_sansbold_italic';
}

.link:hover {
	text-decoration: underline;
}

.link.green {
	color: #43b860;
}
a.link.green {
	background: none;
	text-decoration: underline;
}

.paging {
	float: right;
	font-family: 'open_sansitalic';
	font-size: 14px;
	color: #acacac;
}

.paging a { text-decoration: none;	}

	.paging * {
		display: inline-block;
	}

	.paging .page {
		background-color: #eeeeee;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 8px 14px;
		margin: 0 11px;
	}

	.paging .nav {
		font-family: 'open_sans';
		background-color: #ca4161;
		color: #fff;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 4px 3px;
		font-size: 24px;

	}

	.paging .nav.prev {
		margin: 0 8px 0 18px;
	}
	.paging .nav.next {
		margin: 0 18px 0 8px;
	}

/*** Layout ***/
.wrapper {
	background: transparent;
}

	.header {
		margin-top: 47px;
	}

		.logo {
			display: block;
			width: 426px;
			height: 150px;
			background-image: url('chetene/logo.png');
			float: left;
		}

		.header .inner-right {
			float: right;
		}

			.header .inner-right .login {
				display: block;
				width: 98px;
				height: 32px;
				float: right;
				margin-top: 13px;
				line-height: 32px;
				color: #fff;
				font-family: 'open_sansbold_italic';
				font-size: 12px;
				background-image: url('chetene/login-bg.png');
				padding-left: 34px;
			}

			.header .inner-right .inner-bottom {
				width: 574px;
				height: 78px;
				padding-top: 27px;
				background-image: url('chetene/header-inner-right-bg.png');
			}

				.header .inner-right .inner-bottom .header-button {
					display: block;
					float: left;
					background-image: url('chetene/header-buttons.png');
					height: 46px;
				}

				.header .inner-right .inner-bottom .header-button.sport {
					width: 167px;
					background-position: 0 0;
					margin-left: 135px;
				}

				.header .inner-right .inner-bottom .header-button.reading {
					width: 213px;
					background-position: -187px 0;
					margin-left: 20px;
				}

		.main-menu {
			width: 1016px;
			margin: 0 0 0 -30px;
			padding: 0 0 0 44px;
			list-style: none;
			height: 66px;
			line-height: 56px;
			background-image: url('chetene/menu-bg.png');
			background-position: bottom;
		}

			.main-menu li {
				float: left;
				height: 56px;
			}

				.main-menu li a {
					display: block;
					color: #fff;
					text-transform: uppercase;
					text-decoration: none;
					padding: 0 9px;
				}

				.main-menu li:hover a {
					background-color: #1699c3;
				}

				.main-menu li a:active {
					background-color: #1488ae;
				}

				.main-menu li.active a {
					background-color: #5c9951;
					border-top-left-radius: 10px;
					border-top-right-radius: 10px;
					margin-top: -3px;
					height: 59px;
					line-height: 63px;
				}

	.content {
		padding: 22px 0 32px 0;
		background-color: #fff;
	}

		.navigation {
			margin-bottom: 26px;
		}

			.navigation h1 {
				text-transform: uppercase;
				color: #323232;
				line-height: 19px;
				margin-bottom: 8px;
			}

/*

			.navigation a,
			.navigation span {
				color: #323232;
				font-size: 12px;
			}
*/


		.navigation span {
			font-size: 16px;
		}

		.navigation a:hover {
			text-decoration: underline;
		}

		.home-showcase {
			margin-bottom: 32px;
		}

			.home-showcase a {
				display: block;
				text-align: center;
				color: #fff;
				background-image: url('../showcase/home-showcase.png');
				background-repeat: no-repeat;
				font-family: 'kelson_sans_bgbold';
				transition: all 0.2s ease 0s;
				-o-transition: all 0.2s ease 0s;
				-moz-transition: all 0.2s ease 0s;
				-webkit-transition: all 0.2s ease 0s;
			}

			.btn:hover,
			.home-showcase a:hover,
			.article img:hover,
			.sub-article img:hover,
			.sub-article-2 img:hover {
				opacity: 0.9;
				filter: Alpha(opacity=90);
			}

				.category-listing .see-more,
				.home-showcase .see-more {
					font-family: 'open_sansbold_italic';
					font-size: 12px;
				}

				.home-showcase .smaller {
					margin-top: 11px;
				}

				.home-showcase .large a {
					width: 476px;
					height: 167px;
					background-position: 0 0;
					font-size: 40px;
					padding-top: 100px;
				}

				.home-showcase .small a,
				.home-showcase .smaller a {
					width: 230px;
					font-size: 24px;
					padding-top: 30px;
				}

				.home-showcase .small a {
					height: 100px;
				}

				.home-showcase .smaller a {
					height: 96px;
				}

				.home-showcase .paint a {
					background-position: -476px 0;
				}

				.home-showcase .heroes a {
					background-position: -706px 0;
				}

				.home-showcase .alphabet a {
					background-position: -476px -130px;
				}

				.home-showcase .handy a {
					background-position: -706px -130px;
				}

				.category-listing {
					margin-bottom: 16px;
				}

					.category-listing .container {
						width: 312px;
						height: 250px;
						position: relative;
					}

					.category-listing a {
						display: block;
						opacity: 0.8;
						filter: Alpha(opacity=80);
						position: absolute;
						width: 312px;
						height: 151px;
						text-align: center;
						top: 0;
						padding-top: 99px;
						border-radius: 10px;
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						font-family: 'kelson_sans_bgbold';
						font-size: 24px;
						transition: all 0.2s ease 0s;
						-o-transition: all 0.2s ease 0s;
						-moz-transition: all 0.2s ease 0s;
						-webkit-transition: all 0.2s ease 0s;
					}

						.category-listing a span {
							color: #fff;
							opacity: 1;
							filter: Alpha(opacity=100);
						}

					.category-listing a:hover {
						opacity: 0.7;
						filter: Alpha(opacity=70);
					}

					.category-listing .red a {
						background-color: #ca4161;
					}

					.category-listing .pale-blue a {
						background-color: #627589;
					}

					.category-listing .green a {
						background-color: #2aaf4b;
					}

					.category-listing .yellow a {
						background-color: #d7ad0b;
					}

					.category-listing .purple a {
						background-color: #4e1b54;
					}

					.category-listing .blue a {
						background-color: #01b0f0;
					}

					.category-listing .pale-green a {
						background-color: #46ab9e;
					}

		.search-bar {
			background-color: #f2f2f2;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			padding: 16px 0;
			margin-bottom: 32px;
		}

			.search-bar input[type="text"] {
				width: 89%;
				padding-left: 3%;
				padding-right: 3%;
				background-color: #fff;
				margin-bottom: 0;
			}

			.search-bar .by-letter {
				text-align: center;
				margin-top: 16px;
				font-family: 'open_sansitalic';
				font-size: 14px;
				padding: 0 16px;
			}

				.search-bar .by-letter a {
					color: #999;
					margin: 0 5px;
					line-height: 26px;
					padding: 0 5px;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
				}

				.search-bar .by-letter a:hover,
				.search-bar .by-letter a.active {
					color: #fff;
					background-color: #a4a4a4;
				}

				.search-bar .by-letter .all {
					padding: 0 6px;
					margin-left: 0;
				}

		.section-header {
			height: 37px;
			background-repeat: repeat-x;
			background-position: left bottom;
			margin-bottom: 24px;
		}

			.section-header.aqua {
				background-image: url('chetene/section-header-bg-aqua.png');
			}

			.section-header.red {
				background-image: url('chetene/section-header-bg-red.png');
			}

			.section-header.green {
				background-image: url('chetene/section-header-bg-green.png');
			}

			.section-header.blue {
				background-image: url('chetene/section-header-bg-blue.png');
			}

			.section-header.dark-blue {
				background-image: url('chetene/section-header-bg-dark-blue.png');
			}

				.section-header h1 {
					height: 32px;
					line-height: 33px;
					color: #fff;
					text-transform: uppercase;
					display: inline-block;
					padding: 0px 10px 0 13px;
					-webkit-border-top-left-radius: 10px;
					-webkit-border-top-right-radius: 10px;
					-moz-border-radius-topleft: 10px;
					-moz-border-radius-topright: 10px;
					border-top-left-radius: 10px;
					border-top-right-radius: 10px;
				}

				.section-header.aqua h1 {
					background-color: #47ab9d;
				}

				.section-header.red h1 {
					background-color: #ca4161;
				}

				.section-header.green h1 {
					background-color: #00ac65;
				}

				.section-header.blue h1 {
					background-color: #068894;
				}

				.section-header.dark-blue h1 {
					background-color: #3b5998;
				}

				.section-header span,
				.game-header h1 span {
					font-size: 20px;
				}

		.article,
		.sub-article,
		.book-listing,
		.jokes-listing {
			margin-bottom: 30px;
		}

			.article img,
			.sub-article img,
			.sub-article-2 img,
			.game img,
			.book-listing img,
			.poll img {
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
			}

			.article h1 {
				font-family: 'kelson_sans_bgbold';
				font-size: 20px;
				line-height: 28px;
				margin-top: 12px;
			}

				.article h1 a {
					color: #19aad9;
				}

				.article h1 a:hover,
				.sub-article h1 a:hover,
				.sub-article-2 h1 a:hover,
				.book-listing h1 a:hover {
					text-decoration: underline;
				}

			.article .date {
				font-family: 'open_sansitalic';
				font-size: 12px;
				color: #777777;
				display: block;
				line-height: 30px;
			}

			.article p,
			.sub-article-2 p {
				font-family: 'open_sansitalic';
				font-size: 14px;
				line-height: 22px;
				color: #323232;
				margin: 10px 0;
			}

			.article .see-more {
				font-family: 'open_sansbold_italic';
				font-size: 12px;
				color: #d05975;
			}

			.article .see-more:hover {
				text-decoration: underline;
			}

		.sub-article a.block,
		.article a.block {
			position: relative;
			display: block;
		}

			.article .thumb-play,
			.sub-article .thumb-play {
				position: absolute;
				width: 48px;
				height: 48px;
				background-image: url('chetene/thumb-play.png');
				margin: -24px 0 0 -24px;
				left: 50%;
				top: 50%;
				cursor: pointer;
			}

		.sub-article h1,
		.book-listing h1 {
			line-height: 22px;
			margin: 12px 0 10px 0;
			height: 66px;
		}

			.sub-article.blue h1 a {
				color: #19aad9;
			}

			.sub-article.green h1 a {
				color: #00ac65;
			}

			.sub-article-2.black h1 a {
				color: #000;
			}

			.play-now {
				font-family: 'open_sansbold_italic';
				font-size: 12px;
				color: #ca4161;
				background: url('chetene/play-icon.png') no-repeat left center;
				padding-left: 17px;
				margin: 12px;
			}

			.play-now:hover {
				text-decoration: underline;
			}

		.sub-article-2 h1 {
			line-height: 22px;
		}

		.book-listing h1 a {
			color: #19aad9;
			line-height: 22px;
		}

		.book-listing .publisher {
			display: block;
			font-family: 'open_sansitalic';
			font-size: 12px;
			color: #777777;
			margin-top: 10px;
			height: 20px;
		}

		.book-listing p {
			font-size: 14px;
			line-height: 22px;
			color: #323232;
		}

		.jokes-listing p {
			font-size: 16px;
			line-height: 26px;
			color: #323232;
		}

		.photo-quiz {
			color: #323232;
			font-size: 14px;
		}

		.photo-quiz .answer {
			 font-family: 'open_sansbold_italic';
		}

		.photo-quiz .winner {
			 font-family: 'open_sansbold';
		}

		.photo-quiz .desc {
			font-family: 'open_sansitalic';
		}

		.article-inner .title {
		 	font-family: 'kelson_sans_bgbold';
			color: #323232;
		}

		.article-inner h1.title {
			font-size: 32px;
			line-height: 45px;
			margin-bottom: 5px;
		}

		.article-inner h2.title {
			font-size: 24px;
			line-height: 29px;
			margin-bottom: 5px;
		}

		.article-inner h4 {
			margin: 18px 0;
		}

		.article-inner .date {
			display: block;
			 font-family: 'open_sansitalic';
			 font-size: 12px;
			 color: #777777;
			 line-height: 20px;
			 margin-bottom: 10px;
		}

		.article-inner .short-desc,
		.article-inner .article-text {
			font-size: 14px;
			color: #323232;
			line-height: 22px;
		}

		.article-inner .short-desc {
			font-family: 'open_sansitalic';
		}

			.article-inner .article-text {
				margin-top: 20px;
			}

			.article-inner p.article-text.first-letter:first-letter {
				font-size: 300%;
				font-family: 'open_sansbold';
				letter-spacing: 0.2em;
			}

				.article-inner .article-text a {
					color: #19AAD9;
				}

				.article-inner .article-text a:hover {
					text-decoration: underline;
				}

		.article-inner .social {
			margin-bottom: 24px;
		}

		.leks-row {
			font-size: 14px;
			line-height: 22px;
			margin-bottom: 8px;
		}

			.leks-row .left {
				text-align: right;
				font-family: 'open_sansbold';
				color: #acacac;
			}

			.leks-row .right {
				color: #323232;
			}

			.leks-row h2 {
				font-size: 18px;
				margin: 10px 0;
			}

		.tags {
			font-family: 'open_sansbold_italic';
		}

			.tags span {
				font-size: 14px;
				color: #323232;
				margin-right: 10px;
			}

			.tags a {
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				font-size: 12px;
				color: #fff;
				background-color: #323232;
				padding: 5px 16px;
				margin-right: 5px;
			}

		.poll-results {
			margin-bottom: 10px;
		}

			.poll-results .row {
				margin-bottom: 5px;
			}

			.poll-results.homepage .row {
				margin-bottom: 15px;
			}

			.poll-results .left {
				text-align: right;
			}

				.poll-results .percentage {
					display: block;
					font-family: 'open_sansbold';
					font-size: 48px;
					line-height: 57px;
					color: #d8d8d8;
				}

				.poll-results.homepage .percentage {
					font-size: 20px;
					text-align: left;
					line-height: 24px;
				}

				.poll-results h2 {
					font-family: 'open_sansbold_italic';
					color: #323232;
					font-size: 16px;
				}

				.poll-results.homepage h2 {
					margin: 0;
				}

				.poll-results h3 {
					font-size: 14px;
					font-family: 'open_sansitalic';
					color: #323232;
					line-height: 22px;
					margin: 11px 0 5px 0;
				}

				.poll-results.homepage h3 {
					margin-top: 0;
				}

				.poll-results .percentage-bar {
					height: 8px;
					background-color: #46b852;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
				}

			.poll-results.homepage .left,
			.poll-results.homepage .right {
				float: left;
			}

			.poll-results.homepage .left {
				width: 76px;
			}

			.poll-results.homepage .right {
				width: 217px;
			}

			.poll-results.homepage .all-polls {
				text-align: center;
			}

		.diary-header h1,
		.game-header h1 {
			width: 293px;
			height: 61px;
			line-height: 45px;
			color: #fff;
			text-transform: uppercase;
			background-image: url('chetene/game-header-bg.png');
			padding-left: 19px;
		}

		.game-header h1 {
			margin-top: 24px;
		}

		.game-content {
			width: 280px;
			background: url('chetene/game-content-bg.png') repeat-y;
			padding: 0 16px;
		}

			.game-content h2 {
				line-height: 22px;
				margin: 12px 0 10px 0;
			}

				.game-content h2 a {
					color: #19aad9;
				}

				.game-content h2 a:hover {
					text-decoration: underline;
				}

		.game-footer {
			width: 312px;
			height: 36px;
			background: url('chetene/game-footer-bg.png') repeat-y;
			margin-bottom: 24px;
		}

		.joke {
			padding: 0 0 10px 20px;
			background: url('chetene/joke-bg.png') repeat-x left bottom;
			margin-bottom: 24px;
		}

			.joke h1 {
				text-transform: uppercase;
				line-height: 22px;
				color: #f8af1e;
			}

			.joke p {
				color: #323232;
				font-size: 14px;
				line-height: 22px;
			}

		.poll {
			background: url('chetene/poll-bg.png') repeat-x left bottom;
			margin: 44px 0 24px 0;
			padding: 0 0 26px 19px;
		}

			.poll h1 {
				text-transform: uppercase;
				color: #5c5176;
				height: 60px;
				line-height: 60px;
			}

			.poll h2 {
				color: #323232;
				margin: 16px 0;
			}

			.poll label {
				display: block;
				margin-bottom: 10px;
				color: #323232;
				cursor: pointer;
				font-family: 'open_sansitalic';
				font-size: 14px;
			}

			.poll .btn {
				margin-right: 10px;
			}

	.footer {
		width: 1000px;
		background-image: url('chetene/fr-footer-bg.png');
		height: 172px;
		margin-bottom: 32px;
	}

		.footer .inner {
			width: 968px;
			margin: 0 auto;
		}

			.footer .inner .upper-links {
				float: right;
				margin: 24px 20px 29px 0;
				color: #746b88;
			}

				.footer .inner .upper-links a {
					color: #d3d1d8;
					font-size: 14px;
					font-family: 'open_sansbold_italic';
				}

				.footer .inner .upper-links a:hover {
					text-decoration: underline;
				}

			.footer .inner .bottom-links {
				margin-bottom: 32px;
				color: #766f86;
				font-size: 11px;
				line-height: 26px;
			}

				.footer-logo {
					width: 162px;
					height: 56px;
					float: left;
					background-image: url('chetene/footer-logo.png');
					margin-right: 20px;
				}

				.footer-links {
					float: left;
				}

				.footer .inner .bottom-links a {
					color: #766f86;
				}

				.footer .inner .bottom-links a:hover {
					text-decoration: underline;
				}

/*** Fun reading styles ***/
body.fr {
	/* old background-color: #34b4dd;*/
	background-color: #429297;
	font-size: 14px;
	color: #323232;
}

.fr h2 {
	font-family: 'open_sansbold';
	font-size: 14px;
	margin: 0;
}

.fr p {
	line-height: 22px;
	margin: 0 0 22px 0;
}

	.fr p a {
		color: #34b4dd;
	}

	.fr p a:hover {
		text-decoration: underline;
	}

form.fr input[type="text"],
form.fr input[type="password"],
form.fr input[type="search"],
form.fr select {
	border: 2px solid #f6f3e2;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 4px 2%;
	width: 96%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f6f3e2;
	height: 32px;
	margin-bottom: 16px;
	font-family: 'open_sansitalic';
	color: #939392;
	font-size: 12px;
}

.fr-header {
	margin-top: 32px;
	height: 229px;
	background-color: #fff;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

	.fr-logo {
		display: block;
		width: 230px;
		height: 229px;
		background-image: url('chetene/fr-logo.png');
		background-repeat: no-repeat;
		background-position: 50%;
	}

	.fr-logo-ob {
		display: block;
		width: 230px;
		height: 229px;
		background-image: url('chetene/fr-logo-ob.png');
	}

	.fr-site-link {
		height: 97px;
		line-height: 74px;
		text-align: right;
	}

		.fr-site-link a {
			font-size: 12px;
			color: #4d1a53;
			font-family: 'open_sansbold';
			background: url('chetene/site-link-icon.png') no-repeat left center;
			padding-left: 18px;
		}

		.fr-site-link a:hover {
			text-decoration: underline;
		}

	.fr-main-menu {
		width: 100%;
		height: 50px;
		background-color: #627589;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 14px 0 0 0;
		list-style: none;
		margin: 0;
		-webkit-padding-start: 0;

	}

		.fr-main-menu li {
			float: left;
			margin: 0 10px 0 15px;
		}

			.fr-main-menu li a {
				font-family: 'kelson_sans_bgbold';
				color: #fff;
			}

			.fr-main-menu li span {
				font-family: 'open_sansitalic';
				font-size: 12px;
				color: #adb5bf;
			}

.fr-navigation {
		min-height: 70px; height: auto;
		background-color: #eff1f3;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		margin-bottom: 32px;
		padding: 10px 0;
}



	.fr-navigation .inner {
		margin-left: 19px;
	}

		.fr-navigation h1 {
			font-size: 16px;
			font-family: 'open_sansbold';
			margin-top: 15px;
		}

		.fr-navigation a,
		.fr-navigation span {
		    color: #323232;
		    font-size: 12px;
		}

	.fr-navigation a:hover {
		text-decoration: underline;
	}

.fr .showcase-buttons {
	margin: 21px 0;
}

.fr .showcase-buttons .btn {
		margin-right: 2px;
	}

.fr .book-listing.nomg h1 {
	margin-top: 0;
	height: auto;
}

.fr .book-listing .publisher {
	margin-bottom: 20px;
}

.fr-news-listing {
	margin-bottom: 22px;
}

	.fr-news-listing .title {
		font-family: 'kelson_sans_bgbold';
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 10px;
	}

		.fr-news-listing .title a {
			color: #19aad8;
		}

		.fr-news-listing .title a:hover {
			text-decoration: underline;
		}

	.fr-news-listing .date {
		font-family: 'open_sansitalic';
		font-size: 12px;
		color: #777777;
		line-height: 20px;
		margin: 0 0 10px 0;
	}

	.fr-news-listing .short-desc {
		font-family: 'open_sansitalic';
		font-size: 14px;
		color: #323232;
		line-height: 22px;
		margin: 0 0 10px 0;
	}

.fr .materials {
	padding: 0 0 20px 20px;
	background: url('chetene/joke-bg.png') repeat-x left bottom;
	margin-bottom: 24px;
}

	.fr .materials h1,
	.fr .news h1 {
		text-transform: uppercase;
		line-height: 22px;
		font-family: 'kelson_sans_bgbold';
		font-size: 16px;
		margin-bottom: 10px;
	}

	.fr .materials h1 {
		color: #f8af1e;
	}

	.fr .news h1 {
		color: #5b5176;
	}

	.fr .materials .item {
		float: left;
		width: 140px;
		margin-bottom: 10px;
	}
		.fr .materials .item a {
			font-family: 'open_sansbold_italic';
			font-size: 16px;
			color: #19aad8;

		}

		.fr .materials .item a:hover {
			text-decoration: underline;
		}

.fr .news {
	padding: 0 0 20px 20px;
	background: url('chetene/poll-bg.png') repeat-x left bottom;
}

	.fr .news h2 {
		line-height: 22px;
		margin: 20px 0 10px 0;
	}

		.fr .news h2 a {
			font-size: 16px;
			font-family: 'kelson_sans_bgbold';
			color: #19aad8;
		}

		.fr .news h2 a:hover,
		.fr .news .see-more:hover,
		.fr-news-listing .see-more:hover {
			text-decoration: underline;
		}

	.fr .news .see-more,
	.fr-news-listing .see-more {
		font-family: 'open_sansbold_italic';
		font-size: 12px;
		color: #d05975;
	}

	.fr .forget {
		text-align: center;
		line-height: 20px;
		padding-top: 26px;
	}

.fr .footer {
	background-image: url('chetene/fr-footer-bg.png');
}

	 .fr .footer .inner .upper-links {
		float: right;
		margin: 24px 20px 29px 0;
		color: #d3d1d8;
	}

	.fr .footer .inner .bottom-links {
		color: #bbc2ca;
	}

	.fr .footer .inner .bottom-links a {
		color: #bbc2ca;
	}


/* +++++++++++++++++++++++++++++    styles from main CSS				+++++++++++++++++++++++++++++++++++++++  */
.footer .inner {
width: 968px;
margin: 0 auto;
}

.fr .footer .inner {
background: url('chetene/lib-logo.png') no-repeat 910px 22px;
}
.fr .footer .inner .upper-links {
float: right;
margin: 22px 14px 29px 0;
color: #d3d1d8;
}
.fr .footer .inner .bottom-links {
color: #bbc2ca;
}
.footer .inner .bottom-links {
margin-bottom: 32px;
color: #766f86;
font-size: 11px;
line-height: 26px;
}


.article img, .sub-article img, .sub-article-2 img, .game img, .book-listing img, .book-inner img, .poll img {
border-radius: 10px;
}
.article-inner img {
	border-top-left-radius: 10px;
}
h3.section-title {
font-family: 'kelson_sans_bgbold';
color: #323232;
text-transform: uppercase;
margin-bottom: 26px;
}
form.fr label {
display: block;
text-align: right;
height: 32px;
line-height: 32px;
}
form.fr label.check > div {
position: absolute;
left: 0;
top: 3px;
}
.icheckbox_flat-green {
background-position: 0 0;
}
.icheckbox_flat-green, .iradio_flat-green {
display: block;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url('chetene/green.png') no-repeat;
border: none;
cursor: pointer;
}

.fr .footer .inner {
background: url('chetene/lib-logo.png') no-repeat 910px 22px;
}

.btn.read-book  {	display: block;
margin-top: 5px;	}

.poll label, .fancy-box label {
display: block;
margin-bottom: 10px;
cursor: pointer;
font-family: 'open_sansitalic';
}

.btn.print {
background-color: #fff;
color: #f8af1f;
border: 2px solid #f8af1f;
background-image: url('chetene/print-icon.png');
padding: 6px 20px 0 32px;
}

.book-listing .title-book-painter {	line-height: 22px;	margin: 12px 0 10px 0;	font-size: 32px; height:auto;	}


form.fr.block label.check {
text-align: left;
}

form.fr label.check {
position: relative;
padding: 0 0 0 30px;
cursor: pointer;
height: auto;
line-height: 22px;
margin-bottom: 12px;
text-align: left;
}

form.fr.block label {
display: block;
text-align: left;
height: 32px;
line-height: 32px;
}


form.fr label {
display: block;
text-align: right;
height: 32px;
line-height: 32px;
}



/* iCheck plugin Flat skin, green
----------------------------------- */
.icheckbox_flat-green,
.iradio_flat-green {
    display: block;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url('chetene/green.png') no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-green {
    background-position: 0 0;
}
    .icheckbox_flat-green.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-green.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-green.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-green {
    background-position: -88px 0;
}
    .iradio_flat-green.checked {
        background-position: -110px 0;
    }
    .iradio_flat-green.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-green.checked.disabled {
        background-position: -154px 0;
    }

input[type="checkbox"] {

}

input[type="checkbox"] + label {
		display: block;
		margin: 3px 3px 3px 4px;
		padding: 0;
		line-height: 32px;
                line-height: 130%;
		border: none;
		cursor: pointer;
		height: 40px;
                height: auto;
		text-align: left;
}


input[type="checkbox"] + label span, input[type="checkbox"]:checked + label span, input[type="radio"] + label span, input[type="radio"]:checked + label span {
background-image: url('chetene/green.png') ;
background-repeat:no-repeat;

}


input[type="checkbox"] + label span {
    display:inline-block;
    width:22px;
    height:22px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background-position: left top;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background-position: -22px top;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {

}

input[type="radio"] + label span {
    display:inline-block;
    width:22px;
    height:22px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background-position: -88px top;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background-position: -110px top; text-align: left;
}
input[type="checkbox"] {
margin: 3px ;
}
.g328 .left {
    text-align: left;
}

.vote-button a, .votes img	{float: left; padding: 0 4px; margin: 20px 0;	}
.votes img	{ width: 24px;	}
.votes img:first-child { clear:left !important;
}

.vote-button	{ margin-top:15px;}
.vote-button span	{ padding: 0 8px 15px;}
.votes span, .vote-button span { display: block;	}
.votes p {	 clear: right;	}

.other-books-green a.green {	 display: block;	 font-size: 16px; height: 42px;
line-height: 42px; margin: 25px 0;}



input[type="submit"].btn.green, input[type="submit"].btn.red {

	display: inline-block;
	line-height: 28px;
	border-radius: 10px;
	color: #fff;
	font-family: 'open_sansbold_italic';
	font-size: 12px;
	text-align: center;
	padding: 2px 22px;
	text-decoration: none;
	transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;

cursor: pointer;
border: none;

			}


input[type="submit"].btn.green {
	background-color: #43b860;
}

input[type="submit"].btn.red {
	background-color: #ca4161;
}

.upper-links img{ display: inline-block; padding: 0 0 0 20px;
}
/* KOMENTARI
----------------------------------- */


.comments {
}

.top-comments {
padding: 0;
margin: 0 5px;
width: 594px;
height: 40px;
float: left;
background: #43b860;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
color: #fff;
}

.com {
padding: 13px 0 0 10px;
margin: 0;
width: 190px;
height: 24px;
float: left;

display: inline-block;
}

.count { padding: 18px 10px 0 0;
margin: 0;
width: auto !important;
height: 19px;
float: right;
text-align: right;
font-size: 12px;
display: inline-block;
}


.comments-y {
padding: 0 20px;
margin: 0 5px;
width: 552px;
float: left;
background: none;
min-height: 130px;
height: auto !important;
height: 130px;

border-width: 0 1px 0 1px;
border-color: #43b860;
border-style: solid;

}

.comments-bottom {
padding: 0;
margin: 0 5px;
width: 592px;
height: 26px;
float: left;
background: none;
border-width: 0 1px 1px 1px;
border-color: #43b860;
border-style: solid;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}


p.text-comment {
padding: 10px;
margin: 10px 0 0 0;
background: #eff1f3;
color: #303030;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-shadow: 0 0 1px #666;
}

textarea.t1 {

	background: none;
border: 1px #43b860 solid;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

margin: 0 0 28px 0;


}


.form-comments h2 {
		color: #19aad9;
		line-height: 32px;
		font-size: 20px;
		padding: 10px 0;
}



.fr-news-listing .title { margin: 20px 0 10px; }

.fr-news-listing .see-more a { float: right;
}

		.diary-header h1,
		.game-header h1 {

height: 58px;

padding-left: 18px;
}

.list-books img {

margin: 0 20px 20px 0;

}

.fr-main-menu li {margin: 0 8px;}

.btn.grey.read-book { cursor: none !important;	}

input.login {
		padding: 0 22px;
		margin: 0;
		background: none;
		border: none;
		width: auto !important;
		height: auto !important;
}

p.err {
	color:#FF4E01;
	padding: 10px 0;
}

.right {float: right;}




.ob-main-menu {
		width: 100%;
		height: 50px;
		background-color: #627589;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		list-style: none;
		-webkit-padding-start: 0;
		display: table;
 text-align: center;

	}

.ob-footer {
width: 100%;
text-align:center;
	}

	.ob-footer span {	font-family: 'open_sansitalic';
font-size: 12px;
color: #adb5bf; letter-spacing: 0.09em;
padding: 12px 0; margin-top: 6px;

	}
.ob-main-menu ul {		display: table-row;


	}


.ob-main-menu li {
			 display: table-cell;
			 width: 25%;
			  padding: 14px 0;
		}

.ob-main-menu li a {
				font-family: 'kelson_sans_bgbold';
				color: #fff;
			}

.tooltip {
	display: none;
	color: #FF4E01;
    border: 2px solid #FF4E01;
    padding: 10px;
    border-radius: 9px;
    position: relative;
    background-color: #fff;
    width: 300px;
    left: 315px;
    z-index: 50;
}
.hover-tip-one:hover .tooltip.one,
.hover-tip-two:hover .tooltip.two,
.hover-tip-three:hover .tooltip.three {
	display: block;
}
.tooltip.one,
.tooltip.two,
.tooltip.three {
	top: -47px;
}
.tooltip:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    color: #FF4E01;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #FF4E01;
    left: -12px;
    top: 5px;
    z-index: 50;
}
.g328.regField {
	height: 45px;
}
.g328.ml287 {
	padding: 10px;
}
.ui-widget-content {
	z-index: 9999 !important;
}
.ui-menu .ui-menu-item {
	z-index: 9999 !important;
}
.register-field {
	background-color: #f15753;
	border-top-right-radius: 10px;
}
.register-header h1 {
	height: 37px;
    padding-left: 18px;
    font-family: 'kelson_sans_bgbold';
    font-size: 16px;
    width: 293px;
    line-height: 45px;
    color: #fff;
    text-transform: uppercase;
}
.register-content {
	background: #fff;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 28px;
	border-radius: 10px;
}
.register-footer {
	
	padding-bottom: 12px;
}
.register-field .btn.border-green {
	color: #5aa484;
	border: 2px solid #5aa484;
}
.register-field .btn.border-green:hover {
	background-color: #5aa484;
	color: #fff;
}
.register-field .btn.green {
	background-color: #5aa484;
}
.register-field .link.green {
	color: #5aa484;
}

.register-field .btn.border-red {
	color: #f15753;
	border: 2px solid #f15753;
}
.register-field .btn.border-red:hover {
	background-color: #f15753;
	color: #fff;
}
.register-field .btn.red{
	background-color: #f15753;
}
.register-field .btn.red:hover{
	color: #FFF;
}
.register-field .link.red {
	color: #f15753;
}

.register-field .btn{
	height: 35px;
	line-height: 35px;
}
.facebook-plugin{
	float: right;
	margin-top: 16px;
	margin-right: 4px;
}
form.fr input[type="checkbox"]{
	opacity: 0;
}
.message{text-align:center;margin:30px;color:#30b1e5;font-size:18px;}