/* - - - - - - - - - - - - - - - - - - - - -

Theme Name: BlackBerry Brasil - - 

Theme URI: http://www.blackberrybrasil.com.br/

Description: Tema do Blog BlackBerry Brasil

Version: 1.0

- - - - - - - - - - - - - - - - - - - - - */

/* - General configuration - */

body, html
{
    margin:0;
    padding:0;
    background:#000 url(images/bg.jpg) top center repeat-x;
    text-align:center;
    margin-bottom:10px;
	font-family:Arial, sans-serif;
	font-size:12px;
}

a
{
	color:#006699;
    text-decoration:none;
}

a:hover
{
	color:#0099CC;
}

form label
{
	color:#006600;
	font-weight:bold;
}

/* ----- HEADINGS ----- */

h2
{
	font-size:17px;
	color:#006699;
}

h3
{
    font-size:16px;
    font-weight:bold;
    color:#333333;
    margin:5px 0; margin-top:15px;
}

#h1_home
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; color:#999999;
	font-weight:normal;
	margin:0; margin-bottom:15px; padding:0;
}

#h1_search
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; color:#333333;
	margin:0; margin-bottom:15px; padding:0;
}

h1#tit-post, h2#tit-post
{
	font-size:29px;
	color:#006699;
	font-family:serif;
	font-weight:normal;
	margin:0; padding:0;
	line-height:normal;
}

h2#tit-post a, h1#tit-post a
{
     color:#006600; 
}

h2#tit-post a:hover, h1#tit-post a:hover
{
     color:#009900;
}

/* ----- IMAGES ----- */
img
{
    border:none;
}
/*******************************************************
 * WRAP
 *******************************************************/

div#wrap
{
	width:984px;
	margin:0 auto;
	text-align:left;
}

/*******************************************************
 * Header
 *******************************************************/

div.header
{
    width:954px;  height:90px;
	padding-top:20px; padding-left:30px;
	background:url(images/bg-top.jpg) no-repeat;
	color:#FFFFFF;
}

a#logo
{
	display:block;
	height:54px; width:219px;
	background:url(images/logo.png) top left no-repeat;
	margin:0; padding:0;
}

a#logo h1
{
	margin:0; padding:0;
}

a#logo:hover
{
	background-position:0 -54px;
}

div#blog-slogan
{
	margin-top:-10px;
	_margin-top:-14px;
	font-style:italic;
}

div.banner-top
{
	width:600px; height:70px;
	float:left;
	display:table-cell; vertical-align:middle;
}



/*******************************************************
 * Menu-top
 *******************************************************/
div.menu-top
{
    height:20px;display:table; vertical-align:middle; width:944px;
	padding:8px 20px;
    background: url(images/menu-top.jpg) no-repeat;
}

div.top-links
{
	height:24px;
	width:250px;
	margin-left:710px;
}

div.top-links a
{
	float:left;
	display:block;
	background-position:top left;
	background-repeat:no-repeat;
}

div.top-links a#btn-favoritos
{
	background-image:url(images/btn-favoritos.png);
	width:89px; height:24px;
	margin-right:10px;
}

div.top-links a#btn-feeds
{
	background-image:url(images/btn-feeds.png);
	width:70px; height:24px;
	margin-right:10px;
}

div.top-links a#btn-eua
{
	background-image:url(images/eua-band.png);
	width:27px; height:24px;
	margin-right:5px;
}

div.top-links a#btn-pt
{
	background-image:url(images/pt-band.png);
	width:27px; height:24px;
}

div.top-links a:hover
{
	background-position:0 -24px;
}

/*******************************************************
 * Subscribe Div
 *******************************************************/
#subscribe
{
	float:left;
}

#feed_readers
{
	margin:0;
}

#subscribe ul
{
	display:none;
	background:#F4F5F7;
	border:1px solid #B7B7B7;
	width:165px;
	padding:5px; margin-left:-160px;
}

#subscribe li
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	display:block;
}

#subscribe li a span
{
	background:url(images/readers.gif) no-repeat;
	height:20px;
	width:80px;
	display:block;
	text-indent:-999em;
}

#subscribe li#google_reader a span
{
	background-position:0 0;
}

#subscribe li#youdao_reader a span
{
	background-position:0 -20px;
}

