ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{  margin:0;  padding:0;  } h1,h2,h3,h4,h5,h6 {margin-bottom:20px; margin-top: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} h2{font-size:20px;} h3{font-size:18px;} h4{font-size:16px;} ul{  list-style:none;  }  a{  color:#534741;  text-decoration:none;  }  a:hover{  text-decoration:underline;  }  a img{  border:0;  }  .clear{  clear:both;  }  body{  margin:0px;  padding:0px;  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  font-size:11px;  background:#f6f0e3 url(images/bg.gif) repeat-x;  color:#534741;  }  #vk_groups, #vk_groups iframe { width: 100% !important; }  #body_page{  background:url(images/body_page.gif) repeat-x bottom;  }    #page{  width:1000px;  margin:0 auto;  }    /* header_top */    #header_top{  width:100%;  height:34px;  background:url(images/header_top_bg.gif) no-repeat top right;  }    #header_link{  float:left;  }    #right_search{  float:right;  }    #header_link a{  display:block;  font-family:Arial, Helvetica, sans-serif;  font-size:12px;  color:#bc6666;  margin-left:6px;  padding-top:9px;  }    #searchform_top{  margin-right:20px;  padding-top:5px;  }    #searchform_top_text{  width:180px;  border:0px;  background:none;  font-family:Arial, Helvetica, sans-serif;  font-size:12px;  color:#f0bdbd;  float:left;  margin-top:4px;  padding-right:8px;  }    #gosearch{  float:left;  }    /* HEADER */    #header{  width:100%;  height:227px;  background:url(images/header_bg.jpg) no-repeat;  background-size: 100%;  cursor: pointer;  }    #header_title{  float:left;  max-width:645px;  }    #header_rss{  float:right;  width:355px;  }    #header_rss img{  padding-right:19px;  padding-top:7px;  float:right;  }    #header_title #idh1{  color:#ffffff;  font-size:52px;  padding-top:25px;  padding-left:30px;  font-family:Arial, Helvetica, sans-serif;  font-weight:normal;  height:138px;  }    #header_title #idh1{ text-indent: -99999px; }  .breadcrumbs { margin-top: -10px; padding-bottom: 10px; margin-left: 6px; }  .description{  font-size:14px;  position:relative;  top:-5px;  color:#ffffff;  font-style:normal;  display:block;  text-align:center;  }    /* menu */    #menu{  width:100%;  }    #menu ul{  padding-left:5px;  float:left;  }    #menu ul li{  float:left;  padding-right:10px;  }    #menu ul li a{  color:#fff;  text-transform:uppercase;  display:block;  font-size:15px;  padding:6px 10px 6px 10px;  }    #menu ul li a:hover{  background:#202020;  text-decoration:none;  }    /* BODY */    #body{  max-width:970px;  float:left;  background:#f4eee1 url(images/body_bg.gif) repeat-x;  margin-left:15px;  }    #body_left{  width:668px;  float:left;  padding-bottom:40px;  }    #body_right{  width:302px;  float:right;  background:#ebe4d3 url(images/body_right_bg.gif) repeat-x;  }    /* left contact */    #body_left_content{  width:605px;  padding-top:31px;  margin-left:32px;  }    .post{  background:url(images/post-top_bg.gif) repeat-x;  padding:15px 20px 0 20px;  }    .post-top{  }    .post-title{  }  .wp-user-avatar, .wp-user-avatar-32  { float: left; margin: 4px 12px 0 0; }  .tml-user-links{ padding-left: 70px; } .post_top_meta { margin-top: 4px;font-style: italic;    font-family: Georgia; } .post-title h2{  font-size:27px;  color:#610a09;  font-weight:normal;  padding-bottom:5px;  }    .post-title h2 a{  color:#610a09;  }        .entry{  line-height:20px;  font-family: 'Open Sans',Verdana, Arial, Helvetica, sans-serif;  padding:20px 5px 10px 0px;  font-size:15px;  }    .entry p{  padding-bottom:20px; text-align: justify; }    .entry a{  color:#ab0000;  }    .postmetadata{  margin-bottom:30px;  background:#ebe3d6;  border:1px solid #dfd9cc;  padding:10px;  float:left;  font-size:12px;  width:540px;  } .yarpp-related {font-family: Trebuchet MS, Tahoma;} .info_contect {width: 100%;    float: left;    margin-bottom: 30px;}  .post_intro{float: left;    width: 80%;} #author_links {margin-bottom: 10px;    font-size: 14px;} #author_links  li {margin-bottom:10px;} .grey {    font-weight: 700;} .date{margin-right: 6px;    padding: 3px 6px;    float: left;    display: block;    color: rgba(255,255,255,0.9);    background-color: #8B1A1A !important;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;} .time{background-image: url(/wp-content/themes/maroon01/images/time.png);display: inline-block;    width: 17px;    height: 12px;   vertical-align: text-top;    background-position: -3px -3px;    background-repeat: no-repeat;}  .postmetadata a{  color:#4e3e30;  background:url(images/post_comm_a.gif) no-repeat;  padding-left:20px;  padding-bottom:10px;  line-height:19px;  }    .postmetadata a span{  color:#4e3e30;  font-weight:bold;  }    a.readmore{  color:#4e3e30;  text-decoration:underline;  padding:0;  background:none;  }    a.readmore:hover{  text-decoration:none;  }     .postmetadata .alignleft{  }    .postmetadata .alignright{  }      .postmetadata .alignleft {  font-weight:normal;  color:#736357;  font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px;  }    .postmetadata .alignleft  a{  color:#b41e1b;  font-weight:bold  }  .postmetadata .alignleft span{  color:#b41e1b;  font-weight:bold  }    p.more-link {  border: 1px solid red;  margin: 0px !important;  padding: 0px !important;  }  .post-page{  background:url(images/post-top_bg.gif) repeat-x;  padding:15px 20px 0 20px;  }    .entry_page{  margin-left:0px;  }    .post-page h2{  font-size:27px;  color:#610a09;  font-weight:normal;  padding-bottom:5px;  border-bottom:1px dashed #949494;  }    .post-page .entry{  padding-left:0;  color:#7f7f7f;  }    .post-page .entry a{  color:#ab0000;  text-decoration:underline;  font-weight:bold;  }    strong{  color:#8f1513;  }    /* uncomment it if you want use STRONG tag like title h1,h2 ...*/    .post-page .entry strong{  	font-size:16px;  color:#610a09;  padding-bottom:5px;  border-bottom:1px dashed #949494;  padding:0 0 5px 0;  margin:0;  display:block;   }    /* right content */    #body_right_content{  width:263px;  margin-left:18px;  padding-top: 15px;  }    /* ADS */    #right_ads{  padding-top:22px;  margin-left:3px;  }    #right_ads img{  padding-bottom:5px;  margin-right:7px;  }    #right_ads .last{  margin-right:0;  }    /* TAGS */    #main_tags{  margin-bottom:10px;  margin-top:10px;  width:100%;  }    #main_tags ul{  padding-bottom:10px;  padding-left:10px;  padding-right:10px;  }    #main_tags a{  color:#2f2e2a;  }    #main_tags h2{  font-size:20px;  font-weight:normal;  color:#4e0000;  text-transform:capitalize;  background:url(images/main_tags_bg.gif) repeat-x bottom;  padding:0 0 25px 5px;  }    #sidebars{  }    #sidebar{  width:260px;  }    #sidebars h2{  font-size:20px;  font-weight:normal;  color:#4e0000;  text-transform:capitalize;  background:url(images/main_tags_bg.gif) repeat-x bottom;  padding:0 0 25px 5px;  }    #sidebars ul{  color:#2f2e2a;  }    #sidebars li ul{  padding-bottom:10px;  }    #sidebars li ul li ul{  background:none;  margin:0px 0px 0px 10px;  padding:0;  width:auto;  }    #sidebars li ul li ul li ul{  padding-left:0px;  }    #sidebars li{  margin-bottom:10px;  }    #sidebars li li{  margin-bottom:0px;  border-bottom:1px solid #ddcdbd;  padding:4px 3px 8px 8px;  width:auto;  font-family:Verdana, Arial, Helvetica, sans-serif;  }    #sidebars li.linkcat ul li{  border:0;  background:url(images/dotted_red.gif) repeat-x left bottom;  }    #sidebars li li li{  background:none;  border:0;  padding-bottom:3px;  }    #sidebars li a{  color:#2f2e2a;  }    #sidebars li.widget_categories ul li a{  background:url(images/sidebar_li_cat.gif) no-repeat left 5px;  font-weight:normal;  padding-left:10px;  font-size:13px;  font-family:Arial, Helvetica, sans-serif;  }    #sidebars li.widget_categories ul li ul li a{  background:url(images/sidebar_li_cat.gif) no-repeat left 5px;  font-weight:normal;  padding-left:10px;  }    #sidebars li.widget_archives ul li a{  background:url(images/sidebar_li_ar.gif) no-repeat left 5px;  font-weight:normal;  padding-left:10px;  color:#7a0000;  font-size:12px;  }    #sidebars li.linkcat ul li a{  background:url(images/sidebar_li_br.gif) no-repeat left 5px;  font-weight:bold;  padding-left:10px;  color:#a22e2a;  }    #sidebars li.widget_meta ul li a{  font-weight:normal;  }    #sidebars .textwidget{  padding:5px;  }    /* FOOTER */    #footer{  width:100%;  height:74px;  clear:both;  font-family:Verdana, Arial, Helvetica, sans-serif;  color:#000000;  text-align:center;  }    #footer p{  padding-top:35px;  }    #footer p a{  color:#990000;  text-decoration:none;  }    #footer span{  color:#990000;  }      /* Begin Typography & Colors */    #wp-calendar #prev a, #wp-calendar #next a {  font-size: 9pt;  }    #wp-calendar a {  text-decoration: none;  }    #wp-calendar caption {  font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;  text-align: center;  }    #wp-calendar th {  font-style: normal;  text-transform: capitalize;  }  /* End Typography & Colors */          /* Begin Images */  p img {  padding: 0;  max-width: 100%; height: auto; }    /*	Using 'class="alignright"' on an image will (who would've  thought?!) align the image to the right. And using 'class="centered',  will of course center the image. This is much better than using  align="center", being much more futureproof (and valid) */    img.centered {  display: block;  margin-left: auto;  margin-right: auto;  }    img.alignright {  padding: 4px;  margin: 0 0 2px 7px;  display: inline;  }    img.alignleft {  padding: 4px;  margin: 0 7px 2px 0;  display: inline;  }    .alignright {  float: right;  }    .alignleft {  float: left  }  /* End Images */        /* Begin Calendar */  #wp-calendar {  empty-cells: show;  margin: 10px auto 0;  width: 99%;  }    #wp-calendar #next a {  padding-right: 10px;  text-align: right;  }    #wp-calendar #prev a {  padding-left: 10px;  text-align: left;  }    #wp-calendar a {  display: block;  }    #wp-calendar caption {  text-align: center;  width: 100%;  }    #wp-calendar td {  padding: 3px 0;  text-align: center;  }    #wp-calendar td.pad:hover { /* Doesn't work in IE */  background-color: #fff; }  /* End Calendar */        /* Begin Various Tags & Classes */  acronym, abbr, span.caps {  cursor: help;  }    acronym, abbr {  border-bottom: 1px dashed #999;  }    blockquote {  margin: 15px 30px 10px 10px;  padding-left: 20px;  padding-bottom:5px;  background:url(images/blockquote_bg.gif) repeat-y;  }    blockquote blockquote{  background:url(images/blockquote2_bg.gif) repeat-y;  }    blockquote cite {  margin: 5px 0 0;  display: block;  }    .center {  text-align: center;  }    hr {  display: none;  }    a img {  border: none;  }    .navigation {  display: block;  text-align: center;  margin-top: 10px;  margin-bottom: 60px;  font-weight:bold;  clear:both;  }  /* End Various Tags & Classes*/    /* Begin Lists    Special stylized non-IE bullets  Do not work in Internet Explorer, which merely default to normal bullets. */    .entry ul {  margin: 0 0 10px 0;  list-style: none;  padding:10px 20px 10px 20px;  background:#efe8db;  border:1px solid #dbd3bf;  }    .entry li {  border-bottom:1px solid #dbd3bf;  padding-bottom:8px;  padding-top:6px;  }    .entry ul li:before{  content: url(images/entry_before.gif);  }    .entry ol {  margin: 0 0 10px 0;  padding:10px 20px 10px 40px;  background:#efe8db;  border:1px solid #dbd3bf;  }    .entry ol li {  }    .postmetadata ul, .postmetadata li {  display: inline;  list-style-type: none;  list-style-image: none;  }    ol li{  list-style: decimal outside;  }  /* End Entry Lists */        /* Begin Form Elements */  #searchform {  margin: 10px auto;  padding: 5px 3px;  text-align: center;  }    #sidebar #searchform #s {  width: 108px;  padding: 2px;  }    #sidebar #searchsubmit {  padding: 1px;  }    .entry form { /* This is mainly for password protected posts, makes them look better. */  text-align:center;  }    select {  width: 130px;  }    #commentform{  width:500px;  }    #commentform input {  width: 170px;  padding: 2px;  margin: 5px 5px 1px 0;  }    #commentform textarea {  width: 350px;  padding: 2px;  }    #commentform #submit {  margin: 0;  width:65px;  height:25px;  }  /* End Form Elements */        /* Begin Comments*/    h2#comment_title{  font-size:27px;  color:#610a09;  margin-left:30px;  padding-bottom:5px;  font-weight:normal;  }    .commentlist {  padding: 0px;  text-align: justify;  margin-left:30px;  color:#534741;  font-family:Verdana, Arial, Helvetica, sans-serif;  }    .comm_items {  margin: 15px 0 5px 0;  display:block;  padding:10px 0 2px 2px;  background:url(images/comm_items_bg.gif) repeat-x;  width:530px;  }    .comm_items li {  margin: 0;  padding: 5px 10px 5px;  border-bottom:0px;  background:none;  border:0;  list-style:none;  }    .commentlist p {  margin: 10px 5px 10px 0;  line-height:18px;  }    #commentform p {  margin: 5px 0;  }    .nocomments {  text-align: center;  margin: 0;  padding: 0;  }    .commentmetadata {  margin: 2px 0px 5px 0px;  display: block;  color:#4e0000;  text-transform:capitalize;  padding:9px 0 0 20px;  font-size:17px;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  }    .commentmetadata a{  color:#4e0000;  }    .commentmetadata span{  color:#000000;  }    .commentmetadata_text{  padding:0 10px 0 20px;  }    .commentmetadata_end{  color:#000000;  font-weight:bold;  background:url(images/commentmetadata_end_bg.gif) repeat-x;  height:28px;  text-align:right;  padding:15px 15px 0 0;  }    .commentmetadata_end a{  color:#985d36;  }    .commentmetadata_end span{  color:#985d36;  }    #respond_box{  margin-top:20px;  margin-left:30px;  padding-bottom:60px;  width:530px;  }    h3#respond{  font-size:27px;  color:#000000;  padding-top:15px;  padding-bottom:35px;  font-weight:normal;  background:url(images/respond_bg.gif) repeat-x left bottom;  }    #commentform{  margin-left:55px;  color:#000000;  font-family:Verdana, Arial, Helvetica, sans-serif;  }    #commentform a{  color:#000000;  }    #commentform label{  position:relative;  top:-2px;  }    #commentform input{  background:#ffffff;  border:3px #ded3b9 solid;  font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px;  padding:3px;  color:#828587;  }    #commentform textarea{  background:#ffffff;  border:3px #ded3b9 solid;  font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px;  padding:3px;  color:#828587;  }    #commentform input#submit{  background:none;  border:0px;  }    /* End Comments */    /* Archives page */  .page_archives_div{  }    .ar_panel{  background:url(images/post-top_bg.gif) repeat-x;  padding:15px 20px 0 20px;  width:565px;  }    .ar_panel2{  background:url(images/post-top_bg.gif) repeat-x;  padding:15px 20px 0 20px;  width:565px;  }    .ar_panel3{  }    .page_archives_div h2{  font-size:27px;  color:#610a09;  font-weight:normal;  padding-bottom:5px;  border-bottom:1px dashed #949494;  }    .ar_panel2 h2{  }    .ar_panel3 ul{  }    .page_archives_div ul h2{  }    .page_archives_div ul{  margin:0px;  padding:0px;  padding-top:5px;  margin-bottom:40px;  }    .page_archives_div ul li{  margin:0px;  padding:0px;  list-style:none;  background:none;  margin-left:25px;  padding-left:10px;  }    .page_archives_div ul li ul{  margin:0px;  padding:0px;  }    .page_archives_div ul li a{  font-weight:normal;  color:#3d352e;  font-size:13px;  padding-left:10px;  background:url(images/page_archives_div_li.gif) no-repeat left 6px;  }    .page_archives_div ul li a:hover{  }    .page_archives_div ul li{  padding-top:5px;  padding-bottom:5px;  border-bottom:1px solid #ccc3b6;  }    .page_archives_div ul li ul li{  border:0px;  background:none;  }      .post-top-ads {  margin: 15px 0px 0px 0px;  }    .toppest-ads {  margin: 5px 0px 7px 0px;  text-align: center;  background: none;  }    .archive-ads {  margin: 1px 0px 3px 0px;  text-align: center;  }      .rightlink {  font-size: 11px;  text-align: right;  margin: 5px 0px 5px 0px;  }    .leftlink {  font-size: 13px;  text-align: left;  margin: 3px 0px 8px 5px;  }    .wp-pagenavi {  clear: both;  width: 600px;  margin: 0px;  padding: 0px;  line-height: 26px;  }    .wp-pagenavi a, .wp-pagenavi span {  text-decoration: none;  border: 1px solid #BFBFBF;  padding: 3px 5px;  margin: 2px;  }    .wp-pagenavi a:hover, .wp-pagenavi span.current {  border-color: #000;  }    .wp-pagenavi span.current {  font-weight: bold;  }    .tagcloud {  text-align: center;  margin: 7px 0px 7px 0px;  }    .topkurs {  text-align: center;  margin: 0px 0px 7px 0px;  }    .before-arc p, .before-arc h1 {  margin: 0px 0px 13px 0px;  }  .before-arc a {  color: #b41e1b;  }  @media only screen and (max-width: 1000px) and (min-width: 900px) { #page { width: 900px; } body { background: 0; overflow-x: hidden; } #body { margin:0 auto; } #body_left { width: 620px; } #body_left_content { width: 560px; margin-left: 11px; } #body_right { width: 280px; } #body_right_content { width: 270px; margin-left: 10px; } #idh1 { height: 122px !important; } #header { width: 900px; height: 200px; } } @media only screen and (max-width: 900px) and (min-width: 602px) { #page { width: 602px; } #body { margin:0 auto; } body { background: 0; overflow-x: hidden; } #body_left { width: 100%; } #body_left_content { width: 100%; margin-left: 0; } #body_right { width: 100%; } #body_right_content { width: 100%; margin-left: 0; } #idh1 { height: 68px !important; } #header { width: 602px; height: 130px; } #sidebar { width: 100%; } #body_page { width: 602px; margin: 0 auto; } } @media only screen and (max-width: 602px) { #page { width: 100%; } #body { margin:0 auto; width: 100%; } body { background: 0; overflow-x: hidden; } #body_left { width: 100%; } #body_left_content { width: 100%; margin-left: 0; } #body_right { display:none; } #body_right_content { display:none; } #idh1 { display:none; } #header { width: 100%; height: auto; background: 0; background-size: 100%; background-color: #000; } .postmetadata { width: 95%; } #respond_box { display: none; } }