/*
Theme Name: TheTopTips
Theme URI: http://www.thetoptips.com.br/
Description: Este tema faz parte da reformulação do sistema do TheTopTips v3.0
Version: 3.0
Author: Allan Garcia
Author URI: http://www.adgsolucoes.com.br/
Tags: minimalist, white, brown, red, 3-columns, widgets

    TheTopTips v3.0
    http://www.thetoptips.com.br/
    
    Este tema foi desenhado e construído por Allan Garcia,
    você poderá me encontrar em http://www.adgsolucoes.com.br/
    
    (c) 2009, todos os direitos reservados.

*/


/*******************************************************************************
  Yahoo CSS Reset
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0; padding:0;
    }
    
table {
    border-collapse:collapse; border-spacing:0;
    }

fieldset,img { 
    border:0;
    }

address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal; font-weight:normal;
    }

ol,ul {
    list-style:none;
    }

caption,th {
    text-align:left;
    }

h1,h2,h3,h4,h5,h6 {
    font-size:100%; font-weight:normal;
    }

q:before,q:after {
    content:'';
    }

abbr,acronym {
    border:0;
    }


/*******************************************************************************
  Typografic
*/

body {
    font-size:1.0em; font-family:Lucida Grande, Verdana, Arial, sans-serif;
    }

h1 {
    font-size:2.4em; font-weight:bold;
    }

h2 {
    font-size:1.5em; font-weight:bold;
    }

h3 {
    font-size:1.3em;
    }

h4 {
    font-size:1.0em;
    }

p {
    margin-bottom:10px;
    }

strong, b {
    font-weight:bold;
    }

em, i {
    font-style:italic;
    }

sup {
    position:relative; bottom:0.3em; vertical-align:baseline;
    }

sub {
    position:relative; bottom:-0.2em; vertical-align:baseline;
    }

acronym, abbr {
    cursor:help; letter-spacing:1px; border-bottom:1px dashed;
    }

legend {
    font-size:1.4em; padding:20px 0 10px 0;
    }


/*******************************************************************************
  Links
*/

a {
    text-decoration:none; outline:none; color:#990000;
    }
    
a:visited {
    }

a:hover {
    background-color:#ffca6a;
    }
    
a:active {
    background-color:#ffa500;
    }
    
a.selected {
    color:#ffffff; background-color:#990000;
    }
    
a.selected:visited {
    }

a.selected:hover {
    background-color:#660000;
    }

a.selected:active {
    background-color:#770000;
    }

/*******************************************************************************
  Forms
*/

input {
    padding:5px;
    }

/*******************************************************************************
  Lay-out
*/

body {
    background:#ffffff url('images/header_bg.png') top center repeat-x;
    }

#wrap {
    padding:10px; width:950px; margin:0 auto;
    }

#header {
    height:145px; margin-bottom:10px; border-bottom: 1px solid #cccccc;
    }

    #topbar {
        display:block;
        }

        #logo h1 a {
            display:block; float:left; height:60px; width:170px; margin-top:30px;
            background:transparent url('images/ttt_30_logo.png') top center;
            }

        #logo h1 a:hover {
            border:none;
            }

        #logo span {
            display:none;
            }

    #navbar {
        clear:both; text-align:right; padding:10px 0; margin:0px auto 0px;
        }

        #navbar li {
            display:inline; list-style-type:none;
            }
        
        #navbar ul li a {
            font-weight:bold; padding:3px 5px; margin:3px 0; font-size:0.9em;
            }
            
        #navbar #date {
            float:left; text-transform:capitalize; font-size:0.6em; color:#6c6c6c;
            padding:5px;
            }
            
	#navbar a.feed {
		font-weight:normal; padding:3px 5px 3px 25px;
		background-image:url('images/feed.png'); background-position:3% 51%; background-repeat:no-repeat;
		}

#filterbar {
    background-color:#ececcc; clear:both; font-size:0.8em; margin-bottom:10px; overflow:auto; padding:10px;
    }
	
    #filterbar ul {
	display:block; float:left;
	}

    #filterbar span {
	display:block; float:left; margin:5px;
	}
    
    #filterbar li {
	background-color:#FFFFFF; color:#6C6C6C; display:block; float:left; line-height:1.5em;
	list-style-type:none; margin:3px; padding:1px 6px;
	}
    
    #filterbar a.rss {
	display:block; float:right; line-height:1.5em; margin:3px; padding:1px 6px 1px 25px;
	background-image:url('images/feed.png'); background-position:3% 51%;
	background-repeat:no-repeat;
	}
  
    #filterbar a.remove {
        padding:0 6px; margin-left:3px; font-weight:bold;
        }

