/*
Theme Name: Love s.a.
Theme URI: http://www.lovesa.com.br
Description: love s.a. a industria do amor
Version: 1.0
Author: Frederico Dietz


*/
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



body
 {
 margin: 0;
 padding: 0;
 font: 85% arial, hevetica, sans-serif;
 text-align: center;
 color: #000;
 background-image: url('/wp-content/uploads/2009/10/TOPO1.jpg');
background-repeat: no-repeat;
background-attachment:  fixed;
 background-color: #333;
 background-position:top center;
 }
 
h1,h2,h3,h4,h5,h6 {color:#000; font: arial, hevetica, sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#222; font: arial, hevetica, sans-serif;} 
.branco
{color:#fff;}

a {color:#000;text-decoration:none;}
a:hover, a:focus {color:#666;}  
a img 
{ 
	border:none; 
	outline: none;
}

#topo
 {
 width:990px;
 margin:0 auto 1em;
 padding:0 0 0.5em;
 color:#FFF;
 height:63px; 
 position:relative;
 z-index:50;
 } 
#topo h4 { font-weight: bold; float: left}
#topo h4 a { color: #f0c; text-decoration: none; } 
 
 
#container
 {
 margin: auto;
 width: 990px;
 text-align: left; 
background: url("/wp-content/uploads/2009/10/fundo_conteudo.jpg") repeat #bbb;
 } 

#container_inner {width:950px;margin:0 auto;padding:0.5em 0 0px 0px;} 

#conteudo-grande {width:950px;margin:0 auto;padding:0.5em 0 0px 0px;}
#conteudo-grande .b {
 background: transparent url('/wp-content/uploads/2009/10/box-top-grande.png') no-repeat;
 padding-top: 3px;
 }

#conteudo-grande .b2 {
 background: transparent url('/wp-content/uploads/2009/10/box-bottom-grande.png') no-repeat bottom left;
 padding-bottom: 10px;
 width:100%;
z-index:2;
 }

#conteudo-grande .b3 {
 background: transparent url('/wp-content/uploads/2009/10/box-middle-grande.png') repeat-y;
 padding: 0px 0px;
 }

#conteudo-grande .b4 {
 background: #eee;
 padding: 7px 10px 1px;

 }
 
#exibicao_de_imagens
 {
	height: 100%;
width:950px;
 } 
 

#topicos_recentes
 {
 float: right;
 width: 315px;
 padding:0 1px 20px 10px;
display:inline;
 font: 11px arial, hevetica, sans-serif;
 }
 
#topicos_recentes .b {
 background: transparent url('/wp-content/uploads/2009/10/left-box-top.png') no-repeat;
 padding-top: 3px;
 }

#topicos_recentes .b2 {
 background: transparent url('/wp-content/uploads/2009/10/left-box-bottom.png') no-repeat bottom left;
 padding-bottom: 10px;
 width:100%;
 }

#topicos_recentes .b3 {
 background: transparent url('/wp-content/uploads/2009/10/left-box-middle.png') repeat-y;
 padding: 0px 0px;
 }

#topicos_recentes .b4 {
 background: #eee;
 padding: 7px 10px 10px;
 } 
 #topicos_recentes ul
 {
	 list-style:none;
 }

.topicos_antigos ul
{
	list-style:none;
}

.topicos_antigos ul li
{
	padding-bottom:10px;
}


.conteudo
 {
	 width: 620px;
 padding-top: 5px;
 margin-right: 315px;
 height:auto ;
 } 
 
 .conteudo .b {
 background: transparent url('/wp-content/uploads/2009/10/box-top.png') no-repeat;
 padding-top: 3px;
 }

.conteudo .b2 {
 background: transparent url('/wp-content/uploads/2009/10/box-bottom.png') no-repeat bottom left;
 padding-bottom: 10px;
 width:100%;
z-index:2;
 }

.conteudo .b3 {
 background: transparent url('/wp-content/uploads/2009/10/box-middle.png') repeat-y;
 padding: 0px 0px;
 }

.conteudo .b4 {
 background: #eee;
 padding: 7px 10px 1px;

 } 
 
.conteudo .logo2 
 {
	 position:relative;
	 margin-left:490px;
         margin-bottom:-5px;
z-index:1;
 }

 #categorias
 {	 
 height: 100%;
 border-top-width: 2px;
 border-top-style: solid;
 border-top-color:#f0c;
 font: 11px arial, hevetica, sans-serif;
 } 
 #categorias .left
 {
	 float: left;
	 width:184px;
 }
  #categorias .middle
 {
	margin: 0 5px 0 10px;
	float:left;
	width:182px;
 }
  #categorias .middle2
 {
	margin: 0 0px 0 7px;
	float:right;
	width:182px;
 }
  #categorias .right
 {
	 float: right;
	 width:182px;
 }
 #categorias .b {
 background: transparent url('/wp-content/uploads/2009/10/left-box-top.png') no-repeat;
 padding-top: 3px;
 }

#categorias  .b2 {
 background: transparent url('/wp-content/uploads/2009/10/left-box-bottom.png') no-repeat bottom left;
 padding-bottom: 10px;
 width:100%;
 }

#categorias .b3 {
 background: transparent url('/wp-content/uploads/2009/10/left-box-middle.png') repeat-y;
 padding: 0px 0px;
 }

