/* -------------------------------------------------------------------------
 * GENERAL
 */
 
body, html {
    font-family: Arial, Helvetica, Verdana, sans-serif; 
    color: #696969;
    min-width: 810px; 
    margin: 0; 
    padding-top: 5px; 
    padding-bottom: 10px; 
    padding-left: 10px; 
    padding-right: 10px;
    top: 0px; 
    left: 0px; 
    width: 810px; 
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
}

img {
    border: 0;
}

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

a:hover{       
    color: #8E8E86; 
    text-decoration: none;             
}

a.commonLink {     
    color: #696969;    
    text-decoration: none;
    border-bottom: 1px solid #E0E0E0;    
}

a.commonLink:hover {
    color: #8E8E86;
    border: 0;
    text-decoration: none; 
    cursor: pointer;
    border-bottom: 1px solid #FFFFFF;  
}

/* -------------------------------------------------------------------------
 * HEADER BAR
 */

#headerBar {
    padding-bottom: 10px;
    border-bottom: 1px solid #DCDCDC;
    font-size: 11px;
    color: #BBBBBB; 
}

.ulHeaderBar {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ulHeaderBar li {
    float: left;
    margin-bottom: 3px;
}

.ulHeaderBar a {             
    display: block;
    float: left; 
    color: #696969;
    text-decoration: none;
    border-bottom: 1px solid #e0e0e0;    
}

.ulHeaderBar a:hover {
    color: #8e8e86;
    border: 0;
    text-decoration: none; 
    cursor: pointer;
}

/* -------------------------------------------------------------------------
 * HEADER LOGO SLOGAN
 */
 
#Header { 
    margin: 10px 0 0 0;
    padding: 0 0 10px 0;
    height: 60px;
    border-bottom: 4px solid #660033;
}

#LogoImage {
    float: left;
    margin: 0px;
}

#Slogan {
    float: right;
    font-size: 18px;
    font-style:italic; 
    padding: 0px;
    margin-top: 20px;
}

/* -------------------------------------------------------------------------
 * LEFT DIV
 */

.Left, .Profile {
    background-color: #fff;
    float: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 150px;
}

/* -------------------------------------------------------------------------
 * LEFT MENU
 */

.Left h2, .Profile h2 {
    display: block;
    border-top: 1px solid #E0E0E0; 
    border-bottom: 1px solid #E0E0E0; 
    background-color: #660033;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    padding: 6px 0px 6px 2px;
}
 
.Left ul {
    padding: 0;
    margin: 0;
    margin-top: 0px;
    list-style-type: none;
}

.Left li, .Profile li {
    display: block;
    width: 150px;
}

.Left li a{
    display: block;
    width: 149px;
    height: 20px;
    border: 0;
    border-bottom: 1px solid #E0E0E0;
    padding-top: 5px;
    padding-left: 1px;
    font-family: Arial, Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #666666;
}
   
.Left li a:hover, .Profile li a:hover {
    background: #660033;
    color: #FFFFFF;
}
   
.Profile ul {
    width: 150px;
    padding: 0;
    margin: 0;
    margin-top: 0px;
    ~margin-top: -4px;
    list-style-type: none;

}

.Profile li a{
    /*display: block;
    width: 149px;
    height: 20px;
    border: 0;
    border-bottom: 1px solid #E0E0E0;
    padding-top: 5px;
    padding-left: 1px;
    font-family: Arial, Verdana;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #666666; */
    
    display: block;
    width: 150px;
    height: 30px;
    border: 0;
    border-top: 1px solid #E0E0E0;
    padding-top: 5px;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;

}

/* -------------------------------------------------------------------------
 * LEFT RSS BOX
 */

.RSSBlock h2 {
    display: block;
    
    background-color: #FFFFD5;
    background-image:url('http://www.saibamais.net/images/feed-icon-32x32.png');
    background-repeat:no-repeat;
    background-position:4px 4px;
    
    border: 1px solid #E36F2F; 
    color: #E36F2F;
    font-weight: normal;
    font-size: 12px;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 5px 5px 42px;
}

.RSSBlock h2 a {
    color: #E36F2F;
    font-weight: normal;
    font-size: 11px;
}
     
/* -------------------------------------------------------------------------
 * MENU LEFT VOLTAR
 */

.menuVoltar h2 {
    display: block;
    
    background-color: #E9E9E9;
    //background-image:url('http://www.saibamais.net/images/back32x32.png');
    background-repeat:no-repeat;
    background-position:4px 4px;
    
    border: 1px solid #4F4F4F; 
    color: #4F4F4F;
    font-weight: normal;
    font-size: 12px;
    margin: 0;
    padding: 5px 5px 5px 5px;
}

.menuVoltar h2 a {
    color: #4F4F4F;
    font-weight: normal;
    font-size: 11px;
}
  
/* -------------------------------------------------------------------------
 * MENU ESCREVER
 */

