<div id="My1" style="display:none">
<style>
/* CSS reset */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin: 0;
padding:0;
}
html,body {
margin:0;
padding:0;
        overflow-y: hidden;
}
table {
border-collapse:collapse;
border-spacing:0;
}
img { 
border:0;
}
ol,ul {
list-style:none;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
/* General Demo Style */
body{
font-family: 'Electrolize', Arial, sans-serif;
font-weight: 400;
font-size: 15px;
color: #fff;
}
a{
text-decoration: none;
}
.clr{
clear: both;
}
/* Top Bar Style */
.codrops-top{
line-height: 24px;
font-size: 11px;
background: rgba(255, 255, 255, 1);
text-transform: uppercase;
z-index: 9999;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 24px;
box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
-webkit-animation: slideOut 0.5s ease-in-out 0.3s backwards;
-moz-animation: slideOut 0.5s ease-in-out 0.3s backwards;
-o-animation: slideOut 0.5s ease-in-out 0.3s backwards;
-ms-animation: slideOut 0.5s ease-in-out 0.3s backwards;
animation: slideOut 0.5s ease-in-out 0.3s backwards;
}
.codrops-top a{
padding: 0px 10px;
letter-spacing: 1px;
color: #333;
text-shadow: 0px 1px 1px #fff;
display: block;
}
.codrops-top a:hover{
background: #fff;
}
.codrops-top span.right{
float: right;
}
.codrops-top span.right a{
float: left;
display: block;
}
/* Demo Buttons */
#codrops-demos{
    position: fixed;
z-index: 2000;
top: 50px;
right: 50px;
}
#codrops-demos a{
    display: inline-block;
font-size: 12px;
width: 60px;
height: 24px;
color: #000;
line-height: 24px;
text-align: center;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
background: rgba(255,255,255,0.9);
text-transform: uppercase;
}
#codrops-demos a:hover{
background: #ddd;
color: #000;
}
#codrops-demos a.current-demo,
#codrops-demos a.current-demo:hover{
background: #000;
color: #fff;
cursor: default;
}
@-webkit-keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
@-moz-keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
@-o-keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
@-ms-keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
@keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
html, body {
height:100%;
}
body {
width: 100%;
background: #F0F0F0;
}
#header{
position: absolute;
z-index: 2000;
width: 235px;
top: 50px;
}
#header h1{
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
color: rgba(255,255,255,0.9);
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
padding: 20px;
background: #000;
}
#navigation {
margin-top: 20px;
width: 235px;
display:block;
list-style:none;
z-index:3;
}
#navigation a{
color: #444;
display: block;
background: #fff;
background: rgba(255,255,255,0.9);
line-height: 50px;
padding: 0px 20px;
text-transform: uppercase;
margin-bottom: 6px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
font-size: 14px;
}
#navigation a:hover {
background: #ddd;
}
.maincontent{
right: 40px;
left: 280px;
top: 0px;
position: absolute;
padding-bottom: 30px;
}
.maincontent h2{
font-size: 70px;
padding: 10px 0px 20px 0px;
margin-top: 52px;
color: #fff;
color: rgba(255,255,255,0.9);
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.panel{
min-width: 950px;
        max-width: 1100px;
        width: 100%;
height: 98%;
overflow-y: auto;
overflow-x: auto;
margin-top: -190%;
position: absolute;
background: #000;
box-shadow: 0px 4px 7px rgba(0,0,0,0.6);
z-index: 2;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.panel:target{
margin-top: 0%;
background-color: #305D6E;
}
#home:target ~ #header #navigation #link-home,
#news:target ~ #header #navigation #link-news,
#about:target ~ #header #navigation #link-about,
#contact:target ~ #header #navigation #link-contact{
background: #000;
color: #fff;
}
#works {
padding: 15px 0px;
}
#works li{
display: inline;
}
#works li a{
padding-right: 10px;
}
#works img {
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
padding: 12px; 
background: rgba(255,255,255,0.9);
}
#form p{
background: #fff;
color: #000;
}
#form input, #form textarea{
background: #000;
color: #fff;
border: none;
}
#form textarea{
width: 493px;
height: 100px;
}
#form label{
padding-right: 10px;
}
.footnote a{
color: #ddd;
}
.boxrss {
margin-bottom: 5px;
width: 100%;
min-width: 720px;
height: auto;
background-color: #ffffff;
color: #000;
border: 2px solid #D4D4D4;
border-radius: 0 0 8px 8px;
-moz-border-radius:0 0 8px 8px; 
-khtml-border-radius: 0 0 8px 8px;
box-shadow: 0 0 15px #A9A9A9;
padding: 20px 5px;
}
.post_title {
margin-bottom: 5px;
margin-top: 8px;
height: auto;
background-color: smoke;
border: 2px solid lightsteelblue;
padding: 3px 3px 4px;
}
#bib iframe {max-width: 100%;}
#bib img {max-width: 100%;}
#bib .postimg {position: relative; display: block; margin: 0 auto;}
#bib {overflow: hidden;}
#bib1 iframe {max-width: 100%;}
#bib1 img {max-width: 100%;}
#bib1 .postimg {position: relative; display: block; margin: 0 auto;}
#bib1 {overflow: hidden;}
#bib2 iframe {max-width: 100%;}
#bib2 img {max-width: 100%;}
#bib2 .postimg {position: relative; display: block; margin: 0 auto;}
#bib2 {overflow: hidden;}
#bib3 iframe {max-width: 100%;}
#bib3 img {max-width: 100%;}
#bib3 .postimg {position: relative; display: block; margin: 0 auto;}
#bib3 {overflow: hidden;}
.ellipse{
float: left;
}
.page_navigation , .alt_page_navigation{
padding-bottom: 10px;
}
.page_navigation a, .alt_page_navigation a{
padding:3px 5px;
margin:3px;
color:white;
text-decoration:none;
font-family: Tahoma;
font-size: 12px;
background-color: lightsteelblue;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px; 
-khtml-border-radius: 4px 4px 4px px;
text-align: center;
}
.active_page{
background-color:white !important;
color:black !important;
}
.quote-box {
padding: 8px;
margin: 5px;
background-color: whitesmoke;
color: #333;
border: 1px solid #e5e5e5;
border-top: 3px solid #1d9fde;
border-bottom: 2px solid #c5c5c5;
  }
