/* this section hides the nav bar */
*{padding: 0; margin: 0;}



body {
  background: #000;
  margin:0px;
  padding:0px;
  color:$textcolor;
  font:75%/1.2em Trebuchet, Verdana, Arial, Serif;
  text-align:center;
  }

a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:#ff9933;
  text-decoration:none;
}
a img {
  border-width:0;
  }

#main-wrapper .post-body a:hover {
  color:#666666;
  text-decoration:none;
 
}
#sidebar-wrapper a {
  color:$textcolor;
  text-decoration:none;
  }
#sidebar-wrapper a:hover {
  color:#ff9933;
  text-decoration:underline;
}


/* Header
-----------------------------------------------
 */

#header-wrapper {
  background:url("images/verh.jpg");
  background-repeat: no-repeat;
  width:980px;
  height:499px;
  margin:0;
  
  }
#header h1 {
  margin:0;
  padding:385px 580px 0 5px;
  font:160%/.9em Century;
  font-weight:bold;
  line-height: 1.1em;
  text-transform:uppercase;
  color:$pagetitlecolor;
  }
#header a {
  color:$pagetitlecolor;
  text-decoration:none;
  }
#header a:hover {
  color:#009933;
  text-decoration:underline;
  }

.descriptionwrapper {
  margin:0;
  padding:0px 580px 0 5px;
  font:110% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
  font-weight:bold;
  color:$descriptioncolor;
 }
.descriptionwrapper p {
  margin:0;
  padding:0;
  }

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  background:url("s.jpg");
  background-repeat: repeat-y;
  width: 980px;
  margin:0 auto;
  padding:0;
  text-align:left;
  }

#main-wrapper {
  width: 460px;
  float: right;
  margin-top:-420px;
  padding-right:70px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }
* html #main-wrapper {
	margin-top:-450px;
	} /* Yet Another IE Hack */
	
#main-wrapper li {
	margin:2px;
	margin-left:45px;
	
	

}

#sidebar-wrapper {
  width: 432px;
  float: left;
  text-align:center;
  margin-top:0px;
  padding-left:0px;
  color:$sidebartextcolor;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
  
}
br {
  clear:both;
  }
/* Headings
----------------------------------------------- */

#sidebar-wrapper h2 {

  margin:0 0px 0 10px;
  padding:5px 10px 2px 5px;
  text-align:center;
  font-size:14px;
  font-family: Verdana, Arial, Serif;
  line-height:1.4em
  font-weight:bold;
  text-transform:uppercase;
  color:#ff9933;
  }
  
@font-face {
  font-family: "Rosamunda Two";			    
  src: url("char/rosamunda.ttf");
}

#main-wrapper h2 {
	font-family: "Rosamunda Two", "Garamond", cursive;
	font-size:36px;
	font-weight:400; 

  margin:2;
  padding:2;
  padding-top:10px;
  padding-bottom:10px;
  
  color:#414141;
  background:none;
  text-align:center;
  }
  #main-wrapper h1 {
	font-family: "Rosamunda Two", "Garamond", cursive;
	font-size:36px;
	font-weight:400; 

  margin:2;
  padding:2;
  padding-top:10px;
  padding-bottom:10px;
  
  color:#414141;
  background:none;
  text-align:center;
  }
#main-wrapper p {
	margin: 0px;
	margin-top:5px;
	
  }
/* Первая буква в главном поле */
#main-wrapper p:first-letter {
	font-weight:bold;
	font-size: 15px;
	font-style:italic;

	margin-left:15px;
	
	
	
}
/* Posts
-----------------------------------------------
 */

.post {
  margin:.5em 0 .5em;
  padding-bottom:.5em;
  }
#main .post h3 {
  margin:0 0 .5em;
  padding:0;
  font-family: Arial, Serif;
  font-size:18px;
  font-weight:bold;
  line-height:1.4em;
  color:$titlecolor;
}

