/*css reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, 
p, blockquote, pre, a, address, cite, code, del, em, img, ins, small,  b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input,
legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:top;
	background:transparent;
	font-family:Georgia,serif;	
	font-weight:normal;
}
ol, ul{list-style: none;}
h1, h2, h3, h4, h5, h6{font-weight:bold;}

body{background:#f1f1f1;}
#wrapper{width:700px;padding:9px;background:url('images/bg-menu.gif') 38px top no-repeat #fff;margin:0 auto;}
#menu{width:100px;float:left;height:500px;}
h1{text-indent:-999em;background:url('images/marcelo-daldoce.gif') no-repeat center center;height:60px;}
h1 a{display:block;height:60px;width:100%;}

#menu li, #menu li a{text-transform:uppercase;font-size:12px;color:#b0b0b0;text-decoration:none;}
#menu li ul{display:none;}
#menu li ul li a{text-transform:none;}
#menu .current_page_ancestor ul{display:block;}
#menu .current_page_item a{color:#d3595c;}

#content{width:600px;float:left;}
#content p, #content h2, #content h3{font-style:italic;}
#content small { font-size: 12px; }
#content h2, #content h3{font-size:12px;color:#d3595c;}
#content h2 a, #content h3 a{font-size:12px;color:#d3595c;text-decoration:none;}

#content p{color:#b9b9b9;font-size:11px;margin-bottom:12px;}
#content p a{color:#b9b9b9;text-decoration:none;}
#content p a:hover{text-decoration:underline;}

#content.page {
	padding-top: 30px;
}

hr.clear{visibility:hidden;clear:both;}

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

.alignleft {
	float: left;
	}
/* End Images */