/*

Theme Name: DIY Theme

Theme URI: http://randaclay.com/themes/

Description: DIY Theme is a simple, easy to customize, SEO optimized, 3-column, widget-ready theme created for Wordpress

Version: 1.0

Author: Randa Clay

The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php



*/



html


{

	background:url(images/bg-home-site.jpg) repeat-x left top;

	font-family: Arial, Helvetica, sans-serif;

	 font-size: 11px;

}



html>body #content {

	height: auto;

	min-height: 580px;

}



body{

	padding: 0px;

	margin: 0px;

	 /*background:url(images/bg_topo-natal-2009.jpg) no-repeat center top;*/

	 font-family: Arial, Helvetica, sans-serif;

	 font-size: 11px;

}



#wrap {

    width: 900px;

	text-align:left;

    margin:0px auto;

}





/************************************************

*	Header, Headings, etc.									*

************************************************/



#head{

        /*height: 178px;*/
			height: 90px;
        width: 900px;

        padding: 0px;

        margin: 0px;

		  position: relative;

		  display: block;

		  float: left;

}



#head h1 {

        display: block;

		  	padding:0px;

        margin: 10px;

		  width: 368px;

		  height: 69px;

		  background:transparent url(images/walmart-logo.png) no-repeat left top;

		  overflow: hidden;

		  outline: none;

}



#head h1 a {

	display: block;

	width: 368px;

	height: 69px;

   color: #ffffff;

	text-indent: -9999px;

	overflow: hidden;

	outline: none;

}

/*

#head a:hover {

        color: #cccccc;

}



.description {

        padding-left: 60px;

}



.description h2 {

        color: #ffffff;

        font-size: 3.0em;

        margin: 0px;

        font-style: italic;

}   

*/

div#head div#boxNavTopo

{

    position:absolute;

    display:block;

    float:right;

    width:470px;

    height:60px;

	 margin: 0px;

	 padding: 0px;

	 top: 10px;

	 *top:20px;

	 right: 0px;

}



div#head div#boxNavTopo li

{

   display:block;

   float:left;

	width:auto;

	background: url(images/seta-menu-topo.gif) no-repeat left center;

	padding: 0px 0px 0px 8px;

	margin: 0px 8px 0px 0px;

	

}



div#head div#boxNavTopo li a

{

	display: block;

	overflow: hidden;

	outline: none;

	text-indent: -9999px;

}



div#head div#boxNavTopo li a#lnkInicio

{

	width: 29px;

	height: 14px;

	background: url(images/lnkInicio.gif) no-repeat left top;

}



div#head div#boxNavTopo li a#lnkSobreBlog

{

	width: 68px;

	height: 17px;

	background: url(images/lnkSobreBlog.gif) no-repeat left top;

}



div#head div#boxNavTopo li a#lnkSugestoes

{

	width: 131px;

	height: 17px;

	background: url(images/lnkSugestoes.gif) no-repeat left top;

}



div#head div#boxNavTopo li a#lnkLojaOnline

{

	width: 59px;

	height: 17px;

	background: url(images/lnkLojaOnline.gif) no-repeat left top;

}



div#head div#boxNavTopo li a#lnkContato

{

	width: 42px;

	height: 13px;

	background: url(images/lnkContato.gif) no-repeat left top;

}



/*

# Form

*/



form#searchform

{

	position: relative;

	display: block;

	float: left;

	width: 207px;

	height: 63px;

	background: url(images/bgFormBusca.gif) no-repeat left top;

	margin: 0px 0px 10px 0px;

}



label.screen-reader-text

{

	display: block;

	width: 63px;

	height: 20px;

	background: url(images/titBusca.gif) no-repeat left top;

	text-indent: -9999px;

	padding: 0px;

	margin: 5px;

}



form#searchform input#s

{

	font:Arial, Helvetica, sans-serif;

	color:#0846a6;

	padding:3px 10px 0 10px;

	background:url(images/bg-input-busca.gif) no-repeat top left;

	width:140px;

	height:22px;

	display:block;

	float:left;

	margin: 0px 0px 0px 10px;

	border: none;

}



form#searchform input#searchsubmit

{



	background:url(images/btn-buscar.gif) no-repeat top left;

	width:24px;

	height:24px;

	display:block;

	float:left;

	margin:0 0 0 8px;

	_margin:0 0 0 3px;

	cursor:pointer;

	border: none;

	text-indent: -9999px !important;

	padding: 26px 0px 0px 0px;

}



/************************************************

*	Links and Headings									*

************************************************/





