/* BODY */
tr,td {font-size: 12px; 
color: #E1F4FF; 
font-family: arial;
text-align: justify;
margin: 10px 0 5px 0;
background-color: #ffffff;
-moz-border-radius: 5px;
min-height: 100%;
}

body { background-image: url("http://teengossip.zip.net/images/bg12.png");
      background-repeat: no-repeat;
      background-align: center;
      background-color: #171717;  
      background-attachment: fixed;}



/* Fonte  */
p, a, body, td, tr, div {
font-style: arial; 
font-weight: normal;
color: #888888;
font-family: Arial;
line-height: 11px;
cursor: default;
font-size: 12px; 

}

/*  Link  */

a, a:link{
color: #FF0077;
TEXT-DECORATION: none;
text-shadow: 0px 0px #121212  ;
text-transform: capitalize;
font-family: Arial; 
font-size: 12px; 
cursor: pointer;

}
a:visited{
color: #FF0077;
TEXT-DECORATION: none;
text-shadow: 0px 0px #121212  ;
text-transform: capitalize;
font-family: Arial; 
font-size: 12px; 
cursor: pointer;
}


a:hover {
color: #5FF6F6;
TEXT-DECORATION: none; 
text-shadow: shadow: 0px 0px #000000;
text-transform: capitalize;
font-size: 12px; 
font-family: Arial
font-size: 12px; 
cursor: pointer;

}

/* Butões */

.button {
text-align: center;
font: 12px "Arial";
color: #808080;
display: block;
width: 280px;
padding: 5px 5px 5px 5px;
line-height:100%;
text-decoration: none;
font-style: bolder;
background-color: #272727;
margin-left: 5px;
margin-bottom: 3px;
-moz-border-radius: 5px 5px 5px 5px;
}
.button a:hover {
        color: #F4BF51;
}


.button2 {
        color: #B4B4B4;
	text-align: left;
        font-family: Arial;
        font-size: 11px;
	padding: 3px 3px 3px 3px;
        background-color: #ffffff;
        text-align: center;
        height: 20px;
}
.button2 a:hover {
        color: #F4BF51;
        background-color: #000000;
}


.button3 {
      color: #FFB700;
      font-family: arial;
      font-size: 16px;
      text-shadow: #E7F0F5 0px 0px;
      background-color: #202020;
      height: 14px;
      text-align: center;
      width: 240px;
      padding:  7px 4px 4px 4px;
      float: left;
        border-left: #262626 solid 6px;
-moz-border-radius: 0px 0px 0px 0px;
cursor: pointer;
        font-weight:bold;
      }
.button3 a:hover {
      color: #F4BF51;
cursor: pointer;
}

/* Welcome */

.welcome{
        color: #888888;
	text-align: justify;
        font-family: arial;
        width: 237px;
        background-color: #333333;
        height: autox;
        font-size: 12px;
        font-style: bold;
	padding: 3px;
        margin-bottom: 6px;
       line-height: 95%;
       border-bottom: 7px;
-moz-border-radius: 5px;
}

.welcometitle{
        color:  #5FF6F6;
	font: Champagne;
        font-size: 20px;
	background-color: #333333;
        height: auto;
         width: autopx;
	text-align: left;
        text-shadow: 0px 0px #0F0F0F;
         margin-bottom: 5px;
         margin-top: 5px;
text-transform: uppercase;
}



/* Destaque */
.destaque {
        color: #7BBDD2;
	text-align: justify;
        font-family: arial;
        width: 240px;
        height: autox;
        font-size: 16px;
        font-style: bold;
	padding: 0px;
-moz-border-radius: 0px 0px 0px 0px;
        background-color: #EDF4F7;
        border: solid 1px #DAE7EE;
        float: left;
}
.destaqueimg{
        border: #ff0077 solid 4px;
        background-color: #333333;
	padding: 2px;
}

.destaque_back{
        width: 390px;
        height: 75px;
-moz-border-radius: 5px 5px 5px 5px;
        float: left;
     opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
}
/* Postagens */

.titleimgbar {
        color: #5FF6F6;
	text-align: left;
        font-family: georgia;
        width: 618px;
        font-size: 33px/25px;
	padding-top: 9px;
	padding-bottom: 9px;
	text-transform: capitalize;
	font-style: italic;
	margin-left: 3px;
	background-color: #252525;
        border: 5px solid #252525;
	height: auto;
-moz-border-radius: 5px 0px 0px 0px;
text-shadow: 0 0 0.2em #252525;
margin-top: 8px;
margin-right: 6px;
        }



.titlebar {
        color: #000000;
        font: Champagne;
        font-size: 22px;
	text-align: center;
        background-color: #ffffff;
        width: 618px;
        height: autopx;
text-shadow: 0 0 0.2em #ffffff;
-moz-border-radius: 0px 0px 0px 0px;
text-transform: capitalize;
margin-bottom: 3px;
padding-top: 9px;
padding-bottom: 9px;
line-height:90%;
letter-spacing: -1px;
        }


.postbar {
        color: #5F5F5F;
	text-align: center;
        font-family: Arial;
        font-size: 12px;
        width: 610px;
	padding: 3px;
-moz-border-radius: 0px 0px 0px 0px;
        background-color: #ffffff;
        border-top: #FFFFFF 1px solid;
        border-right: #FFFFFF 1px solid;
        border-left: #FFFFFF 1px solid;
line-height:100%;     
        }


.poster {
        color: #000000;
        border-top: 1px dotted #FFE7FF;
	text-align: left;
        font-family: Arial;
        font-size: 10px;
        width: 605px;
        line-height: 13px;
	padding: 3px;
         text-transform: uppercase;
-moz-border-radius: 0px 0px 0px 0px;
        margin-bottom: 2px;
        margin-top: 5px;

        }
.source{
       
	text-align: left;
        font-family: Arial;
        font-size: 12px;
        width: 605px;
        line-height: 13px;
	padding: 3px;

        margin-top: 5px;

        }
.footer {
        color: #252525;
	text-align: center;
        font-family: Arial;
        font-size: 12px;
        width: 610px;
	padding: 3px;
         text-transfrorm: bold;
-moz-border-radius: 0px 0px 0px 0px;
        background-color: #ffffff;
        border-bottom: #FFFFFF 1px solid;
        border-right: #FFFFFF 1px solid;
        border-left: #FFFFFF 1px solid;
        margin-bottom: 2px;
margin-left: 6px;
        }


.quote {
        color: #5F5F5F
	text-align: center;
        font-family: arial;
        width: 325px;
        font-size: 12px;
	padding: 3px 3px 3px 3px;
-moz-border-radius: 0px 5px 5px 0px;
        background-color: #F9F9F9;
        border-left: 3px solid #000000;
        float: center;
        margin: 10px;
margin-bottom: 10px;
        margin-left: 5px;
}

.quote2 {
        color: #5F5F5F;
	text-align: left;
        font-family: arial;
        width: 500px;
        font-size: 12px;
	padding: 5px;
-moz-border-radius: 5px;
        background-color: #F2F2F2;
        border: 1px solid #D8D8D8;
        float: center;
        margin: 10px;
        text-shadow: 1px 1px #ffffff;
margin-left: 40px;
 line-height: 100%;
}

.postback {
background-image: url("");
      background-repeat: repeat;
      background-align: center;
      background-color: #ffffff;
	height: auto;
	width: 614px;
        padding-left: 0px ;
        padding-right: 0px;
        padding-top: 0px ;
-moz-border-radius: 0px 0px 0px 0px;
        margin-left: 3px;
}
.postback2 {
background-image: url("");
      background-repeat: repeat;
      background-align: center;
      background-color: #ffffff;
	height: auto;
	width: 614px;
        padding-left: 0px ;
        padding-right: 0px;
        padding-bottom: 0px ;
     border-bottom: 1px solid #E6E6E6;
-moz-border-radius: 0px 0px 0px 0px;
margin-left: 3px;
}
/* SideBar */

