/******************************************************************************
 *                         Suponix.com (anDeRan)                              *
 ******************************************************************************/

body {
	background-color: #447CA5;
	color: #E3E3E3;
	font: 11px Tahoma, sans-serif;
}

body, ul, form, h1, h2 {
	padding: 0;
	margin: 0;
}

img, object {
	border-width: 0;
	vertical-align: middle;
}

br.all{
	clear: both;
}

ul {
	list-style-type: none;
}

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

a:hover {
	text-decoration: none;
}

input, textarea, select {
	font: 11px Tahoma, sans-serif;
}

hr {
	background-color: #6B8FAA;
	height: 1px;
	border-width: 0;
	margin: 8px 0 6px;
}

#page {
	width: 960px;
	margin: 0 auto;
}

.clear, .row, #footer, #nav, #sub-nav, #content-hdr #flash-main, #content-hdr #ether ul {
	clear: left;
}

.to-left, #header li, #nav li, #content-hdr li, #flash-main, #content-hdr div, #ether, #ether img {
	float: left;
}

.to-right {
	float: right;
}

h1, h2, #phone {
	text-indent: -1000em;
}

#nav li, #header a, #listen-here {
	line-height: 500px;
	overflow: hidden;
}

h1, h2 {
	background-repeat: no-repeat;
}

h1 span {
	display: block;
	background-repeat: no-repeat;
	background-position: 28px 21px;
	height: 55px;
}

#header {
	height: 159px;
	margin-left: 24px;
}

#header a {
	display: block;
	width: 100%;
	height: 159px;
}

#header li {
	height: 159px;
}

#listen {
	width: 138px;
}

#logo {
	width: 268px;
}

.artists {
	width: 341px;
	margin-left: -12px;
}

.artists-1 { background-image: url(../images/common/artists_1.jpg); }
.artists-2 { background-image: url(../images/common/artists_2.jpg); }
.artists-3 { background-image: url(../images/common/artists_3.jpg); }
.artists-4 { background-image: url(../images/common/artists_4.jpg); }
.artists-5 { background-image: url(../images/common/artists_5.jpg); }
.artists-6 { background-image: url(../images/common/artists_6.jpg); }
.artists-7 { background-image: url(../images/common/artists_7.jpg); }

#webcam {
	width: 220px;
	margin-right: -30px;
}

#nav {
	height: 32px;
	margin: 13px 0 0 /*54*/87px;
	position: relative;
}

#nav li {
	background-repeat: no-repeat;
	background-position: 50% 11px;
	height: 32px;
}

#nav a {
	display: block;
	border-right: 1px solid #A64F50;
}

.nav-home { width: 90px; background-image: url(../images/titles/home.gif); }
.nav-home-on { background-image: url(../images/titles/home_on.gif); }
.nav-about { width: 87px; background-image: url(../images/titles/about.gif); }
.nav-about-on { width: 87px; background-image: url(../images/titles/about_on.gif); }
.nav-listen { width: 133px; background-image: url(../images/titles/listen.gif); }
.nav-listen-on { width: 133px; background-image: url(../images/titles/listen_on.gif); }
.nav-advertising { width: 153px; background-image: url(../images/titles/advertising.gif); }
.nav-advertising-on { width: 153px; background-image: url(../images/titles/advertising_on.gif); }
.nav-programs { width: 117px; background-image: url(../images/titles/programs.gif); }
.nav-programs-on { width: 117px; background-image: url(../images/titles/programs_on.gif); }
.nav-events { width: 97px; background-image: url(../images/titles/events.gif); }
.nav-events-on { width: 97px; background-image: url(../images/titles/events_on.gif); }
.nav-forums { width: 85px; background-image: url(../images/titles/forums.gif); }
.nav-forums-on { width: 85px; background-image: url(../images/titles/forums_on.gif); }
.nav-chat { width: 63px; background-image: url(../images/titles/chat.gif); }

.nav-forums a,.nav-forums-on a { border-right-width: 0 !important; }

#nav ul {
	position: absolute;
	top: 44px;
	width: 160px;
	background: url(../images/common/nav_bot_bg.png) no-repeat center bottom;
	padding-bottom: 20px;
	margin-left: -1px;
	z-index: 9;

	visibility: hidden;
}

#nav ul li {
	line-height: normal;
	float: none;
	background: url(../images/common/nav_bg.png);
	padding: 10px 20px 0;
	height: auto;
}

#nav ul a {
	display: inline;
	border-right-width: 0;
}

#ether {
	width: 260px;
}

#ether a {
	font-weight: bold;
}

#ether span, #ether a {
	color: #FFD200;
}

#ether strong {
	display: block;
}

#content-hdr {
	padding-top: 42px;
}

