/* CSS Document */

* { margin: 0; padding: 0; }

body { background: url("http://www.mybabyspain.com/img/background.gif") top left repeat-x #EBFFFF; text-align: center; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

body a { font: "Kristen ITC"; color: #15a7a6; }

#wrapper { width: 990px; margin: 0 auto; }

/*********************/
/***    HEADER     ***/
/*********************/

#header { background: url("http://www.mybabyspain.com/img/header.gif") top center no-repeat #EBFFFF; text-align: center; height: 170px; }

#logo { float: left; width: 339px; height: 72px; margin-left: 20px; }

#topbanner { float: right; width: 320px; height: 72px; text-align: right; margin-right: 20px; }

#logo img, #topbanner img { border: 0; }

#topmenu { clear: both; padding-top: 24px; }
#topmenu ul { list-style: none; margin: 0; padding: 0; }
#topmenu ul li { float: left; line-height: 20px; padding: 0 35px 0 55px; }
#topmenu ul li a { font: normal 14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#topmenu ul li a:link, #topmenu ul li a:visited { color: #15A7A6; }
#topmenu ul li a:hover, #topmenu ul li a:visited:hover { color: #933; }

/*********************/
/***     MAIN      ***/
/*********************/

#main { background: url("http://www.mybabyspain.com/img/mainbg.gif") top center repeat-y #EBFFFF; text-align: center; }

h1 { font: normal 9px Verdana, Arial, Helvetica, sans-serif; color: #15A7A6; padding: 0 20px; margin: 0; line-height: 20px; text-align: right; }


/***   SIDEMENU   ***/

#sidemenu { float: left; width: 288px; background: url("http://www.mybabyspain.com/img/highsandlows.gif") top left no-repeat; text-align: left; padding-top: 130px; }
#sidemenu ul { list-style-image: url("http://www.mybabyspain.com/img/listicon2.gif"); margin-left: 40px; }
#sidemenu ul li { line-height: 25px; padding-left: 10px; }
#sidemenu ul li a { font: normal 14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#sidemenu ul li a:link, #sidemenu ul li a:visited { color: #C66; }
#sidemenu ul li a:hover, #sidemenu ul li a:visited:hover { color: #933; }
#sidebanner { width: 120px; height: 600px; margin: 20px auto; }
#sidebanner img { border: 0; }

/***    CONTENT    ***/

#content { float: right; width: 672px; margin-right: 20px; background: #FFF; color: #666; text-align: left; }
#content h2 {font: 20px "Kristen ITC"; text-align: left; color: #15a7a6; padding: 0 10px 20px 10px; }
#content h3 { font: 20px "Kristen ITC"; text-align: left; color: #cc6666; padding: 0 10px 20px 10px; }
#content h4 { font: bold 14px "Kristen ITC"; padding: 0 10px 10px 10px; text-align: left; color: #C66; }
#content h5 { font: bold 12px "Kristen ITC"; padding: 5px 0px 10px 12px; text-align: left; color: #15A7A6; }
#content h6 { font: bold 16px "Kristen ITC"; padding: 5px 0px 10px 12px; text-align: right; color: #15A7A6; }

/*Old H2 and H3; { font: bold 16px Verdana, Arial, Helvetica, sans-serif; padding: 0 10px 30px 10px; text-align: left; color: #C66; } */

#content p { padding: 0 10px 20px 10px; text-align: justify; }

#blueboxleft { width: 200px; height: 200px; float: left; padding: 5px; }
#blueboxright{ width: 200px; height: 200px; float: right; padding: 5px; }

#homebanner { width: 672px; height: 300px; background: url("http://www.mybabyspain.com/img/pregnantwoman.jpg") top center no-repeat #FFF; }
#homebanner h2 { color: #15A7A6; padding-left: 240px; padding-right: 20px; padding-top: 30px; }
#homebanner p { padding-left: 240px; padding-right: 20px; }
#homesidebanners { float: right; width: 250px; margin-left: 20px; }
#homesidebanners img { border: 0; margin-top: 10px; }
#homesidebanners form { background: url("http://www.mybabyspain.com/img/advancedsearch.jpg") top center no-repeat #FFF; width: 250px; height: 145px; display: block; text-align: left; }

#container
{
width: 600px; clear: both; margin: 5px; border: 0px;
}
#col_left
{
float: left; width: 50%; margin: 5px; border: 0px;
}

#col_right
{
float: right; width; 50%; margin: 5px; border: 0px;
} 

#containerbanner
{
width: 600px; clear: both; margin: 0px; border: 0px;
}
#col_left
{
float: left; width: 140px; margin: 0px; border: 0px; 
}

#col_right
{
float: right; width: 460px; margin: 0px; border: 0px;
} 

#adsenseleft { width: 300px; height: 250px; float: left; padding: 10px; }
#adsenseright{ width: 300px; height: 250px; float: right; padding: 10px; }

#preconceptionbanner { width: 672px; height: 300px; background: url("http://www.mybabyspain.com/img/preconception.jpg") top center no-repeat #FFF; }
#preconceptionbanner h2 { color: #15A7A6; padding-left: 240px; padding-right: 20px; padding-top: 30px; }
#preconceptionbanner p { padding-left: 20px; padding-right: 225px; }

#bluebabybanner { width: 672px; height: 300px; background: url("http://www.mybabyspain.com/img/bluebabybox.jpg") top center no-repeat #FFF; }
#bluebabybanner h2 { color: #15A7A6; padding-left: 240px; padding-right: 20px; padding-top: 30px; }
#bluebabybanner p { padding-left: 225px; padding-right: 20px; }

#bluebanner { width: 672px; height: 300px; background: url("http://www.mybabyspain.com/img/bluebox.jpg") top center no-repeat #FFF; }
#bluebanner h2 { color: #15A7A6; padding-left: 20px; padding-right: 240px; padding-top: 30px; }
#bluebanner p { padding-left: 20px; padding-right: 20px; }

#astxt { margin: 83px 0 0 25px; border: 0; background: none; width: 200px; height: 15px; }
#asbut { margin: 10px 0 0 150px; width: 75px; height: 30px; border: 0; }
#mainbottom { clear: both; background: url("http://www.mybabyspain.com/img/mainbottom.gif") top center repeat-y #EBFFFF; text-align: center; height: 30px; }

ul.favicon { list-style-image: url("http://www.mybabyspain.com/img/listicon1.gif"); list-style-position: inside; text-align: left}

ul.favicon2 { list-style-image: url("http://www.mybabyspain.com/img/listicon2.gif"); list-style-position: inside; text-align: left} 
ul.favicon3 { list-style-image: url("http://www.mybabyspain.com/img/listicon2.gif"); list-style-position: inside; text-align: center} 
ul.sitemaplist { list-style-image: url("http://www.mybabyspain.com/img/listicon3.jpg"); list-style-position: inside; text-align: left} 

/*********************/
/***    FOOTER     ***/
/*********************/

#footer { background: url("http://www.mybabyspain.com/img/footer.gif") top center no-repeat #EBFFFF; text-align: center; height: 84px; }

#footerleft { float: left; width: 220px; height: 60px; margin: 20px 0 0 20px; color: #15A7A6; text-align: left; }
#footerleft a { text-decoration: none; }
#footerleft a:link, #footerleft a:visited { color: #15A7A6; }
#footerleft a:hover, #footerleft a:visited:hover { color: #933; }

#footerright { float: right; width: 220px; height: 60px; margin: 20px 20px 0 0; color: #999; text-align: right; }
#footerright a { text-decoration: none; }
#footerright a:link, #footerright a:visited { color: #999; }
#footerright a:hover, #footerright a:visited:hover { color: #933; }

#footerbanner { width: 468px; padding-top: 5px; margin: 0 auto; }
#footerbanner img { border: 0; }

.addthis_toolbox .custom_images a
{
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}

<!-- You can also customize the appearance of the breadcrumbs. You can customize the styling of your menu using CSS. The menu is created inside a <div> with a class assigned named "mp_backlinks". You can create a new CSS class style named "mp_backlinks" and assign whatever style settings you want. -->

