*{ margin:0; padding:0; list-style:none; }

body {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #92b6c8 url(../images/header-bg.gif) repeat-x top;
}

a {
	color:#009ae9;
	text-decoration:underline;	
}
a:hover {
	text-decoration:none;
}

img {
	border:none;
}

#site {
	background: url(../images/header.gif) no-repeat top left;
	min-width:980px;
}

#header { 
	height:137px;  
}

	#header #logo {
		position:absolute;
		top:8px;
		left:199px;
	}
	
	#header h1 {
		position:absolute;
		left: 255px;
		top: 38px;
	}
	
		#header h1 img {
			float:left;
		}
	
	
	#loginform {
		position:absolute;
		right:11px;
		top:9px;
	}
		
		#loginform input {
			font-size: 11px;
			border: 1px solid #565656;
		}
	
		#loginform h3 {
			color:#fff;
			font-size:10px;
			text-transform: uppercase;
			margin-bottom:4px;
		}
		
		#loginform .text {
			width:102px;
			margin-bottom:4px;
			padding-left:2px;
		}
		
		#loginform .button {
			background:url(../images/buttons/login-e-r.gif) no-repeat right;
			float:left;
			margin-right: 14px;
			display: inline;
			padding-right:1px;
						
		}
		
			#loginform .button span {
				background:url(../images/buttons/login-e.gif) no-repeat left;					
				float:left;
				padding:0 3px;	
				padding-top:2px;		
			}
		
			#loginform .button input {
				background:none;
				border:none;
				color:#fff;
				font-weight:bold;
				text-transform:uppercase;
				cursor:pointer;
			}
	
	.icomenu {
		left:30px;
		position:absolute;
		top:13px;
	}
		
		.icomenu li {
			float:left;
			padding-right:15px;
		}
	
	#mainmenu {
		float:left;
		width: 675px;
		margin:91px 0 0 42px;
	}

	#header .aligncenter {
		margin: 0 auto;
		float:none;
		padding-top:91px;
	}
	
		#mainmenu li {
			float:left;
			padding-right:10px;
		}
		
		#mainmenu li a.active {
			background: url(../images/active-arrow.gif) no-repeat bottom center;
			padding-bottom:4px;
		}

                #mainmenu li.clear { width: 50px; }