#main .post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  font-family: Arial, Serif;
  font-size:18px;
  text-decoration:none;
  color:$titlecolor;
  font-weight:bold;
}

#main .post h3 strong, #main .post h3 a:hover {
  color:#ff9900;
  text-decoration:none;
}

.post p, .post-body {
  margin:0 0 .75em;
  line-height:1.3em;
}

.post-footer {
  margin: .75em 0;
  color:$titlecolor;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  line-height: 1.4em;
}

.comment-link {
  margin-left:.6em;
  }
.post a img, .post img {
  margin:8px;
  padding:1px;
  border:1px solid #c0c0c0;
  }
.post blockquote {
  margin:1em 20px;
  line-height:1.2em;
  }
p.post-footer-line-3 {
  border-bottom:1px solid #c0c0c0;
  margin:0 auto;
  padding:0;
  }
/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

#blog-pager-newer-link {
  float: left;
 }
 
#blog-pager-older-link {
  float: right;
 }

#blog-pager { 
  text-align: center;
 }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
#sidebar-wrapper p {
  padding-left:12px;
  }

.sidebar { 
  line-height: 1.3em;
 }

.sidebar ul {
  
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar li {
  margin:0;
  padding:0 0 .25em 7px;
  line-height:1.2em;
  }

.sidebar .widget, .main .widget { 
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }

.main .Blog { 
  border-bottom-width: 0;
}
#ArchiveList {
  margin:0;
  padding-left:12px;
  }

.widget img {
  padding-left:10px;
  }

/* Profile 
----------------------------------------------- */
.profile-img { 
  float: left;
  margin: 0 5px 5px 0;
  padding: 2px;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  font-weight: bold;
  line-height: 1.3em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.3em;
}

.profile-link { 
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
  background:url("images/niz.jpg");
  background-repeat:no-repeat;
  width:980px;
  height:53px;
  clear:both;
  margin:0 auto;
  padding:0;
  font-size:10px;
  text-align:right;
  
  }
#footer h2 {
  font-size:110%;
  }
#lower-body {
  width:980px;
  margin:0 auto;
  padding:12px 0;
  color:#ffffff;
  text-align:center;
  }

/** Page structure tweaks for layout editor wireframe */
body#layout #header { 
  margin-left: 0px;
  margin-right: 0px;
}


/** Картинки*/
.photo {
	
	padding:0px;
	
	
	margin: 15px;
	position: relative;
	z-index: 1;
	float: left;
	
}
* html .photo {
	width:225px;
	} /* Yet Another IE Hack */
.photo a {
	cursor:url('images/zoomin.cur'),pointer;	
}
.photo a:hover {
	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	
}
.photo img {
	
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}


.photo2 {
	
	margin: 15px;
	position: absolute;
	z-index: 10;
	float: left;
}
.photo2 a {
	cursor:url('images/zoomout.cur'),pointer;
	
}

.nadpis {
	position:absolute;
	bottom:10px;
	right:10px;
	font-size:12px;
	font-weight:bold;
	color:#000;
	
}

.photo2 img {
	
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
	padding-bottom:20px;
}


.ramka {
	width: 122px;
	height: 72px;
	display: block;
	position: absolute;
	top: -22px;
	left: -15px;
	background:url(images/floral-corner.gif) no-repeat;
}
.ramka2 {
	width: 122px;
	height: 72px;
	display: block;
	position: absolute;
	bottom:-22px;
	right:-15px;
	background: url(images/floral-corner2.gif) no-repeat;
}

/* javascript */

.imageOver{
	background:url(zoom.gif) no-repeat 50% 50%;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}
/* Форма ввода */

textarea {
	background: #f9f3ff;
	color: #000;
}
#pravoe {
	float:left;
	text-align:left;
	margin-top: 0px;
	margin-left:25px;
	padding:10px;
	width:200px;
	
	
	
}
* html #pravoe {
	margin-top:25px;
	margin-left:25px;
	} /* Yet Another IE Hack */