.sidetitlebar {
        color:  #5FF6F6;
	font: lobster;
        font-size: 20px;
	background-color: #252525;
        height: auto;
         width: autopx;
	text-align: left;
        text-shadow: 0px 0px #0F0F0F;
         margin-top: 5px;
         margin-bottom: 5px;
	padding: 13px 3px 13px 3px;
text-transform: uppercase;
         border-left: 3px solid #252525;
         border-right: 3px solid #252525;
	letter-spacing:-1px;
}
.sidebar {
        color: #888888;
	text-align: left;
        font-family: arial;
        width: 301px;
        font-size: 12px;
	padding: 3px;
-moz-border-radius: 9px;
      background-color: #333333;
         border-left: 0px solid #333333;
         border-right: 0px solid #333333;
         border-bottom: 0px solid #333333;
margin-bottom: 5px;
padding-top: 9px;
padding-bottom: 9px;
}

.sideback {
	background-color: #252525;
	height: auto;
	width: 313px;
	padding: 7px;
-moz-border-radius: 0px 5px 5px 0px;
border-left: 1px #ffffff solid;
}
/* Bordas Imagens */

.borderimage {filter: alpha(opacity=100);
        -moz-opacity: 0.0;
        opacity:1.00; 
        border: #FF0077 solid 4px;
        background-color: #ffffff;
	padding: 1px;
margin: 2px;
}

borderimage:hover{filter: alpha(opacity=100);
        -moz-opacity: 0.7;
        opacity:0.70;     
        border: #5FF6F6 solid 1px;
        border-bottom: 2px #434F79 solid;
        background-color: #ffffff;
	padding: 0px;
        -moz-border-radius: 4px;
margin: 2px;
}


.border1{filter: alpha(opacity=100);
        opacity:1.00;  
        border: #FF0077 solid 5px;
        background-color: #252525;
	padding: 1px;
margin: 2px;
}

.border1:hover{filter: alpha(opacity=100);
        -moz-opacity: 1.00;
        opacity:1.00;     
        border: #5FF6F6 solid 5px;
        background-color: #252525;
	padding: 1px;
margin: 2px;
}


/* caixa */

input, textarea {
	color: #FF0077;
	font-family: verdana;
	font-size: 121px;
       height: 22px;
	background-color: #333333;	
	cursor: default;
        border : #333333 3px solid;
	padding:3px;
-moz-border-radius: 0px;



}

/* dumb */
.facebook{
        color: #707070;
	text-align: left;
        font-family: arial;
        width: 301px;
        font-size: 12px;
	padding: 3px;
-moz-border-radius: 9px;
      background-color: #333333;
         border-left: 0px solid #333333;
         border-right: 0px solid #333333;
         border-bottom: 0px solid #333333;
margin-bottom: 5px;
padding-top: 9px;
}

/* data */
	.date {
	width: 30px;
	height: 34px;
	float: left;
	margin-left: 2px;
	text-align: center;
	font-family: arial, georgia;
         margin-top: 2px;
        border-right: 1px dotted #333333;
	}
	.date span.dia{
	color: #000000;
	font-size: 17px;
	font-weight: bolder;
        line-height:90%;
	text-align: center;
	}
	.date span.mes{
	text-transform: none;
	color: #ff0077;
	font-size: 10px;
	font-weight: bolder;
	text-transform: uppercase;
line-height:80%;
	text-align: center;
	}
	.date span.ano{
	text-transform: none;
	color: #60BBBB;
	font-size: 10px;
	font-weight: bolder;
line-height:100%;
	text-align: center;
	}


