/*
Theme Name: Coisa Fofa Mini Coelhos 1.0
Theme URI: http://makotowatanabe.com/
Description: Tema para o site Coisa Mini Coelhos 2010.
Version: 1.0
Author: Makoto Watanabe
Tags: pink, two columns, Fixed Width
*/



/*********************************************************************************************************************************
Tags
*********************************************************************************************************************************/
body								{margin:0px; padding:0px; font:10pt Arial, Helvetica, sans-serif; color:#999; background:url(images/body.jpg) #fff top center no-repeat;}
p									{text-align:justify;}
img									{border:0px; margin:0}
a									{text-decoration:none;}
ul									{list-style-type:none; margin:0px; padding:0px; border:0px solid blue;}
li									{list-style-type:none; margin:0px; padding:0px; border:0px solid blue;}


/*********************************************************************************************************************************
Estrutura
*********************************************************************************************************************************/
#principal							{width:995px; display:block; position:relative; margin-left:-495px; left:50%;}


/*********************************************************************************************************************************
Topo
*********************************************************************************************************************************/
#top								{height:212px;}
#busca								{position:absolute; margin-top:15px; padding:10px 15px; left:760px; width:185px; height:61px; background:url("images/busca.png") no-repeat; color:#fff}


/*********************************************************************************************************************************
Menu Esq
*********************************************************************************************************************************/
#menuEsq							{width:200px; float:left; padding:0px; margin:10px;}
#menuEsq a							{display:block;}

#menuEsq h2							{font:16pt Arial, Helvetica, sans-serif; font-weight:bold; padding:0px; margin:0 0 5px 0;}/*titulo do widget*/

#menuEsq .pagenav li				{list-style-type:none; padding:0px; margin-bottom:15px; font:11pt Arial; font-weight:bold;}/*filho = pai*/
#menuEsq .pagenav li a				{background:url("images/menu_h.jpg") top left no-repeat; color:#fff; padding-left:5px;}

#menuEsq .pagenav li li				{list-style-image: url("images/seta.gif"); margin:0 0 0 13px; padding:0 0 0 -2px;}/*neto = filho*/
#menuEsq .pagenav li li	a			{background:#fff; color:#f6adcd;}
#menuEsq .pagenav li li a:hover		{background:url("images/menu_a.jpg") top right no-repeat; color:#ec008c;}

#menuEsq .pagenav li li li			{list-style-image: none;}/*bisneto = filho*/
#menuEsq .pagenav li li	li a		{}
#menuEsq .pagenav li li li a:hover	{}


/*********************************************************************************************************************************
Meio
*********************************************************************************************************************************/
#corpo								{width:550px; float:left; margin:10px; padding:0px;}
#corpo h2							{margin:0px; padding:0px; height:50px; background:url("images/flor.jpg") top right no-repeat; border-bottom:3px solid #efefef;}
#corpo h2 a							{color:#ec008c; font-size:32pt;}

#corpo .texto						{margin-bottom:100px;}


/*********************************************************************************************************************************
Menu Dir
*********************************************************************************************************************************/
#menuDir							{width:180px; float:left; border:1px solid #e9e9e9; text-align:center; background:#f3f3f3; padding-bottom:5px; margin:10px;}
#menuDir span						{display:block; background:#e9e9e9; margin-bottom:5px; color:#999;}
#menuDir #pub						{}


/*********************************************************************************************************************************
Rodape
*********************************************************************************************************************************/
#footer								{clear:both; height:20px; text-align:center; padding:30px 0 10px 0; font-size:8pt; background:url("images/roda.jpg") top center no-repeat;}
#footer .left						{float:left;}
#footer .right						{float:right;}
#footer a							{color:#ec008c; text-decoration:underline;}
#footer a:hover						{color:#ec008c; text-decoration:none;}


/*********************************************************************************************************************************
menu top
*********************************************************************************************************************************/
#menuTop							{z-index:100; height:30px; display:block; position:relative;}
#catmenu							{float: left; list-style: none; margin: 0px; padding: 0px;}
#catmenu li							{float: left; list-style: none; margin: 0px; padding: 0px;}

#catmenu li a,
#catmenu li a:link,
#catmenu li a:visited				{color:#ec008c; display: block; margin: 0px; padding: 7px 20px; text-decoration: none;}

#catmenu li a:hover,
#catmenu li a:active				{background:#ec008c; color: #fff; margin:0px; padding: 7px 20px;}

#catmenu li li a,
#catmenu li li a:link,
#catmenu li li a:visited			{background:#f9d0e8; width: 170px; color:#ec008c; font-weight: normal; margin: 0px; padding: 7px 20px;}

#catmenu li li a:hover,
#catmenu li li a:active				{background:#ec008c; color: #fff; padding: 7px 20px;}

#catmenu li ul						{z-index: 9999; position: absolute; left: -999em; height: auto; width: 180px; margin: 0px; padding: 0px;}
#catmenu li li						{}

#catmenu li ul a					{width: 140px;}
#catmenu li ul a:hover,
#catmenu li ul a:active 			{}

#catmenu li ul ul					{margin: -31px 0 0 211px;}
#catmenu li:hover ul ul,
#catmenu li:hover ul ul ul, 
#catmenu li.sfhover ul ul,
#catmenu li.sfhover ul ul ul		{left: -999em;}

#catmenu li:hover ul,
#catmenu li li:hover ul,
#catmenu li li li:hover ul,
#catmenu li.sfhover ul,
#catmenu li li.sfhover ul,
#catmenu li li li.sfhover ul		{left: auto;}

#catmenu li:hover,
#catmenu li.sfhover					{position: static;}