body {
margin: 0;
}

#logo {
position: relative;
top: 76px;
width: 558px;
height: 70px;
/*background: #000000;*/
z-index: 10;
}

#centerLayer {
position: relative;
top: 80px;
width: 800px;
height: auto;
border: 4px solid #46000b;
min-height: 800px;
padding-bottom: 20px;
text-align: left;
background-color: #FEB350;
z-index: 4;
}

#footer {
position: relative;
top: 80px;
width: 800px;
height: 100px;
background-color: #000; /*#46000b;*/
font: 8pt Arial, Verdana, Tahoma, Helvetica, sans-serif;
color: #fff;
z-index: 7;
}

#footer-content {
width: 800px;
text-align: left;
/*border: 1px solid #000;*/
}

#menu {
position: absolute;
top: 0px;
left: 0px;
width: 150px;
margin: 5px;
font: 10pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #000;
z-index: 5;

}

#content {
position: relative;
top: 10px;
left: 152px;
width: 608px;
background-color: #f9d8a3;
padding: 8px 14px;
border: 0px solid #000000;
height: auto;
overflow: hidden;
min-height: 800px;
z-index: 6;
}


#ozon {
position: relative;
left: 152px;
width: 608px;
height: auto;
clear: both;
background-color: #f9d8a3;
padding: 8px 14px;
overflow: hidden;
z-index: 6;
}

#overlay {
position: absolute;
top: 0px;
left: 0px;
padding: 8px 14px;
overflow: hidden;
}

#about {
float: left;
width: 280px;
text-align: left;
padding-top: 25px;
/*border: 1px solid #fff;*/
}

#banner {
margin-left: 280px;
padding-top: 20px;
text-align: center;
}

.footlink {
color: #FEB350;
width: 200px;
float: left;
}

.footlink a {
text-decoration: underline;
color: #FEB350;
}

.footlink a:hover {
text-decoration: none;
color: #FEB350;
}


.main {
font: 9pt Arial, Verdana, Tahoma, Helvetica, sans-serif;
color: #330000;
line-height: 1.3;
}

.main h1 {
font: 15pt Arial, Verdana, Tahoma, Helvetica, sans-serif;
color: #000;
margin-top: 7px;
margin-bottom: 3px;
}

.main h2 {
font: 11pt Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-weight: bold;
color: #000;
margin-top: 6px;
margin-bottom: 3px;
}

.main a {
	color: #330000;
	text-decoration: underline;
}

.main a:hover {
	color: #CC3300;
	text-decoration: none;
}

.main a:active {
	color: #CC3300;
	text-decoration: underline;
}

.small {
	font-size: 9px;
}

.small a {
	color: #000;
	text-decoration: underline;
}

.small a:hover {
	color: #000;
	text-decoration: underline;
}

.jsmenu {
margin-left: 10px;
margin-bottom: 10px;
}

.jsmenu span {
	padding: 3px 5px;
	background:#feb350;
	margin: 0 3px;
}

.jsmenu a.js {
	margin: 0 5px;
	border-bottom: 1px dashed;
	text-decoration:none;
}

.pagination {
	text-align: center;

	font-size: 20px;
}

.pagination a {
	text-decoration: none;
}

.pagination a:hover {
	text-decoration: underline;
}

.arrow {
cursor: pointer;
font-size: 20px;
}

.arrow-pagination {
float: right;
}

.error {
font-weight: bold;
color: #ff0000;
/*float: left;*/
text-align: left;
}

/* detail art pages */

.author-info {
height: 120px;
text-align: left;
}

.rating-info {
margin-top: 40px;
height: 70px;
text-align: left;
}

.detail-info {

padding: 10px 0;

}

.line{
	width: 100%;
	height: 1px;
	background-color: #fff;
	margin: 0 0 5px;
}

p {
	text-indent: 0px;
	margin-top: 0;
}

/* member profile */

.profile-list {
clear: left;
width: 600px;

}

.profile-list th {
text-align: left;
background-color: #feb350;
height: 30px;
font-weight: bold;
color: #fff;
padding-left: 20px;
}

.profile-list tr {
background-color: #feedd1;
height: 30px;
}

