/*
Theme Name: Musical school
Theme URI: http://wordpress.org/
Description: Шаблон Музыкальная школа.
Version: 1.0
Author: Илья
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/



/* Begin Typography & Colors */
body {
	margin: 0 auto;
	width: 100%;
	min-width: 950px;
	font: normal 12px Tahoma;
	background: #D8B88F url('images/body_fon.gif') left top repeat-x;
}

/* HEADER and SHTORKI */
.header {
	position: relative;
	text-align: left;
	height: 210px;
	background: #F5E6CF url('images/shapka_cf.jpg');
}
	.left_shtorka {
		position: absolute;
		left: 0;
		width: 81px;
		height: 194px;
		background: url('images/shapka_left.gif') no-repeat;
		z-index: 3;
	}
	.right_shtorka {
		position: absolute;
		right: 0;
		width: 260px;
		height: 343px;
		background: url('images/shapka_right.gif') no-repeat;
		z-index: 12;
	}
	.sh_left {
		height: 210px;
		width: 430px;
		background: url('images/shapka_lf.jpg');
	}
		.sh_left a {
			display: block;
			position: absolute;
			width: 430px;
			height: 175px;
			color: #EFDBC0;
			outline: none;
			z-index: 2;
		}
	.sh_phone {
		position: absolute;
		left: 50%;
		top: 0;
		width: 230px;
		height: 210px;
		background: url('images/top_phone.jpg') no-repeat;
		z-index: 9;
	}

/* TOP MENU */
.t_menu {
	position: relative;
	min-width: 950px;
	max-width: 1000px;
	margin: 0 auto;
	z-index: 12;
}
	.t_menu ul {
		margin: 0;
		padding: 0 40px 0 10px;
		list-style: none;
	}
	.t_menu li {
		float: left;
		margin: 0 2px;
		padding: 0;
		background: url('images/menu_rf.jpg') right top no-repeat;
	}
		li.active {
			background: url('images/menuh_rf.jpg') right top no-repeat;
		}
	.t_menu a {
		display: block;
		padding: 4px 10px;
		font: bold 14px Tahoma;
		color: #8D3B0B;
		text-decoration: none;
		background: url('images/menu_lf.jpg') left top no-repeat;
		text-transform: uppercase;
	}
		.active a {
			background: url('images/menuh_lf.jpg') left top no-repeat;
		}
	.t_menu a:hover {
		color: #C57734;
	}

/* CONTENT without header and footer */
.content {
	clear: both;
	min-width: 950px;
	max-width: 1000px;
	height: 100%;
	padding-top: 25px;
	margin: 0 auto;
}

	/* LEFT MENU */
	.title_menu {
		height: 35px;
		width: 230px;
		font: normal 18px Tahoma;
		padding: 6px 0 0 15px;
		margin-bottom: -6px;
		color: #F5E7D0;
		background: url('images/l_menu_t.png') left top no-repeat;
		text-transform: uppercase;
	}
	.l_menu {
		float: left;
		width: 230px;
		padding-left: 15px;
	}
	.l_menu ul {
		margin: 0;
		padding: 15px 0 0 0;
		list-style: none;
		background: url('images/l_menu_f.png') left top repeat-y;
	}
	.l_menu li {
		height: 45px;
	}
	.l_menu a {
		display: table-cell;
		vertical-align: middle;
		height: 35px;
		font: bold 12px Tahoma;
		text-decoration: none;
		color: #000;
		outline: none;
		padding: 0 0 0 65px;
	}
		.l_active a {
			color: #C57734;
			text-decoration: underline;
		}
	.l_menu a:hover {
		color: #C57734;
		text-decoration: underline;
	}
		.img1 {
			background: url('images/vokal.png') 15px top no-repeat;
		}
		.img2 {
			background: url('images/guitar.png') 15px top no-repeat;
		}
		.img3 {
			background: url('images/fortepian.png') 15px top no-repeat;
		}
		.img4 {
			background: url('images/bass_guitar.png') 15px top no-repeat;
		}
		.img5 {
			background: url('images/udar_inst.png') 15px top no-repeat;
		}
		.img6 {
			background: url('images/duh_inst.png') 15px top no-repeat;
		}
		.img7 {
			background: url('images/scripka.png') 15px top no-repeat;
		}
		.img8 {
			background: url('images/komp_arang.png') 15px top no-repeat;
		}
		.img9 {
			background: url('images/gubn_garm.png') 15px top no-repeat;
		}
		.img10 {
			background: url('images/stsen_rech.png') 15px top no-repeat;
		}
		.img11 {
			background: url('images/chasn_urok.png') 15px top no-repeat;
		}

	.bottom_menu {
		height: 10px;
		width: 230px;
		margin-bottom: 30px;
		background: url('images/l_menu_b.png') left top no-repeat;
	}

	/* Center Block with TEXT, AFISHA */
	.center {
		padding: 35px 0 15px 0;
		margin: 0 20px 0 290px;
	}
		.anons {
			float: right;
			margin: -35px 0 0 0;
		}
		.afisha {
			width: 280px;
			margin-left: 30px;
		}
		.afisha .text {
			padding: 10px 30px 15px;
			margin: -10px 0 15px 0;
			font: normal 11px Tahoma;
			color: #CC3300;
			border: #EFED81 2px solid;
			background: #F6E7D2;
			text-align: justify;
		}
			.afisha_title {
				width: 260px;
				height: 37px;
				font: normal 18px Tahoma;
				color: #ED0202;
				padding: 10px 10px 0 10px;
				text-align: center;
				background: url('images/afisha_title.jpg') no-repeat;
				text-transform: uppercase;
			}
				.afisha_title b {
					font-weight: normal;
				}
		.text {
			margin-top: -20px;
			text-align: justify;

		}
			.text a {
				color: #8B3506;
			}
			.text h1 {
				padding: 0;
				margin: 0 0 10px 0;
				color: #8B3506;
				font: bold 18px Tahoma;
			}
			.book_img {
				float: left;
				width: 110px;
			}
			.book_text {
				margin-left: 110px;
			}
			.text p.clear {
				clear: both;
			}
			.abz {
				text-indent: 30px;
			}
			.abz_navi a {
				text-decoration: none;
				color: #FF0000;
			}
			.abz_navi a:hover {
				text-decoration: underline;
				color: #990000;
			}

/* Footer */
.footer {
	clear: both;
	position: relative;
	height: 134px;
	text-align: center;
	font: normal 12px Tahoma;
	color: #FFF;
	background: #C3A279 url('images/footer_fon.jpg');
}
	.footer a {
		color: #FFF;
		font-weight: bold;
	}
	.footer p {
		padding: 20px 0 0 0;
		margin: 0;
	}
	.foot1 {
		float: left;
		width: 25%;
		text-align: left;
		padding: 20px 30px 0;
	}
	.foot2 {
		float: left;
		width: 30%;
		padding: 20px 0 0;
	}
	.foot3 {
		float: left;
		width: 230px;
		height: 134px;
		background: url('images/bottom_phone.jpg') no-repeat;
	}
	/* SCRIPKA footer_right */
	.foot4 {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 135px;
		height: 185px;
		background: url('images/bottom_right.gif') no-repeat;
		z-index: 15;
	}