/*
Theme Name: BlogBaby
Theme URI:
Description: The  WordPress theme based on the famous .
Version: 1.0
Author:
Author URI:
Tags: none
Text Domain:

	This theme was designed and built by Khrapach Pavel,
	whose blog you will find at

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
outline:none;
font-weight: inherit;
font-style: inherit;
font: normal 15px "trebuchet ms",tahoma,verdana,sans-serif,arial;
color:#232323;
vertical-align: baseline
}

html{
background: #fffbe9;
height:100%
}

body{
background: #fffbe9;
height:100%
}

h1{
font-size: 24px;
color:#f24989
}

h3{
font-size: 18px;
margin:10px 0px 10px 0px
}


img {
border: none
}

ul {
list-style: none
}

a {
font-size: 14px;
cursor: pointer;
color: #3fa8e6;
text-decoration: underline
}

label{
cursor: pointer
}

a:hover {
text-decoration: none
}

a:focus{
outline: none
}

input:focus{
outline: none
}

ol, ul {
list-style: none
}

div.clear{
clear:both
}

table{
border-collapse:collapse;
display:block;
margin:10px 0px 10px 0px
}

th{
padding:3px;
font-size:12px;
background:#F2F9FF;
text-align:center
}

td{
padding:3px;
text-align:center
}
/*------------------------start center box--------------------------------*/
.center {
position: relative;
width: 100%
}

.center:after {
content:'';
display: block;
clear: both
}
.center-left {
position: relative;
right: 50%;
float: right;
background: transparent
}
.center-right {
position: relative;
z-index: 1;
right: -50%;
width:980px;
margin:0px 0px 0px 0px;
background: #ffffff url('images/sprites-lines.jpg') 0px -856px repeat-x
}
/*------------------------end center box--------------------------------*/
div#header{
height:144px;
width:980px;
background: url('images/sprites.jpg') 0px 0px no-repeat
}

div#header div.right-corner{
height:12px;
width:12px;
position:absolute;
overflow:hidden;
margin:120px 0px 0px 968px;
background:  url('images/sprites.jpg') 0px -144px no-repeat
}

#logolink{
display:block;
position:absolute;
width:278px;
height:42px;
margin:53px 0px 0px 140px
}

/*-------------------------------search------------------------*/

ul#search{
width:980px;
height:30px;
background:#ffffff
}

ul#search li{
float:left;
height:30px;
background:#ffffff;
overflow:hidden
}

ul#search li.left{
width:552px
}

ul#search li.left div.ads{
margin:8px 0px 0px 15px;
height:22px;
overflow:hidden
}

ul#search li.left-search{
width:5px;
background: url('images/sprites.jpg') 0px -156px no-repeat
}

ul#search li.search{
width:320px;
background: #f2f9ff
}

ul#search li.search input{
height:26px;
border:none;
width:316px;
margin:2px;
color:#3fa8e6;
background:transparent
}

ul#search li.left-btn-search{
width:6px;
background: url('images/sprites.jpg') -15px -156px no-repeat
}

ul#search li.btn-search{
width:80px;
background: #ffffff  url('images/sprites-lines.jpg') 0px -72px repeat-x
}

ul#search li.btn-search input{
height:26px;
border:none;
width:76px;
margin:2px;
color:#3fa8e6;
background:transparent;
cursor:pointer;
font-weight:bold
}

ul#search li.right{
width:10px;
background:  url('images/sprites.jpg') -5px -156px no-repeat
}

/*--------------------------calendar-pregnancy -----------------------*/

ul#calendar-pregnancy{
background:#ffffff;
height:28px;
width:960px;
margin:10px 10px 20px 10px
}

ul#calendar-pregnancy li{
height:26px;
float:left;
}

ul#calendar-pregnancy li.title{
width:250px
}

ul#calendar-pregnancy li.title h2{
font-size:18px;
color:#f24989;
text-align:right;
margin:0px 8px 0px 0px
}
ul#calendar-pregnancy li.link{
width:11px
}

ul#calendar-pregnancy li.link a{
display:block;
width:11px;
height:26px;
text-indent:-9999px;
background:#c5e89f url('images/sprites.jpg') -33px -160px no-repeat
}

ul#calendar-pregnancy li.link a:hover{
background:#f77eac url('images/sprites.jpg') -66px -160px no-repeat
}

ul#calendar-pregnancy li.left a{
background:#c5e89f url('images/sprites.jpg') -22px -160px no-repeat
}

ul#calendar-pregnancy li.left:hover a{
background:#c5e89f url('images/sprites.jpg') -121px -160px no-repeat
}

ul#calendar-pregnancy li.right a{
background:#c5e89f url('images/sprites.jpg') -99px -160px no-repeat
}

ul#calendar-pregnancy li.right a:hover{
background:#c5e89f url('images/sprites.jpg') -110px -160px no-repeat
}

ul#calendar-pregnancy li.markleft a{
background:#c5e89f url('images/sprites.jpg') -55px -160px no-repeat
}

ul#calendar-pregnancy li.markleft a:hover{
background:#c5e89f url('images/sprites.jpg') -88px -160px no-repeat
}

