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


fieldset,img {
	border: 0;

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

* {
	margin: 0;
	padding: 0;
}
html {height: 100%}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
	background-color:#c0c0c0;
}
a {
	color: black;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {margin: 0 0 18px}
img {
	border: none;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color:#FFFFFF;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
	width:100%;
	height: 318px;
	background: #000;
	background-image:url('/images/girl.png');
	background-repeat:no-repeat;
	margin: 0 0 15px 0;
}
#header-menu{
	padding-top:190px;
	padding-left:530px;
}
#header-menu a{
	font:Calibri;
	font-size:14px;
	color:#FFFFFF;
	position:relative;
	margin: 0px 0px 0 50px;
}

.p1{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:1.0px solid #A7ADB6;
	-moz-border-radius: 3px 3px 3px 3px;
	width:89%;
	margin-bottom: 1em;
	padding: 9px;
}
.p2{ 
	background:url('/images/poisk2.gif') 0 0 no-repeat; 
	position:relative;
	right:3px;
	border:0;
	width:65px;
	height:12px;
}
#lines {
background-image:url('/images/lines.gif');
background-repeat:repeat-x;
padding: 12px 0 0 0;
}

#forma input{ 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:normal;
color:#A7ADB6;
padding:4px 15px 4px 10px;
border:none;
width:150px;
height:32px;
background:url('/images/login.gif') 0 0 no-repeat; 
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 100px;
	height: 1%;
	}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
}
#content {
	width:auto;
	font: 15px/17px Verdana,sans-serif;
	margin: 5px 0 0 260px;
}

.clear {
	clear: both;
}
#new-trek {
background-image:url('/images/new-trek.jpg');
background-repeat:no-repeat;
position:relative;
overflow: hidden;
width: 100%;
background-color: #b6b5bb;
height:160px;
margin-top:-2px;
}
#new-trek ul{
padding: 15px 0 0 140px;
line-height:20px;
}
#new-trek li a{
padding-right:20px;
color:#FFFFFF;
}
#strelka {
width:80%;
}
#strelka img{
background-repeat:no-repeat;
}
.strelka {
margin: 0 10px 0 10px;
}
.strelka1{
margin: 0 14px 0 13px;
}
.strelka2 {
margin: 0 0 0 12px;
}

.maincontent {
	width: 80%;
	margin: 15px 0 0 20px;
}

#album {
background-image:url('/images/album.jpg');
background-repeat:no-repeat;
width:212px;
height:365px;
margin: 15px 0 0 20px;
}
#album img{
margin: 6px 0 0 6px;
}
#album-name{
width:50%;
font-family:Tahoma;
font-size:11px;
margin: -361px 0 0 243px;
font-weight:bolder;
}
#album-name li{
font-family:Tahoma;
font-size:11px;
margin: 5px 0 0 25px;
font-weight:normal;
}
.author {
font-size:11px;
font-weight:bolder;
margin: 2px 0 0 10px;
}
.author a{
color:#ffde00
}
.data {
font-size:10px;
margin: 2px 0 0 10px;
}
.prosmotrov {
font-size:11px;
margin: 35px 0 0 10px;
}
#black {
background-image:url('/images/black.gif');
background-repeat:no-repeat;
width:526px;
height:50px;
margin: 150px 0 0 20px;
}
.comm {
font-size:11px;
padding: 13px 0 0 10px;
color:#e5e2d4;
}
.comm a{
color:#ffe349;
}
#avatar{
margin: 10px 0 0 20px;
}
#avatar img{
background-repeat:no-repeat;
}
#avatar p{
font-size:11px;
width: 60%;
margin: -90px 0 0 180px;
}
#avatar ul{
float:left;
font-size:11px;
width: 140%;
margin: 110px 0 0 2px;
}
#comment {
	font-size:11px;
	margin-right: 220px;
	margin-left: 200px;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sidebar-left {
	float: left;
	width: 266px;
	margin-left: -100%;
}
#menu{
background-image:url('/images/menu.gif');
width:268px;
height:271px;
position:relative;
float:left;
background-repeat:no-repeat;
margin:0px 0 0 -1px;
}

.genres {
   float: left;
   padding-left:40px;
   position:absolute;
   padding-top:100px;
}

.genres a {
	color:#FFFFFF;
	font-size:11px;
	padding:3px;
	text-decoration:underline;
}