#wrapper {
	padding: 0 9px;
	position:relative;
}
	#wrapper .picture {
		position:absolute;
		top:-76px;
		right:0;
	}
		
		#wrapper .top {
			background: url(../images/corner/content-t-l.gif) top left no-repeat;
			height:3px;
			padding-left:3px;
		}
		
			#wrapper .top-r {
				background: #fff url(../images/corner/content-t-r.gif) right top no-repeat;
				height:3px;
			}

		#wrapper .bottom {
			background: url(../images/corner/content-b-l.gif) top left no-repeat;
			height:3px;
			padding-left:3px;
		}
		
			#wrapper .bottom-r {
				background: #fff url(../images/corner/content-b-r.gif) right top no-repeat;
				height:3px;
			}

	#content {
		background:#fff;
		padding: 7px 10px;
	}
	
		.inner {
			background:#e9f0f4;
			padding:23px 10px;
			overflow:hidden;
		}
		
		.single {
			padding:23px 13px 23px 20px;
		}
		
			.inner .post {
				background: url(../images/content-line.gif) repeat-x bottom;
				padding: 20px 0;
			}
			
				.inner .post h3 {
					font-size:14px;
				}
			
				.inner .post .link {
					text-align:center;
				}
				
					.inner .post .link a {
						text-transform:uppercase;
						font-weight:bold;
						padding: 0 15px;
						font-size:11px;
					}
			
			.inner .latest {
				margin-right:280px;
				padding-top:0;
				min-height:208px;
			}
			
			.inner .ads{
				margin-right:280px;
			}
			
			.inner .imgs {
				margin-right:385px;
			}
			
			.inner .post .title {
				margin-bottom:15px;
			}
			
				.inner .post .title h3 {
					color:#000;
				}
				
				.inner .post .title strong {
					color:#666;
				}
			
			.inner .post .author {
				color:#666;
			}
		
			.inner p {
				padding-bottom: 12px;
				line-height:18px;
			}
			
			.inner .block {
				background: url(../images/corner/block-b.gif) no-repeat bottom;
				width:243px;
				float:right;	
				position:relative;
			}
			
				.inner .block p {
					line-height:normal;
				}
				
				.inner .block .intro {
					background:url(../images/corner/block-t.gif) no-repeat top;
					padding:2px 0;			
				}
			
				.inner .block .in {
					background:url(../images/corner/block-bg.gif);
				}
				
				.inner .block h3 {
					background:#6391ab url(../images/pixel.gif) no-repeat bottom right;;
					color:#fff;
					text-transform:uppercase;
					font-size:11px;
					float:left;
					padding: 4px 11px;
					margin:-2px 0 0 1px;					
				}
				
				.inner .block p {
					clear:both;
					color:#303a3f;
					padding:12px;
				}
			
			.inner .block-inner {
				margin: -68px 0 15px 40px;
			}
			
			.inner .imgWrap {
				width:302px;
				float:right;
				border:1px solid #7a93a0;
				color:#303a3f;
				padding:6px;
				background:#fff;
				font-size:11px;
				position:relative;
				clear:both;
				margin: 18px 26px 0 0;
				display: inline;
			}
			
				.inner .imgWrap h3 {
					position:absolute;
					top:0;
					left:0;
					background:#6391ab;
					color:#fff;
					text-transform:uppercase;
					font-size:11px;
					float:left;
					padding:4px 11px;
				}
			
				.inner .imgWrap img {
					display:block;
					border:1px solid #6391ab;
				}
				
				.inner .imgWrap strong {
					display:block;
				}
			
			.inner .face {
				background: url(../images/face-bg.gif) no-repeat;
				height:142px;
				margin: 25px auto 35px;
				padding:10px 0 0 70px;
				width:672px;
				position:relative;
				clear:both;
			}
			
				.inner .face li {
					float:left;
					border:1px solid #9fb2bc;
					padding:8px 6px 6px 6px;
					text-align:right;
					margin:0 7px;
					display:inline;
				}
				
				.inner .face a {
					font-weight:bold;
					color:#6391ab;
					text-decoration:none;
				}
				.inner .face li img {
					display:block;
					margin-top:2px;
				}
				
				.inner .face .prev {
					position:absolute;
					top:64px;
					left:60px;
					display:block;
					width:11px;
					height:34px;
				}
				
				.inner .face .next {
					position:absolute;
					top:64px;
					right:11px;
					display:block;
					width:11px;
					height:34px;
				}
				
			.inner .add {
				width:340px;
				margin:0 auto;
			}
						
				.inner .add .title {
					text-align:right;
					margin-bottom:12px;
					font-size:11px;
				}
			
				.inner .add .title strong {
					text-transform:uppercase;
					color:#27739e;
					float:left;
				}
				
				.inner .add .title a {
					text-transform:uppercase;
					text-align:right;
					font-weight:bold;
				}
			
				.inner .add label {
					display:block;
					color:#6391ab;
					font-weight:bold;
				}
				
				.inner .add .text, .inner .add textarea {
					border:1px solid #6391ab;
					width:338px;
					margin-bottom:10px;
				}
				
		.add .button {
			background:url(../images/buttons/button-r.gif) no-repeat right;
			float:left;
			margin-right: 14px;
			display: inline;
			padding-right:1px;
		}
		
			.add .button span {
				background:url(../images/buttons/button-l.gif) no-repeat left;
				float:left;
				padding:2px 3px 0 3px;		
				height:16px;	
			}
		
			.add .button input {
				background:none;
				border:none;
				color:#fff;
				font-weight:bold;
				text-transform:uppercase;
				font-size:10px;
				cursor:pointer;				
			}
			
			.preview input { width:181px; }

	.commentlist {
		background: url(../images/content-line.gif) repeat-x bottom;
		margin-bottom:35px;
	}
	
		.commentlist li {		
			padding-top: 12px;
		}
		
		.commentlist li .title {
			overflow:hidden;
			height:64px;
		}
	
		.commentlist li .title div {
			background: url(../images/arrow-comment.gif) no-repeat 19px bottom;
			float:left;
			height:64px;
		}
	
		.commentlist li .title img {
			float:left;
			border:1px solid #4d6c81;
			display: inline;
		}
		
		.commentlist li .title h4 {
			float:left;
			background:url(../images/ico/userpic.gif) no-repeat left;
			margin: 21px 0 0 21px;
			padding-left:23px;
			color:#666;
			font-size:13px;
			display: inline;
		}
		
		.commentlist li .title strong {
			float:right;
			margin-top:26px;
			color:#666;
			font-weight:normal;
		}
		
		.commentlist .entry {
			background:#fff;
			padding:10px 12px 0 10px;
			overflow:hidden;
			font-size:12px;			
			margin-bottom:4px;
			color:#666;			
		}
		
			.commentlist .entry p {
				line-height:normal;
				text-align:left;
			}
		
			.commentlist .reply {
				background: url(../images/content-line.gif) repeat-x bottom;
				padding-bottom:20px;
			}
			
			.commentlist .reply li {
				display: inline;
				margin:0 6px;
			}
			
		.commentlist li ul.ans li {
			margin-left:5%;
		}
		
		.pagination {
			width:508px;
			margin:0 auto;
			color:#666;
			margin-bottom:60px;
		}
		
		.pagination .coments-bottom {
			margin-bottom:30px;
		}
		
		.pagination .page {	
			font-weight:bold; 
		}
		
			.pagination .page strong {
				padding-right:5px;
			}
			
			.pagination .page span {
				padding:0 5px;
			}
			
			.pagination ul {
				margin:16px 0 0 84px;
				font-weight:bold;
			}
			
				.pagination ul li {
					display: inline;
				}

	#container {
		float:left;
		width:100%;
	}
	
		#container #wrap {
			margin: 30px 319px 0 304px;			
		}
		
			#container #wrap h2 {
				font-size:14px;
				color:#666;
				margin-bottom:38px;
				text-transform:uppercase;		
			}
			
				#container #wrap h2 a {
					color:#74848c;
				}
		
				#container #wrap p {
					
				}
			
		#leftcol {
			float:left;
			width:281px;
			margin: 0 0 60px -100%;
		}
		
			#leftcol .desc {
				background:#fff;
				width:215px;
				padding:15px;
				float:right;
			}
			
			#leftcol .desc img {
				margin-bottom:30px;
			}
		
		#rightcol {
			float:left;
			width:270px;
			margin: 275px 0 60px -270px;			
		}
		
			#rightcol dt {
				font-weight:bold;
				color:#303a3f;
			}
		
			#rightcol dd {
				margin-bottom:30px;
			}
	
	.registration {
		padding:71px 0 108px;
	}
	
	.registration fieldset {
		border:none;
		width:400px;
		margin:0 auto;;
	} 
	
		.registration h3 {
			text-transform:uppercase;
			color:#27739e;
			font-size:11px;
			margin:0 0 23px 135px;
		}
	
		.registration fieldset li {
			margin-bottom:16px;
		}
	
		.registration label {
			float:left;
			width:123px;
			text-align:right;
			margin-right: 13px;	
			color:#6391ab;
			font-weight:bold;	
			line-height:18px;
		}
		
		.registration .text {
			border:1px solid #6391ab;
			padding:2px;
			width:188px;
		}
		
		.registration .button {
			background:url(../images/buttons/button-r.gif) no-repeat right;
			float:left;
			margin:8px 0 0 151px;
			display: inline;
			padding-right:1px;
		}
		
			.registration .button span {
				background:url(../images/buttons/button-l.gif) no-repeat left;
				float:left;
				padding:2px 3px 0 3px;		
				height:16px;	
			}
		
			.registration .button input {
				background:none;
				border:none;
				color:#fff;
				font-weight:bold;
				text-transform:uppercase;
				font-size:10px;
				cursor:pointer;				
			}

	.main {
		background: #5689a9 url(../images/bg.gif) repeat-x top left;			
	}
	
		.main #footer {
			background:url(../images/m-footer.gif);
			height:191px;
		}
	
		.main p {
			color:#FFFFFF;
			font-size:13px;
			line-height:22px;
			position:absolute;
			right:23px;
			text-align:right;
			top:50px;
			width:475px;
		}
		
		.main a {
			color:#fff;
		}
		
		.main .categories {
			width:911px;
			padding:12px;
			margin: 0 auto;
			position:relative;
		}
		
		.main .categories .items {
			margin:215px 0 113px;
		}
		
		.main .categories ul {
			background:#fff;
			overflow:hidden;
			zoom:1;
			padding:10px;
		}
		
		.main .categories li {
			float:left;
			padding:8px;
		}
		
		.main .categories li a { display: block; width: 162px; height:162px; }
		
		.main .categories li a.m-religion { background: url(../images/pic/m-religion.gif); }
		.main .categories li a.m-religion:hover { background: url(../images/pic/m-religion_.gif); }
		
		.main .categories li a.m-transport { background: url(../images/pic/m-transport.gif); }
		.main .categories li a.m-transport:hover { background: url(../images/pic/m-transport_.gif); }
		
		.main .categories li a.m-police { background: url(../images/pic/m-police.gif); }
		.main .categories li a.m-police:hover { background: url(../images/pic/m-police_.gif); }
		
		.main .categories li a.m-eco { background: url(../images/pic/m-eco.gif); }
		.main .categories li a.m-eco:hover { background: url(../images/pic/m-eco_.gif); }
		
		.main .categories li a.m-religion { background: url(../images/pic/m-religion.gif); }
		.main .categories li a.m-religion:hover { background: url(../images/pic/m-religion_.gif); }
		
		.main .categories li a.m-art { background: url(../images/pic/m-art.gif); }
		.main .categories li a.m-art:hover { background: url(../images/pic/m-art_.gif); }
		
		.main .categories li a.m-housing { background: url(../images/pic/m-housing.gif); }
		.main .categories li a.m-housing:hover { background: url(../images/pic/m-housing_.gif); }
		
		.main .categories li a.m-staff { background: url(../images/pic/m-staff.gif); }
		.main .categories li a.m-staff:hover { background: url(../images/pic/m-staff_.gif); }
		
		.main .categories li a.m-gay { background: url(../images/pic/m-gay.gif); }
		.main .categories li a.m-gay:hover { background: url(../images/pic/m-gay_.gif); }
		
		.main .categories li a.m-worker { background: url(../images/pic/m-worker.gif); }
		.main .categories li a.m-worker:hover { background: url(../images/pic/m-worker_.gif); }
		
		.main .categories li a.m-homeless { background: url(../images/pic/m-homeless.gif); }
		.main .categories li a.m-homeless:hover { background: url(../images/pic/m-homeless_.gif); }
		
		.main .categories li a.m-disabilities { background: url(../images/pic/m-disabilities.gif); }
		.main .categories li a.m-disabilities:hover { background: url(../images/pic/m-disabilities_.gif); }
		
		.main .categories li a.m-racism { background: url(../images/pic/m-racism.gif); }
		.main .categories li a.m-racism:hover { background: url(../images/pic/m-racism_.gif); }
		
		.main .categories li a.m-building { background: url(../images/pic/m-building.gif); }
		.main .categories li a.m-building:hover { background: url(../images/pic/m-building_.gif); }

		.main .categories li a.m-economics { background: url(../images/pic/m-economics.gif); }
		.main .categories li a.m-economics:hover { background: url(../images/pic/m-economics_.gif); }

		.main .categories li a.m-quizzes { background: url(../images/pic/m-quizzes.gif); }
		.main .categories li a.m-quizzes:hover { background: url(../images/pic/m-quizzes_.gif); }
		
		.main .welcome {
			left:137px;
			position:absolute;
			top:819px;
		}
		
		.main .maskva {
			position:absolute;
			top:225px;
			right:-30px;
		}
		
		.m_copyright {
			position:absolute;
			right:61px;
			top:182px;
			color:#fff;
		}
		
		.fix { width:911px; margin:0 auto; position:relative; }
	