ul#calendar-pregnancy li.markright a{
background:#c5e89f url('images/sprites.jpg') -44px -160px no-repeat
}

ul#calendar-pregnancy li.markright a:hover{
background:#c5e89f url('images/sprites.jpg') -77px -160px no-repeat
}

ul#calendar-pregnancy li.informer{
width:240px;
text-align:center;
color:#f24989
}

ul#calendar-pregnancy li.informer strong{
font-size:18px;
color:#f24989
}

/*-------------------------showcase-----------------------------------*/
ul.showcase{
background:#ffffff;
width:960px;
margin:5px 10px 5px 10px;
height:203px
}

ul.showcase li{
float:left;
width:310px;
height: 193px;
margin:0px 4px 0px 4px;
overflow:hidden
}

ul.showcase li.blue{
background: #ffffff  url('images/sprites-lines.jpg') 0px -295px repeat-x
}

ul.showcase li.green{
background: #ffffff  url('images/sprites-lines.jpg') 0px -102px repeat-x
}

ul.showcase li.yellow{
background: #ffffff  url('images/sprites-lines.jpg') 0px -488px repeat-x
}

ul.showcase li div.left, ul.showcase li div.right{
width:5px;
height:5px;
position:absolute;
overflow:hidden;
margin:188px 0px 0px 0px
}

ul.showcase li div.right{
margin:188px 0px 0px 305px
}

ul.showcase li.blue div.left{
background: #ffffff  url('images/sprites.jpg') -41px -149px no-repeat
}

ul.showcase li.blue div.right{
background: #ffffff  url('images/sprites.jpg') -41px -144px repeat-x
}

ul.showcase li.green div.left{
background: #ffffff  url('images/sprites.jpg') -36px -149px no-repeat
}

ul.showcase li.green div.right{
background: #ffffff  url('images/sprites.jpg') -36px -144px repeat-x
}

ul.showcase li.yellow div.left{
background: #ffffff  url('images/sprites.jpg') -46px -149px no-repeat
}

ul.showcase li.yellow div.right{
background: #ffffff  url('images/sprites.jpg') -46px -144px repeat-x
}

ul.showcase h2{
font-size:18px;
position:absolute;
margin:0px 5px 2px 5px
}

ul.showcase p{
width:150px;
margin:20px 0px 0px 0px;
position:absolute
}

ul.showcase img{
float:left;
margin:25px 10px 10px 10px;
position:absolute
}

ul.showcase p{
margin:25px 5px 45px 145px
}

ul.showcase div.link{
height:24px;
width:120px;
position:absolute;
overflow:hidden;
margin:165px 5px 0px 170px
}

ul.showcase div.link a{
padding:0px 0px 0px 17px;
float:left;
text-align:center;
text-decoration:none;
width:88px;
height:24px
}

ul.showcase div.link a:hover{
text-decoration:underline
}

ul.showcase div.link div{
margin:0px;
height:24px;
width:7px;
float:right
}

ul.showcase li.blue h2{
color:#3fa8e6
}

ul.showcase li.blue div.link{
background: transparent  url('images/sprites-lines.jpg') 0px 0px repeat-x
}

ul.showcase li.blue div.link a{
color:#3FA8E6;
background: transparent  url('images/sprites.jpg') -131px -186px no-repeat
}
ul.showcase li.blue div.link div{
background: transparent  url('images/sprites.jpg') 0px -186px no-repeat
}

ul.showcase li.green h2{
color:#aee672
}

ul.showcase li.green div.link{
background: transparent  url('images/sprites-lines.jpg') 0px -24px repeat-x
}

ul.showcase li.green div.link a{
color:#48a200;
background: transparent  url('images/sprites.jpg') -131px -210px no-repeat
}
ul.showcase li.green div.link div{
background: transparent  url('images/sprites.jpg') 0px -210px no-repeat
}

ul.showcase li.yellow h2{
color:#fcdd34
}

ul.showcase li.yellow div.link{
background: transparent  url('images/sprites-lines.jpg') 0px -48px repeat-x
}

ul.showcase li.yellow div.link a{
color:#f0c517;
background: transparent  url('images/sprites.jpg') -131px -234px no-repeat
}
ul.showcase li.yellow div.link div{
background: transparent  url('images/sprites.jpg') 0px -234px no-repeat
}

/*---------------------------contents---------------------*/
div.contents{
margin:16px 10px 20px 10px;
width:960px
}

div.contents ul{
width:310px;
margin:0px 4px 5px 4px;
float:left;
overflow:hidden
}

div.contents h2{
font-size:18px;
color:#f24989
}

div.contents ul li{
padding:0px 0px 0px 10px;
margin:3px 0px 3px 0px
}

/*--------------------list-articles--------------------------*/

div#list-articles{
margin:0px 10px 10px 10px
}

div#list-articles div.teasers-home{
width:310px;
float:left

}

div#list-articles ul{
float:left;
width:625px
}

div#list-articles ul li{
margin:16px 0px 16px 0px;
width:625px;
display:block
}

div#list-articles h2 {
font-size:18px;
color:#f24989
}

