/*
	by Ruster
	http://ruster.info/
*/

html, body
{
	height: 100%;
	margin: 0;
	padding: 0;
}

img
{
	border: none;
}

h1, h2, h3, h4, h5, h6,
form
{
	padding: 0;
	margin: 0;
}

abbr, acronym
{
	border-bottom: 1px dotted #B2FE2C;
	cursor: help;
	font-style: italic;
}

p
{
	margin: 0 0 1em 0;
	padding: 0;
}


body
{
	min-width: 1000px;
	background: #20241B url('i/body_bg.png');
	color: #FFF;
	font-size: 12px;
	font-family: Arial;
	line-height: 1.5;
}

a
{
	color: #B2FE2C;
	text-decoration: underline;
}

a:visited
{
	color: #DDFFA2;
	text-decoration: underline;
}

a:hover
{
	color: #F21B1B;
	text-decoration: underline;
}

/* xx1 */
#xx1
{
	width: 1000px;
	min-height: 100%;
	position: relative;
	margin: 0 auto;
}
	
	/* header */
	#logo
	{
		width: 252px;
		height: 115px;
		position: absolute;
		top: 0;
		left: 18px;
	}
	
	#contacts
	{
		width: 537px;
		height: 120px;
		background: url('i/contacts.png') 0 0 no-repeat;
		position: absolute;
		top: 0;
		right: 15px;
	}
		#contacts img
		{
			position: absolute;
			top: 50px;
			left: 270px;
		}
		
		#contacts p
		{
			display: block;
			margin: 0;
			color: #000;
			font-size: 14px;
			position: absolute;
			top: 44px;
			left: 380px;
		}


	/* footer */
	#sorvali
	{
		width: 370px;
		height: 33px;
		background: url('i/sorvali.png') 0 0 no-repeat;
		position: absolute;
		bottom: 194px;
		left: 160px;
	}
	
	#romashka
	{
		width: 335px;
		height: 346px;
		background: url('i/romashka.png') 0 0 no-repeat;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	#copyright
	{
		text-align: right;
		position: absolute;
		bottom: 7px;
		right: 325px;
	}
	
	#by_ruster
	{
		position: absolute;
		bottom: 7px;
		left: 35px;
	}
		#by_ruster img
		{
			width: 127px;
			height: 31px;
			display: block;
			float: left;
		}
		
		#by_ruster span
		{
			display: block;
			float: left;
			margin: -4px 0 0 20px;
		}



	/* xx2 */
	#xx2
	{
		overflow: hidden;
		padding: 180px 0 400px 0;
	}


		/* SIDE */
		#xx2 #left-side
		{
			float: left;
			width: 300px;
		}

			/* Навигация */
			#menu
			{
				width: 180px;
				height: 289px;
				background: #BEAD71 url('i/menu.jpg') 0 0 no-repeat;
				margin-left: 18px;
				padding: 140px 0 0 43px;
				overflow: hidden;
			}
				#menu a
				{
					display: block;
					float: left;
					clear: both;
					white-space: nowrap;
					line-height: 23px;
					font-size: 12px;
					background: url('i/menu_hover.png') 300px 100% no-repeat;
					padding: 0 2px;
					color: #221B01;
					text-decoration: none;
				}
				
				#menu a:hover
				{
					background: url('i/menu_hover.png') 0 100% no-repeat;
					color: #221B01;
					text-decoration: none;
				}
			
			/* Наши друзья */
			#friends
			{
				width: 200px;
				background: url('i/friends.png') 0 0 no-repeat;
				margin: 57px 0 0 35px;
				padding: 50px 0 0 32px;
				line-height: 24px;
				overflow: hidden;
			}
				#friends a
				{
					text-decoration: none;
					color: #FFF;
					border-bottom: 1px dashed #FFF;
					padding: 0 1px
				}
				
				#friends a:hover
				{
					text-decoration: none;
					color: #FFF;
					border-bottom: 1px solid #FFF;
				}



		#xx2 #right-side
		{
			margin-left: 300px;
		}
			
			#right-side h1
			{
				font-size: 32px;
				font-weight: bold;
				color: #B2FE2C;
				text-align: right;
				margin: 0 60px 15px 0;
			}
			
			#right-side .xbody
			{
				width: 670px;
				background: url('i/x_bg.png') 0 0 repeat-y;
				overflow: hidden;
				margin-bottom: 15px;
			}

			#right-side .xbody .xbody2
			{
				background: url('i/x1.png') 0 0 no-repeat;
				overflow: hidden;
			}

			#right-side .xbody .xbody3
			{
				background: url('i/x2.png') 0 100% no-repeat;
				overflow: hidden;
				min-height: 330px;
				padding: 40px;
			}
			
				/* xBlock */
				.xbody .xblock
				{
					overflow: hidden;
					margin-bottom: 25px;
				}

					.xbody .xblock .title_data
					{
						overflow: hidden;
						margin-bottom: 5px;
					}
						.xbody .xblock h2
						{
							color: #B2FE2C;
							font-size: 14px;
							font-weight: normal;
						}

						.xbody .xblock .title_data div.data
						{
							color: #000;
							font-size: 10px;
							float: right;
							margin-left: 30px;
							padding: 2px 4px;
							background-color: #B2FE2C;
						}
					
					.xbody .xblock .p
					{
						overflow: hidden;
						padding-left: 5px;
					}

						.xbody .xblock .p .read_more
						{
							color: #000;
							font-size: 10px;
							margin-left: 30px;
							padding: 2px 4px;
							background-color: #B2FE2C;
							text-decoration: none;
						}
						.xbody .xblock .p .read_more:hover
						{
							color: #000;
							text-decoration: none;
							background-color: #87d203;
						}




/* ### bcCMS System Style */
/* listing */
.listing
{
	list-style-type: none;
	text-align: center;
	margin: 6px;
}

.listing li
{
	display: inline;
	padding: 0;
}

.listing a
{
	color: #000 !important;
	text-decoration: none;
	background-color: #B2FE2C;
	padding: 3px 6px;
	margin: 0 1px;
	vertical-align: middle;
}

.listing a:hover
{
	color: #000 !important;
	text-decoration: none;
	background-color: #87D203;
}

.listing .active
{
	color: #87D203 !important;
	text-decoration: none;
	background-color: transparent;
	padding: 3px 6px;
	margin: 0 1px;
	border: 3px solid #87D203;
}



.listing .l_nomark
{
	color: #000 !important;
	text-decoration: none;
	background-color: #87D203;
	padding: 3px 6px;
	margin: 0 1px;
	border: none;
	cursor: default;
}