#footer {
	background: url(../images/footer.gif);
	height:334px;
	position:relative;
}

	#footer li {
		float:left;
	}
	
	#footer .forum {
		left:18px;
		position:absolute;
		top:19px;
	}

	#footer .icomenu {
		position:absolute;
		top:184px;
		left:36px;
	}
	
		#footer .icomenu li {
			padding-right:13px;
		}
	
	#footer .bottommenu {
		left:287px;
		position:absolute;
		top:171px;
		width:60%;
	}
	
		#footer .bottommenu li {
			margin-bottom:5px;
			padding-left:9px;	
		}
		
		#footer .bottommenu .active {
			background:#fff;
			text-decoration:none;
			font-weight:bold;
			color:#1a3f54;
		}
		
			#footer .bottommenu li a {
				text-transform:uppercase;
				color:#fff;
				font-size:11px;
			}
	
	#footer .pic {
		padding:6px 0 6px 6px;
		position:relative;
		top:210px;
		background:#fff;
		width:978px;
		margin: 0 auto;
		overflow:hidden;
	}
	
		#footer .pic li {
			padding-right:4px;
		}
		
	#footer .raiting {
		left:293px;
		position:absolute;
		top:292px;
	}

	#footer .copyright {
		font-size:10px;
		left:512px;
		position:absolute;
		top:296px;
		color:#fff;
	}

