html, body
{
margin:0;
padding:0;
width:100%;
height:100%;
}

.toplines
{
min-width: 1000px;
width: 100%;
position: fixed;
top: 0px;
left: 0px;
z-index: 20;
}

*html .toplines
{
width: 100%;
position: absolute;
}

.red_line
{
width: 100%;
height: 24px;
padding-top: 5px;
text-align: right;
font-family: Arial;
font-size: 14px;
font-weight: normal;
background: url(http://puzyaka.ru/i11/topline.png) repeat-x top left;
}

*html .red_line
{
background: none; 
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/top_cart.png', sizingMethod='scale');
}

.red_line a
{
color:#ffffff;
position: relative;
}

.red_line a:hover
{
color:#ffffff;
}

.white_line
{
width: 100%;
height: 36px;
position: fixed;
top: 28px;
left: 0px;
text-align: right;
font-family: Arial;
font-size: 30px;
font-weight: bold;
color: #C3005D;
background: #ffffff;
opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.puzyaka
{ 
width: 509px;
height: 131px;
position: absolute;
top: 80px;
left: 150px;
background-image: url(http://puzyaka.ru/i11/puzyaka_logo.png);
background-repeat: no-repeat;
background-position: top left;
}

.trolley_top
{ 
width: 200px;
height: 193px;
position: absolute;
top: 50px;
left: 60px;
background-image: url(http://puzyaka.ru/i11/stroller.png);
background-repeat: no-repeat;
background-position: top left;
}

.menu
{ 
width: 444px;
height: 39px;
position: absolute;
top: 219px;
left: 3.5%;
background-image: url(http://puzyaka.ru/i11/menu.gif);
background-repeat: no-repeat;
background-position: top left;
}

.text_format
{
margin: 15px 15px 10px 15px;
text-align: justify;
}

#header
{
margin-top: 27px;
background: #B6C94C;
background-image: url(http://puzyaka.ru/i11/bg.png); 
background-repeat: repeat-x;
width: 100%;
}

#wrapper_n
{
position:relative;
min-height: 15%;
height: auto !important;
height: 15%;
}

#footer_n
{
position: relative;
margin-top: -40px;
height: 140px;
background: #996766;
background-image: url(http://puzyaka.ru/i/footer.jpg);
background-repeat: no-repeat;
background-position: left bottom;
font-size: 1.2em;
}

/* c����� �� ����������� ���� */

a.btml
{
color: #FFFFFF;
text-decoration: none;
}

a.btml:hover
{
color: #ff9900;
text-decoration: underline;
}

a.bottomlink, a.bottomlink:visited, a.bottomlink:active 
{
color:#669900;
font-size: 10pt;
}

body
{
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Verdana, Geneva, Sans-Serif;
background: #B6C94C;
color: #000000;
text-align: center;
}

#page
{
float:left;
background-color: B6C94C;
width: 69%;
border: 0px;
text-align: left;
position: relative;
top: 0px;
left: 0px;
margin-left: 2%;
padding: 0;
line-height: 1.4em;
font-size: 1.4em;
}

#entry
{
margin: 10px 0 10px 0;
padding: 20px 20px 0 20px;
}

#content
{
font-size: 1.2em
}

.widecolumn .entry p
{
font-size: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry
{
line-height: 1.4em;
}

.widecolumn
{
line-height: 1.6em;
}

.narrowcolumn .postmetadata
{
text-align: center;
}

.alt
{
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

#footer
{
background: #B6C94C; 
border: none;
padding: 0;
margin: 0 auto;
clear: both;
}

#footer p 
{
margin: 0;
padding: 20px 0;
text-align: center;
}

small 
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

h1, h2, h3 
{
	font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

h1 
{
	color:#009933;
}

#headerimg .description
{
font-size: 1.2em;
text-align: center;
}

h1, h2 
{
	font-size: 1.4em;
}

h1.pagetitle, h2.pagetitle
{
font-size: 1.6em;
}

#sidebar h2 
{
font-family: Verdana, Arial, Sans-Serif;
font-size: 1.2em;
}

h3 
{
font-size: 1.3em;
}

#headerimg .description 
{
text-decoration: none;
color: white;
}

h1 a, h1 a:hover, h1 a:visited, h2, h3, h3 a, h3 a:visited 
{
color: #333;
}

h2, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite 
{
text-decoration: underline;
}

.entry p a:visited 
{
color: #0066CC;
}

.commentlist li, #commentform input, #commentform textarea 
{
font: 0.9em Verdana, Arial, Sans-Serif;
}

.commentlist li 
{
font-weight: bold;
}

.commentlist cite, .commentlist cite a 
{
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}

.commentlist p 
{
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}

#commentform p 
{
font-family: Verdana, Arial, Sans-Serif;
}

.commentmetadata 
{
font-weight: normal;
}

#sidebar 
{
float: right;
background-color: B6C94C;
width: 23%;
border: 0px;
text-align: left;
position: relative;
top: 0px;
right: 0px;
margin-right: 2%;
padding: 0;
line-height: 1.4em;
font: 1.4em Verdana, Arial, Sans-Serif;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike
{
color: #777;
}

code 
{
font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

a, h2 a, h2 a:visited, h1 a:hover, h3 a:hover 
{
color: #06c;
text-decoration: underline;
}

a:hover, h2 a:hover
{
color: #147;
text-decoration: underline;
}

#wp-calendar #prev a 
{
font-size: 9pt;
}

#wp-calendar a 
{
text-decoration: none;
}

#wp-calendar caption 
{
font: bold 1.3em Verdana, Arial, Sans-Serif;
text-align: center;
}

#wp-calendar th 
{
font-style: normal;
text-transform: capitalize;
}

/* End Typography & Colors */


/* Begin Structure */

body
{
margin: 0 0 20px 0;
padding: 0; 
}

/* .narrowcolumn 
{
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 590px;
}
*/

.widecolumn 
{

/*
padding: 10px 0 10px 0; */
margin: 10px 0 0 10px;
width: 90%;
}

.ttlpost 
{
text-align: left;
}

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

.post_article 
{
margin: 0 0 10px;
text-align: left;
line-height: 1.6em;
font-size: 1.3 em;
}

.post_article img {
margin-right: 6px;
margin-bottom: 4px;
}

.widecolumn .post 
{
margin: 0;
}

.widecolumn .post_main2 
{
margin: 0;
}

.narrowcolumn .postmetadata 
{
padding-top: 5px;
}

.widecolumn .postmetadata 
{
margin: 30px 0;
}

.widecolumn .smallattachment 
{
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}

.widecolumn .attachment
{
text-align: center;
margin: 5px 0px;
}

.postmetadata 
{
clear: left;
}

/* End Structure */

/* Begin Headers */

.post h1 
{
margin: 10px 0px 0px 0px;
}

h1, h2 
{
margin: 25px 0px 15px 0px;
}

h1.pagetitle, h2.pagetitle 
{
margin-top: 30px;
text-align: center;
}

#sidebar h2 
{
margin: 5px 0 0;
padding: 0;
}

h3 
{
padding: 0;
margin: 30px 0 0;
}

h3.comments
{
padding: 0;
margin: 40px auto 20px ;
}

/* End Headers */

/* Begin Images */

p img
{
padding: 0;
max-width: 100%;
}

/*	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;
line-height: 1.4em; 
font: 1.4em Verdana, Arial, Sans-Serif;
}

.alignleft
{
float: left;
line-height: 1.4em;
font: 1.4em Verdana, Arial, Sans-Serif;
}

/* End Images */

/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul
{
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
} 

html>body .entry li
{
margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before
{
content: "\00BB \0020";
}

.entry ol
{
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li
{
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li
{
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar ul, #sidebar ul ol
{
margin: 0;
padding: 0;
}

#sidebar ul li
{
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select
{
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol
{
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol
{
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li
{
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li
{
margin: 3px 0 0;
padding: 0;
}

/* 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: 0px;
}

/* This is mainly for password protected posts, makes them look better. */

.entry form
{ 
text-align:center;
}

select
{
width: 130px;
}

#commentform input
{
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform textarea
{
width: 100%;
padding: 2px;
}

#commentform #submit
{
margin: 0;
float: right;
}

/* End Form Elements */

/* Begin Comments*/

.alt
{
margin: 0;
padding: 10px;
}

.commentlist
{
padding: 0;
text-align: justify;
}

.commentlist li
{
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}

.commentlist p
{
margin: 10px 5px 10px 0;
}

#commentform p
{
margin: 5px 0;
}

.nocomments
{
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata
{
margin: 0;
display: block;
}

/* End Comments */

/* Begin Calendar */

#wp-calendar
{
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#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;
}

/* Doesn't work in IE */

#wp-calendar td.pad:hover
{
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 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

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;
}

/* End Various Tags & Classes*/

#clear
{
clear: both;
}

/* --- ������� --- */

#cat
{
width: 700px;
padding: 0;
margin:0;
}

#cat li
{
float: left;
margin: 0 2px;
width: 140px;
padding: 0;
margin-bottom: 12px;
list-style-type: none;
}

ul> #cat li
{
width: 141px;
}

#cat li div
{
padding: 1px 0 1px 5px;
height: 17px;
}

#cat li div a
{
color: #383838;
font-weight: bold;
}

#cat li ul.children
{
padding: 0 0 0 1px;
margin: 3px 5px;
list-style-type: none;
text-align: left;
}

#cat li ul.children li
{
padding: 3px 0
}

.roundedcornr_box_375581
{
width: 100%;
background: #ffffff;
}
.roundedcornr_top_375581 div
{
background: url(http://puzyaka.ru/i/crn/tl.gif) no-repeat top left;
}
.roundedcornr_top_375581
{
background: url(http://puzyaka.ru/i/crn/tr.gif) no-repeat top right;
}
.roundedcornr_bottom_375581 div
{
background: url(http://puzyaka.ru/i/crn/bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_375581
{
background: url(http://puzyaka.ru/i/crn/br.gif) no-repeat bottom right;
}

.roundedcornr_top_375581 div, .roundedcornr_top_375581, .roundedcornr_bottom_375581 div, .roundedcornr_bottom_375581
{
width: 100%;
height: 15px;
font-size: 1px;
}

.roundedcornr_content_375581
{
margin: 0 15px;
}

/* ��� �������� 1 �������� */

.roundedcornr_box_175581
{
width: 95%;
background: #ffffff;
}

.roundedcornr_top_175581 div
{
background: url(http://puzyaka.ru/i/crn/tl.gif) no-repeat top left;
}
.roundedcornr_top_175581
{
background: url(http://puzyaka.ru/i/crn/tr.gif) no-repeat top right;
}

.roundedcornr_bottom_175581 div
{
background: url(http://puzyaka.ru/i/crn/bl.gif) no-repeat bottom left;
}

.roundedcornr_bottom_175581
{
background: url(http://puzyaka.ru/i/crn/br.gif) no-repeat bottom right;
}

.roundedcornr_top_175581 div, .roundedcornr_top_175581, .roundedcornr_bottom_175581 div, .roundedcornr_bottom_175581
{
width: 100%;
height: 15px;
font-size: 1px;
}

.roundedcornr_content_175581
{
margin: 0 5px;
}