/*

------------------------------------------------------
author:    Aleksey Krekotun
email:     dobrii.ru@gmail.com
icq:       536136
skype:     dobrii_ru
website:   www.dobrii.ru
------------------------------------------------------

*/
/* Reset
---------------------------------------------------------- */
@import 'reset.css';
/* Main Styles
---------------------------------------------------------- */
html {
	font-size: 100.1%;
	height: 100%;
}

body {
	background: #9ba100 url(./i/background.jpg) top center no-repeat;
	background-attachment: fixed;
	font-family: Tahoma;
	font-size: 62.5%;
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

.clear {
	clear: both;
}

.empty {
	height: 50px;
}

#wrapper {
	background: url(./i/beach.png) center top no-repeat;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	max-width: 1024px;
	min-height: 100%;
	min-width: 1000px;
}
#wrapperr {
	background: url(./i/beach_intro.gif) center top no-repeat;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	max-width: 1024px;
	min-height: 100%;
	min-width: 1000px;
}
#wrap {
	margin: 0 auto;
	width: 1000px;
}

a {
	color: #69befe;
	text-decoration: underline;
}

a:hover { 
	color: #6087a0; 
	text-decoration: none;
}

.intro {
	text-align:center;
	margin: 0 auto;
}
.enter  { 
		font-size: 140%;
		margin-top: 25px;	
}
.enter a {color: #000; text-decoration:none}
.enter a:hover { text-decoration:underline;}

/* Main
---------------------------------------------------------- */
/* Header
---------------------------------------------------------- */
#header {
	padding-left: 148px;
	padding-top: 2px;
border: 1px
}

#menu {
	background: url(./i/menu.png) no-repeat;
	height: 49px;
	padding: 37px 0px 0px 85px;
	position: relative;
	width: 645px;
	z-index: 1;
}

#menu li{
	float: left;
	font-family: "Trebuchet MS";
	font-size: 180%;
	margin-right: 30px;
}

#menu li a {
	color: #371b00;
	text-decoration: none;
}

#menu li a:hover {
	color: #af4200;
	text-decoration: underline;
}

#guestbook {
float: right;
}

/* TV
---------------------------------------------------------- */
.block-tv {
	background: url(./i/tv-bg.png) no-repeat;
	height: 494px;
	margin: 25px 0px 0px 135px;
	width: 770px;
}

.block-tv .flash {
	padding: 37px 0px 0px 43px;
}

/* News
---------------------------------------------------------- */
.news {
	background: url(./i/news.png) no-repeat;
	height: 197px;
	margin: -46px 0px 0px 135px;
	position: relative;
	width: 743px;
	padding-left: 60px;
}

.news .img {
	background: url(./i/news-img.png) no-repeat;
	display: block;
	height: 64px;
	margin-left: 18px;
	padding: 3px 0px 0px 0px;
	width: 67px;
}

.news ul {
	margin-left: 90px;
	padding-top: 30px;
}

.news li {
	color: #181e1d;
	float: left;
	font-family: "Trebuchet MS";
	margin-right: 20px;
	text-align: center;
	width: 100px;
}

.news li a {
	color: #181e1d;
	text-decoration: none;
}

.news li h3 {
	font-size: 140%;
	font-weight: bold;
	margin: 5px 0px 3px 0px;
}

.news li strong {
	font-size: 110%;
	font-style: italic;
	font-weight: normal;
}

.news .left-arr {
	background: url(./i/l-arr.png) no-repeat;
	display: block;
	height: 53px;
	left: 49px;
	position: absolute;
	text-indent: -1999em;
	top: 86px;
	width: 24px;
}

.news .right-arr {
	background: url(./i/r-arr.png) no-repeat;
	display: block;
	height: 53px;
	position: absolute;
	right: 23px;
	text-indent: -1999em;
	top: 86px;
	width: 24px;
}

/* Playlist
---------------------------------------------------------- */
#main .playlist {
	background: #f7f0d3 url(./i/pl-t.jpg) top no-repeat;
	margin-left: 168px;
	position: relative;
	width: 703px;
}
#inner .playlist {
	background: #f7f0d3;
	margin-left: 10px;
	position: relative;
	width: 693px;
}
.playlist .bottom{
	background: url(./i/pl-b.jpg) bottom no-repeat;
	overflow: hidden;
	padding: 30px 0px 30px 58px;
}

.playlist .pl .img {
	background: url(./i/pl-img.png) no-repeat;
	display: block;
	height: 64px;
	margin-left: 18px;
	padding: 3px 0px 0px 0px;
	width: 67px;
}