.profile-list td {
border-top: 1px solid #eae6e1;
border-left: 1px solid #eae6e1;
padding-left: 20px;
}

/* mail pages*/

.message-list {
clear: left;
width: 600px;
}

.message-list th {
text-align: left;
background-color: #feb350;
height: 30px;
font-weight: normal;
color: #fff;
}

.message-list tr {
background-color: #feedd1;
height: 30px;
}

.message-list tr.selected {
background-color: #fff;
}

.message-list td {
border-bottom: 1px solid #eae6e1;
}

.read-message {
padding: 5px;
width: 550px;
}

.sender-message {
height: 18px;
padding: 5px;
border-bottom: 1px solid #fff;
}

.date-message {
float: right;
text-align: right;
}

.recipient-message {
height: 18px;
padding: 5px;
border-bottom: 1px solid #fff;
}

.line-quote {
	width: 100px;
	height: 1px;
	background-color: #000;
	margin: 15px;
}

.panel-message {
padding: 5px;
margin: 5px;
}

.panel-message .delete, .panel-message .reply {
margin-right: 3px;
}

.panel-message .spam {
float: right;
text-align: right;
}

/* my creativity pages*/

.creativity-list {
float: left;
margin: 5px 5px 5px;
width: 100%;
}


.creativity-list .creativity-item {
clear: left;
}

.creativity-list .creativity-item .creativity-data {
/*border: 1px solid #fff;*/
clear: left;
font-size: 11px;
}

.creativity-list .creativity-item .creativity-data .creativity-date {
float: right;
margin-bottom:.8em;
}

.creativity-list .creativity-item .creativity-data .creativity-thumb {
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
}

.creativity-list .creativity-item .creativity-data .creativity-thumb img {
display: inline;
float: left;
margin: 0 6px 0 0;
}

.creativity-list .creativity-item .creativity-data .creativity-comment {

margin-top: 5px;
}

.creativity-list .creativity-item .line{
	width: 100%;
	height: 1px;
	float: left;
	clear: left;
	background-color: #fff;
	margin: 5px 0 15px;
}

.creativity-list .creativity-item .creativity-panel {
	float: left;
	clear: left;
	width: 100%;
	text-align: right;
	font-size: 9px;
	margin: 0;
	padding: 0;
}

.creativity-list .creativity-item .creativity-panel a, .creativity-list .creativity-item .creativity-panel a:hover {
	color: #000;
	text-decoration: underline;
}

.creativity-panel {
clear: left;
}

/* comments */

.comment-list {
float: left;
margin: 5px 5px 5px;
width: 400px;
}

.comment-list .comment-item {
clear: left;
}

.comment-list .comment-item .comment-data {
/*border: 1px solid #fff;*/
clear: left;
font-size: 11px;
}

.comment-list .comment-item .comment-data .comment-date {
float: right;
margin-bottom:.8em;
}

.comment-list .comment-item .comment-data .comment-date a, a:hover {
text-decoration: none;
color: #000;
}

.comment-list .comment-item .comment-data .comment-author {
margin-bottom: .8em;
font-variant: small-caps;
}

.comment-list .comment-item .comment-data .comment-author img {
	display: inline;
	float: left;
	margin: .35em 6px 0 0;
}

.comment-list .comment-item .line{
	width: 100%;
	height: 1px;
	float: left;
	clear: left;
	background-color: #fff;
	margin: 5px 0 5px;
}
.comment-list .comment-item .comment-panel {
	float: left;
	clear: left;
	width: 100%;
	text-align: right;
	font-size: 9px;
	margin: 0;
	padding: 0;
}

.comment-list .comment-item .comment-panel a, .comment-list .comment-item .comment-panel a:hover {
	color: #000;
	text-decoration: underline;
}

.comment-panel {
clear: left;
}