#subscribe li#xianguo_reader a span
{
	background-position:0 -40px;
}

#subscribe li#zhuaxia_reader a span
{
	background-position:0 -60px;
}

#subscribe li#yahoo_reader a span
{
	background-position:0 -80px;
}

#subscribe li#newsgator_reader a span
{
	background-position:0 -100px;
}

#subscribe li#bloglines_reader a span
{
	background-position:0 -120px;
}

#subscribe li#inezha_reader a span
{
	background-position:0 -140px;
}

#subscribe li a
{
	display:block;
	padding:1px;
	text-decoration:none;
	width:80px;
	font-size:12px;
}

#subscribe li a:hover
{
	background:#99CCFF;
}

/*******************************************************
 * Main-menu
 *******************************************************/
div.main-menu
{
    height:43px;  width:984px;
    background: url(images/main-menu.jpg) no-repeat;
}

div.main-menu ul
{
	margin:0; padding:3px 0 0 20px;
	height:40px;
	float:left;
}

div.main-menu ul li
{
	display:inline; 
	height:39px; line-height:39px;
	float:left;
}

div.main-menu ul li a
{
	color:#eaeaea; font-weight:bold;
	font-size:12px;
	display:block;
	padding:0 10px;
	border-left:1px solid #000;
	border-right:1px solid #333;
}

div.main-menu ul li a:hover
{
	color:#FFFFFF;
	background:url(images/menu-hover.jpg) repeat-x;
}

/*******************************************************
 * Main-menu
 *******************************************************/
div.sub-main-menu
{
    height:30px;  width:982px;
	border:1px solid #FFFFFF; border-bottom:none; border-top:none; border-bottom:1px solid #999999;
    background:#ccc url(images/sub-main-menu.jpg) repeat-x;
}

div.sub-main-menu ul
{
	margin:0; padding-left:0;
	height:30px;
	float:left;
}

div.sub-main-menu ul li
{
	display:inline; 
	height:30px; line-height:30px;
	float:left;
}

div.sub-main-menu ul li a
{
	color:#006699; font-weight:bold;
	font-size:12px;
	display:block;
	padding:0 10px;
	border-left:1px solid #ccc;
	border-right:1px solid #999999;
}

div.sub-main-menu ul li a:hover
{
	color:#0099CC;
	background:#ccc url(images/sub-main-menu-on.jpg) repeat-x;
}

/*******************************************************
 * CONTAINER
 *******************************************************/
div.container, div.custon-container
{
    width:984px;
    padding:0;
	background-color:#fff;
	height:100%;
	display:block;
	background:#fff url(images/bg-content.jpg) repeat-y;
    text-align:left;
	border-bottom:5px solid #333333;
}

div.custon-container
{
    background:#fff;
}

div.middle-coll
{
    width:523px;
	_width:522px;
    padding:15px; 
    float:left;
}

div.middle-coll ul
{   
    margin:0;padding:0;
}

div.middle-coll li
{
    margin:3px 0; padding-left:5px;
    list-style-position:inside;
}


/***************************************************
* ANUNCIOS - ESQUERDA
****************************************************/

div.left-coll
{
	float:left;
	width:142px; padding:15px;
}

div.left-coll h3, div.right-coll h3
{
    color:#333333;
	padding:5px; padding-left:24px; margin:0; margin-bottom:5px;
	border-bottom:1px solid #CCC; 
	background:#EAEAEA url(images/bg-tit-coll.jpg) no-repeat top left;
	font-family:serif;
	font-size:17px;
}

div.left-coll h3
{
	margin:5px -15px; margin-top:15px;
}

div.right-coll h3
{
	margin:5px -9px; margin-top:15px;
}



/***************************************************
* MENUS - DIREITA
****************************************************/
div.right-coll
{
	float:left;
	width:239px;
	_width:240px;
	padding:0 10px;
	_padding:0 9px;
}

div.right-coll ul
{
	margin:0; margin-bottom:15px; padding:0;
}

div.right-coll ul li
{
	list-style:none;
	border-bottom:2px dotted #ccc;
	padding:3px 0;
}

div.right-coll ul li a, div.tags a, div.right-coll a
{
	color:#006699;
}

