/* main styles */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display:  block;
	}

body, div, dl, dt, dd,
h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, 
blockquote, th, td {  
    margin: 0px; 
    padding: 0px; 
    }

input {
	vertical-align: middle;
	}

table { 
    border-collapse: collapse; 
    border-spacing: 0px; 
    }

fieldset, img {  
    border: 0px; 
    }

a img {
    border: 0 none;
    }

h1, h2, h3, h4, h5, h6 {
	text-align: left;
	}

h1 {
	line-height: 30px;
	}

h2 {
	line-height: 23px;
	}

h3 {
	line-height: 18px;
	}

ul, ol {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}

p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
	}

a {
	text-decoration: none;
	color: #939c9f;
	border-bottom: none;
	}

a:hover {
	text-decoration: none;
	color: #939c9f;
	border: none;
	}

.display_block {
	display: block;
	}

.clear_both {
	clear: both;
	width: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	}

html {
	opacity: 1 !important;
}

html, body {
	opacity: 0;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	margin: 0px;
	padding: 0px;
	font-size: 7.5pt;
	font-family: Tahoma, Arial, sans-serif;
	line-height: 7.5pt;
	text-align: left;
	color: #939c9f;
	background: #0B0B0B none;
	}

::-webkit-input-placeholder {
    color: #939c9f;
	}

:-moz-placeholder {
    color: #939c9f;
	}

.placeholder {
	color: #939c9f;
	}

#main_block {
	width: 621px;
	margin: 0px auto;
	}

.inputs, 
.textareas {
	outline: none;
    height: 33px;
    margin: 0px 0px 14px 0px;
    padding: 0px 10px 0px 10px;
    font-size: 1.6em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 33 px\0/;
    color: #60696c;
    text-align: left;
    border: 1px solid #C9C9C9;
    background: #FFFFFF none;
	}
.textareas {
	resize: none;
    padding: 5px 10px 5px 10px;
    line-height: 1.2em;
	}

