/*
	Theme Name: FacePower
	Theme URI: http://www.extraordinarythemes.com/themes/facepower
	Description: FacePower is a Wordpress theme fully  connected to social networks where people can easily share posts on Facebook, Twitter, Google+, LinkedIn, Pinterest and others. Facepower has color and background customization, thumbnail support, SEO ready and many awesome features. Ideal for bloggers.
	Author: Extraordinary Themes
	Author URI: http://www.extraordinarythemes.com/
	Tags: editor-style, theme-options, one-column, right-sidebar, custom-menu, fixed-width, threaded-comments, custom-background,  custom-colors, custom-menu, white, silver, light, blue, green, yellow
	License: GPL
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	Version: 1.0
*/

* {margin: 0;padding: 0;outline:none;}
body {font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#666;}

/*  general attributes
------------------------------------------------------------------------------------------------------------------*/
ol, ul {list-style: none;}
a {color: #526788;text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}

/*  general classes 
------------------------------------------------------------------------------------------------------------------*/
.floatLeft{float:left;}
.floatLeftImg{float:left;padding: 4px;margin:0px 10px 8px 0px;}
.floatRight{float:right;}
.floatRightImg{float:right;padding: 0px 0px 10px 10px;}
.clear{clear:both;}

/* Wordpress general classes
------------------------------------------------------------------------------------------------------------------*/
.alignleft, img.alignleft {display: inline;float: left;margin-right: 24px;margin-top: 4px;}
.alignright, img.alignright {display: inline;float: right;margin-left: 24px;margin-top: 4px;}
.aligncenter, img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {max-width: 100%; height: auto;}
.wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;max-width:552px !important;padding: 4px;text-align:center;}
.wp-caption img {margin: 5px 5px 0;}
.wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin: 5px;}
.wp-smiley {margin: 0;}
.gallery {margin: 0 auto 18px;}
.gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 33%;}
.gallery-columns-2 .gallery-item {width: 50%;}
.gallery-columns-4 .gallery-item {width: 25%;}
.gallery img {border: 2px solid #cfcfcf;}
.gallery-columns-2 .attachment-medium {max-width: 92%;height: auto;}
.gallery-columns-4 .attachment-thumbnail {max-width: 84%;height: auto;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;}
.gallery dl {margin: 0;}
.gallery img {border: 10px solid #f1f1f1;}
.gallery br+br {display: none;}
#content .attachment img {display: block;margin: 0 auto;}
blockquote{background:#DCF8FC;padding:8px;}

/*  title hierarchy pattern
------------------------------------------------------------------------------------------------------------------*/
h1, span.h1 {font-size:28px; color:#5476AF;padding-bottom:5px; font-weight:bold;}
h2, span.h2 {font-family:Verdana;font-size:18px;font-weight:normal;color: #000;}
span.h1, span.h2 {display:block;}
h3 {font-family:Verdana; font-size:14px; color:#444; text-align:left;}

/*  general divs
------------------------------------------------------------------------------------------------------------------*/
#wrapper{width:100%; min-width:1000px;}

/*  top
------------------------------------------------------------------------------------------------------------------*/
#wrapperHeader{width:100%;height:180px;background-color:#EEE;}
#wrapperHeader #header{margin:0 auto; width:970px; padding-top:15px; min-width:970px;}
#wrapperHeader #header #middleHeader{padding-left:16px;float:left;text-align:left;}
#wrapperHeader #header #middleHeader #search{float:left;padding-top:20px;}
#wrapperHeader #header #socialMedia{float:right;width:290px;padding:10px 0px 0px 50px;}
#wrapperHeader #header #socialMedia span{float:left;width:290px;font-weight:bold;text-align:left;padding-bottom:8px;font-size:18px;color:#444;}
#wrapperHeader #header #socialMedia ul{float:left;}
#wrapperHeader #header #socialMedia ul li{float:left;padding-right:10px;}

/* menu
------------------------------------------------------------------------------------------------------------------*/
#menu{float:left;width:100%;height:35px;background-color:#5476AF; border-top:1px solid #000; border-bottom:1px solid #000;}
#menu ul.nav{margin:0px auto; width:940px; padding-left:30px; min-width:970px;}
#menu ul.nav li{float:left; display:inline-block; margin:0; margin-right:30px; height:24px; padding-top:9px;}
#menu ul.nav li a{font-size:14px;font-weight:bold;color:#fff;}
.nav ul{margin:0px auto; width:940px; padding-left:30px; min-width:970px;}
.nav ul li{float:left; display:inline-block; margin:0; margin-right:30px; height:24px; padding-top:9px;}
.nav ul li a {font-size:14px;font-weight:bold;color:#fff;}

/*  content
------------------------------------------------------------------------------------------------------------------*/
#wrapperContent{float:left;width:100%;min-height:600px;padding-bottom:40px;position:relative;background-color:#F0F3F9;}
#content{margin:0px auto;width: 970px;padding-top:25px; min-width:970px;}
#content #contentMain{float:left;width:600px;margin-right:18px;}
#content #contentMain h3 {text-align:justify;font-size:18px;color:#344c72;padding-bottom:10px; font-weight:normal;}
#content #contentMain #archive {border:solid 1px #bbb; margin-bottom:15px; padding:15px; background-color:#FFF; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; text-align:center;}
#content #contentMain #archive .archiveTitle, #content #contentMain #archive .archiveTitle h1 {font-size:18px; font-weight:bold; margin-bottom:10px; color:#354d73;}
#content #contentMain #archive .archiveTitle h1 {display:inline-block;}
#content #contentMain #archive .archiveDescription {color:#666;}
#content #contentMain .post{position:relative; float:left;width:560px;padding:10px 20px 20px 20px;margin-bottom:12px;background-color:#fff;color:#000;border-width:1px; border-style:solid; border-color:#bbb; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}
#content #contentMain .post h1{text-align:justify;font-size:18px;color:#354d73;padding:10px 0px 15px 0px;}
#content #contentMain .post h2{text-align:justify;padding:10px 0px 15px 0px;color:#354d73;}
#content #contentMain .post .postMetadata{float:left;width:560px;padding-bottom:15px;}
#content #contentMain .post a.more-link {color:#526788; font-weight:bold;}
#content #contentMain .post .postMetadata div {margin:5px 0;}
#content #contentMain .post .postMetadata .postDate{float:left;height:16px;background:url('images/calendario.jpg') no-repeat 0px;font-family:Verdana;font-size:12px;color:#000;padding:0px 15px 0px 20px;}
#content #contentMain .post .postMetadata .postComments{float:left;height:16px;background:url('images/comentario.jpg') no-repeat 0px;font-family:Verdana;font-size:12px;color:#000;padding:0px 15px 0px 18px;}
#content #contentMain .post .postMetadata .postAuthor{float:left;height:16px;background:url('images/author.jpg') no-repeat;font-family:Verdana;font-size:12px;color:#000;padding:0px 15px 0px 16px;}
#content #contentMain .post .entry{float:left;width:560px;padding-bottom:20px;}
#content #contentMain .post .entry img{border:1px solid #bbb; padding:5px;}
#content #contentMain .post .entry img.attachment-thumbnail {float:left; margin-right:15px;}
#content #contentMain .post .entry p{padding-bottom:8px;font-size:14px;line-height:22px;color:#000;text-align:justify;}
#content #contentMain .post .optionsEntry{float:left;width:560px;padding-top:15px;}
#content #contentMain .post .optionsEntry a{font-family:Verdana;font-size:14px;font-weight:bold;color:#354d73;}
#content #contentMain .post .optionsEntry .share{float:left;}
#content #contentMain .post .optionsEntry .share a{float:left;padding:2px 0px 0px 5px;font-size:16px;font-weight:normal;color:#444;}
#content #contentMain .post .share{float:left;width:468px;padding-bottom:10px;}
#content #contentMain .post .socialNetworkShare{float:left;width:560px;padding-bottom:10px;}
#content #contentMain .post .socialNetworkShare ul li{float:left;margin-right:20px;}
#content #contentMain .post .socialNetworkShare ul li .fb-like {margin-top:2px;}
#content #contentMain .post .socialNetworkShare ul li iframe.twitter-share-button {margin-left:3px;width:100px!important;}
#content #contentMain .post .socialNetworkShare ul>li + li, #content #contentMain .post .share ul>li + li + li, #content #contentMain .post .share ul>li + li + li + li, #content #contentMain .post .share ul>li + li + li + li + li, #content #contentMain .post .share ul>li + li + li + li + li + li{margin-top:2px;}
#content #contentMain .post .socialNetworkShare ul>li + li + li + li{width:63px!important;}
#content #contentMain .copyPost{float:left;width:560px;padding:10px 20px 20px 20px;margin-bottom:12px;background-color:#fff;color:#000;border-width:1px; border-style:solid; border-color:#bbb;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#content #contentMain .copyPost div{float:left;width:560px;}
#content #contentMain .copyPost p{padding-bottom:8px;line-height:22px;}
#content #contentMain .likeUs{float:left;width:560px;padding:10px 20px 20px 20px;margin-bottom:12px;background-color:#fff;color:#000;border-width:1px; border-style:solid; border-color:#bbb;border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

/*  comments
------------------------------------------------------------------------------------------------------------------*/
#content #contentMain #comments{float:left;width:560px;padding:10px 20px 20px 20px;margin-bottom:12px;background-color:#fff;color:#000;border-width:1px; border-style:solid; border-color:#bbb;border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}
#content #contentMain #comments .comment{width:auto; padding:20px 10px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}
#content #contentMain #comments .even {background-color:#f0f0f0;}
#content #contentMain #comments .odd {background-color:#F7FAFF;}
#content #contentMain #comments .comment table {margin:0; padding:0; border:none;}
#content #contentMain #comments .comment table td {vertical-align:top; padding:0; margin:0;}
#content #contentMain #comments .comment table td.avatar {padding-right:15px;}
#content #contentMain #comments .comment table td.comment-content div.name {font-size:12px; color:#D90000; margin-bottom:3px; font-weight:bold;}
#content #contentMain #comments .comment table td.comment-content div.name a {color:#d90000;}
#content #contentMain #comments .comment table td.comment-content div.date {font-size:12px; color:#777 !important; margin-bottom:10px;}
#content #contentMain #comments .comment.parent div.comment {margin-top:10px;}
#content #contentMain #comments #respond {margin:20px 0;}
#content #contentMain #comments #respond form#commentform {padding:10px;}
#content #contentMain #comments #respond form#commentform label {display:block; font-size:12px; font-weight:bold; margin:5px 0;}
#content #contentMain #comments #respond form#commentform input {border:solid 1px #bbb; padding:5px; width:255px;}
#content #contentMain #comments #respond form#commentform input.gray {background-color:#efefef;}
#content #contentMain #comments #respond form#commentform textarea {width:530px; border:solid 1px #bbb; padding:5px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
#content #contentMain #comments #respond form#commentform input, #content #contentMain #comments #respond form#commentform textarea {font-size:12px; font-weight:normal; font-family:Verdana, Geneva, sans-serif;}
#content #contentMain #comments #respond form#commentform input#submit {border:none; width:104px; height:27px; padding:0; margin-top:10px;border: #32476B 1px solid;color: #FFF;font-family: Verdana;font-size: 12px;font-weight: bold;background-color: #5476af;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;behavior: url(PIE.htc);cursor: pointer;}

/*  sidebar
------------------------------------------------------------------------------------------------------------------*/
#content #sidebars {position:relative; float:left;width:320px; padding:15px; font-family:Verdana;background-color:#fff;border:1px solid #c2c2c2;border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}
#content #sidebars h3 {font-size:14px; color:#444; margin-bottom:10px;}
#content #sidebars .widget {width:100%; padding:10px 0;}
#content #sidebars #sidebar-middle div.left, #content #sidebars #sidebar-middle div.right {width:150px;}
#content #sidebars #sidebar-middle div.left {float:left;}
#content #sidebars #sidebar-middle div.right {float:right;}
#content #sidebars ul li {line-height:1.3em;}
#content #sidebars .widget_categories ul.children {padding-left:10px;}

/*  footer
------------------------------------------------------------------------------------------------------------------*/
#wrapperFooter{text-align:center;padding-top:8px;float:left;width:100%;height:22px;background-color:#5476AF;border-top: 1px solid #000; border-bottom:1px solid #000;}
#wrapperFooter span{font-family:Verdana;font-size:12px;color:#fff;}
#wrapperFooter a{font-family:Verdana;font-size:12px;color:#fff;}

/*  search form
------------------------------------------------------------------------------------------------------------------*/
form#searchform input.text {width:270px; height:18px; padding:3px 3px 3px 30px; background:#fff url(images/bloom.jpg) no-repeat 4px center; border:#5476AF solid 1px; font-size:12px; color:#aaa; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; float:left; font-family:Verdana, Geneva, sans-serif;}
form#searchform input.search_button{width:105px; height:24px; border:#32476B 1px solid; margin-left:5px; color:#FFF;font-family:Verdana;font-size:12px;font-weight:bold;background-color:#5476af; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; cursor:pointer;}
#sidebars #txtSearch{width:175px;}

/* sharing box
------------------------------------------------------------------------------------------------------------------*/
#content #contentMain .post .share .share_box {display:none; border:solid 2px #ccc; padding:15px; position:absolute; z-index:999; margin-left:80px; background-color:#fff; max-width:250px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}
#content #contentMain .post .share .share_box a {display:inline-block; margin:5px 10px; float:none; font-size:12px; font-weight:bold; color:#36C; padding-left:25px; width:80px;}
#content #contentMain .post .share .share_box a.facebook {background:transparent url(images/facebook_button.png) no-repeat left top;}
#content #contentMain .post .share .share_box a.twitter {background:transparent url(images/twitter_button.png) no-repeat left top;}
#content #contentMain .post .share .share_box a.linkedin {background:transparent url(images/linkedin_button.png) no-repeat left top;}
#content #contentMain .post .share .share_box a.googleplus {background:transparent url(images/google_plus_button.png) no-repeat left top;}
#content #contentMain .post .share .share_box a.pinterest {background:transparent url(images/pinterest_button.png) no-repeat left top;}

/* CSS classes needed for WordPress */
.sticky {}
.bypostauthor {}