/*
Theme Name: SuperZiper
Theme URI: http://www.superziper.com/
Description: Customzied wordpress theme for superziper
Version: 1.0
Author: saorabh kumar edited by Vitor Hugo
Author URI: http://rtcamp.com
Tags: superziper
*/

/*
	IMPORTANT
==================
Other Supported Plugins ::
	1. Subscribe to comments - http://wordpress.org/extend/plugins/subscribe-to-comments/

Wordpress Settings::
	1. Dashboard >> Settings >> Media >> Large Size >> Max Width = 620px

Color Palette:
	blue-darkest: #002DC2;
	blue-medium: #3367A0;
	blue-light: #D6DDF5;
	gray-shade-light: #EAEAEA;
	gray-medium-dark: #C8C8C8;
*/


/*marciusStyles*/

.postDivision {
width: 92%;
height: 10px;
border-bottom: 1px solid #ccc;
margin-top: 10px;
margin-bottom: 10px;
display: block;
overflow: hidden;
}


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display: block;  margin-left: auto;  margin-right: auto;margin-bottom: 0px; }
.alignleft { float: left;margin: 5px 10px 0 0;}
.alignright { float: right;	margin: 5px 0 0 10px;}

.wp-caption { border:1px solid #C8C8C8; text-align:center; background:#EAEAEA; padding:10px; margin:10px }

/* You might find the following useful */
.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this class to clear your floated columns */


/* BASICS */
/* ----------------------------------------- */

body{ font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 63%; margin:0 auto;padding:0; line-height: 160%;color:#333333; }


/* BASICS & TYPOGRAPHY */
/* ----------------------------------------- */
a{color: #5588AA; text-decoration: none;}
	a:hover{text-decoration: underline;color:#CC6600;}

/* headings	 */
h1{font-size: 180%;}
h2{color:#999999;margin-top:5px;text-transform:uppercase;}
h3{font-size: 140%;}

input{padding: 2px 5px;}

/* LAYOUT */
/* ----------------------------------------- */
#header{width: 996px; height: 255px; background: #FFF; padding-top: 10px}
#first-time {position: fixed; float: right; z-index: 99999; top: 0;right: 0;}
#wrapper{margin:0 auto;padding:0;width:996px;}
#main {background: #FFF;height:100%;overflow:hidden;padding-top:15px;position:relative;width:996px;}
#content {float:left;width:590px; font-size: 1.2em}

/* HEADER, Breadcumb & Navbar */
/* ----------------------------------------- */
#breadcumb{clear: both; height: 20px;padding: 5px 10px; color: #333;}

        /*header area*/
        	#rotating_image {height:210px;padding:0;text-align:center;}
            #middle_header{ width:996px;height:40px;}
            #twitterImg ul{line-height:175%;list-style-type:none;margin:0;padding:0;z-index:100;float:left;margin:3px 0 0 12px;padding:0;}
                #twitterImg ul li{display:inline; list-style-type:none;height: 26px;}
            #searchBox{float:left;width:490px;}
                #searchform #s{border:1px solid #9D9D9D;float:left;font-size:13px;margin-left:20px;margin-top:15px;width:360px;color:#9D9D9D;padding: 3px;}
            
            #buttonImg {height:37px;margin-left:-6px;margin-top:1px;}
            #ctryLogo{ float:right;margin-right:12px;margin-top:19px;}
                #ctryLogo ul{ line-height:175%;list-style-type:none;margin:0;padding:0;z-index:100;padding:0;}
                        #ctryLogo ul li{display:inline;list-style-type:none;height: 26px;}

        /*naviagtion part*/

        #navigation{height:35px;line-height:175%;list-style-type:none;margin-top:10px;padding-left:10%;padding-right:10%; text-align: center;text-transform: lowercase;}
        #navigation ul{font-size:11px;list-style-type:none;margin-top:8px;}
        #navigation ul li{display:inline;list-style-type:none;margin-right:0px;padding:0 8px 0;height: 26px;font-size:16px;}
        #navigation ul li a{ color:#9D9D9D;}
        #navigation ul li a:hover {color:#000;text-decoration:underline;}

        .navigation{/*border-top: 1px dotted  #9D9D9D;*/margin: 0px 10px; padding: 10px;}
        .navigation span.alignleft,
        .navigation span.alignright {font-size: 14px;color:#5588AA;}
        .navigation .alignleft a,
        .navigation .alignright a {font-size: 13px;color:#5588AA; text-transform: uppercase;}

        .navigation .alignleft a:hover{text-decoration: underline;color:#CC6600;}
        .navigation .alignright a:hover{text-decoration: underline;color:#CC6600;}
		.browse{padding:0 0 20px 0;font-size: 14px;line-height: 18px;text-align: center;}

	/* SEARCH FORM */

/* POST */
/* ----------------------------------------- */
.post{margin:0 20px; padding-bottom: 30px ; display: block;}


        .post-date{text-transform: uppercase; font-size: 10pt;background:url(images/date-icon.gif) no-repeat left center;padding-left:20px;margin:0 5px; color: #999;}
	
		.post h1{clear: both;margin: 10px 0; padding: 2px; color:#CC6600; font-size: 190%;line-height: 110%;}
		.post h1 a{color:#CC6600;}
		.post h1 a:hover{color: #000; text-decoration: none; text-decoration: none}
                .search-title {margin-top: 10px;}
        .feedback{color:#666;text-transform:uppercase;font-size:11px;line-height: 30px}

	.post h2{font-size: 150%;font-weight: bold; clear: both}
	.post h3{font-size: 135%;font-weight: bold; clear: both}
	
		.post-content p{font-family: "Lucida Grande", Verdana, Arial, sans-serif; padding-bottom: 20px;}
		.post-content a{font-weight: 700;}
		.post img{padding: 0 5px 5px 5px;}

	.post table img{padding: 0 5px 0 0}

	.post ul,.post ol{line-height:20px;margin:0 0 14px;padding:0 0 0 30px;}
		.post .post-content ul li {background: url('images/most-read-icon.gif') no-repeat; padding-left: 20px;list-style:none;margin:0 0 5px 15px;}
		.post ol li {list-style: decimal; margin:0 10px 10px 15px;}

        .meta img {padding: 0 5px; }
		.post-tags{float: right;}
		.post h1 a:hover {color:#333333;text-decoration:underline;}

	/* extra elements		 */
blockquote {margin: 0 0 10px;padding: 0 10px 10px;color: #999; border-right: 3px solid #797979; font-size: 12px;}
.post-content blockquote p {padding: 0;}
.dates {text-align:right; padding-bottom: 10px; color: #666666; text-decoration: none; font-style: normal; font-weight: normal; font-size: 13px;}

	/*.tweetmeme_button{float:right; margin: 0px !important}
	.post-ratings{float: left; width: 400px !important}
	.post-ratings-loading{float: left; clear: both}*/
	/*.post-title{min-height:40px}*/

	/*#parmalink{font-size:11px}*/
	/* pagination	 */
	/*.wp-pagenavi{margin-top: 10px}*/
	/*.post-content img{max-width:448px;margin-top:1px;}*/
        #wp_thumbie {margin-top: 10px;}
        #wp_thumbie .wp_thumbie_li {width: 108px!important;margin-right: 4px!important;}
                #wp_thumbie .wp_thumbie_li img {border: 0!important;}
        #wp_thumbie #tabs a {font-size: 15px; }

/* COMMENT */
/* ----------------------------------------- */

.comments-div{padding: 0 8px;}
        .comments-div h1{color:#999999;text-transform:uppercase;}
        #respond {padding: 10px;}
        #commentform input { margin: 5px 0px;}
        #commentform textarea{width: 95%; margin: 10px 0px;padding: 5px; font-size: 14px;}
        #comentario-facebook {padding: 10px 0px 10px 0px;}

.commentlist{padding: 10px 0px;}
        li.comment {margin: 10px 0px 10px 0px;border: 1px #ccc solid;clear: both;padding: 5px;}
        .children li {margin-left: 10px;}
        .comment-body {clear: both}
        	.comment-author{float: left}
        		.comment-author img.avatar{float: left; margin-right: 20px}
			.comment-meta{float: right; font-size: 85%}
            .comment-body p,
            .comment-body pre {clear:both; padding: 10px 5px;}
            .reply{clear: both;text-align: right;}

	.even{ background: #fff7ea; }
        .odd {background: #fff7ea;}

.comment-author-andrea, .comment-author-claudia {background: #f1e3ff!important;border-top: 3px solid #cfcfcf!important;border-bottom: 3px solid#cfcfcf!important}
       
/* 	Comment Form */

	.postcomment input#author,
	.postcomment input#email,
	.postcomment input#url {width: 250px;height: 18px;margin: 2px;}
	.postcomment textarea#comment {width: 450px;height: 100px;}
	.botao {background:#FFFFFF;border:1px solid #CCCCCC;margin:2px;padding:4px;}
#captchaImgDiv { margin: 5px 0px;}

/* SIDEBAR */
/* ----------------------------------------- */
.textwidget {color:#666; font-size: 11px;}
        #sidebar-left {float:left;padding: 5px 10px 10px 10px;margin:0;width:180px;}
                #sidebar-left ul li a,
                #sidebar-right ul li a{color:#5588AA;}
                #sidebar-left .sidebar-widget ul li a:hover{color:#CC6600;text-decoration:underline;}
                #sidebar-left #about-us p{color:#666666;}
                #sidebar-left #about-us img{padding:5px 5px 5px 5px;}
                #sidebar-left .widget-content a img{line-height:10px;}
                #sidebar-left span a img {padding-top:10px;}
                .email_form input {margin: 5px 0px;}

                .sidebar-widget {margin-bottom:25px;}
        
        #sidebar-right {color:#666666;float:left;padding:5px 0 10px 10px;margin:0;width:180px;}
                #sidebar-right img{ margin-left:0; padding:7px;}
                #sidebar-right strong{ margin-left:5px;}
                #sidebar-right .sidebar-widget ul li{list-style-type:decimal;}
                        #sidebar-right .sidebar-widget ul li a:hover{color:#CC6600;text-decoration:underline;}
                #sidebar-right .sidebar-widget  .cat-item {list-style-type:none;margin-left: 0px;}
                
        #sidebar-left h2, #sidebar-right h2 {font-size:1.4em;font-weight: bold; margin-left: 0px; margin: 0 0 10px 0;}
        #sidebar-right .sidebar-right-widget-img img{width: 100px; height: 100px;}
        

/* FOOTER */
/* ----------------------------------------- */
/*footer side bar area*/
        #footer{background: #fff;font-size:110%; clear:both;float:left;margin:0;padding:0 0 5px;width:996px; position: relative;}
        
         #footer .footer-widgets{text-align: center; width: 900px; margin:0 auto;}
        #footer .footer-widgets .widget-img{float:left;width:190px;padding:5px;margin-bottom:13px;margin-left:11px;margin-top:13px;text-align: center}
        #footer .footer-widgets .widget-img h3 {color: #9D9D9D;text-align: center; margin: 5px 0px;}
        #footer .footer-widgets .widget-img img{margin-left:10px;padding-top:1px;}
        #footer .footer-widgets .widget-img ul {margin-left:20px;margin-top: 5px;}
        #footer .footer-widgets .widget-img ul li{ background: url('images/most-read-icon.gif') no-repeat; padding-left: 20px; text-align: left;}

        #footerText{/*border-top:1px dotted #9D9D9D;*/padding-top:10px;width: 100%; text-align: center}
                #footerText .footer-navi {margin: 0 auto; text-transform: lowercase}
                #footerText .footer-navi li {display: inline;padding: 5px;}
                        #footerText .footer-navi li a {color: #9D9D9D; font-size: 16px;}
                        #footerText .footer-navi li a:hover{ color:#CC6600;}
                #footerText .footer-color { color: aqua;}
                #footerText p {font-size:10px;color:#999999; margin: 20px; }
                
/* fixes                 */
.linklove{display: none !important}

.cform label,
span.reqtxt, 
span.emailreqtxt,
.cform input.backbutton, 
.cform input.resetbutton, 
.cform input.sendbutton,
.cform textarea, 
.cform input {color: #333 !important; font-size: 100% !important}

.cform input, 
.cform textarea, 
.cform select{border: 1px solid #333333 !important}

/* favoritos */
.favoritos {width: 80px; text-align: center; float: left; margin-right: 8px; display: block;}
.favoritos img {float: left; text-align: center;}

#fav a img {padding: 0;}
.favtexto {clear: left; margin: 6px 0; height: 65px; display: block; line-height: 130%}
#flickr a { margin: 3px; }
#flickr a:hover { outline: 3px solid #C46286; }

/* autor */
.autor img.avatar{float: left;margin: 5px 10px 0 0;}



.autor {border-bottom: 2px dotted #9D9D9D; color:#333;line-height:1.5em; padding: 15px 0; clear:both;font-size: 10pt; height: 66px; width: auto}

/* Related Posts */


#relaciona {display: block;}
#relaciona div {float:left; margin-bottom:0;margin-right:35px;text-align:center;width:100px; height:140px}
#relaciona div a {display:block; text-align: left; padding: 0 5px 5px; font-size: 8pt; line-height: 14px;}

/* Ajustes 14-09 */
#content .categories {color:#666 !important;text-transform:uppercase;font-size:11px;line-height: 30px; font-weight:normal !important;}
#content .categories a {text-transform:uppercase;font-size:11px;line-height: 30px; font-weight:normal !important;}
#content .share {overflow:hidden; margin:10px 0;}
#content div.sociable {margin:0; float:left;}
#content .like-facebook {position:relative; top:14px; padding-left:8px; }



#propaganda-topo {
    width: 996px;
    height: 102px;
    margin: 10px auto 0px auto;
    padding: 0px;}

#abr_Top {
    margin-left: 134px;}