/*************************************

	Code By Att

 *************************************/

html, body { height:100%; }

#wrapper { margin: 0 auto; width: 963px; height: 100%; }
* html #wrapper { height: 100%; }
#wrapper td.wrapper { padding: 0 20px; }
#wrapper td.footer { padding: 0 20px; vertical-align: bottom; }

#header { padding-top: 30px; margin-bottom: 50px; }
#header table.logo { margin-top: 55px; line-height: 1em; font-family: tahoma; float: left; font-style: normal; }
#header table.logo th { padding-right: 13px; }
#header table.logo td { vertical-align: bottom; color: #8e8e8e; }
#header table.logo td strong { margin-top: 0.2em; display: block; color: #5e5e5e; font-weight: normal; font-size: 0.875em; }

#header div.bird { float: right; font-size: 0.857em; }
#header div.bird img { vertical-align: middle; }

#header div.zip {
	background: url(../images/i/bg/zip-top.gif) no-repeat;
	margin-top: -30px;
	margin-left: 589px;
	padding-left: 100px;
	padding-top: 90px;
	height: 65px;
	position: absolute;
}
.wrapper-blog-inner #header div.zip { background-image: url(../images/i/bg/zip-top-inner.gif); }

#header div.social { margin: 20px 0 0 589px; position: absolute; }
#header div.contacts { background: url(../images/i/bg/contacts.gif) top left no-repeat; margin: 0 0 0 400px; padding: 10px 0 0 115px; position: absolute; height: 147px; }

#footer {padding-bottom: 20px; }
#footer div.menu { margin: 20px 0; width: 450px; }
#footer div.contacts { margin: 20px 0; }

ul#menu { margin: 0; padding: 0; }
ul#menu li { background: none; padding: 0; margin: 0 45px 0 0; float: left; }
ul#menu li a { line-height: 2em; font-size: 1.143em; }

#index div.photos { width: 520px; float:left; }
#index div.blog { width: 360px; float: right; }

.wrapper-blog,
.wrapper-blog-inner { background: url(../images/i/bg/zip.gif) 655px -1px repeat-y; }

div.blog-list table.blog-list { width: 100%; }
div.blog-list td.blog-list { width: 570px; }
div.blog-list td.blog-back { padding-left: 148px; padding-top: 2px;  }

div.blog-list div.blog { border-bottom: 1px solid #eaeaea; margin-bottom: 20px; }
div.blog-list div.blog h1 { font-size: 1.714em; }
div.blog-list div.blog h1 a { color: black; }
div.blog-list div.blog div.text { margin-bottom: 20px; }
div.blog-list div.blog div.date {
	background: #eaeaea;
	border: 1px solid #d5d5d5;
	margin-left: 35px;
	padding: 5px 0 7px;
	width: 75px;
	text-align: center;
}
div.blog-list div.blog div.date span { display: block; font-style: normal; }
div.blog-list div.blog div.date span.d { font-size: 2.143em; line-height: 1em; }
div.blog-list div.blog div.date span.m { font-size: 0.857em; line-height: 1.3em; }
div.blog-list div.blog div.date span.y { font-size: 0.857em; color: #b0b0b0; }
div.blog-list div.blog div.cut { margin-top: 5px; }
div.blog-list div.blog table.blog { width: 100%; }
div.blog-list div.blog table.blog td.date { width: 1%; }

div.blog-list div.navigation { margin-top: 0; }

div.blog-inner div.blog { border-bottom: none; }

#scroller div.photo-list { width: 903px; }
div.photo-list span.photo {
	margin: 0 5px 6px 0;
	display: block;
	float: left;
}

/*===============================*/

#work div.content { padding-right: 20px; width: 500px; float:left; }
#work div.side { width: 360px; float:right; }
#work div.side div.im { background: url(../images/i/bg/work.gif) left no-repeat; padding: 50px 0 50px 110px; margin-top: -30px; }

/*===============================*/

div.social-list a { margin-right: 30px; }
div.social-list img { margin-bottom: 20px; vertical-align: middle; }

/*===============================*/

#legends div.content { padding-right: 70px; width: 450px; float:left; }
#legends div.side { width: 360px; float:right; }
#legends div.side div.im { background: url(../images/i/bg/ak.jpg) top left no-repeat; padding: 40px 0 0 150px; height: 505px; margin-left: 10px; }
#legends div.side div.me { background: #f5f5f5; padding: 20px 30px; margin-top: -30px; font-size: 0.857em; }
#legends div.side div.me-f { background: url(../images/i/bg/line2me.gif) 20px 0 no-repeat; margin-bottom: 35px; height: 111px; }

/*===============================*/

div.genres-list-t { background: url(../images/i/bg/t-genres.gif) no-repeat; margin: -9px 0 0 30px; width: 10px; height: 9px; }
div.genres-list { background: #efefef; padding: 20px 30px; font-size: 1.286em; }
div.genres-list a { margin-right: 35px; line-height: 1.5em; }

/*===============================*/

#genres-inner #menu li { margin-right: 0; }
#genres-inner h1 a { color: #000; font-size: 1em !important; line-height: 1.5em !important; }
#genres-inner div.about { position: relative; font-size: 0.857em; }
#genres-inner div.about div { background: url(../images/i/bg/line2genre.gif) bottom left no-repeat; padding: 0 0 45px 169px; position: absolute; bottom: 50px; left: 260px; }
#genres-inner div.about div div { background:#f5f5f5; padding: 25px 30px; position: static; }

#genres-inner div.photo { background: #1d1d1d; padding: 20px 0; margin-bottom: 20px; }
#genres-inner div.photo table { margin: 0 auto; }
#genres-inner table.photos td.photo { padding: 3px 3px; }
#genres-inner table.photos td.photo div.active { background: url(../images/i/bg/pa.gif) no-repeat; margin: -3px 0 0 -3px; position: absolute; width: 129px; height: 127px; }
#genres-inner table.photos td.photo img { -moz-opacity: 0.5; filter: Alpha(opacity=50); opacity: 0.5; }
#genres-inner table.photos td.photo-active img { -moz-opacity: 1; filter: Alpha(opacity=100); opacity: 1; }

/*===============================*/

ul.contacts-list { padding: 0; }
ul.contacts-list li { padding: 0 25px 0 0; text-align: center; vertical-align: bottom; }
ul.contacts-list li img { margin-bottom: 10px; }

/*===============================*/

#contacts div.content { padding-right: 50px; width: 520px; float:left; }
#contacts div.side { width: 330px; float:right; }

/*===============================*/