.menuEscreverArtigo h2 {
    display: block;
    
    background-color: #CC3333;
    background-image:url('http://www.saibamais.net/images/write32x32.png');
    background-repeat:no-repeat;
    background-position:4px 4px;
    border: 1px solid #990000; 
    color: #FFFFFF;
    font-weight: normal;
    font-size: 12px;
    margin: 0;
    margin-bottom: 10px; 
    padding: 5px 5px 5px 42px;
}

.menuEscreverArtigo h2 a {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 11px;
}

/* -------------------------------------------------------------------------
 * CONTENT DIV
 */

#content {
    background-color: #fff;
    padding-left: 0px;
    clear: both;
    margin: 0 auto;
    width: 810px;    
}
     
.Content {
    background-color: #fff;
    float: left;
    padding-top: 10px;
    width: 650px; 
}
   
.Content h2 {
    font-size: 18px;
    font-weight: normal;
    padding: 0px;
    padding-bottom: 3px;
    margin: 0px;
}

.BodyContent {
    padding-bottom: 10px;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 10px;
}


.ContentPostDetails {
    list-style-type: none;
    padding: 0;
    margin: 0;
} 

.ContentPostDetails li {
    display: inline;
    padding: 0px;
}

/* -------------------------------------------------------------------------
 * WELCOME HOME
 */
 
a.welcomeLink {     
    color: #303030;    
    text-decoration: underline;  
}

a.welcomeLink:hover {
    color: #5F5F5F;
    text-decoration: none;
}

.welcomeBox {
    height:auto; 
    width:649px; 
    height: 182px;
    padding-bottom:8px; 
}

.welcomeMessage {
    border:4px solid #BCBCBC; 
    height:auto; 
    width:396px; 
    float:left; 
    background-color:#E3E3E3;
    height: 172px;
}

.welcomeMessage li {
    padding-left: 0px;
    text-align: left;
    list-style-type: square;
    color: #000000;
}

.welcomeMessage ul {
    padding-left: 25px;
}

.welcomeAuthors {
    border:4px solid #bcbcbc; 
    height:auto; 
    width:227px; 
    float:right; 
    background-color:#E3E3E3; 
    margin-left:10px;
    height: 172px;
}

/* -------------------------------------------------------------------------
 * ARTICLES
 */

.ArticleBody {
    background-color: #fff;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 650px; 
}
 
.ArticleBody a {     
    color: #3C3C3C;    
    border-bottom: 1px solid #660033;
}

.ArticleBody a:hover {
    color: #8E8E86;
    border: 0;
    text-decoration: none; 
}
    
.ArticleBody p {     
    line-height: 20px;
    margin-bottom: 12px;
}

.ArticleBody img {
    padding: 10px;
    margin: 10px;
}

.articleBox {
    width:650px; 
    padding-bottom:8px;
    margin-bottom:10px;
    border-bottom:1px solid #E0E0E0;
}

.articlePic {
    float: left;
    width: 85px;
}

.articlePic img {
    height: 75px;
    width: 75px;
}

.articleContent {
    float: right;
    width: 565px;
}

.articleTitle {
    font-size: 14px;
    font-weight: bold;
    color:#660033;
    padding-bottom: 3px;
}

.articleTitle a {
    color:#660033;
    text-decoration: none; 
}

.articleTitle a:hover, .articleTitle a:visited {
    color:#A06181;    
}

.articleSummary {
    font-size: 12px;
    padding-bottom: 3px;
} 

.articleMore {
    font-size: 12px;  
}

.articleMore a {             
    color: #696969;
    text-decoration: none;
    border-bottom: 1px solid #660033;    
}

.articleMore a:hover {
    color: #8E8E86;
    border: 0;
    text-decoration: none; 
    cursor: pointer;
}

.articleMore ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.articleMore li {
    float: left;
    margin-bottom: 3px;
}

.articleMoreDiv {
    color: #E0E0E0;
    
}
    
/* -------------------------------------------------------------------------
 * AUTHORS
 */
 
.envolvedTitle {
    font-size: 11px;
    font-weight: bold;
    color:#6e6e66;
    padding:7px;
    background-color:#F4F4F4;
    border:1px solid #E0E0E0;
    margin-bottom: 10px;
}
   
.imgLink img {
    border: 1px solid #E0E0E0; /* Set image border color */
    background: #FFFFFF;
    padding: 10px;
} 

.imgLink:hover img{
    border: 3px solid #660033; /* Set image border color */
    padding: 8px; 
}
 
.authorBox {
    font-size: 12px;
    font-weight: none;
    color:#6e6e66;
    padding:10px;
    padding-bottom:7px;
    background-color:#F4F4F4;
    border:1px solid #E0E0E0;
    margin-top: 10px;
}

.authorPic { 
    float: left;
    width: 85px;
}

.authorBio { 
    float: left;
    width: 100%;
}

/* -------------------------------------------------------------------------
 * FOOTER
 */
 