a img,:link img,:visited img { border:none }    







a, a:link {

	color: #0846a6;

	text-decoration: none;

}







h1 {

        font-size: 18px;

        line-height: 1.1em;

        margin: 0px;

}





h2 {

	font-size: 2.2em;

	line-height: 1.2em;

	color: #333333;

	font-weight: normal;

}





h5 {

	color: #000000;

        margin: 8px 0px 0px 0px;

	padding: 0px;

        font-size: 1.3em;

        /*font-variant: small-caps;*/

}



a:hover {

	text-decoration: underline;

}



strong, b {

	font-weight: bold;

}



em, i {

	/*font-style: italic;*/

}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

}





div.date span.category a 

{

	color: #52a8ff !important;

	font-size: 11px;

	

}



small.metadata span.category a 

{

	color: #0846a6 !important;

	font-size: 11px;

	

}







/************************************************

*	Main Content									*

************************************************/



#main 

{

        width: 900px;

}



#content {

	position: relative;

		display: block;

		float: left;

        width: 481px;

		  height: auto;

        padding:0px;

		  margin: 0px 6px;

		  _margin-left: -5px;

}



div#boxContent {

	position: relative;

		display: block;

		float: left;

        width: 481px;

		  height: auto;

        padding:0px;

		  margin: 0px;

		  background:#fff url(images/bg-conteudo-y.gif) repeat-y left top;

		  z-index: 100;

		  overflow: hidden;

}



div.boxTopoContent

{

	position: relative;

	display: block;

	float: left;

   width: 481px;

	height: 10px;

	background: url(images/bg-top-content.gif) no-repeat left top;

	margin: 0px;

	padding: 0px;

	_margin-bottom: -7px;

	z-index: 0;

}



div.boxFooterContent

{

	position: relative;

	display: block;

	float: left;

   width: 481px;

	height:17px;

	background:url(images/bg-footer-content.gif) no-repeat left bottom;

	margin: 0px;

	padding: 0px;

	clear: both;

}



div#boxContent p

{

	color:#515151;

	font-size: 12px;

}



div#boxContent h1

{



	position: relative;

	display: block;

	float: left;

	_float:none;

        width:434px;

		  _width:auto;

        height:auto;

        padding:0px 0px 0px 36px;

	background: url(images/bg-tit-h1-content.gif) no-repeat left 2px;

	*background-position:0px 0px;

        margin:0px 0px 5px 0px;

		  _margin-bottom:3px;

}





hr

{

    height:1px;

    border:none;

    margin:0px;

    padding:0px;

	 background: url(images/bg-hr-divisao.gif) no-repeat left top;

}



.item {

        padding: 0px 10px;

        color: #333333;  

        font-size: 1.3em;

        line-height: 1.4em;	

		  background: url(images/bg-hr-divisao.gif) no-repeat;

		  background-position: left;

}



.item {

		  background-position: 4px bottom;

}



.item p {



}



.item p a{

	text-decoration: underline;

}



.item p a:hover{

	color: #9c9c9c;

}



.item img {

	/*border: 1px solid #333333;*/

        padding: 3px;

        margin: 5px;
		border:none;

     

}



.item ul {

	list-style-type: disc;

	padding-left: 10px;

	margin: 10px 0px 10px 15px;

}



.item ol{

	list-style-type: decimal;

	padding-left: 10px;

	margin: 10px 0px 10px 15px;

}



.itemhead{

	padding-top: 5px;

	padding-bottom: 7px;

        margin-bottom: 18px;

}



.itemhead h3{

	display: inline;

}



.date{

	display: inline;

	text-align: right;

	font-size: 11px;

        margin-bottom: 20px;

}



input{

	font-size: 100%;

}



.metadata{

	font-size: 90%;

        line-height: 220%;

        margin-top: 20px;

        /*font-style: italic;*/

}



.metadata a:link {

	color: #0846a6 !important;

	font-size: 11px;

}



.metadata a:hover, .metadata a:visited{

	color: #0846a6 !important;

}



cite{

	font-size: 1.1em;

}



blockquote {

	margin: 10px 15px 10px 15px;

	padding: 10px 15px 10px 15px;

	border: 1px solid #cccccc;

}



blockquote cite {

	margin: 5px 0 0;

	display: block;

}





p.leiaMais

{

	text-align: right;

	font-size: 9px;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

}



p.leiaMais a

{

	font-size: 10px;

	text-decoration: none;

}



p.leiaMais a:hover

{

	text-decoration: underline;

}





/************************************************

*	Sidebar									*

************************************************/



#primary{

        width: 207px;

	padding: 0px;

        margin:0px;

	float: left;



}



div#l_sidebar ul#l_sidebarwidgeted li h5

{

	position: relative;

	display: block;

	float: left;

	padding: 0px;

	margin: 0px;

	background: url(images/bg-h5-l_sidebar.gif) no-repeat left top;

	width: 207px;

	height: 24px;

	text-indent: -9999px;

}



div#l_sidebar ul#l_sidebarwidgeted li h5 span

{

	position: relative;

	display: block;

	float: left;

	width: 207px;

	height: 24px;

	padding:0px;

	margin: 6px 5px;

	*margin-top:-10px;

	_margin-left:3px;

}



div#l_sidebar ul#l_sidebarwidgeted li h5.tit01 span

{

	background: url(images/titTwitter.gif) no-repeat left top;

}



div#l_sidebar ul#l_sidebarwidgeted li h5.tit02 span

{

	background: url(images/titAcompanheWalmart.gif) no-repeat left top;

}



div#l_sidebar ul#l_sidebarwidgeted li h5.tit03 span

{

	background: url(images/titComentarios.gif) no-repeat left top;

}



div#l_sidebar ul#l_sidebarwidgeted li h5.tit04 span

{

	background: url(images/titMaisComentados.gif) no-repeat left top;

}



#l_sidebar {

	padding: 0px;

	margin: 0px;

	}

	

#l_sidebar p{

	padding: 3px 0px 0px 0px;

	margin: 0px;

   color: #333333;

	}

	

#l_sidebar ul {

	margin:0px  !important;

	padding: 0px  !important;

}



#l_sidebar li {

   margin: 0px;

	padding: 0px;

	list-style: none;

}

#l_sidebar ul li {

	margin: 0px;

	padding: 0px;

	list-style: none;

}

	

#l_sidebar ul li a {

	color: #52a8ff;

	

}



#l_sidebar ul li a:hover {

	text-decoration: underline;

}



div#l_sidebar ul#l_sidebarwidgeted li ul {

	position: relative;

	display: block;

	float: left;

	width: 207px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

  background-color: #fff;

   color: #a3a3a3;

}



div.boxFooterLateral 

{

	position: relative;

	display: block;

	float: left;

	width: 207px;

	height: 10px;

	margin: 0px 0px 10px 0px;	

	background: url(images/bg-ul-footer.gif) no-repeat left bottom;

	clear: both;

}



div#l_sidebar ul#l_sidebarwidgeted li ul li

{

	background: url(images/bg-li.gif) no-repeat left center;

	padding: 0px 0px 0px 10px;

	margin: 5px 0px 0px 5px;

	color: #a3a3a3;

}



#secondary{

        width: 200px;

        margin:0px;

	padding: 0px;

	float: right;

	_position: absolute;

}



div#r_sidebar ul#r_sidebarwidgeted li h5

{

	position: relative;

	display: block;

	float: left;

	padding: 0px;

	margin: 0px;

	background: url(images/bg-h5-l_sidebar.gif) no-repeat left top;

	width: 207px;

	height: 24px;

	text-indent: -9999px;

}



div#r_sidebar ul#r_sidebarwidgeted li h5 span

{

	position: relative;

	display: block;

	float: left;

	width: 207px;

	height: 24px;

	padding:0px;

	margin: 6px 5px;

	*margin-top:-10px;

	_margin-left:3px;

}



div#r_sidebar ul#r_sidebarwidgeted li h5.tit02 span

{

	background: url(images/titCategoria.gif) no-repeat left top;

}



div#r_sidebar ul#r_sidebarwidgeted li h5.tit03 span

{

	background: url(images/titArquivos.gif) no-repeat left top;

}



div#r_sidebar ul#r_sidebarwidgeted li h5.tit04 span

{

	background: url(images/titTags.gif) no-repeat left top;

}

div#r_sidebar ul#r_sidebarwidgeted li h5.tit05
{
    margin-top:15px;
}

div#r_sidebar ul#r_sidebarwidgeted li h5.tit05 span

{

	background: url(images/titPromocoes.gif) no-repeat left top;

}


#r_sidebar {

	padding: 0px;

	margin: 0px;

	}

	

#r_sidebar p{

	padding: 3px 0px 0px 0px;

	margin: 0px;

   color: #333333;

	}

	

#r_sidebar ul {

	margin:0px  !important;

	padding: 0px  !important;

}



#r_sidebar li {

   margin: 0px;

	padding: 0px;

	list-style: none;

}

#r_sidebar ul li {

	margin: 0px;

	padding: 0px;

	list-style: none;

}

	

#r_sidebar ul li a {

	color: #52a8ff;

	

}



#r_sidebar ul li a:hover {

	text-decoration: underline;

}



div#r_sidebar ul#r_sidebarwidgeted li ul {

	position: relative;

	display: block;

	float: left;

	width: 207px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

  background-color: #fff;

  color: #a3a3a3;

}



div.bgColorBranco

{

        display:block;

        float:left;

        width:207px;

        height:auto;

			background-color: #fff;

        padding:5px 0px;

}



div.bgColorBranco a

{

    margin:5px;

}







div#r_sidebar ul#r_sidebarwidgeted li ul li

{

	background: url(images/bg-li.gif) no-repeat left center;

	padding: 0px 0px 0px 10px;

	margin: 5px 0px 0px 5px;

}



li .categories, li .linkcat, li .pagenav {

	margin: 0px;

	padding: 0px;

}



.sidebarSearch{

	clear: both;

        margin-top: 10px;	

        margin-bottom: 10px;

	margin-left: 5px;

}



.feedarea  {

	height: 30px;

	background-image:url(images/feedicon.png);

        background-repeat: no-repeat;

	padding-left:20px;

}



.feedarea  a {

       color: #333333;

}



/************************************************

*	Comment Area									*

************************************************/





#comment {

	width: 440px;

	

        color: #333333;

	padding: 0px 10px 0px 10px;

	margin: 5px 0px 10px 0px;

        font-size: 1.3em;

}

	

  

#comment  a{

        color: #333333;

	text-decoration: none;

}



#comment a:hover{

	color: #cccccc;

}



ol#commentlist {

	padding: 5px 0px;

	margin: 0px;

	list-style-type: none;

        font-weight: bold;

}



ol#commentlist li

{

	padding: 5px 10px;

	margin: 5px 0px;

	color: #3f3f3f;

	font-size: 12px;

}



ol#commentlist li.standard

{

	padding: 5px 10px;

	background-color: #f8f8f8;

}

	



ol#commentlist li.alt

{

	padding:10px;

	background-color: #f5faff;

}



ol#commentlist li.standard p, ol#commentlist li.alt p

{

	margin: 0px !important;

}





#commentlist li a.url

{

	font-size: 16px;

	color: #1881e3;

	display: block;

}



#commentlist li a.url:hover

{

	text-decoration: underline;

}

	

.commentdate {

	font-size: 1.2em;

	padding-left: 0px;

        font-weight: bold;

}

	

.commentlist p {

	clear: both;

	font-size: 1.2em;

}



#commentlist li p{

	margin-bottom: 8px;

	line-height: 18px;

	padding: 5px;

   font-weight: normal;

	}



	

#commentlist li div p

{

	margin: 0px !important;

}		

	

.commentname {

	color: #333333;

	margin: 0px;

	padding: 5px 5px 0px 0px;

	}



.commentinfo{

	clear: both;

	}



.commenttext, .commenttext-admin {

	clear: both;

	margin: 0px 0px 10px 0px;

	padding: 0px;

	width: auto;

	}



/*	

.commenttext-admin {

	clear: both;

	margin: 5px 0px 10px 0px;

	padding: 0px 10px 5px 10px;

	width: 450px;

	}

*/

#commentsformheader{

	padding-left: 0px;

	}



#commentsform{

	text-align: left;

	margin: 0px;

	padding: 0px;

	background: transparent;

	margin:0px 0px 0px 20px;

	}



	#commentsform input, #commentsform textarea

	{

		border: none;

		background: transparent;

		font-family: Arial, Helvetica, sans-serif;

		font-size: 12px !important;

	}

	

#commentsform h2

{

	color: #0846a6;

	font-size: 18px;

	font-weight: bold;

}	

	

#commentsform label

{

	display: block;

	float: left;

	width: 100px;

	text-align: right;

	color: #0846a6;

	font-size: 13px;

	padding: 0px 10px 0px 0px;

}	



#commentsform label span

{

	color: #686868;

	font-size: 10px;

}

	

#commentsform form{

	text-align: left;

	margin: 0px;

	}





#commentsform p{

	margin: 0px;

        width:325px;

	height: 25px;

	background: url(images/bg-input-text.gif) no-repeat right top;

        padding:3px 0px 0px 0px;

	}

form#commentform p.bgTextArea

{

    height:100px;

    background: url(images/bg-textarea.gif) no-repeat right top;

}



