/********************************************************************************                                                  
                          USING SF-BLUEPRINT-CSS

-Never make changes to the original Blueprint CSS files.  Overwrite them in this custom.css file.
-Not all of the css classes are listed in this file. Since Blueprint has great default classes, only overwrites and additions are listed.

For more information on BluePrint CSS, visit: http://code.google.com/p/blueprintcss/

Good luck!
********************************************************************************/


/********************************************************************************
	         Body
********************************************************************************/

body {
   background: #FAFFE1;
   color: #000; 
}

#main {
   padding-top: 10px;
   background: #FAFFE1;
   padding-left:0px;
}

/* Remove right margin */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {margin-right:0px;}


#content{
   background: #ffffff;
   padding:10px;
   margin-left:10px;
   margin-right:10px;
}

#post{
   margin-bottom:20px;
}

#post-content{
  margin-bottom:60px;
}

#post-header{
  float:left;
  width:580px;
  margin-bottom: 5px;
}

#post-header h2{
 margin-left:10px;
 width: 410px;
}


#userphoto {
  width:80px;
  border:3px solid #99CCFF;
  float:left;
}

#userphoto img {
  width:80px;
  height: 80px;
}

#post-title {
  float: left;
}


#comment-bubble{
  width:71px;
  height:49px;
  text-align: center;
  padding-top:3px;
  margin-left:0px;
  float:right;
  font-size: .75em;
  background: url(/blog/images/comment-bubble.gif) no-repeat top center;
}

#comment-bubble a{
  color:white;
 }

#post-info{
  width:100%;
  float:left;
  margin-bottom:10px;
}




#post-footer{
  width: 564px;
  padding:3px;
  padding-left:0px;
  padding-right:7px;
  margin: 3px;
  margin-bottom:70px;
}


.footer-sub{
   width: 165px;
   border: 1px dashed #B9DBFF;
   float:left;
   margin: 2px;
   padding:3px;
   padding-left:7px;
   padding-right:7px;
   text-align: center;
}





 /*
#sidebar-left, #sidebar-right, #content 
	{
	padding-bottom: 32767px;  makes all columns even 
	margin-bottom: -32767px;
}


#sidebar-left, #sidebar-right, #content {
      border: 1px solid #B9DBFF;
}*/

 #content {
      border: 1px solid #B9DBFF;
}



	{
	overflow: hidden;
	}


/********************************************************************************
	         COMMENTS
********************************************************************************/
textarea {
  width: 90%;
}

/********************************************************************************
	         ARCHIVES
********************************************************************************/
.archive-title{
  color:white;
  margin-bottom: 20px;
  padding: 5px;
  text-align: center;
  background: #F26F70;
  border: 1px dashed #ffffff;
  border: 1px dashed #F26F70 !ie7;
}


* html .archive-title{
   border: 1px dashed #F26F70; /* JUST FOR IE */
}


.navigation{
  color:white;
  margin-bottom: 20px;
  padding: 5px;
  text-align: center;
  background: #F26F70;
  border: 1px dashed #ffffff;
  border: 1px dashed #F26F70 !ie7;
}

.navigation a{
  color:white;
}


* html .navigation{
   border: 1px dashed #F26F70; /* JUST FOR IE */
}



/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/
   
