/*
Theme Name: Web-help
Theme URI: http://webhelpblog.ru/
Description: Theme.
Version: 1.0
Author: Bes Arab
Author URI: http://bes-arab.ru/
Tags:theme
*/


/* Total
-----------------------------------------------------------------------------*/
body {
background: ;
margin: 0;
font: 12px/16px arial, helvetica, san-serif;
text-align: left;
vertical-align: top;
color: #000000;
}

#table {
margin: 0 auto 0 auto;
width: 1000px;
text-align: left;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form {
margin: 0;
padding: 0;
}

a {
color: #0066cc;
text-decoration: underline;
}

a:hover {
color: #ff6600;
text-decoration: underline;
}



/* Header
-----------------------------------------------------------------------------*/
#up {
height: 26px; 
position: relative;
background: #fbfbfb;
border-bottom: 1px solid #eeeeee;
text-align: left;
}

#admin {
position: absolute;
top:5px;
left: 10px;  
}

#admin li {
float: left;
list-style: none;
}

#admin a {
color: #bb0000;
font-size: 11px;
text-decoration: none;
padding: 0 6px;
}

#admin a:hover {
color: #bb0000;
text-decoration: none;
}

#rss1 {
position: absolute;
top: 3px;
right: 200px;
}

#rss2 {
position: absolute;
top: 5px;
right: 40px;
font-size: 11px;
}

#rss2 a {
color: #bb0000;
text-decoration: none;
}

#rss2 a:hover {
color: #bb0000;
text-decoration: none;
}

#header {
margin-top:20px;
height: 130px;

border: 1px solid #eeeeee; 
}

#hed {
position: relative;
}

#logo {
position: absolute;
top: 20px;
left: 0;
}

h1{
position: absolute;
padding: 1px 0 5px 0;
top: 30px;
left: 100px;
border-bottom: 1px dashed #333333;
font-size: 16px;
color:#666666;
}

h1 a {
text-decoration: none;
}

h1 a:hover {
text-decoration: none;
color: #0066cc;
}

#page {
position: absolute;
top: 62px;
left: 95px;      
list-style: none;
}

#page li {
float: left;
}

#page a {
color: #bb0000;
font-weight:bold; 
float: left;
text-decoration: none;
padding: 0 6px;
}

#page a:hover {
color: #bb0000;
text-decoration: underline;
}

#poisk {
position: absolute;
top: 88px;
left: 100px;
}

.sbm-b {
background: #ffffff;
padding: 2px;
border: 1px solid #CCCCCC;
}

.input-submit {
width: 70px;
height: 22px;
background: #d9d9d9;
color: #333333;
border: 1px solid #cccccc;
cursor: pointer;
overflow: visible;
}

#ban {

position: absolute;
top: 40px;
right: 10px;
}


#razdel {
background: #fbfbfb;
border: 1px solid #eeeeee;
padding: 5px;
list-style: none;
font-size: 14px;
font-weight:bold; 
}

#razdel li {
float: left;
}

#razdel a {
float: left;
color: #bb0000;
text-decoration: none;
padding: 0 8px;
}

#razdel a:hover {
color: #bb0000;
text-decoration: underline;
}

#metka {
background: #fbfbfb;
border: 1px solid #eeeeee;

padding: 5px;
list-style: none;
font-weight:bold; 
}

#metka li {
float: left;
}

#metka a {
float: left;
text-decoration: none;
padding: 0 6px;
}

#metka a:hover {
color: #0066cc;
text-decoration: underline;
}


/* Midlle
-----------------------------------------------------------------------------*/
#container {
width: 600px;
vertical-align: top;
}

.post {
background: url(i/bg.gif) repeat-y right;
margin: 10px 0 20px 0;
border: 1px solid #e9e9e9;
}

.post h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
border-bottom: 1px dashed #999999;
margin: 0 20px 0 20px;
padding: 5px 0 5px 0;
}

.post h2 a {
color: #bb0000;
text-decoration: none;
}

.post h2 a:hover {
text-decoration: none;
color: #bb0000;
}