div#list-articles div.article-thumbs {
width:100px;
height:100px;
float:left;
margin:0px 10px 0px 0px
}

div#list-articles div.article-post{
float:left;
overflow:hidden;
width:515px
}

div#list-articles div.article-post div.post-content{
border:none;
margin:20px 10px 20px 0px;
}

div#list-articles div.article-post h3{
margin:0px 0px 8px 0px
}

div#list-articles div.article-post h3 a{
font-size:18px;
color:#3FA8E6
}



a.more-link{
font-size:12px;
color:#f24989
}

div.tags{
border-top:1px solid #eeeeee;
margin:10px
}


div#single-post{
margin:10px;
width:600px;
float:left
}

div#single-post h2, div#single-post h2 a{
color:#F24989;
font-size:18px
}

div#single-page{
margin:20px 10px 20px 10px
}

div.service-info{
margin:20px 16px 8px 16px
}

div.service-info h2 a{
margin:20px 16px 8px 16px;
color:#F24989;
font-size:18px
}

div.entry, div.post-content{
margin:20px 10px 20px 10px;
text-align:justify;
padding:0px 0px 10px 0px;
border-bottom:1px solid #eeeeee
}

div.entry p, div.post-content p{
display:block;
margin:8px 0px 8px 0px
}

div.entry p:first-letter, div.post-content p:first-letter{
margin-left:20px
}

div.entry strong, div.post-content strong{
font-weight:bold
}

div#sidebar-left{
float:left;
margin:0px 0px 0px 10px;
width:320px
}

div#sidebar-left ul li{
margin:16px 0px 16px 0px
}

div#sidebar-left ul li a{
color:#F24989;
font-size:18px
}

div#sidebar-left ul.children{
margin:0px 0px 0px 10px
}

div#sidebar-left ul.children li{
margin:2px 0px 2px 0px
}

div#sidebar-left ul.children li.cat-item a{
color:#3FA8E6;
font-size:14px
}

div#comment-form{
}

form#commentform input{
background:#F2F9FF;
border:none
}

form#commentform textarea{
background:#F2F9FF;
margin:3px 0px 3px 0px
}

form#commentform div.submit{
display:inline-block;
height:26px;
width:264px;
float:left;
margin:10px 0px 10px 0px;
background:#fb5353 url('images/sprites-lines.jpg') 0px -710px repeat-x
}

form#commentform div.submit input{
background:none;
cursor:pointer;
float:left;
height:26px;
width:250px;
color:#ffffff;
text-align:center;
font-size:18px
}

form#commentform div.submit div.left{
height:26px;
width:7px;
float:left;
background: url('images/sprites.jpg') -131px -257px repeat-x
}

form#commentform div.submit div.right{
height:26px;
width:7px;
float:right;
background: url('images/sprites.jpg') 0px -257px repeat-x
}

ol.commentlist li.comment{
margin:10px 0px 10px 0px
}

img.alignleft{
float:left;
margin:10px
}

img.alignright{
float:right;
margin:10px
}

div#footer{
height:150px;
width:960px;
margin:10px;
}

div.navigation{
width:960px;
height:30px;
margin:10px;
background:#F2F9FF;
overflow:hidden;
}

p.post-more, p.post-more:first-letter{
color: #F24989;
margin-left:0px
}



div.navigation div.left{
width:5px;
height:30px;
overflow:hidden;
float:left;
background: url('images/sprites.jpg') 0px -156px no-repeat
}

div.navigation div.right{
width:5px;
height:30px;
overflow:hidden;
float:right;
background: url('images/sprites.jpg') -132px -156px no-repeat
}

div.navigation div.wp-pagenavi{
text-align:center;
width:950px;
float:left;
height:30px;
overflow:hidden
}


div.navigation div.wp-pagenavi span.pages{
color:#3FA8E6;
margin:8px;
font-size:16px;
font-weight:bold
}

div.navigation div.wp-pagenavi span.current{
color:#F24989;
margin:8px;
font-size:18px
}

div.navigation div.wp-pagenavi a{
font-size:16px
}

div.navigation div.wp-pagenavi a.page{
margin:8px 14px 8px 4px;
font-size:16px
}

div.navigation div.wp-pagenavi a.nextpostslink,div.navigation div.wp-pagenavi a.previouspostslink, div.navigation div.wp-pagenavi a.last, div.navigation div.wp-pagenavi a.first{
color:#F24989;
margin:8px
}




div.copyryght{
text-align:center;
margin:10px 0px 0px 0px
}

div.copyryght div.left{
overflow:hidden;
width:
}

div.copyryght div.right{
overflow:hidden;

}

div.preload{
background: url('images/preloader.gif') center center no-repeat
}

div#counters{
}

div#breadcrumb{
overflow:hidden;
margin:10px 10px 10px 15px
}

#breadcrumb a{
font-size:12px;
color:#F24989
}

#breadcrumb img.breadcrumbseparator{
height:16px;
width:16px;
margin:10px 5px 0px 5px;
background: url('images/sprites.jpg') -51px -144px no-repeat
}

.larger page{
display:none;
}


.asss{
margin:13px 0px;
}