/* CSS Document */

   * {
   margin:0px;
   padding:0px; 
   }
   
   body {
   background-color: #F9F4EC;
   background-image: url(img/bg.png);
   font-family: Arial, Helvatica, san-serif;
   font-size:0.9em;
   line-height: 1.4em;
   color:#545454;
   }
   
   img {border:0px;}
   
   p {margin:7px 0px;}
   
   /*!!!*/
   #name h1 {
   font-weight: normal;
   font-size: 220%;
   font-family: Georgia, serif;
   color:#A85706;
   } 
   
   #name h2 {
   font-weight: normal;
   font-size: 120%;
   margin:2px 0px 0px 52px;
   }
   
   #content h1 {
   margin:0px 0px 20px 0px;
   font-size: 220%;
   font-weight: normal;   
   font-family: Georgia, serif;
   line-height: 1.1em;
   } 
   
   #content h2 {
   margin:0px 0px 20px 0px;
   font-size: 190%;
   font-weight: normal;   
   font-family: Georgia, serif;
   } 
   
   .blog_post h3 {
   margin:0px 0px 20px 0px;
   font-size: 140%;
   font-weight: normal;   
   }
   
   #right-text h3 {
   margin:0px 0px 20px 0px;
   font-size: 150%;
   font-weight: normal;   
   }
   
   .float h4 {
   font-weight: normal;
   font-size:110%;
   color:#A85706;
   margin:0px 0px 7px 0px;
   }
   
   h3.about-blog-anons {
   background-image: url(img/user-female.png);
   background-repeat: no-repeat;
   background-position: left;
   padding:0px 0px 0px 22px;
   }
   
   h3.new-blog-anons {
   background-image: url(img/blog.png);
   background-repeat: no-repeat;
   background-position: left;
   padding:0px 0px 0px 22px;
   }
   
   h3.plane-blog-anons {
   background-image: url(img/paper-plane.png);
   background-repeat: no-repeat;
   background-position: left;
   padding:0px 0px 0px 22px;
   }
   
   #menu ul li {
   list-style-type: none;
   display: inline;
   margin:0px 0px 0px 15px;
   font-size: 130%;
   font-family: Georgia, serif;
   font-style: italic;
   }
   
   .blog_post ul {
   margin:0px 0px 0px 10px;
   }
   
   
   .blog_post ul li {
   list-style-type: none;
   }
   
   #submenu ul, .container ul, .container-submenu ul {
   margin:0px 0px 0px 10px;
   list-style-type: none;
   }
   
   
   #submenu ul li {
   margin:3px 0px;
   }
   
   .float ul li {
   list-style-type: none;
   font-size: 90%;
   }
   
   .container ul li {
   list-style-type: none;
   }
   
   .container-submenu ul li ul {
   margin:5px 0px 10px 7px;
   font-size: 90%;
   }
   
   .container-submenu ul li ul li {
   margin:7px 0px;
   line-height: 1em;
   }
   
   
   .container-submenu ul li.active ul {
   margin:5px 0px 10px 5px;
   font-size: 90%;
   }
   
   #content ul, #content ol {
   margin:20px 0px 30px 30px;
   }
   
   /*ID's*/
   #name {
   position: absolute;
   top:40px;
   left:40px;
   }
   
   #menu {
   position: absolute;
   top:52px;
   right:50px;
   }
   
   #top-panel {
   position: absolute;
   top:150px;
   left:40px;
   right:50px;
   }
   
   #blog_zagolovki {
   float:left;
   width:96%;
   overflow: hidden;
   margin:50px 0px 0px 0px;
   background-image: url(img/bg-2.png);
   background-color: #F6EFDB;
   padding:30px 30px 20px 30px;
   z-index:2;
   }
   
   #top-content {
   position: absolute;
   top:340px;
   left:320px;
   right:70px;
   font-size: 120%;
   display: none;
   }
   
   #top-quick-links {
   position: absolute;
   top:150px;
   left:50px;
   width:150px;
   z-index:2;
   display: none;
   }
   
   html>body #left-text {
   
   }
   
   #submenu {
   position: absolute;
   padding:15px;
   background-color: #F6EFDB;
   width:270px;
   margin:45px 0px 0px 0px;
   }
   
   #sidebar {
   float:left;
   width:290px;
   margin:45px 0px 40px 0px;
   }
   
   #content {
   margin:0px 0px 0px 500px;
   } 
   
   
   #left-text {
   float:left;
   width:45%;
   text-align: center;
   }
   
   #right-text {
   float:right;
   width:45%;
   }
   
   #content {
   margin:0px 0px 70px 350px;
   }
   
   #footer-top {
   padding:20px 0px 20px 20px;
   margin:0px 20px 50px 20px;
   background-image: url(img/bg-3.png);
   background-color:#F5F5F5;
   overflow: hidden;
   border-top:2px solid #E9E9E9;
   float:left;
   width:96%;
   }
   
   #footer {
   float:left;
   width:100%;
   padding:20px 40px 20px 20px;
   margin:0px 20px 50px 0px;
   background-image: url(img/bg-3.png);
   background-color:#F5F5F5;
   overflow: hidden;
   border-top:2px solid #E9E9E9;
   }
   
   
   #creator {
   float:right;
   margin:0px 20px 0px 0px;
   }
   
   #copy {
   float:right;
   width:250px;
   margin:0px 20px 0px 0px;
   }
   
   #warper {
   position: absolute;
   top:180px;
   left:40px;
   right:40px;   
   }
   
   #warper-sub {
   width:100%;
   overflow: hidden;
   }
   
   /*Classes*/
   
   .blog_post {
   float:left;
   width:30%;
   margin:0px 40px 0px 0px;
   }
   
   .quote-shift {
   margin:0px 0px 0px -11px;
   }
   
   
   .float {
   float:left;
   margin:0px 50px 20px 0px;
   width:80px;
   }
   
   .last-m {
   margin:0px;
   }
   
   .end {
   width:150px;
   }
   
   .attention {
   background-image: url(img/information.png);
   background-repeat: no-repeat;
   background-position: left;
   padding:0px 0px 0px 20px;
   margin:0px 0px 0px 0px;
   }
   
   .text {
   background-image: url(img/document-office.png);
   background-repeat: no-repeat;
   background-position: left;
   padding:0px 0px 0px 20px;
   margin:0px 0px 0px 0px;
   }
   
   .pdf {
   background-image: url(img/document-pdf.png);
   background-repeat: no-repeat;
   background-position: left;
   padding:0px 0px 0px 20px;
   margin:0px 0px 0px 0px;
   }
   
   .container-submenu {
   background-color: #F6EFDB;
   margin:0px 0px 10px 0px;
   padding:20px;
   }
   
   .container {
   background-color: #F6EFDB;
   background-image: url(img/bg-2.png);
   margin:0px 0px 30px 0px;
   padding:20px;
   }   
   
   
   .namepole {
   padding:3px;
   font-size: 130%;
   width:70%;
   }
   
   .nameinput {
   padding:3px;
   font-size: 130%;
   width:70%;
   height:250px;
   }
   
   .ok, .reset {
   padding:3px;
   font-size: 130%;   



   }
   
   .navigate {
   font-size: 70%;
   margin:0px 0px 0px 30px;
   }
   
   /*links*/
   
   a {
   color:#747B82;
   }
   
   a:hover {
   color:#A85706;
   }
   
   
   #menu ul li a {
   color:#A85706;
   }
   
   
   #menu ul li a:hover {
   color:#747B82;
   }
   
   
   #menu ul li.active a, .container-submenu ul li.active a, .float ul li.active a {
   color:#545454;
   text-decoration:none;
   }
   
   #name h1 a {
   color:#A85706;
   text-decoration: none;
   }
   
   a.pdf {
   background-image: url(img/document-pdf.png);
   background-repeat: no-repeat;
   background-position: left;
   padding:0px 0px 0px 20px;
   margin:0px 0px 0px 0px;   
   }
   
   a.doc {
   background-image: url(img/document-office.png);
   background-repeat: no-repeat;
   background-position: left;
   padding:0px 0px 0px 20px;
   margin:0px 0px 0px 0px;   
   }