.entry {
text-align: justify;
margin: 10px 20px 10px 20px;
}

p {
padding: 12px 0 0 0;
}

.postmetadata {
margin: 0 20px 0 20px;
font-size: 11px;
font-weight:bold;
}

.comments {
text-align: right;
}

.comments a {
text-decoration: none;
}

.navigation {
margin: 0px 10px 20px 10px;
padding: 0 0 20px 0;
}

.navigation a {
text-decoration: none;
}

.navigation a:hover {
text-decoration: none;
}

.alignleft {float: left;}
.alignright {float: right;}


blockquote {
margin: 10px 10px 5px 40px;
padding: 0 12px 12px 12px;
background: #f5f5f5;
border-left: 2px solid #CCCCCC;
}

#ban1 {

}

.alignleft {float: left;}
img.alignleft {margin: 5px 5px 5px 0;
border: 1px solid #CCCCCC;}

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid #CCCCCC;
}

.zakl {
padding-top: 20px;
text-align: right;
}


/* Sidebar
-----------------------------------------------------------------------------*/
.sidebar1 {
padding: 10px 0 20px 0;
background: #fbfbfb;
width: 240px;
font-size: 12px;
}

.sidebar1 a {
color: #0066cc;
text-decoration: none;
}

.sidebar1 a:hover {
color: #0066cc;
text-decoration: underline;
}

.sidebar1 ul {
list-style: circle;
list-style-image: url(i/point.gif);
margin: 0 0 20px 10px;
padding: 0 5px 0 5px;
}


.sidebar1 h4 {
font-size: 12px;
color: #666666;
border-bottom: 1px dashed #999999;
padding: 5px 0 5px 5px;

}

.sidebar1 ul ul li {
padding: 0;
line-height: 18px;
}

.sidebar2 {
background: #fbfbfb;
border: 1px solid #eeeeee;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.sidebar2 a {
color: #0066cc;
font-weight:bold;
text-decoration: none;
}

.sidebar2 a:hover {
color: #0066cc;
font-weight:bold;
text-decoration: underline;
}

.sidebar2 ul {
list-style-type: none;
margin: 0 0 20px 0;
padding: 0 5px 0 10px;
}

.sidebar2 ul li {
padding: 10px 0 10px 0;
}

.sidebar2 h4 {
font-size: 14px;
color: #FFFFFF;
padding: 5px 0 5px 5px;
background: #333333 url(i/zag.gif);
}

.sidebar2 ul ul li {
padding: 0;
line-height: 18px;
}

table#wp-calendar {
width: 100%;
}




/* Footer
-----------------------------------------------------------------------------*/
#footer {
background: #fbfbfb;
border: 1px solid #eeeeee;
padding: 10px 20px 5px 20px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}



/* Comments
-----------------------------------------------------------------------------*/
#comments, #respond { margin-left: 20px;}
.commentlist {margin: 20px 30px 40px 20px;}
.commentlist li {padding: 8px 0 8px 0;}
.commentmetadata {font-size: 11px;}
.commentmetadata a {text-decoration: none;}
.commentmetadata a:hover {text-decoration: none;}
#commentform {padding: 0 0 20px 20px;}

#author, #email, #url, #comment, #submit {
font: 14px/16px arial, helvetica, san-serif;
padding: 4px;
width: 190px;
border: 1px solid #333333;
}

#comment {
width: 500px;
height: 150px;
}

#submit {
width: 100px;
height: 24px;
padding: 0;
background: #CCCCCC;
cursor: pointer;
overflow: visible;
}

h3 {
border-bottom: 1px dashed #999999;
margin: 0 20px 0 20px;
padding: 20px 0 5px 0;

}

.related_post {
list-style: disc;
padding: 5px 20px 0 20px;
}


/* Dagon Design Sitemap Generator 
-----------------------------------------------------------------------------*/

.ddsg-wrapper ul {
list-style-type: none;
margin: 5px 0 20px 0;

}

.ddsg-wrapper ul ul li {
list-style: disc;
margin: 0 0 0 15px;
}