/*
Theme Name: LuPeE
Theme URI: http://www.lupee.com.br
Version: 1.0
Author: LuPeE
Author URI: http://www.lupee.com.br

*/

 
/*/////////////////////////////////////////
///////////////// OVERAL ////////////////
/////////////////////////////////////////*/
body { font:11px/18px  "Lucida Grande", "Segoe UI", Arial, Verdana; color:#CCCCCC; background:#111 url(images/ancillary.jpg) no-repeat left top; }
a  { color:#57A2AB;text-decoration:none;outline:0; }
a:hover  { color:#57A2AB; }
::-moz-selection { background:#57A1AC;color:#57A2AB; }
::selection { background:#57A1AC;color:#57A2AB; } 
ul { list-style:none; margin:0; padding:0; }
ol { list-style:decimal-leading-zero; }
ul.dates, ul.counts { list-style-type:none;margin:3px 0; }
ul.dates li, ul.counts li { list-style-type:none;	margin:0;padding:3px 0 3px 10px;background:url(images/li.gif) no-repeat center left; }
ul.dates .date {	color:#333;padding:0 5px 0 0;text-transform:uppercase;font:9px arial; }
ul.counts .count { float:right;color:#858585; }
ul.dates a, ul.counts a  { color:#BFBFBF;text-decoration:none; }
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count { color:#57A2AB; }
.clear { clear:both; }
.left  { float:left; margin-right:8px; }
.right  { float:right;margin-left:8px; }
.pagetitle { margin:0; padding:6px 5px 20px 20px; font:bold 10px arial,verdana;color:#57A2AB;text-transform:uppercase;background:url(images/exclamation.png) no-repeat 0 15%; }
h3 { margin:0; padding:0;font:bold 11px Arial; text-transform:uppercase; color:#57A2AB; }
h4 { margin:0; padding:0;font:bold 11px Arial; text-transform:uppercase; color:#57A1AC;letter-spacing:1px; }
code { font: 11px arial, "Courier New"; color:#57A2AB; padding:12px 10px;display:block; }
code::-moz-selection { background: #333; }
code::selection { background: #333; }
blockquote { color:#57A1AC; padding-top:5px; padding-bottom:5px; background: url(images/close-quote.png) no-repeat right bottom; font-weight:bold;  }
blockquote p { padding-left: 10px; text-indent: -18px; }
blockquote p:first-letter { background: url(images/open-quote.png) no-repeat left top; padding-left: 18px; padding-top: 8px; }
blockquote p ~ p:first-letter { font-size:12px; background: none; }
.pullquote { padding: 6px; float: right; width: 180px; margin:5px 0 10px 10px; border-top:1px solid #222; border-bottom:1px solid #222; text-align: center; font-family: verdana, Arial, Helvetica, sans-serif;color:#aaa;font-size:11px; }


/*/////////////////////////////////////////
//////////// ESTRUTURA DO LAYOUT /////////////
/////////////////////////////////////////*/
#container { width:974px; padding:0; margin:0; margin-left:0px;overflow:auto; }	
#content { width:562px; float:left; padding:6px 6px 15px 6px; background:#1a1a1a;}
#header { margin:0; padding:0; margin-top:190px; }
#logo h1 { font:26px arial; margin:0; padding:0;}
#logo h1 a { width:240px;height:100px;float:left;margin-top:10px;text-indent:-999em; }


/*/////////////////////////////////////////
///////////////// ANIMAÇÃO EM FLASH DIV ////////////////
/////////////////////////////////////////*/
#flash {margin:0;padding:0; width:820px; }

/*/////////////////////////////////////////
//////////// SLIDER /////////////
/////////////////////////////////////////*/
#a { width:975px;height:200px;margin:0;padding:0;background:#111 url(images/extras-bg.jpg) no-repeat; border-bottom:1px solid #333;border-right:1px solid #333; }
#a ul { margin:0;padding:0; }
#b { height:160px;margin:0;padding:0;background:#252525;border-top:1px solid #303030;border-bottom:1px solid #2f2f2f; }
#b ul { margin:0;padding:0; }

#handler { width:975px;margin:0;padding:0; height:20px; }
#handle ul { margin:0;padding:0; }

ul#menu { clear:both;float:right;margin:70px 10px 0 5px;padding:0; }
ul#menu li#close a { background:transparent url(images/handler.png) no-repeat left bottom; text-indent:-999em;width:50px; height:20px; display:block; padding:0; margin:0; }

#openB  { float:right; margin:5px 20px 0 0;font-size:90%; }
#closeB  { float:right; margin:5px 20px 0 0;font-size:90%; }

.expand a { text-indent:-999em;background:transparent url(images/handler.png) no-repeat left top;display: block;float:right;width: 36px;height: 20px;padding:0;margin:0 140px 0 0; }

                     
/*/////////////////////////////////////////
//////////// TOPO, MENU /////////////
/////////////////////////////////////////*/	
.menu { margin:0;padding:0;height:32px;background:#040404 url(images/menu.png);font-size:11px;}
.menu ul { margin:0;padding:0;margin-left:20px;list-style:none;  }
.menu li  { margin:0;padding-top:3px;float:right; }
.menu  li a { color:#ddd;text-decoration:none;padding-left:0px;display:block;margin-right:12px;padding:4px 10px 3px 8px;border-bottom:0px; }
.menu ul li a:hover{ color:#57A2AB;background:#333; }
.menu ul li a.active{ color:#57A2AB;padding-left:18px; }


/*/////////////////////////////////////////
///////////////// RELAÇÃO AO POSTS ////////////////
/////////////////////////////////////////*/
.relposts { margin:0; padding:0; color:#333;}
.relposts h2 { margin:0; font:bold 11px Arial; text-transform:uppercase; color:#9d8a77; }
.relposts li { margin:0; padding:2px 0; background:url(images/left-fodler.gif) no-repeat 0 50%; }
.relposts li a { color:#57A2AB; text-decoration:none; border-bottom:1px dotted #222; }
.relposts li a:hover { color:#57A2AB; border-bottom:1px solid #57A1AC; }                                                                 
                                                                                               
                                                                                               
/*/////////////////////////////////////////
///////////////// POSTS & COMENTARIOS ////////////////
/////////////////////////////////////////*/
#content .post { margin:0; margin-bottom:15px; padding: 5px 6px 20px 4px; background:url(images/divider.png) repeat-x bottom; }
#content .post:hover { background:#151515 url(images/back_on.png) repeat-x top; }
#content .post h2 { font:16px "Lucida Grande", Geneva, Arial, verdana; letter-spacing:-1px; margin:0;padding:0;  }
#content .post h2 a { color:#57A1AC; text-decoration:none;margin:0;padding:0;display:inline; }
#content .post h2 a:hover { color:#57A2AB; border-bottom:2px solid #57A1AC; }

#content .post small { font-size:80%; font-family:arial; text-transform:uppercase; letter-spacing:normal; display:block; }			
#content .post small a { color:#57A2AB;text-decoration:none;}
#content .post small a:hover { color:#999; }
#content .post-comments { background: url(images/icon-comment.gif) no-repeat 0 50%; padding-left: 13px; margin:0; }

#content .entry ul li { margin:0; color:#57A2AB;padding:0 0px 0 12px;list-type:none; }		
#content .entry ol { list-style:decimal-leading-zero; }
#content .entry a  { color:#006699; }
#content .entry a:hover { color:#ddd;text-decoration:none;  }
#content .entry img { border:1px solid #222; } /* body images styles - with 1px border hover effect */
#content .entry img:hover { border:1px solid #777; }
#content .entry img.wp-smiley { border:0px none; margin:0; vertical-align:middle; } /* Smiley */


/*/////////////////////////////////////////
///////////////// CCOMENTARIOS ////////////////
/////////////////////////////////////////*/
h3#comments, h3#respond { font-weight:normal; font:bold 10px arial, verdana; text-transform:uppercase; color:#57A2AB;padding:4px 0 4px 25px;background-position:left; background-repeat:no-repeat; }
h3#comments { background-image:url(images/addcomment.png); }
h3#respond  { background-image:url(images/addcomment.png); }	
h3#trackback { background: url(images/pingback.png) no-repeat;font:bold 10px arial, verdana;text-transform:uppercase; color:#57A2AB;padding:3px 0 4px 25px; }
h5 { margin:0;padding:0; font:bold 12px arial; }
h5 a { color:#57A2AB; }


ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist cite { font-style:normal; color:#57A2AB; }
ol.commentlist small { color:#57A2AB; }
ol.commentlist li { border-bottom:1px dotted #222; padding:10px; }
ol.commentlist li { background:#1d1d1d; }
ol.commentlist li#linkpage ul li { padding:4px 0px; float:left; }
.alt { background:#1d1d1d; }
.pingback  { margin-bottom:20px; } 
ol.commentlist li span.moderate { background:url(images/notice.png) no-repeat; padding:3px 0px 3px 20px; color:#FF0000;text-decoration:blink; }
	
#commentform input#author,
#commentform input#email,
#commentform input#url { font-family: "Lucida grande", geneva, arial; background:#57A2AB url(images/icon_form.gif) no-repeat; border:1px solid #333; padding:4px 4px 4px 30px; width:200px; }

#commentform input#author { background-position:3px -3px; }
#commentform input#email { background-position:3px -33px; }
#commentform input#url { background-position:3px -63px; }
#commentform #comment { width:97%; font: 14px "Lucida Grande", geneva, arial; letter-spacing:-1px;background:#57A2AB url(images/icon_form_bg.gif); border:1px; padding:6px;}


/* SIDEBAR */
#sidebar { margin:0;padding:0 0 55px 0;background:#090909 url(images/mt.png) no-repeat bottom right;width:400px;float:right; }
#sidebar-me { padding:5px 15px 10px 15px; }
#sidebar-me a { color:#ddd;display:inline;background:#57A1AC;padding:2px; }
#sidebar-me a:hover { color:#ddd;display:inline;background:#151515;padding:2px; }

#sidenote { margin:0;padding:15px;color:#555; }
#sidenote h2.delicious-banner { display:none; }
#sidenote li a { color:#999;text-decoration:none;border-bottom:1px dotted #111; }
#sidenote li a:hover { color: #57A1AC;border-bottom:1px solid #111;  }
#sidenote img { border:1px solid #222; } 
#sidenote img:hover { border:1px solid #777; }
#sidenote .delicious { width:175px; margin-top:10px; float:left; }
#sidenote .flickr { margin-top:5px;padding-top:5px; }
#sidenote .flickr img { margin:4px;display:block;float:left; }
#sidenote .flickr a img { border:2px solid #333; }
#sidenote .flickr a:hover img { border:2px solid #57A2AB; }

/******************** ASK-ME *********************/
.askme_phrase {
color: #57A2AB;
text-align: left;
background: transparent;
border: 0px;}

#name {
	background:#333333;
	color: #FFFFFF;
	font-family: Verdana;
	border: 1px solid #57A2AB;
	font-size: 10px;}

#email {
	background:#333333;
	color: #FFFFFF;
	font-family: Verdana;
	border: 1px solid #57A2AB;
	font-size: 10px;}

#url {
	background:#333333;
	color: #FFFFFF;
	font-family: Verdana;
	border: 1px solid #57A2AB;
	font-size: 10px;}

#question {
    background:#333333 url(images/icon_form_bg.gif); 
	color: #FFFFFF;
	font-family: Verdana;
    border:1px solid #57A2AB;
	font-size: 10px;}

.askme_link {
font-weight: bold;
padding-left: 5px;}

.askme_question{
color: #CCCCCC;
text-align: left;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;}

.askme_resposta {
color: #57A2AB;
font-weight: bold;
padding-top: 5px;}

.askme_answer{
color: #CCCCCC;
text-align: left;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;}

.ask_me_date {
color: #57A2AB;
font-weight: bold;
text-align: right;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-top: 1px double #FFFEE6;}

.askme_navlinks {
text-align: center;
color: #57A2AB;
text-decoration:none;}

.ask_navlinks a:link {
color: #449C99;
text-decoration: none;}

.ask_navlinks a:visited {
color: #480000;
text-decoration: none;}

.askme_button {

font-size: 10px;
color: #FFFFFF;
background-color: #57A2AB;
border: 0px;}

fieldset.askme {
padding: 5px;
background-color: transparent;
border: 0px;}

.askme label {
display: block;
width: 10em;
color: #FFFFFF;
float: left;}



/*  CABEÇALHO & RSS FLAG  */
#randomshit {width:400px; height:28px; background:url(images/randomshit.png) no-repeat;}
#randomshit a {color:#FFFFFF;}
#randomshit a:hover {color:#000000;}

 
/*/////////////////////////////////////////
///////////////// SIM TAGS ////////////////
/////////////////////////////////////////*/
#simtag { margin:5px; padding:10px 8px 40px 10px; background:transparent url(images/tagclouds.png) no-repeat right bottom; }
#simtag a:link, a:visited { text-decoration:none;}
#simtag a:hover { text-decoration:underline;  }

#simtag2 { margin:0; padding:10px 0 35px 0; background:transparent url(images/tagclouds.png) no-repeat right bottom; }
#simtag2 a:link, a:visited { text-decoration:none;color:#FFFFFF; }
#simtag2 a:hover { text-decoration:underline;  }

/*/////////////////////////////////////////
///////////////// RECENTES ////////////////
/////////////////////////////////////////*/
#BOX { margin:20px 10px; padding:5px;}
#BOX a.hightlighted, #BOX a.hightlighted_down { background:#151515;font:10px arial; text-transform:uppercase;padding:4px;padding-left:6px;padding-right:6px;text-decoration:none; color:#999; }
#BOX a.hightlighted:hover { background:#333; }
#BOX a.hightlighted_down { background:#57A1AC;color:#ddd; }

#recent { margin:0; padding:0; }
#recent h2 { margin:0;  text-transform:uppercase; color:#333 }
#recent UL { padding: 5px 0;margin: 0; list-style-type: none; }
#recent li a { color:#57A2AB;text-decoration:none; }
#recent li a:hover { color: #57A1AC; }

#sidecomments { margin:5px 0;padding:0;width:300px; }
#sidecomments  UL, li { padding: 0px;margin: 0; list-style: none; }
#sidecomments li a { color:#57A2AB;text-decoration:none; }
#sidecomments li a:hover { color: #942f25; }

#monthly { padding:0;margin:0; }
#monthly ul, li { padding: 3px 0; list-style: none; }
#monthly li a { color:#57A2AB;text-decoration:none; }
#monthly li a:hover { color: #942f25; }



/*/////////////////////////////////////////
///////////////// TWITTER ////////////////
/////////////////////////////////////////*/
#twitter  { margin:0 auto;padding:30px 30px 8px 30px;background:transparent url(images/twitter.png) no-repeat; }
#twitter a { text-decoration:none; color:#333; }
#twitter a:hover { color:#943021;  }
#twitter ul { margin:0;padding:0;list-type:none; }
#twitter li { padding:8px 0; }


/*/////////////////////////////////////////
///////////////// CATEGORIAS ////////////////
/////////////////////////////////////////*/
.cat  { height:85px; background: url(images/cat.png) no-repeat right bottom; padding:10px 0 10px 10px; }
.cat  ul { margin:4px 0; }	
.cat  ul li { list-style:none;padding:4px 0px; display:inline; }
.cat  ul li a:link, .cat ul li a:visited { color:#999;float:left;text-transform:uppercase; width:35%;padding:2px;font-size:10px; margin:0px 3px; }
.cat  ul li a:hover { color:#FFFFFF; background:#57A1AC url(images/cat-sign.gif) no-repeat 95% 50%; }

/*/////////////////////////////////////////
///////////////// DESTAQUE ////////////////
/////////////////////////////////////////*/
#featured  { height:230px;margin:0;padding:0;background:#080808; }
.controls { padding:4px 2px 1px 2px; }
.controls a { background:#181818;border:1px solid #181818;display:block;float: left; height: 25px;width: 25px;margin-left:2px;margin-right:8px;padding: 2px; }
.controls b { background-color: #fff;display:block;height: 25px;overflow:hidden;text-indent: -999em;width: 25px; }
.controls a.on { border: 1px solid #999; }
.controls a:focus { outline:none;border-color:#999; }		
.boxIn { clear: both;border: 1px solid #efefef;padding: 0 10px 10px; }
.pi { padding: 5px 0;width:400px; }
.mi { color:#999;background: url(images/mask.png) no-repeat;padding: 4px;font:10px  "Lucida Grande", arial;margin: 135px 10px 10px;width: 172px; }
.mi a { color: #999;text-decoration:none; } 
.mi a:hover { color:#ddd; }

div.scroller {
	width: 400px;	height: 190px;overflow: hidden;}
div.scroller div.section {
width: 400px;height:190px;overflow:hidden;float:left; }
div.scroller div.content { width: 10000px; }
.section {color:#57A2AB;}


/*/////////////////////////////////////////
///////////////// BANNERS ////////////////
/////////////////////////////////////////*/
#banner  {padding:0;margin:10px 0;height:130px; }
#banner ul, li  {margin:0;padding:0; }
#banner li {padding:0; margin-left:6px;  float:left; }
#banner li#b01 a {display:block;width:125px; height:125px;background: url(images/125ad.png); text-indent:-999em; }
#banner li#b02 a {display:block;width:125px; height:125px; background: url(images/125ad.png); text-indent:-999em; }
#banner li#b03 a {display:block;width:125px; height:125px; background: url(images/125ad.png); text-indent:-999em; }


/*/////////////////////////////////////////
///////////////// BLORGOLL ////////////////
/////////////////////////////////////////*/
#linkpage { margin:0; padding:0;font-size:90%;}
#linkpage h2 { font:bolder 10px arial;color:#999;text-transform:uppercase;margin:0; padding:10px 0; }
#linkpage li { float:left; }


/*/////////////////////////////////////////
///////////////// PASTAS ////////////////
/////////////////////////////////////////*/
#footer { color: #999;  line-height:100%; margin-left:110px; width:430px; padding:10px 8px 10px 12px; }
#sbm { clear:both; padding:5px 0 0 15px; font-size:10px;  }
#sbm a { color: #57A2AB; text-decoration:none; border-bottom:1px dotted #111; }
#sbm a:hover { color: #942f25; border-bottom:1px solid #111; }
#sbm img { display:none; }


/*/////////////////////////////////////////
///////////////// FEED COUNTS ////////////////
/////////////////////////////////////////*/
.feedcountdiv { margin:0;padding:0; float:left;padding:0; font-size:80%;margin-left:10px; height:35px;background:url(images/rss.png) no-repeat 0 50%; }
.feedcountdiv a { text-decoration:none; color:#57A2AB; border-bottom:1px dotted #222; }
.feedcountdiv a:hover { text-decoration:none; color:#57A2AB; border-bottom:1px solid #57A1AC; }
.subscribers { float:left; margin-right:4px; color:#f99a39; margin-left:38px;font:bold 17px Arial, Helvetica, sans-serif; }