#categorias .b4 {
 background: #eee;
 padding: 7px 10px 7px;
 }
 
 #categorias .separador
 {
	 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color:#f0c;
 }
 
 #rodape
 {
	margin: auto;
 width: 990px;
	text-align: left; 
	color:#ccc;
	clear:both;
 }
 #rodape ul
 {
	 list-style:none;
 }
 

 /* ************************ SLIDESHOW ********************************/
ul#portfolio {padding:0;list-style:none;margin:0 0 1em;overflow:hidden;max-height:590px;}
ul#portfolio li {list-style:none;padding:0;}
ul#portfolio li h4 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 16px;}
ul#portfolio li img {max-width:950px;text-align:center;margin:0;}
ul#portfolio li a.link{text-decoration: none; border : 0;	outline: none;}
ul#portfolio li  a img {border:none;outline: none;}

/* Floats & Images */

.left { float: left; }
.right { float: right; }
.middle {margin: 0 auto auto 5px;float:left;}
.clear { clear: both; } 



/* slider specific CSS */
        .sliderGallery {
            overflow: hidden;
            position: relative;
            padding: 14px 0px 20px 0px;
            height: 160px;
            width: 620px;
			background-color:#999;
        }
        
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;
			
        }
        
        .sliderGallery UL LI {
            display: inline;
			margin-right:1px;
        }
        
        .slider {
            width: 620px;
            height: 19px;
            margin-top: 150px;
            margin-left: 0px;
            padding: 0px;
            position: relative;
            background-color:#444;
			opacity:.90;
            filter: alpha(opacity=90); 
			-moz-opacity: .90;
        }
        
        .handle {
            position: absolute;
            cursor: move;
            height: 18px;
            width: 181px;
	    background:url('/wp-content/uploads/2009/10/barra-de-rolagem.png') no-repeat;
            opacity:.40;
            filter: alpha(opacity=40); 
			-moz-opacity: .40;
            z-index: 100;
        }
        
		 .slider span {
            color: #000;
            font-size: 16px;
            cursor: pointer;
            position: absolute;
            z-index: 110;
			bottom: 0px;
        }
        
         .slider .slide-esquerda {
            left: 1px;
			color:#FFF;
        }
        
        .slider .slide-direita {
            left: 610px;
			color:#FFF;
        }
       
	.slider-item {position: relative; margin: 0 0 0px;padding:0px 0 0 10px;
	text-align:center;
	left:1px;}
	.slider-item span.slider-title {
	background: #000; 
	padding:2px 0 0 0;
	left: 10px; 
	bottom: 3px; 
	display: block; 
	text-align:center; 
	height: 18px; 
	width:145px; 
	overflow:hidden; 
	position: absolute; 
	z-index: 10; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=70); -moz-opacity: .70; opacity:.70;}
	.slider-item span.slider-title a { color: #ccc; text-decoration: none; }
	.slider-item span.slider-title a:hover {color:#fff;}
	.slider-item .attachment-thumbnail {width: 145px; height:145px; margin:0;padding:0;float:none;/* opacity - move to sep. stylesheet */ filter: alpha(opacity=90); -moz-opacity: .90; opacity:.90;}
	.slider-item .attachment-thumbnail:hover {/* opacity - move to sep. stylesheet */ filter: alpha(opacity=100); -moz-opacity: 1; opacity:1;} @charset "UTF-8";
/* CSS Document */



   .thumb {
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
    }
	
	.thumb-post
 {
    float:left;
    margin:0 10px 5px 0;
  }

	
	.postmetadata {
	clear: both;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}




/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.navigation {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	color:#000;
	}
	
	
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:596px; height:25px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:596px; w\idth:596px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:right;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:10px;text-decoration:none; color:#fff; width:138px; height:25px; background:#333; padding-left:10px; line-height:25px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#888 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#333 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#444;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#888;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:25px;t\op:26px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#444; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:128px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#ccc;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#f0c;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}


.post {
	margin: 0 0 40px;
	text-align: justify;
	}
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.navi {float:left; margin-bottom: 15px;}
.navi a {background:#fff; color:#222; font:bold 12px/1 helvetica,arial,sans-serif; padding:8px 10px 8px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; display: block}
.navi a:hover {background:#222;color:#fff}
.prev a, .next a {color:#222;text-decoration:none;padding:4px 10px 6px 10px; font-size:14px;display:block;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

#links_rodape
{margin-left:200px;
width:250px; 
 border-left-width: 2px;
 border-left-style: solid;
 border-left-color:#f0c;
border-right-width: 2px;
 border-right-style: solid;
 border-right-color:#f0c;
}
#links_rodape ul
{
	list-style:none;
}
#links_rodape h3
{color:#999;}
#links_rodape a
{color:#999;}
#links_rodape a:hover
{color:#666;}

#arquivo_rodape
{float:left;
width:200px;
padding: 0 0 0 10px;
border-left-width: 2px;
 border-left-style: solid;
 border-left-color:#f0c;

}
#arquivo_rodape h3
{color:#999;}
#arquivo_rodape a
{color:#999;}
#arquivo_rodape a:hover
{color:#666;}

.tags
{color:#777;}
.tags a
{color:#777;}
.post a:hover{color:#f0c;}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

#commentform textarea{
	width:100%;}
.commentlist li {
	font-weight: bold;
border: 1px solid #999;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px 20px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */