/*
Theme Name: Directory Mamme e Bambini
Author: Laura
Theme URL: http://www.mamme-bambini.com
Description: Tema Wp personalizzato per directory Mamme e Bambini
azzurro:#09A9DC 
*/


/* Neutralize styling: 
   Elements we want to clean out entirely: */
   
html, body, form, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {margin: 0; padding: 0;}
html {font-size:100%;}
img {border:0;}
ul {list-style:none;}
label {cursor:auto}


/* ############ Miscellaneous conveniences ############*/
fieldset { border: none;padding:0; margin:0}
input, select, textarea {font: inherit; vertical-align:middle}
br.clear, .clear {clear:both; line-height:0; height:0}
.left {float:left}
.right {float:right}
.center {text-align:center}
.alignRight {clear:both; text-align:right}


/* ############ Apply styles ############ */
body {font: 12px/1.5 Arial, Helvetica, sans-serif;color:#666; text-align: center; background:#FFF}

/*link*/
a, a:visited  {color:#09A9DC; text-decoration:none;}
a:hover  {text-decoration:underline;}

/*titoli*/
h1 a:hover {text-decoration:none}
h1 {font:24px Geneva, Arial, Helvetica, sans-serif; margin-bottom:7px; color:#000}


/*############ struttura principale ######## ####*/
#container { margin:0 auto; text-align:left; padding:0; width:960px;}
#contHeader { margin:0 auto; text-align:left; padding:0; width:960px;}
#header { position:relative;}
#col-left {float:left; width:500px; margin-top:15px; border:#cdcdcd 1px solid; padding:20px}
#col-right {float:right; width:400px;margin-top:15px;}
#home {float:left; width:540px; margin-top:15px;}

/* ############ header ############# */
#header h1 span {display:none}
#header h2 {display:none}
#header h1 img {margin:25px 0 17px; vertical-align:middle; }

/*menu*/
#utility {font-size:11px; position:absolute; top:75px; right:0; text-align:right; }
#utility li {display:inline; margin-right:10px}
#utility a {color:#333}

 
/* ############ index ############ */
#home .category { clear:both; margin-bottom:50px;}
#home .category .left {width:184px;}
#home .category .left img { border:#cdcdcd 1px solid}
#home .category .right { width:350px;}
#home .category  h2 { font: bold 20px Helvetica, Arial, sans-serif; color:#09a9dc; margin:0 0 10px; text-transform:uppercase}
#home .category .right ul { margin-top:10px}
#home .category .right ul li { font-size:18px; line-height:30px; background: url(images/bg_categories.gif) center left no-repeat; padding-left:18px}
#home .category .right ul li a {color:#000}


/* ############ corpo pagina ############ */
#col-left h2 { margin:0 0 10px 0;  font:12px Arial, Helvetica, sans-serif; text-transform:uppercase}
#top {margin-bottom:20px}
#col-left a {color:#666}
#col-left h3 { font:bold 12px Arial, Helvetica, sans-serif; margin-top:15px; margin-right:5px}
#col-left h3 a {color:#09A9DC; text-decoration:underline}
#col-left p {margin-right:5px; color:#111}






/* ########### sidebar ########### */
.box { border:#cdcdcd 1px solid;  margin:0;  padding:16px; font-size:12px; margin-bottom:30px}
.box a {color:#333;}
.box h3 {font: 28px Arial, Helvetica, sans-serif; padding:0; margin: 0 0 10px; color:#000}
.box h2 {font-size:13px; text-transform:uppercase; color:#09a9dc;}
.box a {color:#333}
.box .left, .box .right {width:170px; margin-bottom:25px; line-height:21px}

#blog { background:url(images/bg_blog.gif) top right no-repeat}
#blog p {font-size:21px; line-height:26px; margin:0}

#categorie { background:url(images/bg_categorie.gif) top right no-repeat}
#categorie h3 { margin-bottom:15px}


/* ########### footer ########### */
#footer {clear:both;  padding:20px 0; font-size:0.95em; text-align:left; color:#666; width:960px; margin:10px auto}
#footer a {color:#666;}
#stats {display:none}



/* ########### pagina errore ########### */
#alert {}
#alert h3 {color:#09A9DC; font-size:1.4em; margin-bottom:15px}
#alert p.big {font-size:1.2em;}
#alert p { margin-bottom:10px}
#alert ul {margin:10px 0}
#alert a {font-weight:bold}
#alert li {background:url(images/bg_list.gif) 0 8px no-repeat; padding-left:10px; margin-bottom:4px; font-size:1.1em}