.playlist  .pl li {
	color: #181e1d;
	float: left;
	font-family: "Trebuchet MS";
	height: 130px;
	margin-right: 20px;
	text-align: center;
	width: 100px;
}

.playlist .pl li a {
	color: #181e1d;
	text-decoration: none;
}

.playlist .pl li h3 {
	font-size: 140%;
	font-weight: bold;
	margin: 5px 0px 3px 0px;
}

.playlist .pl li strong {
	font-size: 110%;
	font-style: italic;
	font-weight: normal;
}

.playlist .pl li.hr {
	background: url(./i/pl-hr.gif) no-repeat;
	clear: both;
	height: 2px;
	margin: 5px 0px 10px -33px;
	width: 656px;
}

.navigation {
	clear: both;
	font-family: "Trebuchet MS";
	font-size: 16px;
	padding-top: 20px;
	margin: 0 auto;
	width: 500px;
}

.navigation li {
	float: left;
	margin-right: 6px;
}

.navigation li a {
	color: #371b00;
	text-decoration: none;
}

.navigation li.active {
	color: #ff0000;
	text-decoration: line-through;
	padding-right: 5px;
}

/* Header
---------------------------------------------------------- */
.footer {
	height: 110px;
	margin: 0 auto;
	margin-top: -110px;
	position: relative;
	width: 960px;
}

.footer .feedback {
	background: url(./i/feed.png) no-repeat;
	display: block;
	height: 42px;
	margin-left: 26px;
	padding-top: 7px;
	text-align: center;
	width: 111px;
}

.footer .feedback a {
	color: #e4e418;
	font-family: Georgia;
	font-size: 140%;
	font-style: italic;
	font-weight: bold;
}

.footer .count {
	float: left;
	margin: 30px 0 0 25px;
}

.footer .copy {
	float: left;
	font-family: Georgia;
	font-size: 120%;
	font-style: italic;
	margin: 30px 0px 0px 720px;
}
.footer .copy  a.im {
color: #000000;
}
/* Inner
---------------------------------------------------------- */
#inner .content {
	margin: -30px 0px 0px 180px;
	width: 703px;
}

#inner .content .top{
	background: url(./i/content-t.png) no-repeat;
	height: 64px;
}

#inner .content .bottom{
	background: url(./i/content-b.png) no-repeat;
	height: 64px;
}

#inner .content .text {
	background: #f7f0d3;
	overflow: hidden;
}

#inner .content .text h2 {
	background: url(./i/h2-bg.jpg) no-repeat;
	color: #371b00;
	font-family: "Trebuchet MS";
	font-size: 180%;
	font-style: italic;
	height: 27px;
	padding: 5px 0px 20px 25px;
}

#inner .content .info {
	background: url(./i/pl-hr.gif) bottom no-repeat;
	color: #371b00;
	font-family: "Trebuchet MS";
	line-height: 16px;
	margin-top: 15px;
	padding: 0px 22px;
	padding-bottom: 15px;
	min-height: 65px;
	clear:both;
}

#inner .content .info h3 {
	font-size: 140%;
	font-weight: bold;
	left: -10px;
	margin-bottom: 5px;
	position: relative;
}

#inner .content .info h4 {
	font-size: 140%;
	font-weight: bold;
	left: 15px;
	margin-bottom: 10px;
}

#inner .content .info p, .info, .content td {
	font-size: 120%;
}

#inner .content .info .left {
	float: left;
	margin-right: 28px;
}

#inner .content .info .right {
	float: right;
	margin-left: 28px;
}
#inner .content ol li {
	margin: 0 0 15px 30px;
}
#inner .back{
color: #567d33;
font-style:italic;
font-size: 120%;
font-family: "Trebuchet MS";
text-decoration:underline;
}
.answer {padding: 10px 0 0 10px;}
.answer div, .answer p  {
color: #567d33;
font-style:italic;
font-size: 120%;
}

#inner .listimg {
	background: url(./i/news-img.png) no-repeat;
	float: left;
	height: 64px;
	margin: 0 18px 18px 0;
	padding: 3px 0px 0px 3px;
	width: 67px;
	}
#inner div .back {
clear:both;
}

.resizable-textarea {
        width: 95%;
    }
    .resizable-textarea .grippie {
        height: 9px;
        background: #EEEEEE url("/images/grippie.gif") no-repeat center 2px;
        border: 1px solid #DDDDDD;
        border-top-width: 0;
        cursor: s-resize;
        overflow: hidden;
    }