/* jsn was here */
.inner .img-fix {
    width: auto ;
    margin-left: 2em ;
    padding-top: 30px ;
    margin-right: 0px ;
}

.inner hr {
    background: url(../images/content-line.gif) repeat-x bottom;
    margin-top: 20px ;
    border: 0px solid red ;
}

.inner .post {
    background: none ;
    padding-bottom: 0;
}

#loginform {
    color: #fff ;
}

.registration {
    padding-top: 23px ;
}

#rightcol {
    margin-top: 0px ;
}

.inner .face {
    background: url(../images/face-bg2.gif) no-repeat;
    background-color: #fff ;
    height: auto ;
    border:1px solid #7a93a0;
}

.inner .face ul {
    float: left ;
    padding-bottom: 1em ;
}

.inner .face br {
    clear: both ;
}

#loginform .button a {
    background:none;
    text-decoration: none ;
    display: block ;
    border:none;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
}

#wrap img {
    float: left ;
    margin: 0px 1em 1em 0px ;
}

#container #wrap {
    margin-top: 0px ;
}

ol.quiz li {
    list-style: decimal inside none ;
    font-weight: bold ;
    padding-bottom: 1em ;
}

ol.quiz ul li {
    padding: 0.3em 0px 0px 1em ;
    list-style-type: none ;
    font-weight: normal ;
}

.inner .ads .title {
    width: 420px ;
}