#pravoe h2 {
	font-family: "Rosamunda Two", "Garamond", cursive;
	font-size:40px;
	font-weight:400; 

  margin:2;
  padding:2;
  padding-top:5px;
  
  color:#414141;
  background:none;
  text-align: left;
  }
  #pravoe h1 {
	font-family: "Rosamunda Two", "Garamond", cursive;
	font-size:40px;
	font-weight:400; 

  margin:2;
  padding:2;
  padding-top:5px;
  
  color:#414141;
  background:none;
  text-align: left;
  }
 #pravoe p {
	 text-align:right;
	 margin:5px;
	 font-weight:bold;
 }
 
 #flash {
	float:left;
	text-align:left;
	margin-top:20px;
	margin-left:20px;
	padding:0px;
	width:380px;
	height:380px;

}
* html #flash {
	margin-top:20px;
	margin-left:10px;
	} /* Yet Another IE Hack */
.listing:first-letter {
	font-weight:bold;
	font-size: 24px;
	font-family: "Rosamunda Two", "Garamond", cursive;
	
	
}

.chitayteTakje {										/* Читайте так же */
	
	float: left;
        font-size: 11px;
		margin:0px;
        margin-left: 8px;
		margin-top: 15px;
        text-align: left;
		padding:0px;	
        width: 320px;	
		border: solid 2px  #333;
		border-top:none;
		border-right:none;
		border-bottom:none;
		border-left:none;
        }
.chitayteTakje p{
	margin:0px;
	padding:0px;
	padding-bottom:2px;
        }
.chitayteTakje p:first-letter {
	font-weight:bold;
	font-size: 16px;
	
}

.chitayteTakje h4 {
	vertical-align:top;
	border: solid 2px  #333;
	border-top:none;
	border-right:none;
	border-left:solid 0px  #333;
	font-size:14px;
	color:#000;
	text-align: center;
	margin:-1px;
	margin-left: 12px;
	padding:2px;
	margin-bottom:10px;
	width: 200px;
	font-family:"Comic Sans MS", cursive;
	
	}	
.chitayteTakje h3 {
	position: relative;
	margin: 0px;
	padding: 0px;
	border:none;
	left: -165px;
	top: -0px;
	
	
	}
	
.ramkaCifri {															/* Рамка для цифор проверки в отзывах */
	background-color: #FFC; 
  border: solid 1px #999;
	width: 180px;
	margin:0px;
	padding:2px;
	float:left;
}

/* Блог */
.bloglistimage {
	float:left;
	padding:5px;
	padding-top:0px;
}
.bloglist {
	
	float:left;
	width:100%;
	
}
.bloglist h4 {
	text-align:center;
	float:left;
	width:380px;
	
	font-weight:100;
	
};



.bloglist img {
	float:left;
};
.bloglist p {
	margin:0px;
	padding:0px;
}
.bloglist p:first-letter {
	font-size: large;
}
.podrobnee {
	float:right;
	text-decoration:none;
	

}

/** Меню */

#menuwrapper {
				float: left;
              margin: 10px 5px 5px 120px;
              border: 1px solid #ABABAB;
			  text-align:center;
			  
			  			 }

* html #menuwrapper {margin: 17px 2px 2px 30px} /* Yet Another IE Hack */

#menu, #menu ul {margin: 0;
                 padding: 0;
                 list-style: none;}

#menu li {padding: 0 1px;
          margin: 0;
          line-height: 25px;}

#menu a {height: 25px;
         width: 200px;
         background: #000 url(images/button.jpg) no-repeat;
         display: block;
         color: #FFF;
         font-weight: bold;
         font-size: 105%; 
         text-align: center;
         text-decoration: none;
         margin: 0;
         padding: 0;}

#menu a:hover {background-position: 0 -25px;
				color: #000;}