/* ------------------------------------------------------------ */
/* SOCIALTOOLS BLOG MAIN STYLE					*/
/* By SocialTools                          			*/
/* ------------------------------------------------------------ */

/* ----------------------------------------------------------------- */
/* GENERAL */
body {background-color: #FFF; margin: 0 auto; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 14px; line-height: 20px; color: #666; }

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

b {font-weight: bold;}
i {font-style: italic;}

h1, h2, h3, h4, h5, h6 {font-weight:300; }
h1, h2 {text-transform:uppercase;}
h2 {font-size: 35px; line-height: 36px;}
h2 a {font-weight:300;}

hr {display:none;}

.alignright {display: inline;float: right;}
.alignleft {display: inline; float: left;}
.aligncenter {display: block; margin-right: auto; margin-left: auto;}



/* ----------------------------------------------------------------- */
/* HEADER */
.topbar {background-color: #f70; color: #fff; position: fixed; z-index: 999; top:0; background-image:url('../backtrama_a-2.html');}
.topbar h2 {margin:0px; color:#FFF; text-align: center; height: 50px; line-height: 50px; font-size: 15px; font-weight: normal; text-transform: none;}
.topbar h2 .btn {margin-left: 10px; padding: 3px 8px; margin-bottom: 3px;}

#header {margin-top: 50px; margin-bottom:45px; background-color: #fff;}
#header #s {margin: 10px 0;}
#header .navbar-brand {padding:10px 15px; max-width:140px;}

/* ----------------------------------------------------------------- */
/* SEARCH */
#searchform #searchsubmit, #searchform label {display: none;}
#s {width: 100%; border:1px solid #ccc; padding: 5px; border-radius: 5px; height: 30px;}

/* ----------------------------------------------------------------- */
/* INDEX CONTENT */
#main-content article {padding-bottom: 25px; margin-bottom: 45px; border-bottom: 1px dotted #ccc; position: relative; }
#main-content article .post-header {float: left; margin-bottom: 25px;}
#main-content article .post-header img {width: 100%; height: auto; border-radius: 5px;}
#main-content article .post-excerpt h2 {padding-bottom:10px; margin-top:0px; font-size:30px;}
#main-content article .post-excerpt p {padding-bottom: 10px;}

#main-content article .author {padding: 10px 0; width: 100%; }
#main-content article .author .author-data {font-size: 12px; line-height: 14px; color: #CCC;}
#main-content article .author .author-name {font-weight: 600; color: #888;}
#main-content article .author-img {width: 60px; height: 60px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -khtml-border-radius: 50px; border-radius: 50px; border: 5px solid #fff; margin-right: 15px; position: absolute; top: 30px; left: 30px; overflow: hidden; box-shadow: 0 2px 2px rgba(0,0,0,0.2); }
#main-content article .glyphicon-triangle-top {position: absolute; top: 86px; left: 30px; font-size: 60px; color: #f60;}
#main-content article .moretag {text-transform: uppercase;}

/* ----------------------------------------------------------------- */
/* CATEGORIES & ARCHIVES */
.another-list h1 {margin-bottom: 30px;}

/* ----------------------------------------------------------------- */
/* SINGLE POST */
.single-post .breadcrumb{background-color: #fff; padding: 0; font-size: 12px; margin-bottom: 0;}
.single-post .breadcrumb p{float: left; width: 100%;}
.single-post img {max-width: 100%; height: auto;}

.single-post .post-content blockquote {color: #999; font-style: italic; padding: 5px 20px; margin: 0 10px 20px 10px;}
.single-post .post-content blockquote p {font-style: italic; padding-bottom: 0;}

.single-post h1 {font-size:32px; text-transform:uppercase;}
.single-post h2 {font-size:26px; text-transform:inherit;}
.single-post h3, .single-post h4 {color: #000; font-size: 18px; }
.single-post h5, .single-post h6 {text-transform: uppercase;}

.single-post p {margin-bottom: 10px;}
.single-post ul {list-style: disc; padding-left: 40px; margin-bottom: 20px;}
.single-post li {list-style: disc; margin-left: 30px; margin-bottom: 10px;}
.single-post li li {list-style: circle;}
.single-post li li li {list-style: square;}

/* ----------------------------------------------------------------- */
/* EDIT */
#main-content article .edit-link {font-size: 12px; background-color: #666; padding: 2px 5px; display: inline-block; margin: 10px 0; border-radius: 3px;}
#main-content article .edit-link:hover {background-color: #333;}
#main-content article .edit-link a {color: #FFF;}

/* ----------------------------------------------------------------- */
/* PREV & NEXT */
.arrow {font-size: 10px; vertical-align: bottom;}
nav .prev-posts-link .arrow, #navigation .prev-posts-link .arrow {float: left;}
nav .next-posts-link .arrow, #navigation .next-posts-link .arrow {float: right;}
.prev-posts-link .link-text {float: left; margin-left: 7px; text-transform: uppercase;}
.next-posts-link .link-text {float: right; margin-right: 7px; text-transform: uppercase;}
.prev-posts-link {float: left; font-size: 14px;}
.next-posts-link {float: right; font-size: 14px;}

/* ----------------------------------------------------------------- */
/* FOOTER */
#footer {width: 100%; padding: 50px 0; margin-top: 30px; background-image: url('../backtrama_a-2.html'); font-size: 11px; color: rgba(250,250,250,0.5);}
#footer p {margin-bottom: 10px;}
#footer .footer-logo {margin: 5px 0;}
#footer .footer-rss {margin: 10px 0; padding: 10px 0; width: 100%; float: left; border-top:1px solid rgba(0,0,0,0.15); border-bottom:1px solid rgba(0,0,0,0.15);}
#footer .footer-rss a {width: 30px; height: 30px; border-radius: 20px; background-color: rgba(0,0,0,0.2); float: left; padding:4px 8px; margin-right: 5px;}
#footer .footer-rss a img {color:#ddd;}
#footer .footer-menu span {margin: 8px 0 15px 0; font-size: 12px; border-radius: 2px; border-left: 4px solid rgba(0,0,0,0.2); padding: 3px 8px; background: rgba(0,0,0,0.1); color:rgba(250,250,250,0.7); box-sizing: border-box; width: 100%; float: left;}
#footer .footer-menu ul {margin-bottom: 15px;}
#footer .footer-menu li a {color: rgba(250,250,250,0.5); margin-left: 12px;}
#footer .footer-menu li a:hover {text-decoration:underline; color:#fff;}

/* ----------------------------------------------------------------- */
/* LEFT FLOATBAR (SOCIAL LINKS) */

.social-links-floatbar {width: 135px; height: 380px; position: fixed; margin-left:-145px; margin-top:-30px; padding: 15px 0; z-index: 999;}
.social-links-floatbar li{float: right;}
.social-links-floatbar a{padding:5px 10px !important; height:10px !important;}

/* ----------------------------------------------------------------- */
/* SIDEBAR */
#sidebar {color:#ccc;}
#sidebar a {color:#ccc;}

#sidebar h4 {margin:0px 0 10px 0; color:#999; font-weight: 600; font-size: 20px; text-transform: uppercase;}
#sidebar aside {float:left; margin-bottom:20px;}
#sidebar ul {list-style: disc; padding-left: 20px;}
#sidebar li {list-style: disc; padding-left: 0px; margin-bottom: 10px;}

#sidebar .menu-categorias-container ul {list-style: none; padding-left: 0px; float: left; margin-bottom: 25px;}
#sidebar .menu-categorias-container li {list-style: none; border: 1px solid #ccc; color:#ccc; border-radius: 5px;margin: 0.1em; padding:0.2em 0.5em; float: left; font-size:0.8em; white-space: nowrap;}

/* ----------------------------------------------------------------- */
/* RIGHT FLOATBAR (BANNER) */
.floating-rightbar{ z-index: 1000; width: 300px; display: block; position: fixed; margin-top: -85px; }

/* ----------------------------------------------------------------- */
/* SINGLE POST */
.breadcump {font-size: 12px; margin-bottom: 5px; position: relative; left: -1px;}
.facebook-comments {width:100%;}
.home_bottom_banner, .single_bottom_widget{float:left;width:100%;margin:10px 0 50px 0;display:yes;}

/* ----------------------------------------------------------------- */
/* POP UPS */
#wbounce-modal-sub input {margin-top: 10px;}


/* MEDIA QUERIES */
@media only screen and (max-width: 400px){

    
    
}

@media only screen and (max-width: 763px){
    .container {width:auto;}
    #header {margin-top: 60px;}
    #header .logo, #header .tagline {text-align: center;}
    #header, #footer {font-size: 14px;}
    h2 {font-size: 22px; line-height: 24px;}
    #footer .footer-menu {margin-top: 10px;}
    .topbar {height: 60px;}
    .topbar h2 {font-size: 11px; line-height: 22px; margin-top: 5px;}
    .topbar h2 .btn {font-size: 11px;}
        
}

@media only screen and (max-width: 992px) {
    
    

}