#pagination {
    margin: 50px 0px; font-size:0.7em; font-weight:bold; text-align:center;
    }
  
    #pagination a, #pagination a:link {
	padding: 2px 4px 2px 4px; margin: 2px;
	border: 1px solid #4c4c4c; color: #4c4c4c; background-color: #FFFFFF;
        }

    #pagination a:hover {	
	border: 1px solid #000000; color: #000000; background-color: #FFFFFF;
        }

    #pagination span {
        padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px;
        }

    #pagination span.pages {
	border: 1px solid #4c4c4c; background-color: #4c4c4c; color: #ffffff;
        }

    #pagination span.current {
    	border: 1px solid #000000; background-color: #e6e6e6; color: #000000;
        }

    #pagination span.extend {
    	border: 1px solid #4c4c4c; background-color: #FFFFFF; color: #4c4c4c;
        }

#sidebar {
    display:block; float:left; width:190px; margin-right:10px;
    }

#content {
    display:block; float:left; width:560px; padding:0 10px;
    }

#sidebar_ads {
    display:block; float:left; width:160px; margin-left:10px; text-align:center;
    padding:5px 0px 30px 0px;
    }

#footer {
    margin-top:50px; padding:10px; text-align:center; border-top:1px solid #cccccc;
    }

/*******************************************************************************
  Sidebar
*/

.widget {
    margin-bottom:10px;
    }
    
    .widget .widgettitle {
        font-size:1.2em; line-height:1.0em; padding:3px 5px; margin-bottom:5px;
        border-bottom:1px dashed #cccccc; 
        }

    .widget .widgettext {
        font-size:0.7em;
        }

	.widget .widgettext a.selected {
	    display:block; padding:3px 5px; margin:3px 0;
	    }
	
	.widget .widgettext a.notselected {
	    display:block; padding:3px 5px; margin:3px 0;
	    }

#searchform {
    }
    
    #searchform #s {
        width:164px; margin:3px 5px; padding:3px 5px; font-size:0.9em;
        }
        
    #searchform #searchsubmit {
        width:100px; margin:3px 5px; padding:3px 5px; font-size:0.9em;
        }

#autenticacao {
    }
    
    #autenticacao label {
        padding:3px 5px;
        }
    
    #autenticacao #user_login {
        width:164px; margin:3px 5px; padding:3px 5px; font-size:0.9em;
        }

    #autenticacao #user_pass {
        width:164px; margin:3px 5px; padding:3px 5px; font-size:0.9em;
        }

    #autenticacao #wp-submit {
        width:100px; margin:3px 5px; padding:3px 5px; font-size:0.9em;
        }

    #autenticacao .sidebarlogin_otherlinks {
        font-size:1.4em; font-weight:bold;
        }

    .publicidade-notice {
	font-size:0.6em; font-weight:normal; color:#6c6c6c; margin-bottom:5px;
	}

#sidebar_author {
    display:block; float:left; width:160px; margin:0px 0px 10px 10px;
    text-align:center;
    }
    
    #sidebar_author .widgettitle {
        }
    
    #sidebar_author .author_photo img {
        border:2px solid #000000; margin:5px 0; width:140px; height:140px;
        background:transparent url(images/misteryman140.png) top left no-repeat;
        }
 
    #sidebar_author .author_name {
        font-size:1.6em; font-weight:bold; margin-bottom:5px;
        }

#sidebar {
    }
    
    #sidebar label {
        display:block; padding:7px 0 2px 3px;
        }

    #sidebar label.hidden {
        display:none;
        }
    
    #sidebar select {
        display:block; width:160px; padding:3px;
        }

        #sidebar select option {
            padding:0 5px;
            }

.avatar_container .photo {
            background:transparent url(images/misteryman.png) 3px 3px no-repeat;
            }


/*******************************************************************************
  Editors
*/

.editor {
    overflow:auto; margin-bottom:20px;
    }

.editor_photo {
    display:block; float:left; width:160px;
    }
    
    .editor_photo img {
        border:2px solid #000000; margin:5px 0; width:140px; height:140px;
        background:transparent url(images/misteryman140.png) top left no-repeat;
        }

.editor_info {
    display:block; float:left; width:380px; padding-left:20px;
    }

    .editor_info p:first-child {
	font-size:1.4em; font-weight:bold; margin-bottom:5px;
	}

    .editor_info a.rsslink {
	display:block; float:left; line-height:1.5em; margin:0px; padding:1px 6px 1px 25px; font-size:0.8em;
	background-image:url('images/feed.png'); background-position:3% 51%; background-repeat:no-repeat;
	}