div.right-coll ul li a:hover, div.tags a:hover, right-coll a:hover
{
	color:#0099CC;
}


div.tags a
{
	display:inline;
}

/********************

*********************/

textarea#tx-banner-publi
{
	display:none;
	width:140px;
	background:#eaeaea;
	border:1px solid #ccc;
	color:#333333;
	padding:3px;
}

textarea#banner2
{
	display:none;
	width:140px;
	background:#eaeaea;
	border:1px solid #ccc;
	color:#333333;
	padding:3px;
}



/***************************************************

* FORM - DIREITA

****************************************************/
div.right-coll form.searchform
{
	background:url(images/bg-search.jpg) no-repeat center ;
	height:42px; padding-top:10px; padding-left:15px;
	margin:15px -9px; margin-top:0px;
}

div.right-coll form.searchform input.search-text
{
	height:20px; width:175px;
	_height:25px;
	background:none;
	border:0;
	padding:8px 0px 0 10px;
	_padding-left:16px;
	color:#666666;
}

div.right-coll form.searchform input.search_btn
{
	height:32px; width:30px;
	margin-left:5px;
	background:none; border:none;
	cursor:pointer;
}


/****************************************************
 * POSTS
 ****************************************************/

div.info-list
{
	background:url(images/bg-tit.gif) no-repeat;
	height:40px;
	padding:5px; padding-left:30px; 
	margin-bottom:10px;
	font-size:14px;
}



div.info-list div
{ 
	margin-top:8px;
	font-weight:bold;
}

div#data

{

	color:#333;

	background:url(images/ic-data.gif) left no-repeat;

	padding-left:23px; margin-bottom:10px;

	font-size:10px;

	height:22px; line-height:22px;

}



div#border-post-bot

{

	background:url(images/border-post.gif) no-repeat; 

	height:5px;

	margin:5px 0 20px 0;

}





/****************************************************

 * POSTS COMMENTS 

 ****************************************************/





div.comment-author

{

	float:left; width:350px;
	font-size:15px; color:#666666;
	padding-top:5px; margin-right:15px;

}



div.comment-act

{

	float:left;

}



a#avatar

{

	float:left;

	margin-right:10px;

	border:1px solid #FFFFFF;

}



a#avatar:hover

{

	border-color: #99CCFF;

}



div.allowed-tags

{

	padding:5px;

	margin:5px 0;

	font-size:10px; color:#666666;

	background:#f8f8f8;

	border:1px solid #ccc;

}





.inp-commt, .inp-commt-on

{

	border:1px solid #ccc;

	padding:3px; margin:2px 0 5px 0;

	color:#666666;

	background:#f8f8f8;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

}



.inp-commt-on

{

	color:#003366;

	background:#fff;

	border:1px solid #666;

}



#submit-commt

{

	color:#fff;

	background:url(images/comment-btn.gif) no-repeat;

	height:27px; width:103px;

	border:none;

}



#submit-commt:hover

{

	cursor:pointer;

}



ul.comments

{

    margin:15px 0 ; padding:0;

}



ul.comments li

{

	margin:5px 0; padding:3px;
	list-style:none;
}



ul.comments li.alt1

{

	background:#f8f8f8;

}



ul.comments li.alt2

{

	background:#E6F2FF;

}



ul.comments li blockquote

{

	padding:5px; padding-top:0; margin:5px; margin-left:10px;

	background: #EDF5FB;

	border:1px dashed #CCCCCC;

}



.comments a

{

	font-weight:bold;

}



.comments p

{

	margin:0; margin-top:10px; padding:0;

}



.comment-body

{

	border-top:1px solid #eaeaea;
	margin-top:3px; padding:10px;
	font-size:14px; color:#000000;

}

/*******************************************************
 * FOOTER
 *******************************************************/
div.lists-footer
{
    padding:18px 20px;
    text-align:left;
    font-size:10px;
    color:#484848;
    background:#1972C6 url(images/bg-lists-footer.jpg) repeat-x;
}

div.lists-footer div.list-footer 
{
	float:left;
	width:285px;
	margin-right:40px;
}

div.lists-footer div.list-footer h3
{
	margin:0; padding:0;
	font-size:20px;
	color:#FFF;
}

div.lists-footer div.list-footer ul
{
	margin:0; padding:0;
}