body {
   font-size: 90%; 
   font-family:"Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

h1,h2,h3,h4,h5,h6 { 
  color: #000080; 
}

h2{
  /* border-bottom:2px solid #BCDCFF; */
  margin-bottom: 0px;
  line-height:1.2em;
  font-size: 1.5em;
}


/* SlipFire created typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}

.byline{ font-size: .8em; line-height: 1em;}

.timestamp{ font-size: .8em; line-height: 1.2em;}

.comment{ 
        font-size: .8em;
	background: url(/blog/images/comment_add.png) no-repeat left center;
	padding-left: 20px;
	float:left;
}

.commentnum{ 
        font-size: .8em;
	background: url(/blog/images/comments.png) no-repeat left center;
	padding-left: 20px;
	float:left;
}

.rss{ 
        font-size: .8em;
	background: url(../blog/images/feed.png) no-repeat left center;
	padding-left: 20px;
	float:left;
}




.incategory{
       font-size: .8em;
	background: url(/blog/images/folder.png) no-repeat left center;
	padding-left: 20px;
	float:left;
}


.intags{
       font-size: .8em;
	background: url(/blog/images/tag_blue.png) no-repeat left center;
	padding-left: 20px;
	float:left;
}






































/********************************************************************************
               Text Elements and Lists
********************************************************************************/

 a { color: #000; border-bottom: 1px dashed #000;  text-decoration: none; }

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, .nolink, .tabbertab a, .icon, a img, a{
   border: none !important;
  /*text-decoration:none !important;*/
}


/*a:focus, a:hover { background: #ffffa0; color:black;}*/
a:focus, a:hover {color: #444444; text-decoration: underline;}

/* Removes unwanted hover decoration
***************************************/
a.nohover:hover, ul.nohover:hover, li.nohover:hover    { background: none;}


li { list-style: square inside url(images/bullet.gif);}

.fancybullet li {
      list-style: none;
	background: url(images/bullet.gif) no-repeat top left;
	padding: 0px 0px 5px 18px;
        margin: 0px 0px 0px 0px;

}




/********************************************************************************                                            
                            SLIPFIRE CREATED CLASSES                                                   
********************************************************************************/


/********************************************************************************

                Borders
********************************************************************************/

.border-left{
  margin-left: 7px;
  padding-left: 7px;
  border-left: 1px solid #ddd;
}

.border-right{
  margin-right: 7px;
  padding-right: 7px;

  border-right: 1px solid #ddd;
}



.border-top{
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid #ddd;
}

.border-bottom{
  margin-bottom: 7px;
  padding-bottom: 7px;










  border-bottom: 1px solid #ddd;
}

div.border{
  border: 1px solid #ddd;
}


/********************************************************************************
                Misc
********************************************************************************/


/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 
***************************************/

.box2 { 
  padding: .5em; 
  margin-bottom: .5em; 
  background: #eee; 
  border: 1px solid #ddd;   
}


/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {padding-top:10px;}
.pushdown-2 {padding-top:20px;}







.pushdown-3 {padding-top:30px;}
.pushdown-4 {padding-top:40px;}
.pushdown-5 {padding-top:50px;}



/********************************************************************************
                Lines
********************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

.thick {
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  height: 1px;
  margin: 0 0 0 0;
}




/********************************************************************************                                                  
                          SLIPFIRE CREATED FOR WORDPRESS                                              
********************************************************************************/


/********************************************************************************
                HEADER
*******************************************************************************/
#header{
  margin-top:26px;
  margin-bottom: 30px;
}





/********************************************************************************
                MENU
   http://www.webreference.com/programming/css_flicker/index.html
*******************************************************************************/


#menu li.list1 {background:transparent url(/images5/bt_blue_03.png);}
#menu li.list2 {background:transparent url(/images5/bt_blue_04.png);}
#menu li.list3 {background:transparent url(/images5/bt_blue_05.png);}
#menu li.list4 {background:transparent url(/images5/babyasul.png);}
#menu li.list5 {background:transparent url(/images5/bt_blue_06.png);}
#menu li.list6 {background:transparent url(/images5/bt_blue_07.png);}
#menu li.list7 {background:transparent url(http://www.babyspotblog.com/blog/images/blogrollover.gif);}



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

#menu li {float:left;}

#menu a {display:block; height:0; color:#000; overflow:hidden;}

#menu a.item1 {width:65px; padding-top:29px;}
#menu a.item2 {width:71px; padding-top:29px;}
#menu a.item3 {width:71px; padding-top:29px;}
#menu a.item4 {width:60px; padding-top:29px;}
#menu a.item5 {width:69px; padding-top:29px;}
#menu a.item6 {width:60px; padding-top:29px;}
#menu a.item7 {width:71px; padding-top:29px;}

* html #menu a:link, * html #menu a:visited {height:29px; he\ight:0;}/* for ie */

/* preloads hover images */
#menu a#item1 {background:transparent url(/images5/bt_rojo_03.jpg) -130px -90px no-repeat;}
#menu a#item2 {background:transparent url(/images5/bt_rojo_04.jpg) -130px -90px no-repeat;}
#menu a#item3 {background:transparent url(/images5/bt_rojo_05.jpg) -130px -90px no-repeat;}
#menu a#item4 {background:transparent url(/images5/babyred.png) -130px -90px no-repeat;}
#menu a#item5 {background:transparent url(/images5/bt_rojo_06.jpg) -130px -90px no-repeat;}
#menu a#item6 {background:transparent url(/images5/bt_rojo_07.jpg) -130px -90px no-repeat;}
#menu a#item7 {background:transparent url(http://www.babyspotblog.com/blog/images/blogrollover.gif) -130px -90px no-repeat;}


/* Step 9 - Adding the :hover style */

#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}
#menu a#item5:hover {background-position:0 0; z-index:50;}
#menu a#item6:hover {background-position:0 0; z-index:50;}
#menu a#item7:hover {background-position:0 0; z-index:50;}

* html #menu a:hover {height:29px; he\ight:0;}





#menu-right{
  text-align: right;
}



/********************************************************************************
                search
********************************************************************************/



#searchdiv {
	margin: 0px;
	padding 0px;

	}
	