.titlehist{
        color: #FF0077;
        font-family: Arial;
        font-size: 22px;
	padding: 3px;
        margin-top: 3px;
}

/*side links */

.sidebar_links ul{
list-style-type: none;
margin: 5px 0;
padding: 0px 0px 5px 0px;

}

.sidebar_links ul li a{
font: 12px "Arial";
color: #FF0077;
display: block;
width: 280px;
padding: 5px 5px 5px 5px;
text-decoration: none;
font-style: bolder;
background-color: #272727;
margin-left: 5px;
margin-bottom: 3px;
-moz-border-radius: 5px 5px 5px 5px;
}


* html .sidebar_links ul li a{
width: 280px;
}

.sidebar_links ul li a:visited, .sidebar_links ul li a:active{
color: #FF0077;
}

.sidebar_links ul li a:hover{
color:#5FF6F6;
background-color:  #2D2D2D;
width: 280px;
}


* html .sidebar_links ul li { height: 1%; }
* html .sidebar_links ul li a { height: 1%; }


/* Bottom */

.bottombar{
font-family: arial;
font-size: 12px;
text-align: left;
color:#000000;
background-color:  #ffffff;
width: 962px;
padding: 5px;
height: 100px;
line-height: 90%;
border: #ffffff 1px solid;
-moz-border-radius: 0px 0px 5px 5px;
}

/* ABAS*/

/* -------------------------- ABAS ------------------------- */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {}
.tabberlive {
margin-top:1em;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/

.tabberlive .tabbertabhide {
display:none;}

.tabber {}
.tabberlive {margin-top:1em;}


ul.tabbernav{
margin:0;
padding: 2px 0;
font: 12px tahoma;
border-bottom: 1px solid #89bbb5;}


ul.tabbernav li{
list-style: none;
margin: 0;
display: inline;}


ul.tabbernav li a{
padding: 2px 0.5em;
margin-left: 4px;
font: 12px tahoma;
background: url('http://delicate-shine.com/blog/wp-content/uploads/2011/01/tableback2.png');
border-right:1px solid #89bbb5;
border-top:1px solid #89bbb5;
text-decoration: none;
-moz-border-radius: 6px 6px 0 0;
}


ul.tabbernav li a:link { color: #89bbb5;}
ul.tabbernav li a:visited { color: #89bbb5; }
ul.tabbernav li a:hover{ color:#d67369;}


ul.tabbernav li.tabberactive a{
color: #89bbb5;
font: 12px tahoma;
background: url('http://delicate-shine.com/blog/wp-content/uploads/2011/01/tableback2.png');
border-right:1px solid #89bbb5;
border-top:1px solid #89bbb5;
-moz-border-radius: 6px 6px 0 0;}


ul.tabbernav li.tabberactive a:hover{
color: #d67369;
font: 12px tahoma;
background: url('http://delicate-shine.com/blog/wp-content/uploads/2011/01/tableback2.png');
border-right:1px solid #89bbb5;
border-top:1px solid #89bbb5;
-moz-border-radius: 6px 6px 0 0;}


.tabberlive .tabbertab {
 padding:5px;
 border-top:0px none; }

.tabberlive .tabbertab h2 {
 display:none;}

.tabberlive .tabbertab h3 {
 display:none;}

.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;}

.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;}


/* -- Estilos -- */
i {color: #5FF6F6  ; text-decoration: none; text-shadow:1px 1px #3D3D3D;
font: verdana; line-height:90%;
}
b {color: #5FF6F6;  text-shadow:1px 1px #252525; text-decoration: nothing;
font: verdana; line-height:90%;
}
strong {color: #FF0077; text-decoration: nothing;
font: verdana; line-height:90%;
}
em {color: #60BBBB  ; text-decoration: none; text-shadow: 0px 1px #E6E6E6;
font: verdana; line-height:90%;
ul
{
list-style-color: #252525;
}
.incase{
padding: 1px;
}