div.lists-footer div.list-footer ul li
{
	list-style:none;
	border-bottom:1px solid #99CCFF;
	padding:3px 0;
	font-size:12px;
	color:#eaeaea;
}

div.lists-footer div.list-footer ul li a
{
	color:#99CCFF;
}

div.lists-footer div.list-footer ul li a:hover
{
	color:#fff;
}

div.footer
{
    padding:18px 20px;
    text-align:left;
    font-size:10px;
    color:#484848;
    background:#000 url(images/bg-footer.jpg) repeat-x;
	height:200px;
}

div.copyright
{
	color:#CCCCCC;
	float:left;
	width:200px; height:35px; padding-left:150px;
	background:url(images/logo-bbb-footer.png) no-repeat left top;
}


/*** MENU FOOTER ***/

ul.links-footer
{
	text-align:right;
	padding:0; margin:0;
	float:left;
	width:585px;
}

ul.links-footer li
{
	display:inline;
	list-style:none;
	padding:0 15px;
	font-size:9px;
	border-right:1px solid #ccc;
}

ul.links-footer li a
{
	color:#ccc;
	text-transform:uppercase;
}

ul.links-footer li a:hover
{
	color:#fff;
}


.clear
{
    clear:both;
}











/**********************************************************

 * SIDE BAR

 **********************************************************/







/*

HIP VOICE

*/

/* CSS Document */



div.ptt-form-area

{

	background:url(images/banner-form-ptt.jpg) no-repeat top;

	width:930px;

	padding-top:250px;

	font-family:Arial, Helvetica, sans-serif;

	color:#666666; font-size:12px;

}



div.ptt-form-area h3

{

	color:#009900;

	font-size:15px;

	padding:0; margin:15px 0 10px 0;

}



div.ptt-desc

{

	width:510px;

	margin-right:30px; margin-left:20px;

}



div.form-ptt

{

	margin-top:15px;

	width:250px; height:305px;

	background:url(images/bg-form-ptt.jpg) no-repeat top;

	padding-left:105px; padding-top:60px;

}



div.form-ptt .ptt-inp

{

	border:1px solid #99CCFF;

	padding:4px 5px;

	width:220px;

	font-family:Arial, Helvetica, sans-serif;

	color:#006699;

	margin-bottom:7px;

}



div.form-ptt label

{

	color:#006699;

	font-weight:bold;

}



div.form-ptt form

{

	margin:0;

	padding:0;

}



div.ptt-desc, div.form-ptt

{

	float:left;

}



#btn-enviar

{

  width: 85px;

  height: 35px;

  margin: 0;

  padding: 0;

  border: 0;

  background: url(images/btn-form-ptt.jpg) no-repeat center top;

  cursor: pointer; /* hand-shaped cursor */

  cursor: hand; /* for IE 5.x */

}



div.thptt-form-area

{

	background:url(images/bg-ptt-thankyou.jpg) no-repeat top;

	width:400px; height:300px; padding-top:300px; padding-left:530px;

	font-family:Arial, Helvetica, sans-serif;

	color:#666666; font-size:14px;

}



div.thptt-form-area .thtx-ptt-hora

{

	width:280px;

}



div#share {

	background-image:url('images/share.png');
	width:499px;
	margin-top:7px;
	margin-bottom:7px;
	text-align:center;
	height:56px;

}



div#share img
{
	padding:5px 5px 5px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-left:7px;
	margin-right:7px;
	margin-top:6px;
}



div#share img:hover
{
	background-color:#E0E0E0;

}

/**********************************************
 * GRID
 **********************************************/
table.grid,  table.grid th, table.grid td
{
	border:1px solid #eaeaea;
	 border-collapse:collapse;

}

table.grid th, table.grid td
{
	border-right:none; border-top:none;
	padding:10px 5px; margin:0;
	display:table-cell;
	border-spacing:0px;
}

table.grid
{
	border-left:none; border-bottom:none;
	width:100%;
}
 
table.grid th
{
	background:#eaeaea;
	border-color:#FFFFFF;
}

table.grid tr.hover:hover
{
	background:#E1F0FF;
	cursor:pointer;
}

table.grid tr.toggle
{
	background:#f8f8f8;
	cursor:pointer;
}