#searchform {
	margin: 0px;
	padding: 0px;
}
	
#s {
	background: #ffffff;
        font-size:9pt;

        font-family: arial,verdana,serif;
        padding-left: 2px;
	color: #333333;
	height: 15px;
        width: 155px;
        border: 1px solid #AAAAAA;
}


.searchtext{
   font-size: 10.6667px;
}



/********************************************************************************
                Sidebar
********************************************************************************/

.widget {
   background:#ffffff; 
   margin-bottom: 5px;
   border: 1px dashed #B9DBFF;
   width: 147px;
   padding:3px;
}


.sidebar-title{
  color:#000080;
  text-align: center;
  background: #98CAFF;
  height: 100%;
  border: 1px dashed #ffffff;
  border: 1px dashed #98CAFF !ie7;
  padding: 2px;
}

* html .sidebar-title{
   border: 1px dashed #98CAFF; /* JUST FOR IE6 */
}




#sidebar h2{
   font-size: 1em;
   font-weight: bold;
   /*margin-bottom: .2em;*/
}

#sidebar a {border-bottom: none;}



.sidebar h4{
   font-size: 90%; 
   /*padding: 1px;*/
   text-align: center;
   /*height: .5em;*/
}


.sidebar img{
    float: none;
    margin-left:auto;
    margin-right:auto;
}


* html .sidebar img{
    width:135px; /* IE6 */
}




.widget ul, .widget ul ol {
	margin: 0;
	padding: 0;
	}

.widget ul li {
	list-style: square inside; color: #000;
        margin-left: 3px;
        font-size: 80%; 
	}

.widget ul p, .widget ul select {
	margin: 5px 0 8px;

	}

.widget ul ul, .widget ul ol {
	margin: 5px 0 0 10px;
	}

.widget ul ul ul, .widget ul ol {
	margin: 0 0 0 10px;
	}

ol li, .widget ul ol li {
	list-style: decimal outside;
	}

.widget ul ul li, .widget ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}



  /*
.widget ul li:before {                        BULLET */
	content: "\00BB \0020";
	}


.widget{
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

 




/********************************************************************************
                Footer
********************************************************************************/

#footer {
   text-align: left;
   font-weight: normal;
   /* border-top: 3px solid #F26F70; */
}



/*****************************************
*************** MENU2************
******************************************/

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */






#menu2{
height: 32px;
background:#F26F70 url(/blog/images/rss.png) no-repeat right center;;   /*#FF0000;*/
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding: 0;
}




#menu2 ul{
margin: 0;
padding-left: 0;
padding-top:3px;
float: left;
font-weight: bold;
}

* html #menu2 ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;

}

#menu2 ul li{
display: inline;
}


#menu2 ul li a{
float: left;
color: white;
padding: 2px 15px 0px 15px;  /*2px 15px 0px 15px;*/
text-decoration: none;
padding-top: 2px;
}



#menu2 ul li a:hover{
color: white;
font-weight: bold;
padding-bottom: 5px;  /*arrow position */
background: #F26F70;
background-image:url(http://www.babyspotblog.com/blog/images/mnuIndicator.gif);
background-repeat:no-repeat;
background-position: bottom center;
}



#menu2 li a:hover{
background: #F26F70;
}

#menu2 .current-cat a {
color: white;
font-weight: bold;
padding-bottom: 6px;/*arrow position */
background-image:url(http://www.babyspotblog.com/blog/images/mnuIndicator.gif);
background-repeat:no-repeat;
background-position: bottom center;
}



.toggleopacity img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

.toggleopacity:hover img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}


.right{
text-align:right;
float:right;
}


/*****************************************
*************** TABS   ************
******************************************/



table.tabs {
font-size:11px;
width:100%;
height:20px;
}

td.tab {
background:#FAFFE1 none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;
padding-left:0px;
height:20px;








}








td.tab0 {
border-bottom:1px solid #CCCCCC;
font-size:8px;
padding-left:0px;
}

td.tab1 {
background:#ffffff none repeat scroll 0 0;
border-color:#AAAAAA #CCCCCC -moz-use-text-color;
border-style:solid solid none;
border-width:3px 1px medium;
font-weight:bold;
padding:6px 8px;
}
td.tab2 {
background:#F8F8F8 none repeat scroll 0 0;
border-color:#CCCCCC;
border-style:solid;
border-width:3px 1px 1px;
font-weight:bold;
padding:6px 8px;
}


td.tab3 {
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;
padding-right:12px;
text-align:right;

vertical-align:middle;
width:100%;
}


/********************************************************************************
	         SOCIABLE
********************************************************************************/







div.sociable { margin: 0; }

.sociable_tagline{





       font-size: .8em;
}



.sociable-hovers {
	opacity: 1;
	-moz-opacity: 1;

	filter: alpha(opacity=100);
}
.sociable-hovers:hover {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}







/********************************************************************************
	         COMMENTS
********************************************************************************/


.comments_template{

	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
}
.comments_template p.nocomments, .comments_template p.alert{
	padding: 10px;
	font-size: 12px;
}
#comments {
	font-size: 20px;
	padding: 2px 10px 0px 0px;
	color:#008DE7;
}
.comments_template form#commentform{
	margin: 0;
	padding: 10px;
	background: #f7f7f7 url(images/bg_dotted_b.gif) repeat-x;
}
.comments_template form#commentform p{
	line-height: 16px;
}
ol.commentlist{
	margin: 10px 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 16px;
}
ol.commentlist p{
	margin-bottom:10px;
	line-height: 16px;
}
ol.commentlist cite{
	font-style: normal;
	font-weight: bold;
}
ol.commentlist li{
	padding: 10px;
	border-top:1px dotted #0758C4;
	list-style: decimal inside;
}
ol.commentlist li.alt{
	background:#E9F0F6;
	border-top:1px dotted #0758C4;	
}
ol.commentlist li.highlighted{
	background:#E9F0F6;
	border-top:1px dotted #0758C4;	
}




/********************************************************************************
	         ADVERTISING
********************************************************************************/

.ads {
  padding-left: 0px;
  margin-bottom: 10px;
}

.ads h3 {
  display: none;
}

.ads img {
  margin-left: auto;
  margin-right: auto;
}