.genres a:hover {
	text-decoration: underline;
	color: #000000;
	font-size: 11px;
	background-color: #FFFFFF; 
	padding: 3px;
}

.navi {
float:left;
position:relative;
margin-top:25px;
padding-left:10px;
font-family:Calibri;
font-size:14px;
color:#FFFFFF;
}
#nav {
float:left;
position:relative;
margin-top:20px;
padding-left:65px;
font-family:tahoma;
font-size:11px;
}
#nav a {
color:#FFFFFF;
}
#vxod{
float:left;
background-image:url('/images/vxod.gif');
height:127px;
background-repeat:no-repeat;
margin-top:1em;
}
#voiti{
font-family:Calibri;
font-size:14px;
color:#FFFFFF;
}
#voiti a{
position:relative;
float:left;
color:#FFFFFF;
margin:85px 0 0 105px;
padding-right:50px;
}
#login {
float:left;
padding: 0 0 0 160px;
}
#login a{
float:left;
position:relative;
font-family:tahoma;
font-size:11px;
color:#000000;
margin: -30px 0 0 0;
}
#forma {
float:left;
position:relative;
margin: 10px -2px 0 0;
padding: 0 0 0 105px;
}
#top30 {
float:left;
position:relative;
margin: 15px 0 20px 0;
padding-left: 20px;
}
#top-text {
float:left;
position:relative;
width:100%;
}
#top-text ul li{
list-style:none;
}
/* Sidebar Right
-----------------------------------------------------------------------------*/
#sidebar-right {
	width: 17%;
	clear: inherit;
	float: right;
}
#sidebar-right table{
	margin-top: 6px;
	margin-right:23px;
}
.rekl {
	font-family:Calibri;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:underline;
	text-align:center;
	padding-top:6px;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 100%;
	margin: 100px auto 0;
	height: 150px;
	background-color:#fff;
}

h1 {
	font-family: Calibri;
	font-size: 20px;
}

h2 {
	font-family: Calibri;
	font-size: 18px;
}


.download {
	text-decoration: underline;
	color: #000;
	font-weight: bold;
	font-size: 16px;
}

.nodecoration {
	text-decoration: none;
}

.download img {
	vertical-align: middle;
}

ol, ul {
	margin-left: 1.5em;
}

#login a {
	padding: 3px;
}

#login a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}

li a {
	text-decoration: underline;
	color: #000000;
	font-weight:bold;
	font-size: 11px;
	padding: 3px;
}

li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #8d2049;
}

.paginate div a {
	text-decoration: none;
	padding: 1em;
	margin: 3px;
	border: 1.0px #d4d4d4 solid;
	float: left;
}

.paginate div a:hover, .paginate div .current {
	color: #fff;
	border: 0;
	background-color: #8d2049;
}

.comment_item {
	width: 100%;
	padding-top: 1em;
}

.comment_header {
	width: 80%;
	padding: 1em;
	color: #fff;
	background-color: #000;
}

.comment_header a {
	color: #ffe349;
}

em {
	padding: 0;
	margin: 0;
}

.alphabet {
	text-align: center;
	padding-bottom: 1em;
}

.alphabet a {
	padding: 3px;
}

.lt, .alphabet a:hover {
	color: #FFFFFF;
	background-color: #8d2049;
	padding: 3px;
}


ul.columns { margin: 0; padding: 0; list-style-type: none; word-spacing: -1ex; }
/* 
    Firefox ниже версии 3 не знает о inline-block.
    Поэтому указываем для него -moz-inline-stack
*/
.columns li { display: -moz-inline-stack; display: inline-block; //display: inline; }
/*
    Чтобы ссылки не нажимались кликом
    по пустому месту, применим фильтр
*/
.columns a, .columns b { display: inline; word-spacing: normal; //display: inline-block; //filter: alpha(opacity=100); }
.columns a, .columns b, x:-moz-any-link { display:block; }
/*
    Если Firefox выше 2.0, Возвращаем a и b в inline
*/
.columns a, .columns b, x:-moz-any-link, x:default { display: inline; }
.columns li, .columns a, .columns b { vertical-align: top; }

/* customize */
.columns li { margin: 0; line-height: 25px; //margin: 0; width: 400px; //width: auto; }
.columns a, .columns b { //margin: 0; //width: 400px; }
.columns ul { width: 100%; }