*{
margin:0;
padding:0;
list-style:none;
}

body{
background:#fff url(bg.jpg) repeat top;
font-family: arial, verdana, tahoma, sans-serif;
font-size:14px;
$font-size:14px;
line-height:18px;
color:#333;
$margin-bottom: 10px;
}

a{
color:#8e8877;
text-decoration:none;
}

a:hover{
color:#eee;
}

p{
margin:10px 0;
}

small{
font-size:11px;
color:#8e8a77;
}

h2 a, h1, h2, h3, h4, h5{
font-weight:bold;
color:#615d58;
font-size:14px;
line-height:30px;
}

.clear{
display:block;
clear:both;
height:1px;
}

img.alignleft {
float:left;
padding-right:10px;
padding-bottom:5px;
}
		
#container{
width:929px;
padding:0 22px;
margin:0 auto;
background:url(content.jpg) repeat-y center top;
}

#header{
width:929px;
height:368px;
background:url(header.jpg) no-repeat;
position:relative;
left: 0;
font-size:14px;
$font-size:14px;
}

#header h1 a{
font-size:24px;
line-height:40px;
width:480px;
overflow:hidden;
color:#39322a;
position:absolute;
left:15px;
top:20px;
text-transform:none;
}

#header h1 {
font-weight: normal;
}

#header h1 a:hover {
text-decoration: underline;
}

#header #headerimg {
float: left;
padding: 5px 10px 5px 0;
} 

#nav{
position:absolute;
width:400px;
left:530px;
top:20px;
font-size:16px;
}

#nav li{
display:inline;
padding:0 8px;
}

#nav li a{
color:#d5ccc2;
}

#nav li a:hover{
border-bottom:1px solid #d5ccc2;
}
	
#sideblog{
width:466px;
height:286px;
overflow:hidden;
position:absolute;
top:78px;
left:10px;
}

#sideblog, #sideblog h5{
color:#d5ccc2;
}

#sideblog h5{
font-weight:bold;
font-size:16px;
line-height:30px;
}

#sideblog img {
border: none;
}
	
#picture{
width:392px;
height:251px;
overflow:hidden;
position:absolute;
top:91px;
left:507px;
}

#content{
width:929px;
background:url(header.jpg) no-repeat center -368px;
}

#left{
width:600px;
float:left;
margin:15px 0 10px 0px;
}

.post{
margin:0 20px 5px 10px;
text-align: justify;
}

.post img {
padding:5px 10px 5px 0;
}

.post h2 a:hover{
color:#000;
}

#right{
width:280;
$width:300px;

padding:15px 5px 5px 0;
font-size:12px;
$font-size:14px;
}

#sidebar1{
float:left;
padding-right:10px;
$padding:0px;
width:140px;
$width:140px
}

#sidebar2{
float:right;
$padding:0px;
width:140px;
$width:140px;
}

#right div ul{
margin-top:15px;
}

#right div ul li{
display:inline;
}

#right div ul li a{
display:block;
padding:2px;
border-bottom:1px solid #eee;
}

#right div ul li a:hover{
color:#333;
border-bottom:1px solid #ccc;
}

.commentlist li{
padding:10px;
background:#eee;
border-bottom:1px solid #888;
}

.commentlist li.alt{
background:#fafafa;
}

#searchform {
width: 100px;
}

#footer {
text-align: center;
}

.punktir {
display:block;
background-color:#ffffcc;
border: 3px dashed;
padding:5px;
}

.punktir ul li{
padding: 5px;
}

.punktir h3 {
color: #003300;
font-size:16px;
}

.smalltext {
font-size: 0.6em;
padding-left:5px;
color:#000;
text-align: left;
}

.sp{
background: #fff url('images/bground.jpg');
}

.sp #container {
background: #fff url('images/page123.jpg');
padding:0;
margin-top:20px;
}

.sp .post {
padding:30px;
}

.sp #header{
background:#fff;
}

.sp #content{
background: #fff url(images/page123.jpg);
}

.sp #left{
width:900px;
}

.sp h2, .sp h2 a {
display: block;
font-weight:bold;
text-align: center;
font-size: 1.6em;
color:#fd0;
background-color:#000;
width:100%;
padding: 10px 0 5px 0;
}


.sp h3, .sp h3 a {
display: block;
font-weight:bold;
text-align: center;
font-size: 1.2em;
color:#fd0;
background-color:#000;
width:100%;
padding:0 0 10px 0;
}

.sp #bad {
list-style-image: url('http://www.intertaiga.ru/i/bad.gif');
}

.punktir {
display:block;
background-color:#ffffcc;
border: 3px dashed;
padding:10px;
}

.punktir a, .punktir a: visited {
text-decoration: none;
}

.punktir ul li{
padding: 5px;
}

.punktir h3 {
color: #003300;
font-size:16px;
}