.comment-panel-tab {
	color: #330000;
	text-decoration: none;
	cursor: pointer;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.dash {
	border-bottom: 1px dashed;
}

.comment-panel-content {
	margin: 0px;
	padding: 5px;
}

.comment-count {
	text-align: left;
	font: 11pt Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 0;
	margin: 10px 0;
}

/* menu */

.menuPanel {
	margin: 0px;
	padding: 0px;
	width: 141px;
}

.menuPanelTablinda {
	background: url("/images/menu/linda.jpg");
	height: 35px;
	width: 141px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.menuPanelTabartists {
	background: url("/images/menu/artists.jpg");
	height: 35px;
	width: 141px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.menuPanelTabcommunity {
	background-image: url("/images/menu/community.jpg");
	height: 35px;
	width: 141px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.menuPanelTabartclub {
	background: url("/images/menu/artclub.jpg");
	height: 35px;
	width: 141px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.menuPanelContent {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;
	background: url("/images/menu/square.jpg") repeat-y;
}

.menuPanelContent div {
	margin-bottom: 2px;
}

.menuPanelContent a {
	color: #000;
	text-decoration: underline;
	margin-left: 40px;
}

.menuPanelContent a:hover {
	text-decoration: none;
}

.menuPanelContent .selectedbold a {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

.menuPanelContent .selectedbold a:hover {
	text-decoration: none;
}


.menuPersonal {
	margin: 0px;
	padding-top: 3px;
	height: 205px;
	width: 141px;
	color: #FEB350;
	text-align: center;
	background: url("/images/menu/personal.jpg") no-repeat;
}

.menuPersonal a {
	color: #FEB350;
	text-decoration: underline;
}

.menuPersonal a:hover {
	text-decoration: none;
}

.logout {
	font: 7pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/* input, buttons, textarea */

.text-nofocus, input.text, input.radio, textarea, select {
font: bold 12pt Arial, Helvetica, sans-serif;
border: #fff 2px solid;

}

input.submit {
font: bold 12pt Arial, Helvetica, sans-serif;

}

input.button, input.file {
font: 12pt Arial, Helvetica, sans-serif;
}

.text-focus, input.text:focus, textarea:focus, select:focus {
border: 2px solid #000000;
}

.mform {
width: 400px;
}

.mform .help {
font: 7pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin-top: 2px;
}

.mform .label {
}

.mform .element {
margin: 3px 0 10px;
}

.mform .error2 {
font-weight: bold;
color: #ff0000;
clear: both;
}

.mform .success {
font-weight: bold;
color: #009900;
}

.bform {
width: 100%;
}

.bform .help {
font: 7pt;
margin-top: 2px;
}

.bform .label {
}

.bform .element {
margin: 3px 0 10px;
}

.bform .error2 {
font-weight: bold;
color: #ff0000;
clear: both;
}

.bform .success {
font-weight: bold;
color: #009900;
}

.loader-show {
display: block;
height: 16px;
float: left;
}

.loader-hide {
display: none;
height: 16px;
float: left;
}

/* submenu */
.main .submenu {
background: url(../images/menu/submenu.jpg) #fff center no-repeat;
height: 33px;
width: 100%;
margin-bottom: 10px;
}

.main .submenu .current-page {
width: 130px;
padding: 8px;
color: #fff;
font-weight: bold;
float: left;
margin-left: 7px;
}

.main .submenu .navigation {
padding: 8px;
font-weight: bold;
}

.main .submenu .navigation span {
margin-left: 15px;
}

.main .submenu .navigation a {
color: #feb350;
margin-left: 15px;
}

.main .submenu .navigation a:hover {
color: #cc3300;
}

.main .submenu .navigation a.current {
color: #000;
}

/* links */

.main ul {
 padding: 0;
 margin-left: 20px;
}

.main .banner li {
 list-style-type: none;
 margin: 10px 0;
}

.main .txt li {
 list-style-type: disc;
 margin: 7px 0;
}

/* discography */

#white-album-back {
position: relative;
top: 0;
left: 6px;
width: 576px;
background-color: #feedd1;
padding: 6px;
border-left: 8px solid #fff;
height: auto;
overflow: hidden;
z-index: 7;
}

#white-album-back-custom {
position: relative;
top: 5px;
left: 0;
width: 445px;
background-color: #feedd1;
padding: 6px;
height: auto;
overflow: hidden;
z-index: 7;
}

.whitebox {

width: 140px;
height: 30px;
padding: 0;
margin: 0 0 0 6px;
background: #fff;

}

.whitebox2 {

width: 140px;
height: 50px;
padding: 0;
margin: 0 0 0 6px;
background: #fff;

}

.whitebox3 {

width: 140px;
height: 8px;
padding: 0;
margin: 0 0 0 6px;
background: #fff;

}

.album-list {
float: left;
margin: 5px 5px 5px;
width: 100%;
}

.album-list .album-item {
clear: left;
padding: 4px;
}

.album-list .album-item .album-data {
/*border: 1px solid #fff;*/
clear: left;
font-size: 12px;
}

.album-list .album-item .album-data .album-thumb {
float: left;
margin: 0 20px 0 0;
border: 2px solid #000;
position: relative;
}

.album-list .album-item .album-data .album-thumb span {
position: absolute;
display: block;
background: url("/images/buttons/play-a.png") no-repeat;
left: 83px;
top: 55px;
width: 30px;
height: 30px;
}

.album-list .album-item .album-data .album-title {
font-size: 16px;
margin-bottom: 10px;
}

.album-list .album-item .album-data .album-label {

}

.album-list .album-item .album-data .album-label2 {
margin-top: 10px;
}

.album-list .album-item .album-data .album-thumb a.albumthumb-cd {
display: block;
width: 100px;
height: 100px;
}

.album-list .album-item .album-data .album-thumb a.albumthumb-dvd {
display: block;
width: 100px;
height: 134px;
}

.album-list .album-item .album-data .album-thumb a.albumthumb-videoclip {
display: block;
width: 120px;
height: 90px;
}

.album-list .album-item .album-data .album-panel {
text-align: right;
margin-top: 25px;
margin-right: 10px;
}

.album-list .album-item .line{
	width: 560px;
	height: 1px;
	float: left;
	clear: left;
	background-color: #fff;
	margin: 10px 0 10px;
}

/* discography detail */

.album-title-detail {
height: 25px;
margin-left: 160px;
padding-top: 1px;
}

.album-booklets {
float: left;
width: 120px;
}

.album-cover-cd {
height: 450px;
margin-left: 135px;
}

.album-cover-dvd {
height: 610px;
margin-left: 135px;
}

.album-tracks {
margin-left: 135px;
}

.album-tracks-custom {
margin-left: 0px;
}

.album-detail {
margin-top: 25px;
}

.album-tracks .track, .album-tracks-custom .track {
height: 32px;
margin-top: 5px;
margin-left: 18px;
width: 388px;
float: left;
}

.album-tracks .track .play-stop-button, .album-tracks-custom .track .play-stop-button {
height: 16px;
width: 16px;
margin-top: 5px;
float: left;
cursor: pointer;
}

.album-tracks .download-button, .album-tracks-custom .download-button {
height: 32px;
padding-top: 5px;
margin-top: 5px;
}

.album-tracks .track .track-title, .album-tracks-custom .track .track-title {
margin-left: 22px;
padding-top: 5px;
font-weight: bold;

}

.album-tracks .track .track-download, .album-tracks-custom .track .track-download {
margin-left: 105px;
padding-top: 5px;
cursor: pointer;
float: right;
}

.album-tracks .track .track-title .track-order, .album-tracks-custom .track .track-title .track-order {
width: 20px;
float: left;
text-align: right;
}

.album-tracks .track .track-title a, .album-tracks-custom .track .track-title a {
text-decoration: underline;
}

.album-tracks .track .track-title a:hover, .album-tracks-custom .track .track-title a:hover {
text-decoration: none;
}

.album-tracks .track .track-player, .album-tracks-custom .track .track-player {
margin-left: 20px;
height: 20px;
width: 362px;
}

.album-tracks .track .track-line, .album-tracks-custom .track .track-line {
background: #FEB350;
height: 1px;
width:100%;
margin-top:10px;
}

/* main page */

.main .module {
margin-bottom: 20px;
overflow: hidden;
}

.main .module-title {
background: url(../images/menu/titleblack.jpg) #000 no-repeat;
height: 33px;
width: 150px;
margin-bottom: 3px;
}

.main .module-title .text {
width: 130px;
padding: 8px;
color: #fff;
font-weight: bold;
text-align: left;
margin-left: 4px;
}