#content-hdr object {
	display: block;
	z-index: -1;
}

.col {
	width: 325px;
	float: left;
}

.col-last {
	width: 310px;
}

.nar_artists {
	background-image: url(../images/headers/artists.gif);
	width: 310px;
	height: 70px;
}

.heroes {
	background-image: url(../images/headers/heroes.gif);
	width: 310px;
	height: 70px;
}

.events {
	background-image: url(../images/headers/events.gif);
	width: 310px;
	height: 70px;
}

.the-best {
	background-image: url(../images/headers/the_best.gif);
	width: 342px;
	height: 70px;
	margin-left: -17px;
}

.ringtones {
	background-image: url(../images/headers/ringtones.gif);
	width: 310px;
	height: 75px;
}

.news {
	background-image: url(../images/headers/news.gif);
	width: 325px;
	height: 95px;
	margin-bottom: -20px;
}

.photo {
	background-image: url(../images/headers/photo.gif);
	width: 310px;
	height: 75px;
}

#footer {
	background-image: url(../images/common/footer.jpg);
	width: 1114px;
	height: 160px;
	margin: 0 -77px 30px;
	position: relative;
}

#footer div {
	float: left;
	margin-top: 87px;
}

#copyright {
	padding: 3px 118px 0 220px;
}

#phone {
	background-image: url(../images/common/phone.gif);
	width: 121px;
	height: 34px;
}

#search {
	padding: 7px 0 0 120px;
}

#search p {
	margin: 0;
}

.divided-hor li {
	border-bottom: 1px solid #6A8FAA;
}

.divided-ver li {
	border-right: 1px solid #6A8FAA;
}

li.list-end {
	border-width: 0;
}

.col ul.divided-hor {
	width: 280px;
	margin: 8px 0 0 14px;
}

.col .divided-hor li {
	padding: 5px 0 7px;
}

.col .divided-hor span {
	padding: 0 30px 0 8px;
}

.speakers li {
	background: url(../images/common/speaker.gif) no-repeat 36px 6px;
}

a.arrows {
	line-height: 30px;
	font-weight: bold;
}

a.next {
	padding: 0 12px 0 50px;
	background: url(../images/common/next.gif) no-repeat 100% 60%;
}

a.prev {
	padding: 0 0 0 64px;
	background: url(../images/common/prev.gif) no-repeat 50px 60%;
}

.colored strong, strong.colored {
	color: #FFD200;
}

.archive {
	float: right;
	color: #FFD200;
	background: url(../images/common/archive.gif) no-repeat left;
	padding: 0 18px 0 14px !important;
	font-weight: bold;
	line-height: 30px;
}

.events-cnt, .news-cnt {
	margin: 14px 14px 0 0;
	border-bottom: 1px solid #6A8FAA;
}

.events-cnt a {
	display: block;
	margin: 8px 0 0 110px;
}

.news-cnt a {
	display: block;
	margin: 8px 0 18px;
}

.events-cnt img{
	float: left;
	margin: 0 10px 5px 0;
}

.news-cnt img {
	float: left;
	margin-right: 16px;
}

.photos-cnt {
	margin: 14px 0 0;
}

.photos-cnt strong {
	display: block;
	margin: 8px 0 6px;
}

.heroes-cnt {
	width: 330px;
	margin-right: -20px;
}

.heroes-cnt div {
	float: left;
	width: 150px;
	padding: 12px 10px 2px 0;
	text-align: center;
}

.heroes-cnt strong {
	display: block;
	margin: 4px 0 3px;
}

#horoscope h2 {
	height: 16px;
	background-image: url(../images/titles/horoscope.gif);
	margin: 30px 0 12px;
}

#horoscope a {
	padding: 0 24px 0 24px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0 1px;
	line-height: 18px;
}

#horo-date {
	position: absolute;
	margin: -17px 0 0 125px;
	font-size: 12px;
}

.aries { background-image: url(../images/signs/aries.gif); }
.taurus { background-image: url(../images/signs/taurus.gif); }
.gemini { background-image: url(../images/signs/gemini.gif); }
.cancer { background-image: url(../images/signs/cancer.gif); }
.leo { background-image: url(../images/signs/leo.gif); }
.virgo { background-image: url(../images/signs/virgo.gif); }
.libra { background-image: url(../images/signs/libra.gif); }
.scorpio { background-image: url(../images/signs/scorpio.gif); }
.sagittarius { background-image: url(../images/signs/sagittarius.gif); }
.capricorn { background-image: url(../images/signs/capricorn.gif); }
.aquarius { background-image: url(../images/signs/aquarius.gif); }
.pisces { background-image: url(../images/signs/pisces.gif); }

#in-ether {
	height: 16px;
	background-image: url(../images/titles/ether.gif);
	margin: -3px 0 8px 14px;
}