.code-box {
padding: 8px;
margin: 5px;
background: #F7FCFF;
color: #333;
border: 1px solid #e5e5e5;
border-top: 3px solid #1d9fde;
border-bottom: 2px solid #c5c5c5;
overflow: auto;
}
a {
color: #3b8ebc;
}
</style>

<table style="width: 1100px" border="0" frame="void" rules="none" align="center">
<tbody>
<tr>
<td>
    <!-- Codrops top bar -->
    <div class="codrops-top">
    
        <center><a href="/=&forum">
        <strong>ФОРУМ</strong>
        </a></center>
   
    <div class="clr"></div>
    </div><!--/ Codrops top bar -->
        
    <!--HOME-->
    
    <!-- News -->
    <div id="news" class="panel">
    <div class="maincontent">
     <h2>Новости</h2>  
<div id='paging_container1' class='boxrss'>
<div class='page_navigation'></div>
<div class='content'>
<div class='boxrss1' id="boxrss"><a href="http://chiklino.ru/=&forum"><img style="width: 180px; height: 218px;" title="Форум. Список категорий и разделов сайта" src="http://forumstatic.ru/files/0015/49/73/11124.gif" onmouseover="this.width=180;this.height=218" onmouseout="this.width=180;this.height=218"/></a> <a href="http://chiklino.ru/register.php"><img style="width: 235px; height: 218px;" title="Регистрация. Необязательный шаг, благодаря которому вы можете получить массу возможностей. Это быстро и на удивление просто" src="http://forumstatic.ru/files/0015/49/73/36215.gif" onmouseover="this.width=235;this.height=218" onmouseout="this.width=235;this.height=218"/></a>&nbsp<a href="http://chiklino.ru/messages.php"><img style="width: 235px; height: 218px;" title="Форумная почта.Ваши личные сообщения." src="http://forumstatic.ru/files/0015/49/73/44583.png" onmouseover="this.width=235;this.height=218" onmouseout="this.width=235;this.height=218"/></a></div></br>
<a href="http://chiklino.ru/search.php"><img style="width: 400px; height: 200px;" title="Воспользуйтесь поиском по сайту, чтобы найти интересующую вас информацию." src="http://forumstatic.ru/files/0015/49/73/22829.png" onmouseover="this.width=400;this.height=200" onmouseout="this.width=400;this.height=200"/></a>&nbsp;&nbsp<a href="http://chiklino.ru/search.php?action=show_recent"><img style="width: 125px; height: 200px;" title="Список активных материалов сайта." src="http://forumstatic.ru/files/0015/49/73/21143.png" onmouseover="this.width=125;this.height=200" onmouseout="this.width=125;this.height=200"/></a>&nbsp;&nbsp<a href="http://chiklino.ru/login.php"><img style="width: 125px; height: 200px;" title="Авторизация. Вам понадобится ваш пароль и логин. Если, конечно, они у вас есть" src="http://forumstatic.ru/files/0015/49/73/92831.png" onmouseover="this.width=125;this.height=200" onmouseout="this.width=125;this.height=200"/></a> 
<div class='boxrss2'></div>
<div class='boxrss3'></div>
</div>
</div>
<div class='page_navigation'></div>
</div>
<script type="text/javascript" src="http://forumstatic.ru/files/000f/5f/a4/29681.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
$('#paging_container1').pajinate();
});
  </script>