#commentsform form textarea{

	width:210px;

        height:84px;

		  font-family: Arial, Helvetica, sans-serif;

}



#commentform p.btnEnviar  {

	background: none;

}



#commentform p.btnEnviar input {

	float: right;

	width: 327px;

	background: url(images/btn-enviar.gif) no-repeat right top;

	height: 30px;

	cursor: pointer;

	padding: 30px 0px 0px 0px;

		  outline: none;

		  overflow: hidden;

}





	

p.comments_link  img{

	margin: 0px;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



.commentmetadata {

	font-size: 1.1em;

	float: right;

}



.commentlist li {

	padding: 2px;

	border-top: 1px solid #cccccc;

}



ul#recentcomments

{

	color: #a3a3a3;

}



.navigation {



	text-align: right;

	margin-top: 10px;

	margin-bottom: 10px;

	color: #333333;

        font-size: 1.3em;

}



.navigation a:link, .navigation a:hover, .navigation a:visited{

	color: #0846a6;

	font-size: 11px;

	font-weight: bold;

	margin: 0px 10px;

}



.alignright {

	float: right;

}



.alignleft {

	float: left

}



/************************************************

*	Calendar									*

************************************************/





#wp-calendar {

	empty-cells: show;

	margin: 0;

	width: 90%;

}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

}



#wp-calendar a {

	display: block;

	text-decoration: none;

}



#wp-calendar td {

	color: #333333;

	letter-spacing: normal;

	padding: 2px 0;

	text-align: center;

}



#wp-calendar #today {

	background: ;

	color: #eeeeee;

}



#wp-calendar th {

	font-style: normal;

	/*text-transform: capitalize;*/

}



/************************************************

*	Footer									*

************************************************/





#foot {

        width: 900px; 

        height: 40px;	

        text-align: center;

	padding-top: 20px;

	color: #333333;

        font-size: 11px;

        

}



#foot a:link, #foot a:visited{

	color: #333333;

        text-decoration: none;

}



#foot a:hover {

        color: #9c9c9c;

}



/*

# CALENDARIO

*/

div#calendar_wrap

{

	position: relative;

	display: block;

	float: left;

	width: 207px;

	height: auto;

	background-color: #fff;

}



table#wp-calendar

{

		width: 200px;

		border-collapse: collapse;

		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

                  margin:0px 0px 0px 4px;

}



table#wp-calendar caption

{

	font-weight: bold;

	font-size: 11px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	margin: 5px 0px;

	color: #4c4c4c;

}



table#wp-calendar thead tr th

{

	text-align: center;

}



table#wp-calendar tbody tr td#today

{

	padding: 2px;

	border: 1px solid #c4dcf2;

	background-color: #3788d1;

	font-weight: bold;	

}



table#wp-calendar tbody tr td a

{

	color: #003fa0;

	font-weight: bold;	

	padding: 1px 0px;

	border: 1px solid #c4dcf2;

}



table#wp-calendar td#prev a, table#wp-calendar td#next a

{

    color:#3788d1;

    font-weight:bold;

    font-size:12px;

}



/*

# ACOMPANHE WALMART

*/



ul#lstAcompanheWalmart

{

    position:relative;

    display:block;

    float:left;

    width:150px;

    margin:0px 0px 0px 34px;

    padding:0px;   

}



ul#lstAcompanheWalmart li

{

    display:block;

    float:left;

    width:28px;

    height:27px;

    text-indent:-9999px;

    padding:0px !important;

    margin:0px;

	 background: none !important;

	 outline: none;

	 overflow: hidden;

}



ul#lstAcompanheWalmart li a

{

    display:block;

    width:26px;

    height:25px;

    margin:0px 2px;

}



ul#lstAcompanheWalmart li a.icoTwitter

{

    background: url(images/ico-twitter.gif) no-repeat left top;

}



ul#lstAcompanheWalmart li a.icoRSS

{

    background: url(images/ico-RSS.gif) no-repeat left top;

}



ul#lstAcompanheWalmart li a.icoTechnorati

{

    background: url(images/ico-technorati.gif) no-repeat left top;

}



ul#lstAcompanheWalmart li a.icoFacebook

{

    background: url(images/ico-facebook.gif) no-repeat left top;

}



ul#lstAcompanheWalmart li a.icoOrkut

{

    background: url(images/ico-orkut.gif) no-repeat left top;

}



img

{

	border: none !important;

	outline: none !important;

}



div#r_sidebar ul#r_sidebarwidgeted li h5.tit01

{

	display:none;

}