.buttons, 
.button_text {
	cursor: pointer;
    outline: none;
    position: relative;
    z-index: 0;
    height: 29px;
    padding: 0px 16px;
    font-size: 1.5em;
    font-family: Tahoma, Geneva, sans-serif;
    line-height: 1.2em;
    font-weight: normal;
    text-decoration: none;
    color: #333333;
    border: 1px solid #676767;
    background: #CDCDCD;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    background-image: linear-gradient(bottom, #CDCDCD 19%, #FFFFFF 93%);
    background-image: -o-linear-gradient(bottom, #CDCDCD 19%, #FFFFFF 93%);
    background-image: -moz-linear-gradient(bottom, #CDCDCD 19%, #FFFFFF 93%);
    background-image: -webkit-linear-gradient(bottom, #CDCDCD 19%, #FFFFFF 93%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.19, #CDCDCD), color-stop(0.93, #FFFFFF));
    background-image: -ms-linear-gradient(bottom, #CDCDCD 19%, #FFFFFF 93%);
    -pie-background: linear-gradient(#FFFFFF, #CDCDCD);
	-webkit-box-shadow: 0px 1px 4px #999999;
    -moz-box-shadow: 0px 1px 4px #999999;
    box-shadow: 0px 1px 4px #999999;
    behavior: url(pie.htc);
	}

a.buttons {
	display: inline-block;
	height: 24px;
	padding-top: 5px;
	color: #333333 !important;
	border: 1px solid #676767 !important;
	}

.button_text {
	cursor: default;
	width: 96px;
	height: 24px;
	padding: 5px 0px 0px 0px;
	margin-top: 2px;
	margin-left: 9px;
	text-align: center;
	}

.file_button {
	margin-left: 10px !important;
	}

.file_button .inputs {
	width: 96px !important;
	padding: 0px !important;
	margin-left: 0px !important;
	}

/* header styles */
header {
	width: 621px;
	margin: 0px auto;
	}

header .top_line {
	position: absolute;
	width: 385px;
	height: 20px;
	margin-left: 283px;
	margin-right: -264px;
	padding-top: 5px;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #60696c;
	}

header .language {
	float: left;
	width: 65px;
	}

header .language a {
	color: #939c9f;
	}

header .language a.current {
	color: #939c9f;
	}

header .header_note {
	float: right;
	width: 295px;
	font-size: 0.9em;
    line-height: 19px;
	}

header .color_theme {
	width: 621px;
	padding-top: 32px;
	text-align: center;
	}

header .color_theme a {
	display: inline-block;
	width: 23px;
	height: 23px;
	/*background: url(../img/color_theme_icon.png) top left no-repeat;*/
	}

header .logo {
	width: 621px;
	height: auto;
	padding-top: 23px;
	padding-bottom: 22px;
	text-align: center;
	}

header .site_info {
	width: 621px;
	min-height: 86px;
	font-size: 2.2em;
	line-height: 1.4em;
	}

header .socials {
	width: 310px;
	height: 38px;
	margin: 0 auto 27px auto;
	padding-top: 5px;
	text-align: center;
	}

header .socials span {
	/*display: table-cell;*/
	width: 30px;
	height: 30px;
	height: 30px !important\0/;
	padding: 0 3px;
	text-align: center;
	vertical-align: middle;
	}

header .socials a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: 100%;
	background-repeat: no-repeat !important;
	}
	
header .socials img {
	opacity: 0;
	width: 30px;
	height: 30px;
	}

header .navigation {
	width: 621px;
	height: 45px;
	padding-bottom: 34px;
	text-align: center;
	}

header .navigation a {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: 0px 7px;
	}

header .navigation img {
	max-width: 60px;
	max-height: 60px;
	}

/* content styles */
.content {
	padding-bottom: 70px;
	}

.content .text_page p {
	width: 621px;
	font-size: 1.4em;
	line-height: 1.2em;
	}

.content .text_page img {
	border: 1px solid #ADADAD;
	}

/* popups styles */
.form_caption {
	padding: 0px 0px 20px 0px;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	color: #60696c;
	}
/*
#login_block, 
.video_block, 
.lyric_popup, 
.album_popup, 
.add_image_block, 
.add_track_block, 
.info_popup {
    display: none;
	}
*/
.login_inner, 
.video_inner, 
.lyric_inner, 
.album_inner, 
.info_inner {
    width: 345px;
    padding: 18px 0px 18px 0px;
    text-align: center;
	}

.login_form, 
.video_form, 
.lyric_form, 
.album_form, 
.info_form {
	width: 310px;
	margin: 0px auto;
	}

.login_form .inputs, 
.video_form .inputs, 
.album_form .inputs {
	width: 265px;
	}

.info_form .textareas {
	width: 267px;
	height: 90px;
	}

/* admin styles */
.admin_link a {
	text-decoration: none;
	color: #60696c;
	border-bottom: 1px dotted #60696c;
	}

.admin_link a:hover {
	border: none;
	}

header .site_info .admin_link {
	padding-top: 5px;
	padding-bottom: 15px;
	font-size: 0.7em;
	text-align: center;
	}

/* posters styles */
.poster_block {
    position: absolute;
    width: 229px;
    height: 286px;
    padding: 16px 15px 0px 25px;
    text-align: center;
}

.left_poster {
    top: 237px;
    background: url(../img/left_poster_bg.png) 0px 0px no-repeat;
    background-size: cover;
}

.right_poster {
    top: 237px;
    background: url(../img/right_poster_bg.png) 100% 0px no-repeat;
    background-size: cover;
}

.poster_block .title {
    height: 41px;
    padding-bottom: 13px;
}
.poster_block .title_right {
margin-right: 20px;
}

.poster_block .thumb {
    position: relative;
    display: inline-block;
    width: 193px;
    height: 136px;
    margin-bottom: 16px;
}
.poster_block .thumb_right {
    margin-right: 20px;
}

.poster_block .thumb .full_icon {
    display: none;
    position: absolute;
    width: inherit;
    height: inherit;
    background: url(../img/full_icon.png) 50% 50% repeat;
}

.poster_block .thumb:hover .full_icon {
    display: block;
}

.poster_block .thumb img {
    display: block;
    width: inherit;
    height: inherit;
}

.poster_block .languages {
    height: 18px;
}
.poster_block .languages_right {
    margin-right: 20px;
}

.poster_block .languages a {
    margin: 0px 3px;
    text-decoration: underline;
}

.poster_block .languages a:hover {
    text-decoration: none;
}

.poster_block .site_link a {
    text-decoration: underline;
}

.poster_block .site_link a:hover {
    text-decoration: none;
}

.site_link_right {
    margin-right: 20px;
}