<script type="text/javascript" src="http://forumstatic.ru/files/000f/5f/a4/37559.js"></script>

    
    </div>
    </div>
    <!-- /News -->
    
    <!-- About -->
    <div id="about" class="panel">
    <div class="maincontent">
        <h2>О проекте</h2>
<div class="about" style="border-width: 3px; border-style: dashed; border-color: #fff; padding: 7px;">
        <p><b>Немного о сайте</b></p>
        <p><b>chiklino.ru &nbsp</b>не является форумом в прямом смысле слова;</p>
        <p>Скорее, <b>Блоговник</b>-это коллективный блог, где высказываться может каждый.</p>
        <p>Просто создателям данного ресурса удобнее излагать мысли именно в таком формате, в каком они их излагают ...</p>
<br>
<p><b>Немного этики не повредит</b></p>
<p>Здесь нет жёсткой и жестокой модерации, здесь просто предлагается оставаться человеком и пытаться не конфликтовать с другими собеседниками. Стоит ли говорить, что спамеров, порнушников и прочих иже с  ними нигде не жалуют?</p>
</div>
<br>
<br>
<div class="about" style="border-width: 3px; border-style: dashed; border-color: #fff; padding: 7px;">
<table style="width: 100%;" border="0" frame="void" rules="none">
<tbody>
<tr>
<td width="33.3%"><center><img src="http://s4.uploads.ru/fILwP.png">
<br>
RSS
</center></td>
<td width="33.3%"><center><img src="http://s4.uploads.ru/Dnovd.png">
<br>
Вконтакте
</center></td>
<td width="33.3%"><center><img src="http://s4.uploads.ru/Wru4h.png">
<br>
Twitter
</center></td>
</tr>
</tbody>
</table>
</div>
    </div>
    </div>
    <!-- /About -->
    
    <!-- Contact -->
    <div id="contact" class="panel">
    <div class="maincontent">
        <h2>Связь</h2>
        <p>Если вдруг у Вас возникнут какие либо вопросы по отношению к форуму - пишите администрации на E-mail: shtorkin50@gmail.com</p>
<table style="height: 40px; width: 100%;" border="0" frame="void" rules="none">
<tbody>
<tr>
<td width="50%">
<center>
<script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"></script>
<div id="SkypeButton_Chat_vlla.ru_1">
  <script type="text/javascript">
    Skype.ui({
      "name": "chat",
      "element": "SkypeButton_Chat_vlla.ru_1",
      "participants": ["vlla.ru"],
      "imageColor": "white",
      "imageSize": 32
    });
  </script>
</div>
</center></td>
<td><center><img src="http://s4.uploads.ru/jBCrq.png">
</center></td>
</tr>
</tbody>
</table>

    </div>
    </div>
    <!-- /Contact -->
    
    <!-- Header with Navigation -->
    <div id="header">
    <h1>chiklino.ru портал</h1>
    <ul id="navigation">
        
        <li><a id="link-news" href="#news">Меню сайта</a></li>
        <li><a id="link-about" href="#about">О проекте</a></li>
        <li><a id="link-contact" href="#contact">Связь</a></li>
    </ul>
    </div>
</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
var My = $('#My1').remove().show();
My.find('script').remove();
$("body").empty();
My.appendTo("body");
</script>

<!--Скрипт Статистики-->
<script type="text/javascript">
var str=$("#statis").load("/ div.statscon").find("ul.containe