/*******************************************************************************
  Content
*/

#content {
    }

    #content h2 {
        margin-bottom:10px;
        }

    #content h3, h4 {
        margin:20px 0 10px 0; color:#990000; font-weight:bold;
        }

    #content p {
        text-align:justify;
        }

    #content ul {
        padding:10px 15px 10px 20px; list-style: disc outside;
        }

        #content ul li {
            padding: 2px 0 2px 0;
            }

    #content table {
        margin: 10px 0; font-size:0.9em; border:1px solid #cccccc;
        }

        #content tr {                
            }

        #content th {
            padding:7px; background-color:#cccccc; color:#333333;
            font-weight:bold; border:1px solid #cccccc;
            border-right:1px solid #ffffff;
            }

        #content th:last-child {
            border-right:1px solid #cccccc;
            }

        #content td {
            border:1px solid #cccccc; padding:5px;
            }

/*******************************************************************************
  Posts
*/

.post {
    border-bottom:1px dashed #dddddd; margin-bottom:15px; padding-bottom: 5px;
    }
    
    .post h2 {
        margin-bottom:5px;
        }
    
    .post p {
        text-align:justify;
        }
        
    .post .postmetadata {
        font-size:0.7em; color:#666666; margin:0 0 5px 0;
        }

#related-posts {
    margin-bottom:10px;
    }
    
    #related-posts ul {
        list-style:inside square; margin:5px 10px 20px 10px;
	padding:0px;
        }

    #related-posts ul li {
        margin:3px 0;
        }

    #related-posts ul li a {
        padding:3px 5px;  font-size:0.9em; 
        }


/*******************************************************************************
  Default classes
*/

.left {
    float:left;
    }
    
.right {
    float:right;
    }

.clear {
    clear:both;
    }

.center {
    text-align: center;
    }

.hidden {
    display: none;
    }

hr {
    display: none;
    }


/*******************************************************************************
  Comments
*/

.commentlist {
    }

#commentlist {
    }
    
    ul#commentlist, ol#commentlist, #commentlist ul, #commentlist ol {
        list-style-image:none; list-style-position:outside; list-style-type:none;
        }

.comment {
    margin-top:20px; border-top:1px solid #cccccc;
    }
    
    .comment .children {
        margin-left:30px;
        }
    
    .comment-author {
        }

    .comment-author .photo {
	    float:left; padding:5px; border:1px solid #cccccc; margin:8px;
	    background:transparent url(images/misteryman.png) 5px 5px no-repeat;
	    }

    .comment-author .fn {
    	display:block; margin-left:60px; padding:5px 10px; background-color:#eeeeee;
	    font-weight:bold; font-size:0.8em;
    	}

    .comment-author .says {
        display:none;
        }

    .comment-meta {
        margin-left:60px; padding:1px 10px 5px; background-color:#eeeeee;
        }

    .comment-meta a {
    	font-size:10px;
        }

    .comment em {
        margin:2px 0; background-color:#fff6d5; border:1px solid #ffe680;
        padding:3px; line-height:2.0em;
        }

    .comment p {
        padding:5px; margin:0 0 0 60px;
        }

    .comment .reply {
        margin:0 0 0 60px; font-size:0.9em; padding-left:5px;
        }

a.rsslink {
	line-height:1.5em; padding:1px 6px 1px 25px; font-size:0.8em;
	background-image:url('images/feed.png'); background-position:5px 51%;
	background-repeat:no-repeat;
	}

#respond {
    margin-top:10px; border-top:1px solid #cccccc; padding:20px;
    }
    
    #respond textarea {
        width:500px;
        }

#commentform {
    }
    
    #commentform p {
        margin:0;
        }


/*******************************************************************************
  Ads
*/

#topad {
    display:block; float:right;
    }

.p90x728 {
    display:block; height:90px; width:728px; overflow:hidden;
    }
    
.p600x160 {
    display:block; margin-bottom:10px; width:160px; overflow:hidden;
    }

.p150x180 {
    display:block; height:150px; width:180px; overflow:hidden;
    }
    
.p250x300 {
    display:block; height:250px; width:300px; overflow:hidden; margin-bottom:20px;
    }

/*******************************************************************************
  Sign
*/

#sign {
    position:absolute; right:0px;
    }
  
    #sign a {
        display:block; height:35px; width:135px; margin-top:30px;
        background:transparent url('images/adg-ng-sign-color.png') top center no-repeat;
        }

    #sign span {
        display:none;
        }