/********************************************************************************
                BLOG LOGOS
******************************************************************************


#blog-logos ul li {margin:0; padding:0; list-style-type:none; display: inline; width: 200px; height:133px;}
#blog-logos img {width: 200px;height:133px;}
#blog-logos #current a img {width: 200px;height:133px; }

*/

/********************************************************************************
                BLOG LOGOS -Original
******************************************************************************


#blog-logos ul li {margin:0; padding:0; list-style-type:none; display: inline; width: 200px; height:133px;}
#blog-logos img {width: 200px;height:133px;

filter:alpha(opacity=5);
-moz-opacity:.5;
opacity:.5;
}




#blog-logos #current a img {width: 200px;height:133px;filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1; }
*/



/********************************************************************************
                BLOG LOGOS
*******************************************************************************/

http://www.webreference.com/programming/css_flicker/index.html



#bloglogos ul li{margin:0; padding:0; list-style-type:none;}
#bloglogos li {float:left;list-style-type:none;}

#bloglogos li.list1 {background:transparent url(http://babyspotblog.com/blog/images/logos/James.jpg);}
#bloglogos li.list2 {background:transparent url(http://babyspotblog.com/blog/images/logos/Erika.jpg);}
#bloglogos li.list3 {background:transparent url(http://babyspotblog.com/blog/images/logos/Zameer.jpg);}
#bloglogos li.list4 {background:transparent url(http://babyspotblog.com/blog/images/logos/Nikki.jpg);}


#bloglogos a {display:block; width:200px; height:0; padding-top:133px; color:#000; overflow:hidden;}

* html #bloglogos a:link, * html #bloglogos a:visited {height:133px; he\ight:0;} /* for IE */


#bloglogos ul li {float:left; margin-right:26px;}




#bloglogos a#item1, #current {background:transparent url(http://babyspotblog.com/blog/images/logos/JamesActive.jpg) -130px -200px no-repeat;}

#bloglogos a#item2, #current {background:transparent url(http://babyspotblog.com/blog/images/logos/ErikaActive.jpg) -130px -200px no-repeat;}

#bloglogos a#item3, #current {background:transparent url(http://babyspotblog.com/blog/images/logos/ZameerActive.jpg) -130px -200px no-repeat;}

#bloglogos a#item4, #current {background:transparent url(http://babyspotblog.com/blog/images/logos/NikkiActive.jpg) -130px -200px no-repeat;}


#bloglogos a#item1:hover {background-position:0 0; z-index:50;}
#bloglogos a#item2:hover {background-position:0 0; z-index:50;}
#bloglogos a#item3:hover {background-position:0 0; z-index:50;}
#bloglogos a#item4:hover {background-position:0 0; z-index:50;}

#bloglogos a#item1.current {background-position:0 0; z-index:50;}
#bloglogos a#item2.current {background-position:0 0; z-index:50;}
#bloglogos a#item3.current {background-position:0 0; z-index:50;}
#bloglogos a#item4.current {background-position:0 0; z-index:50;}




* html #bloglogos a:hover {height:133px; he\ight:0;}

#bloglogos {display:block; width:950px; height:133px; margin-bottom: 10px;}


/********************************************************************************
               IMAGES
*******************************************************************************/


p img {
   float: none;
}


/********************************************************************************
              css added for nav tabs
*******************************************************************************/
td.top_nav_menu {
	font-family: tahoma, "Trebuchet MS", arial, serif;
	font-size: 10pt;
    text-align: center;  
	border-right: 1px solid #CCCCCC; 
	border-top: 1px solid #CCCCCC; 
	border-bottom: 1px solid #BBBBBB; 
	background-image: url(../../../../images/topbar_bg.gif); 
	background-repeat: repeat-x; 
	font-weight:bold;
}

a.top_menu_item:link { color: #777777; text-decoration: none; }
a.top_menu_item:visited { color: #777777; text-decoration: none; }
a.top_menu_item:hover { color: #444444; text-decoration: underline;}