* {
margin:0;
padding:0;
}

html,body {
background:#FFF URL(http://friendshipbracelet.narod.ru/images/ui/fon.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}

a:link,a:visited {
text-decoration: none;
color:#000;
}

h1 {
color:#FFF;
font-size:70px;
text-shadow:0 2px 0 #000;
}

.clear {
clear:both;
}

#shadow {
background:URL(http://friendshipbracelet.narod.ru/images/ui/main.png) repeat-y;
margin:auto;
width:823px;
}

#header {
background: URL(http://friendshipbracelet.narod.ru/images/ui/logo.png) no-repeat;
background-color:#fce6ff;
margin:auto;
overflow:hidden;
text-align:center;
width:801px;
}

#header-logo {
background-color:transparent;
float:left;
margin:auto;
width:399px;
height:70px;
}

#header-search {
background-color:transparent;
float:left;
margin:auto;
width:402px;
}

#header-search form {
margin:31px auto 20px;
}

a.header-link {
display: block;
}

#page {
background: url(http://friendshipbracelet.narod.ru/images/ui/corner.png) bottom left no-repeat;
background-color:#fce6ff;
border-left:200px solid #DFC8ED;
margin:auto;
padding:0;
width:601px;
}

.text {
padding:5px 30px;
text-align: justify;
width: auto;
}

.text p {
clear: right;
margin-bottom: 10px;
}

.text ul {
list-style-type: none;
}

.text a:link, .text a:visited, .news a:link, .news a:visited , #sms-info a:link , #sms-info a:visited {
text-decoration: underline;
}

#pagesearch {
background-color:#fce6ff;
margin-left:auto;
margin-right:auto;
padding:0;
text-align:center;
width:800px;
}

#sidebar {
float:left;
margin:0 0 0 -200px;
width:200px;
}

* HTML #sidebar {
margin-left:-200px;
}

.hotnews-m span {
background-color:#FF8FFF;
}

#navi {
font-size:17px;
padding:0;
position:relative;
}

#navi ul {
color:#C4CBFF;
list-style-type:none;
}

#navi ul  li{
padding-left:10px;
}

#navi ul ul,#forum ul {
list-style-type:none;
}

#navi ul li,#forum ul li {
margin:10px 0 10px 10px;
}

#navi ul li ul {
margin:10px 0 10px 0;
}

#navi ul ul li {
font-size: 15px;
margin:0 5px 0 15px;
}

#navi ul ul ul li {
font-size:15px;
margin:0 10px 0 0;
}

.arrow {
background: url(http://friendshipbracelet.narod.ru/images/ui/arrow.gif) no-repeat 0% 6px;
}
#navi .vkontakte {
background: url(ui/vkontakte.png) no-repeat 0%;
padding-left: 20px;
}

#navi .facebook {
background: url(ui/facebook.png) no-repeat 0%;
padding-left: 20px;
}

#navi .twitter {
background: url(ui/twitter.png) no-repeat 0%;
padding-left: 20px;
}

#navi .talk {
background: url(ui/group.png) no-repeat 0%;
padding-left: 20px;
}

#navi .chat {
background: url(ui/chat.png) no-repeat 0%;
padding-left: 20px;
}

#navi .konkurs {
background: url(ui/konkurs.png) no-repeat 0%;
padding-left: 20px;
}

.sms {
border-bottom:1px dotted #AAA;
font-size:12px;
margin:0 10px;
padding:1% 0;
background:#FCDFFF;
}

#sms-send {
text-align: center;
margin:0 15px;
}
#sms-info {
display: none;
margin:0 10px;
padding:1% 0;
}

#crumbs{
background: #DFC8ED;
font-size: 12px;
padding: 4px;
text-align: center;
}

.shortcut {
clear:right;
font-size:20px;
padding:5px 10px;
text-align:left;
text-shadow:0 1px 0 #000;
}

.shortcut span {
background-color:#845F90;
color:#FFF;
}

#forum {
float:left;
width:180px;
}

.inf {
clear:right;
margin:15px 0 0 11px;
text-align:center;
}

.news {
border-bottom:1px dotted #AAA;
color:#000;
font-size:12px;
margin:0 30px;
padding:1% 0;
width:540px;
}

.menu {
float:left;
width:200px;
}

.img {
 position: relative;
 text-align: center;
}

.feni-l {
float:left;
width: 100%;
}

.feni-r {
float:left;
width: 100%;
text-align: right;
}

#footer {
border-top:3px double #aaa;
color:#C4CBFF;
margin:auto;
padding:0 10px 10px;
position:relative;
text-align:center;
width:781px;
}

.links {
border-bottom:1px solid;
color:#FFF;
padding:5px;
}

.links a:link,.links a:visited {
color:#C4CBFF;
text-decoration:none;
}

.overlay {
background:#150519;
bottom:0;
filter:alpha(opacity=65);
left:0;
opacity:0.65;
position:absolute;
top:0;
width:100%;
}

.content {
position:relative;
}

#liru {
 text-align: center;
}

#ads-h {
 text-align: center;
}

.likeit {
 float: left;
 padding: 5px;
 position: relative;
}

a:hover,.links a:hover {
background:#7C3A6B;
color:#FFF;
}