#ether img {
	margin: 0 12px 7px 6px;
}

#ether div {
	margin: 6px 0 12px;
	width: 110px;
}

#ether #artist {
	margin: 0 12px 7px 6px;
	float: left;
	width: 111px;
	height: 124px;
	padding-left: 7px;
	background-image: url(../images/common/artists_bg.jpg);
}

#ether h2.clear {
	height: 16px;
	background-image: url(../images/titles/weather.gif);
	margin: 0 0 14px 14px;
}

#ether li {
	padding: 30px 16px 6px;
	background-repeat: no-repeat;
	background-position: 14px 3px;
}

.w-semi-clouds { background-image: url(../images/weather/semi-clouds.gif); }
.w-rain { background-image: url(../images/weather/rain.gif); }
.w-clear { background-image: url(../images/weather/clear.gif); }
.w-clouds { background-image: url(../images/weather/clouds.gif); }
.w-snow { background-image: url(../images/weather/snow.gif); }

#sub-nav, #content, #content-mini, #calendar {
	margin-top: 42px;
}

#sub-nav h1 {
	background-image: url(../images/headers/std_mini.gif);
	height: 55px;
}

#sub-nav {
	float: left;
	width: 325px;
}

.active-sub {
	font-weight: bold;
	color: #FFD200;
}

#sub-nav ul {
	width: 280px;
	margin: 4px 0 0 14px;
}

#sub-nav li {
	padding: 7px 8px 8px 8px;
}

#sub-nav li span {
	padding-right: 14px;
}

#sub-nav li li {
	border-bottom-width: 0;
	padding: 0 0 0 26px;
	font-weight: normal;
	color: #E3E3E3;
}

.active-sub-sub {
	padding-left: 33px !important;
	background: url(../images/common/pointer.gif) no-repeat 26px 50%;
}

#content h1 {
	background-image: url(../images/headers/std_maxi.gif);
	height: 75px;
	margin-bottom: -20px;
	margin-right: -20px;
}

#content {
	float: left;
	width: 635px;
}

#content-mini h1 {
	background-image: url(../images/headers/std_mini2.gif);
	height: 75px;
	margin-bottom: -20px;
	/*margin-right: -20px;*/
}

#content-mini {
	float: left;
	width: 325px;
}

.hdr-about { background-image: url(../images/hdr_titles/about.gif); }
.hdr-artists { background-image: url(../images/hdr_titles/artists.gif); }
.hdr-non-artists { background-image: url(../images/hdr_titles/non_artists.gif); }
.hdr-enter-name { background-image: url(../images/hdr_titles/enter_your_name.gif); }
.hdr-listen { background-image: url(../images/hdr_titles/listen.gif); }
.hdr-ether-parts { background-image: url(../images/hdr_titles/ether_parts.gif); }
.hdr-advertising { background-image: url(../images/hdr_titles/advertising.gif); }
.hdr-contacts { background-image: url(../images/hdr_titles/contacts.gif); }
.hdr-offers { background-image: url(../images/hdr_titles/offers.gif); }
.hdr-pricelists { background-image: url(../images/hdr_titles/pricelists.gif); }
.hdr-news { background-image: url(../images/hdr_titles/news.gif); }
.hdr-heroes { background-image: url(../images/hdr_titles/heroes.gif); }
.hdr-calendar { background-image: url(../images/hdr_titles/calendar.gif); }
.hdr-events { background-image: url(../images/hdr_titles/events.gif); }
.hdr-festivals { background-image: url(../images/hdr_titles/festivals.gif); }
.hdr-antenna { background-image: url(../images/hdr_titles/antenna.gif); }
.hdr-programs { background-image: url(../images/hdr_titles/programs.gif); }
.hdr-morning { background-image: url(../images/hdr_titles/morning.gif); }
.hdr-news2 { background-image: url(../images/hdr_titles/news2.gif); }
.hdr-sport { background-image: url(../images/hdr_titles/sport.gif); }
.hdr-minute { background-image: url(../images/hdr_titles/minute.gif); }
.hdr-people { background-image: url(../images/hdr_titles/people.gif); }
.hdr-first { background-image: url(../images/hdr_titles/first.gif); }
.hdr-song { background-image: url(../images/hdr_titles/song.gif); }
.hdr-creative { background-image: url(../images/hdr_titles/creative.gif); }
.hdr-milestones { background-image: url(../images/hdr_titles/milestones.gif); }
.hdr-stars { background-image: url(../images/hdr_titles/stars.gif); }
.hdr-horoscope { background-image: url(../images/hdr_titles/horoscope.gif); }

.gallery {
	margin-right: -16px;
}

.gallery div {
	float: left;
	text-align: center;
	margin: 0 12px 14px 0;
	width: 150px;
}