#Footer {
    font-family: Arial, Tahoma, Geneva, sans-serif, Verdana;
    font-size: 11px;
    margin: 0 auto;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 30px;
    text-align: left;
    width: 810px;
    border-top: 1px solid #DCDCDC;
}

/* -------------------------------------------------------------------------
 * PATH
 */
 

.Breadcrumb {
    font-size: 11px;
    color: #AEAEAE;
}

.Breadcrumb li {
    display: inline;
    list-style: none;
    margin: 0 2px 0 0;
    padding: 0;
}

.Breadcrumb li a {
    padding: 0 2px 0 0;
    text-decoration: none;
    color: #A06181;
}

.Breadcrumb li a:hover, .Breadcrumb li a:visited {
    text-decoration: none;
    color: #A06181; 
}

.Breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* -------------------------------------------------------------------------
 * PROFILE 
 */ 
 
.divMostSeenSites{
    margin: 0 0 0 0;
    margin-bottom: 10px;
    padding: 0px 0 6px 0;
    border-bottom: 1px solid #E0E0E0;
}
  
.pMostSeenSitesTitle{
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    float: left;    
}

.pMostSeenSitesRank{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 4px 0 0 0;
    float: left;  
    width: 50px;
}

.pMostSeenSitesViews{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: right;
    text-align: right;
}
 
/* -------------------------------------------------------------------------
 * FORM FIELDS 
 */

input[type=text], input[type=file], input[type=password], textarea, select, .password
{
    border:         solid 1px #bbb;
    padding:        4px;
    font:           normal 13px Arial, Helvetica, Verdana, sans-serif;
    color:          #718593;
    background:     #FFFFFF url('http://www.detetive.net/common/img/search_input_bg.gif') repeat-x top;
    outline:        0;
    margin:         0px;
    margin-top:     5px;
    margin-bottom:  9px;
    border:         solid 1px #bbb;    
}
  
/* -------------------------------------------------------------------------
 * FORM BUTTONS 
 */

input.btn_small, input.btn_big { 
  vertical-align: middle;   
  width:auto; 
  margin:0; 
  overflow:visible; 
  padding:4px 10px 5px; 
  border-width:1px; 
  border-style:solid; 
  border-color:#C0E8BB; 
  border-bottom-color:#58AA40;  
  -moz-border-radius:6px; 
  -khtml-border-radius:6px; 
  -webkit-border-radius:6px; 
  border-radius:6px; 
  color:#FFFFFF; 
  text-shadow:1px 1px 0 #498E35; 
  cursor:pointer;
}

input.btn_small {
  font:13px/13px Arial, "Lucida Grande",Sans-serif; 
  background: #5AB041 url("http://www.saibamais.net/images/btn_green.gif") repeat-x 0 0; 
  font-weight: bold;
}

input.btn_big {
  font:20px/20px Arial, "Lucida Grande",Sans-serif; 
  background: #5AB041 url("http://www.saibamais.net/images/btn_green.gif") repeat-x 0 0; 
  font-weight: bold;
}

input.btn_big::-moz-focus-inner, input.btn_small::-moz-focus-inner { padding:0; border:0; }
input.btn_big:hover, input.btn_small:hover, .btn:focus { border-color:#86D677 #86D677 #5AB041 #86D677; background-position:0 -6px; color:#F5F5F5; }
input.btn_big:active, input.btn_small:active { background-image:none; text-shadow:none; outline:none; }

/* -------------------------------------------------------------------------
 * MESSAGES 
 */

#error {
    margin:             10px 0 0 0;
    border-width:       0px;
    border-style:       solid;
    border-color:       #c00; 
    padding:            12px;
    padding-left:       46px;
    background-color:   #c00;
    background:         #c00 url('http://www.saibamais.net/images/error.gif') no-repeat left center;   
    color:              #FFFFFF;    
    font-size:          12px;
}

#success {
    margin:             10px 0 0 0; 
    border-width:       0px;
    border-style:       solid;
    border-color:       #009900; 
    padding:            12px;
    padding-left:       46px;
    background-color:   #009900;
    background:         #009900 url('http://www.saibamais.net/images/success.gif') no-repeat left center;    
    color:              #FFF;
    font-size:          12px;
}

#info {
    margin:             10px 0 0 0; 
    border-width:       1px;
    border-style:       solid;
    border-color:       #FF9900; 
    padding:            12px;
    background-color:   #FFFF99;   
    color:              #000000;
    font-size:          12px;
}

/* PAGINATION */

.PagingList li {
    display: inline; 
    padding: 5px;
    padding-top: 10px;
    list-style: none;  
    margin:0;
}


.CategoryPagination {
    font-size: 16px;
    font-weight:bold; 
    padding: 0px;
    text-align: center;   
    display: inline;
    margin:0;
    color: #000000;   
}

.CategoryPagination:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}

.CategoryPagination a {
    color: #696969;    
    text-decoration: none;
    border-bottom: 1px solid #E0E0E0;   
}

.CategoryPagination a:hover {
    color: #8E8E86;
    border: 0;
    text-decoration: none;  
}