.gallery img {
	display: block;
	margin-bottom: 2px;
}

.paddings-hor li {
	padding: 8px 0 10px;
}

.offset-hor {
	margin: 8px 0;
}

.font-medium {
	font-size: 12px;
}

form label {
	float: left;
	width: 70px;
	margin-right: 5px;
	text-align: right;
	line-height: 20px;
}

form.long-titles label {
	width: 110px;
}

textarea {
	width: 100%;
}

form div {
	margin-bottom: 8px;
}

#content input.field {
	width: 190px;
}

#content .button {
	margin-left: 553px;
}

#content table {
	width: 630px;
	border-collapse: collapse;
	table-layout: fixed;
	text-align: center;
}

#content table td {
	border: 1px solid #93AFC4;
	padding: 4px;
}

.list {
	padding-left: 23px;
	background: url(../images/common/circle.gif) no-repeat 8px 60%;
}

.events-layout div, .events-layout img {
	float: left;
}

.events-layout div {
	width: 200px;
	margin-bottom: 16px;
}

.events-layout img {
	margin: 0 16px 16px 0;
}

.events-layout div a {
	display: block;
	margin-top: 5px;
}

.event-img {
	float: left;
	margin: 0 20px 10px 0;
}

.news-layout div {
	width: auto;
}

.news-layout div a {
	margin-top: 0;
}

.listing {
	width: 300px !important;
	border-top: 1px solid #6996B7;
	padding-top: 6px;
}

.listing span {
	display: block;
}

.listing a {
	display: inline !important;
}

#calendar {
	float: left;
	background: url(../images/headers/calendar.gif) no-repeat;
	width: 320px;
	color: #FFF;
	margin-right: -20px;
}

#calendar h1 {
	height: 18px;
	margin: 20px 0 0 28px;
}

#calendar .days span, #calendar .days a {
	display: block;
	float: left;
	width: 40px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	margin: 0 1px 1px 0;
	text-decoration: none;
}

.days {
	width: 300px;
	clear: left;
	margin-left: 8px;
}

.days-hdr {
	font-weight: bold;
	margin: 22px 0 0 8px;
}

.day-added {
	background-color: #5D0607;
}

.day-selected {
	background-color: #FFF0DD;
	color: #8F1516;
	font-weight: bold;
}

.day-current {
	background-image: url(../images/common/day_current.gif);
	color: #FFD200;
	font-weight: bold;
}

.days-cnt {
	padding-top: 12px;
	height: 154px;
}

.days-filter {
	clear: left;
	padding: 20px 0 0 24px;
}

.days-filter span {
	line-height: 24px;
}

.days-explain {
	margin-left: 24px;
}

.days-explain li {
	height: 18px;
}

#subscribe {
	background: url(../images/headers/subscribe.gif);
	width: 282px;
	height: 83px;
	padding: 36px 0 0 28px;
}

#subscribe h2 {
	background-image: url(../images/hdr_titles/subscribe.gif);
}

#subscribe form {
	margin-top: 18px;
}

.pg-arrows {
	line-height: 20px;
}

#suponix, #suponix a {
	color: #628CBC;
}

/* Listen */
#listen-here {
	display: block;
	width: 184px;
	height: 36px;
	background: url(../images/listen/listen_here.gif);
}

.anti-bot {
	display: none;
}

.tracks ul {
	margin-left: 0 !important;
}

/* Chat */

#chat-nav {
	width: 933px;
	height: 76px;
	background: url(../images/headers/chat.gif);
	margin-top: 42px;
	margin-right: -12px;
	line-height: 55px;
	text-align: right;
	padding-right: 42px;
}

#msg {
	width: 669px;
	margin-left: 16px;
}

:root #msg {
	width: 661px;
}

#smiles {
	width: 745px;
	height: 70px;
	white-space: nowrap;
	overflow: auto;
	overflow-y: hidden;
	margin: 5px 0 0 16px;
	opacity: 0.5;
}

#chatMsgs {
	overflow: auto;
	height: 393px;
	width: 718px;
	float: left;
	margin: 0 10px 0 16px;
	line-height: 135%;
	padding: 4px 8px;
	font-size: 12px;
}

#chatMsgs span a {
	text-decoration: none;
}

#chatMsgs span span {
	background-color: #444;
	font-weight: bold;
}

#chatUsers {
	overflow: auto;
	height: 400px;
	font-weight: bold;
	border-left: 1px solid #999;
	padding-left: 10px;
}

#chatUsers a {
	text-decoration: none;
}

.sysMsg {
	color: yellow;
	font-style: italic;
}

div.comments_reply
{
	color: #FFD200;
	font-size:10px;
	cursor:pointer;
	text-align:right;
}