FB box To se mi líbí – neúplné zobrazení

8. 7. 2013 23:09:08

Prosím o radu: Na mých webech KutilZahradník.cz a Bydlení21.cz (oba mají stejnou šablonu) je problém, který bych potřeboval vyřešit. Jde o funkci FB To se mi líbí po rozkliknutí každého postu dole pod článkem. Pokud přihlášený návštěvník klikne na to se mi líbí, vyskočí mu box, který ale nemá plnou šířku. Klikne-li návštěvník na vedlejší tlačítko Poslat, je jak se zdá vše v pořádku. Potřeboval bych poradit, co kde upravit, aby i tlačítko to se mi líbí generovalo box v plné šířce. Tyto funkce mám pevně vloženy v kódu, nejedná se o žádné pluginy.

Pro lepší orientaci přikládám kód css a kód single post

/*
Theme Name: Infimag
Theme URI: http://www.magpress.com/wordpress-themes/infimag.html
Description: Unlimited Color and 500+ Google Webfonts Selection HTML5/CSS3 Responsive Magazine WordPress Theme.
Version: 1.0
Author: MagPress
Author URI: http://www.magpress.com
License: Creative Commons Attribution-Share Alike 3.0
License URI: http://creativecommons.org/licenses/by-sa/3.0/us/
Tags: white,black,pink,three-columns,two-column,right-sidebar,fixed-width,editor-style,custom-menu,custom-header,featured-images,full-width-template,theme-options,threaded-comments

The CSS, XHTML and design is released under Creative Commons Attribution-Share Alike 3.0 License:
http://creativecommons.org/licenses/by-sa/3.0/us/
*/

/*
changelog

v1.0
- initial release

/*/////////////////////////////////////////////////////////////////////////////
// RESET CSS
////////////////////////////////////////////////////////////////////////////*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
/*/////////////////////////////////////////////////////////////////////////////
// GLOBAL CSS
////////////////////////////////////////////////////////////////////////////*/
body {
	font-family: arial, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	color: #565656;
	background-color: whiteSmoke;
}
html,body {
	line-height: 1.4em;
}

h1,h2,h3,h4,h5,h6,.header-title,#main-navigation, #featured #featured-title, #cf .tinput, .post-more a, #wp-calendar caption,.flex-caption,#portfolio-filter li,.nivo-caption a.read-more {
	}

footer {
	}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold !important;
	letter-spacing: -1px;
}
.cleariefloat {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 3em;
	width: 100%;
}
#wp-calendar caption {margin: 0 0 10px;}
.sticky{}
.gallery-caption{}

.flex-control-nav {display:none;}
.clearfix {
	clear: both;
}

a:link, a:visited {
	color: #69C;
	text-decoration: none;
}
a:hover, a:active  {
	text-decoration: none;
	color: #B4370E;
}

.twitterbox li.followme a, li.flickrmore a {
border-bottom: 0 none !important;
}

#wp-calendar a { }
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
    margin: 1em 0 2em 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
.widget table {
  clear: both;
}
ul.the-icons {
  list-style: none;
  margin: 0 0 0 1em !important;
}
.post-content .btn {
  padding: 5px 12px;
  background: #f7f7f7;
  border: 1px solid #ccc;
  color: #444;
  -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
.post-content .btn:hover {

background: #f5f5f5;
  border: 1px solid #aaa;
  color: #222;
}

iframe.fb {
	margin: 0px;
	padding: 8px 0px;
	float: left;
	height: 30px;
	width: 100%;
}
img { border: 0 none; }

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
hr {
	background-color: #ddd;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin: 0 0 1.625em;
}
ul, ol {
	margin: 0 0 1.625em 0em;
    padding: 0;
}

ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin: 0 0 0 1em;
    padding: 0;
}
.post-content ul ul, .post-content ol ol, .post-content ul ol, .post-content ol ul {
	margin-bottom: 0;
	font-size: 92%;
}
.post-content ul li, .post-content ol li {
	margin: 0 0 0.6em;
}
.post-content ul li ul li, .post-content ol li ol li {
      margin: 0.2em 0 0;
}
.post-content ul, .post-content ol  {
   margin: 0 0 1.6em 3em;
}
.post-content ul ul, .post-content ol ol {
   margin: 0 0 0em 2em;
}
/* IE 7 BIG FIX */
* {
	zoom: 1;
}
.post-content h1 {font-size: 1.8em; margin: 0 0 1em; }
.post-content h2 {font-size: 1.7em;margin: 0 0 1em;}
.post-content h3 {
	font-size: 1.35em;
	margin: 0 0 1em;
}
.post-content h4 {font-size: 1.5em;margin: 0 0 1em;}
.post-content h5 {font-size: 1.35em;margin: 0 0 1em;}
.post-content h6 {font-size: 1em;margin: 0 0 1em;}

dl {

}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}

cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 3em 1.25em 3em;
	border-left: 5px solid #999;
	padding-left: 1em;
	line-height: 1.6em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 85%;
}
pre {
	font-family: "Courier New", Courier, monospace;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
	width: 80%;
	display: block;
	clear: both;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 90%;
	color: #333;
	border: 1px solid #ccc;
	background-color: #eee;
	background-image: url(images/textures/body-bg3.png);
	background-repeat: repeat;
}
code, kbd {
	font-size: 90%;
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
address {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}

ins {
	background: #fff9c0;
	text-decoration: none;
	color: #000;
}
sup,
sub {
	font-size: 80%;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
i {
  margin: 0 7px 0 0;
}
ul.the-icons {
  margin: 0 0 1.4em 1em !important;
}

/* Images */
.post-content img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
    height: auto;
}

.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
    height:auto;
}

img,
img {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 16px 9px 9px;
	box-shadow: 0 0px 2px #999;
	background-color: #eee;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 95%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #333;
	font-size: 90%;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
	color: #333;
}
.wp-caption p {
  margin: 0px;
}

.wp-caption .wp-caption-text:before {
	content: '2014';
	font-size: 1.125em;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
.content .gallery {
	margin: 0 auto 1.625em;
}
.content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
.content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
.content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img,
img,
.content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	padding: 0px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img,
a:hover img,
a:active img,
a:focus img,
a:hover img,
a:active img,
.content .gallery .gallery-icon a:focus img,
.content .gallery .gallery-icon a:hover img,
.content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input {
	margin: 0.8125em 0;
}
.post-password-required input:focus {
	background: #f7f7f7;
}

/* Calendar Widget */

.widget_calendar #wp-calendar {
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 1.125em;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}

.widget_calendar #wp-calendar th {

font-weight: bold;
}

.widget_calendar #wp-calendar tfoot td {

}
.post-content td, .comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
	font-size:0.85em;
}
.post-content table, .comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	max-width: 100%;
	clear:both;
	width: 100%;
}
.post-content table {
	border-collapse: collapse;
}
.post-content tr th {
	background: #eee;
	color: #333;
}
.post-content th {

}
.post-content th, .post-content td {

padding: 3px 10px;
	text-align: left;
	vertical-align: top;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
video {
	max-width: 100%;
	height: auto;
}
.video-wrapper {
	width: 100%;
	max-width: 95%;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.post-content iframe { max-width: 100%; }

/*/////////////////////////////////////////////////////////////////////////////
// FRAME CSS
////////////////////////////////////////////////////////////////////////////*/
footer .innerwrap , header .innerwrap, #bodywrap, .innerwrap-custom-header, #main-navigation .innerwrap {
margin: 0px auto;
padding: 0px;
max-width: 1120px;
width:auto;
}

#flex-wrapper .innerwrap {
margin: 0px auto;
padding: 0px;
max-width:1120px;
width:auto;
}

#wrapper {
	margin: 0px;
	padding: 0px;
	width:100%;
	float: left;
}

#wrapper-main {
	float: left;
    margin: 0;
	width: 100%;
}

#wrapper-main, footer .innerwrap {
  font-size: 0.6875em;
}

#header {
	margin: 0px;
	width: 100%;
	padding: 0px;
	float: left;
	position: relative;
}

#header .header-inner {
	float: left;
	width: 100%;
	padding-top: 0em;
	padding-bottom: 2em;
}
#header-top {
	margin: 0px;
	padding: 2% 0%;
	float: left;
	width: 100%;
}
#header-bottom {
	margin: 0px;
	padding: 0%;
	float: left;
	width: 100%;
}
#header-right {
	margin: 0px;
	padding: 0px;
	float: right;
}
#header-right .social-and-search {
	margin: 0px;
	padding: 0.6em;
	float: right;
	width: 100%;
}
#header-right .social-and-search form {
	float: right;
	padding-top: 5px;
	padding-left: 5px;
}
#header-right #socialbox {
	float: right;
	margin: 0px;
	padding: 0px;
	width: auto;
}
#header-right .social-and-search input {
	display: none;
}
#header-right .social-and-search input {
	padding: 7px;
	color: #999;
	width: 150px;
	border: 1px solid #ddd;
	background-color: #eee;
	background-image: url(images/search-ico-alt.png);
	background-repeat: no-repeat;
	background-position: 96% center;
}
#header-right .social-and-search input:focus {
	border: 1px solid #06F !important;
	background-color: #FFF;
	background-image: url(images/search-ico-alt.png);
	background-repeat: no-repeat;
	background-position: 96% center;
}

#main-navigation {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: #3a3a3a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhM2EzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTJlMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #3a3a3a 0%, #2e2e2e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#2e2e2e));
	background: -webkit-linear-gradient(top,  #3a3a3a 0%,#2e2e2e 100%);
	background: -o-linear-gradient(top,  #3a3a3a 0%,#2e2e2e 100%);
	background: -ms-linear-gradient(top,  #3a3a3a 0%,#2e2e2e 100%);
	background: linear-gradient(to bottom,  #3a3a3a 0%,#2e2e2e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#2e2e2e',GradientType=0 );
}
.top-navigation {
	float: left;
	margin: 0px 0px 1.25em;
	padding: 0px;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 4px #ddd;
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-bottom: 5px solid #69C;
	border-left: 1px solid #E0E0E0;
	}

#main-navigation .container-wrap {
	width:100%;
	float:left;
	padding:0 !important;
	margin: 0;
}

#bodywrap #bodycontent {
	float:left;
	width:100%;
	margin:0; padding:0;
	}

#container {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.container-wrap {
	float: left;
	width: 96%;
	margin: 0px 0px 2em;
	padding: 2%;
	background-color: #FFF;
	border: 1px solid #E0E0E0;
	box-shadow: 0 0 4px #ddd;
}

.content {
	float: left;
	width: 67%;
	padding: 2em 0 0;
}
#wrapper .single-entry {
	float: left;
	width: 729px !important;
	background: #FFF;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 20px;
}
#left-sidebar.sidebar {

}
#left-sidebar {
	float: left;
	width: 100%;
	padding: 0%;
	font-size: 0.9em;
}

#right-sidebar {
	float: right;
	width: 30%;
	padding: 2em 0% 0%;
}
#right-sidebar .sidebar-inner {
}
.sidebar {

}

.content.wide-content {
    margin: 0 380px 0 0 !important;
	overflow: hidden;
}
.content.full-width {
	margin: 0px;
	width: 100%;
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.content-inner {
width:100%;
float:left;
}

#post-entry {
	margin: 0px;
	padding: 0%;
	position: relative;
	float: left;
	width: 100%;
}

.full-width #post-entry {
	position: relative;
	overflow: hidden;
	float: left;
	width: 100%;
	border-right: 0px none;
	border-left: 0px none;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	margin: 0px;
	padding: 0%;
	background: transparent none;
}

.post-entry-inner {

}

/*sidebar*/
#sidebar {
   	margin: 0 0 0 -360px;
	padding-bottom: 25px;
	position: relative;
	float: right;
}
.portfolio-sidebar {
  padding: 4em 0 0 !important;
}

#sidebar.sidebar {}
* html #sidebar, * html #left-sidebar, * html #right-sidebar {}

.sidebar-inner {}

footer {
	width: 100%;
	float: left;
	margin:0; padding: 0;
}

/*/////////////////////////////////////////////////////////////////////////////
// LAYOUT CSS
////////////////////////////////////////////////////////////////////////////*/
#main-navigation aside { float:right; width: auto;}
#main-navigation aside #searchform{
	float:right;
	margin: 4px 15px 0;
	width: 180px;
}
#main-navigation aside #searchform input {
	background: #fff url(images/search.png) no-repeat 95% center;
	color: #333;
	float:right;
	width: 80%;
	border: 1px solid #fff;
	height: 15px;
}
#main-navigation aside #searchform input:focus {
	background: #fff url(images/search.png) no-repeat 95% center;
	border: 1px solid #fff;
	color: #444;
	width: 80%;
	height: 15px;
}
#main-navigation aside #searchform label {
display:none;
}
#main-navigation aside #searchform input {}
/*/////////////////////////////////////////////////////////////////////////////
// BREADCRUMBS CSS
////////////////////////////////////////////////////////////////////////////*/

#breadcrumbs {
	font-size: 1em;
	text-align: left;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	text-transform: uppercase;
	position: absolute;
	bottom: 15px;
	left: 15px;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;

}
#breadcrumbs ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	list-style: none;
}
#breadcrumbs ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	font-size: 0.9em;
	color: #FFF;
	background: #3D5C76;
}
#breadcrumbs ul li.bpage {
	margin: 0px;
	padding: 5px 12px;
	float: left;
	list-style: none;
	color: #fff;
	display: block;

}
#breadcrumbs ul li a {
	margin: 0px;
	padding: 5px 12px;
	float: left;
	list-style: none;
	color: #DEF5F5;
	background: #5A86A9;
	display: block;
}

/*/////////////////////////////////////////////////////////////////////////////
// Header css
////////////////////////////////////////////////////////////////////////////*/

#siteinfo {
font-family: magneto;
	margin: 0;
	float: left;
	padding: 0;
}
#siteinfo a {
font-family: magneto;
	color: #333;
	text-decoration: none;
}
#siteinfo a:hover {
font-family: magneto;
	text-decoration: none;
	color: #999;
}
#siteinfo img {
	border: 0 none;
	max-width:100%;
	height:auto;
	margin:0;
}

#siteinfo h1 {
font-family: magneto;
	font-size: 3.5em;
	margin: 0.24em 0px 0px;
	padding: 0px;
	width: 100%;
	font-weight: bold;
	text-transform: none;
	letter-spacing: -2px;
	line-height: 110%;
	float: left;
}
p#site-description {
	font-size: 0.875em;
	line-height: 1.3em;
	margin: 0px;
	padding: 0.5em 0px 0px;
	width: 100%;
	float: left;
	display: none;
}

#topbanner {
	margin: 0px;
	float: right;
	padding: 0px;
}
#topbanner img {
	border: 0 none;
}
#topsearch {
	margin: 0px;
	padding: 20px 0px 0px;
	float: right;
	width: 500px;
}
#topsearch #searchform {
	float: right;
}
#topsearch #searchform input {
	float: left;
	width: 175px;
	margin: 0 10px 0 0;
	background: #FFF url(images/search-ico-alt.png) no-repeat right center !important;
}
#topsearch #searchform input, #topsearch #searchform input {float: right;}

.innerwrap-custom-header {
	margin: 0 auto 0 auto !important;
}
#custom-img-header {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px solid #454545;
	border-left: 0px none;
}
#custom-img-header img {
	border: 0 none;
	margin:0px;
	padding:0px;
	max-width:100%;
	height:auto;
	float: left;
}

/*/////////////////////////////////////////////////////////////////////////////
// Post and Page css
////////////////////////////////////////////////////////////////////////////*/
.full-width #post-entry article {
	float: left;
	margin: 0px 0px 1em 0px !important;
	border:0 none;
}
#post-entry article {
	float: left;
	width: 100%;
	padding: 0% 0% 0.25em;
	margin: 0px 0px 2em;
	position: relative;
	border-bottom: 1px solid #333;
}

#post-entry article.home-post {
	width: 45%;
	float:left;
	border-width: 0px;
	border-style: none;
	padding: 0% !important;
	margin: 0px 0px 2em;
	background: transparent none;
	height: 342px;
	
}

#post-entry article.home-post.alt-post {
	margin: 0px 8% 2em 0;
}

#post-entry article.home-post .article-blk {
	width: 94%;
	float:left;
	height: 290px;
	padding: 0% 5% 4% 0% !important;
}
div.paperdown {
	height: 5px;
	width: 97%;
	background: #f4ea7c;
	border-right: 1px solid #ECDC1A;
	border-bottom: 1px solid #ECDC1A;
	border-left: 1px solid #ECDC1A;
	margin: 0px auto;
	padding: 0px;
	float: none;
	text-align: center;
	clear: both;
	}

#post-entry article.post-single {
	margin: 0px;
	border-width: 0px;
	border-style: none;
}

#post-entry article img.rounded {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

h2.header-title {
	font-size: 1.5em;
	font-weight: normal;
	color: #CCC;
	text-transform: none;
	margin-top: 0px;
	margin-bottom: 1em;
	letter-spacing: -1px;
}
.separator {
	display: block;
	float: left;
	width: 100%;
	height: 2px;
	border-bottom: 1px solid #ddd;
	margin: 1em 0px 2em;
	padding: 0px;
	border-top: 1px solid #eee;
}
#post-entry article a {
	text-decoration: none;
}
#post-entry article a:hover {
	text-decoration: none;
}
#container #post-entry article.home-post.alt-post {

}

.post-thumb-alt {
   width: 100%;
   height: 150px;
   margin: 0 0 8px 0;
   overflow:hidden;
   float:left;
   position:relative;
 }

.home-post .slidecaption {
	float: left;
	position: absolute;
	background: #000 url(images/link.png) no-repeat center center;
	height: 100%;
    text-align:center;
	width: 100%;
	opacity: .5;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	top: -999em;
}

.home-post .slidecaption h1 {
   color:white;
   font-size: 1.25em;
   position: absolute;
   bottom: 50px;
   width:100%;
    text-align:center;
}

#post-entry div.post-thumb {
	padding: 0%;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0.5em;
	width: 100%;
	height:130px;
}

#post-entry div.post-thumb.in-archive {
	padding: 0%;
	overflow: hidden;
	float: left;
	margin: 0px;
	width: 99%;
	height:150px;
	background: center center;
}
#post-entry div.post-thumb.in-mobile {
	padding: 0%;
	overflow: hidden;
	float: left;
	margin: 0px;
	width: 99%;
	height: auto !important;
	max-height:300px;
	background: center center;
}

#post-entry div.post-thumb img {
	border-width: 0px;
	border-style: none;
	float: left;
	height: auto;
	width: 100%;
	max-width:100%;
}

#post-entry div.post-thumb.alignright {
	padding: 0%;
	margin: 0px 0px 0px 15px;
	float: right;
}
#post-entry div.post-thumb.alignleft {
	padding: 0%;
	margin: 0px 15px 0px 0px;
	float: left;
}

.post-thumb p {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	overflow: hidden;
}

#post-entry div.post-thumb a:hover img {}
#post-entry div.post-thumb .aligncenter {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#post-entry div.post-thumb:hover {
}

#post-entry article .post-right {
	margin: 0px 0px 0px 220px;
	padding: 0px;
}
#post-entry article.has_no_thumb .post-right {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#post-entry article.home-post h1.post-title {
	padding: 0px;
	font-size: 1.8em;
	line-height: 1.3em;
	margin: 0px 0px 0px 55px;
	position: relative;
	float: none;
	width: auto;
}
#post-entry article.home-post h1.post-title a {
	text-decoration: none;
	color: #333;
}
#post-entry article.home-post h1.post-title a:hover {
	text-decoration: none;
	color: #666;
}
#post-entry .home-post img.alignleft {
	margin: 0px;
	padding: 0px;
}

.full-width #post-entry article .post-top {

}
#post-entry article.page-single .post-top {

}

#post-entry article .post-top {
	padding: 0px;
	margin: 0px 0px 0.6em;
	width: 100%;
	float: left;
	position: relative;
}
#post-entry article .post-top .calendar-wrap {
	margin: 0px;
	float: left;
	width: 45px;
	line-height: 100%;
	padding-top: 5px;
}
#post-entry article .post-top .calendar-wrap .cdate {
	margin: 0px;
	background-color: #ededed;
	text-align: center;
	width: 100%;
	padding: 5px 0;
	float: left;
	box-shadow: inset 1px 1px 3px #CCC;
	-webkit-box-shadow: inset 1px 1px 3px #CCC;
}
#post-entry article .post-top .calendar-wrap .cmonth {
	margin: 0px;
	background-color: #333;
	text-align: center;
	padding: 5px 0;
	color: #FFF;
	width: 100%;
	float: left;
}

#post-entry article h1.post-title {
	font-size: 2em;
	margin: 0px;
	color: #333;
	padding: 0px;
	float: left;
	width: 100%;
	line-height: 110%;
	font-weight: normal;
}

.full-width #post-entry h1.post-title {
}
#post-entry article h1.post-title a {
	text-decoration: none;

margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}

#post-entry article h1.post-title a:hover {
	text-decoration: none;
	color: #C43100;
}

#post-entry article.post-single h1.post-title, h1.folio  {
	font-size: 3em;
}
#post-entry article.home-post div.post-meta {

}
#post-entry article div.post-meta {
	font-size: 1em;
	margin: 0px;
	padding: 0.4em 0px;
	float: left;
	width: 100%;
	position: relative;
	color: #999;
	line-height: 1.2em;
}
.post-meta-top {
	font-size: 1.25em;
	text-align: center;
	color: #666;
	display: inline-block;
	padding: 1em 0.85em 0.25em;
	background: #bbb;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: inset 1px 1px 1px #555;
	-webkit-box-shadow: inset 1px 1px 1px #555;
	-moz-box-shadow: inset 1px 1px 1px #555;
}
.post-meta-top a {
	color: #666;
	text-decoration: none;
}
.post-single .post-meta-top {
	font-size: 1.85em;
}
h4#more-blog {
	font-size: 2em;
	margin: 0px 0px 1em;
	padding: 2%;
	float: left;
	width: 96%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #DDD;
}
.post-meta i {
	font-size: 1.025em !important;
	color: #999;
	margin-right: 5px;
}
#post-entry article .post-meta a {
	text-decoration: none !important;
	color: #999;
}
#post-entry article .post-meta a:hover {
	text-decoration: underline !important;
	color: #69C;
}
#post-entry article .post-meta span {
}
span.post-author{

}
span.post-time{

}
span.post-category{

}
.home-post span.post-category a {
	
}
span.post-tags{

}
span.post-edit{

}
span.post-comment{
	
	}

.post-single span.post-comment{

}

span.post-view {
}
span.post-comment a, span.post-view a {

}
#wrapper span.post-comment a:hover, #wrapper span.post-view a:hover {

}
#post-entry article.home-post .post-content {
	font-size: 1.125em;
	float: left;
	width: 100%;
	padding: 0.6em 0px 0px;
	margin: 0px;
	line-height: 1.4em;
}

#post-entry article .post-content {
	font-size: 1.125em;
	float: left;
	width: 100%;
	padding: 1em 0%;
}
#post-entry article.post-single .post-content {
	font-size: 1.25em;
	margin-top: 0px;
	padding-top: 1.25em;
	line-height: 1.4875em;
}
#post-entry article .post-right .post-content {
	font-size: 1.125em;
	margin: 0px;
	padding: 1em 0px;
	line-height: 1.4em;
}
#post-entry article .post-more {
	margin: 0.6em 0px 0px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 1em;
	font-weight: bold;
}
#post-entry article .post-more a {
	color: #D33432;
	text-decoration: underline;
}
#post-entry article .post-more a:hover {

}
.post-content a {
	text-decoration: underline !important;
}
#post-entry div.social {
	margin-bottom: 5px;
	display: block;
	clear: both;
	margin-top: 5px;
}

div.skewbottom {
	background: #000;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 99;
	-webkit-transform: matrix(1.000,-0.029,0.029,1.000,0,0);
-moz-transform: matrix(1.000,-0.029,0.029,1.000,0px,0px);
-ms-transform: matrix(1.000,-0.029,0.029,1.000,0,0);
-o-transform: matrix(1.000,-0.029,0.029,1.000,0,0);
transform: matrix(1.000,-0.029,0.029,1.000,0,0);
}

/*/////////////////////////////////////////////////////////////////////////////
// Adsense css
////////////////////////////////////////////////////////////////////////////*/
.adsense-loop, .adsense-post {
	width: 100%;
	padding: 0em !important;
	overflow: hidden;
	text-align: center;
	margin: 0 0 1.5em;
	float: left;
}

.adsense-single {
	border-width: 0px;
	border-style: none;
	margin: 0px 0px 10px;
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: left;
}

/*/////////////////////////////////////////////////////////////////////////////
// sharebox
////////////////////////////////////////////////////////////////////////////*/
.post-single .share_box {

}

.sharebox-wrap {
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	width: 100%;
}
.share_box {
	margin: 0px;
	padding: 6px 0px 0px;
	float: left;
	width: 100%;
}
.share_box:hover, .share_box:focus {
}
.page-single .share_box {

}

.share_box .share_btn {
	margin: 0px 0px 0px;
	width:auto;
	padding: 0px;
	float: left;
}

.share_box .twitter_share {
  width: 85px !important;
  overflow:hidden;
}
.share_box .fb_share {
  margin-right: 10px !important;
}
.share_box .gplus_share {
  width: 70px !important;
  overflow:hidden !important;
}
#social-head div.side_share_btn {
	margin: 5px 20px 0px 0px;
	float: left;
	padding: 0px;
	width: auto !important;
}

#custom .share-box div, #custom .share-box iframe, #custom .share-box a { margin: 0 10px 0 0; width:auto !important; }

/*/////////////////////////////////////////////////////////////////////////////
// Related Post css
////////////////////////////////////////////////////////////////////////////*/
#post-related {
	padding: 0px;
	margin: 2em 0px 0px;
	clear: both;
	float: left;
	width: 100%;
}
#post-share {float: left;width: 50%;}
#related-post {float: right;width: 50%;}

#post-related h4, #post-related-inline h4  {
	font-size: 1.75em;
	margin: 0px 0px 0.5em;
	padding: 0px 0px 5px;

float: left;
	width: 100%;
	border-bottom: 1px solid #eee;
}

#post-related h2,#post-related-inline h2 {
	font-size: 1.125em;
	line-height: 1.4em;
	margin: 0 0 5px;
	letter-spacing: normal;
	text-align: center;
	display: block;
	padding: 0px;

}
#post-related-inline h2 {
	text-align: left !important;
	font-size: 1.4em;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
#post-related h2 a, #post-related-inline h2 a {
	text-decoration: none;
}
#post-related .feat-cat-meta {
	margin: 0px 1.25em 0.5em 0px;
	float: left;
	width: 31%;
	overflow:hidden;
}
 #post-related .feat-cat-date {
	margin: 0px 0px 0.25em;
	padding: 0px 0px 0.5em;
    color: #aaa;
}
#post-related .post-small-thumb {
	margin: 0px;
	padding: 5px 0 0;
	float: left;
}
#post-related .post-small-right {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	float: left;
	width: 450px;
}
#post-related .feat-cat-meta p {
   margin: 0.5em 0 0;
}
#post-related img.alignleft {
	padding: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
}

/* inline */

#post-related-inline .feat-cat-meta {
	margin: 0px;
	float: left;
	width: 96%;
	overflow:hidden;
	padding: 2% 0%;
	position: relative;
}
#post-related-inline .feat-cat-right {
	margin: 0px 0 0 140px;
}
#post-related-inline .feat-cat-date {}
#post-related-inline .post-small-thumb {
	height: auto;
	width: 120px;
	overflow: hidden;
	border: 3px solid #FFF;
	box-shadow: 0 0px 4px #888;
	float: left;
}
#post-related-inline .post-small-right {}
#post-related-inline .feat-cat-meta p {
	margin: 0px;
	padding: 0px;
	font-size: 1.125em;
	line-height: 1.3em;
}
#post-related-inline .post-small-thumb img {
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#post-related-inline small {
	font-size: 1em;
	color: #999;
	display: block;
	margin-bottom: 0.5em;
}
.related-post-thumb {
	margin: 0px 0px 1em;
	padding: 0px;
	float: left;
	height: 150px;
	width: 100%;
	overflow: hidden;
}

/* author bio css */

#author-bio {
	padding: 2%;
	margin: 2em 0px 0em;
	float: left;
	width: 96%;
	position: relative;
	background-color: #eee;
}
#author-bio a {
	text-decoration: underline;
}
#author-bio #author-avatar {
	float:left;
}
#author-bio #author-avatar img.avatar {
	padding: 5px;
	margin: 0px !important;
	border: 1px solid #CCC;
	background: #FFF;
}
#author-bio #author-description {
	margin: 0 0 0 95px;
	line-height: 1.6em;
	font-size: 1.125em;
}
#author-bio #author-description h2 {
	font-size: 1.45em;
	margin-bottom: 0.65em;
	text-shadow: 0 0 1px #fff;
	color: #333;
}
/*/////////////////////////////////////////////////////////////////////////////
// Post Navigation css
////////////////////////////////////////////////////////////////////////////*/
#post-navigator {
	width: 100%;
	margin: 0px 0px 1em;
	padding: 0px;
	float: left;
}

.wp-pagenavi {
	margin: 0em;
	text-align: center;
	padding: 2em 0em 1em;
	width: 100%;
	font-size: 0.85em;
	float: left;
}
.wp-pagenavi .pages {
	width: auto;
	position: relative;
	height: auto;
	color: #fff;
	margin: 0px 0.5em 0px 0px;
	padding: 0.5em 1em;
	background: #333;

}
.wp-pagenavi .current {
	width: auto;
	position: relative;
	height: auto;
	margin: 0px 0.25em 0 0.25em;
	text-decoration: none;
	color: #FFF;
	padding: 0.5em 1.125em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #222;
	border: 1px solid #333;
}
.wp-pagenavi a {
	text-decoration: none;
	height: auto;
	width: auto;
	margin: 0px 0.25em 0;
	display: inline;
	color: #eee;
	padding: 0.5em 1.125em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	background: #111;
	border: 1px solid #000;

}
.wp-pagenavi a:hover {
	
}
#post-navigator .alignleft a, #post-navigator .alignright a {
	margin: 0px;
	text-decoration: none;
	display: block;
	border:0 none;
	padding: 3px 8px;
	font-weight: bold;
}
#post-navigator .alignleft a:hover, #post-navigator .alignright a:hover {
	text-decoration: none;
}

#post-navigator-single {
	width: 100%;
	font-size: 1em;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
#post-navigator-single.post-nav-archive {
	width: 97%;
	font-size: 1em;
	display: block;
	margin: 0px;
	padding: 1em 3% 1em 0%;
	float: left;
}
#post-navigator-single .alignleft {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 45%;
	overflow: hidden;
	text-align: left;
	height: auto;
}
#post-navigator-single .alignright {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 45%;
	overflow: hidden;
	text-align: right;
	height: auto;
}
#post-navigator-single a {
	text-decoration: none;
}
#post-navigator-single a:hover {
	text-decoration: underline;
}

/*/////////////////////////////////////////////////////////////////////////////
// Social Box css
////////////////////////////////////////////////////////////////////////////*/
#socialbox {

}

#socialbox-alt {
	font-size: 2em;
	float: left;
	padding-top: 0.4em;
}
#socialbox-alt a {
	color: #777;
	float: left;
}
#socialbox-alt a:hover {
	color: #F33;
}

#socialbox p {
	margin: 5px 3px 0px;
	padding: 0px;
	float: left;
}

#socialbox p:hover {

}

##socialbox p.sto {
	padding-top: 8px;
}

#socialbox p a {
	width:26px;
	height:26px;
	display:block;
	font-size:0px;
	color:transparent;
}
#socialbox p.rss {
	background: url(images/rss.png) no-repeat center center;
}
 #socialbox p.twitter {
	background: url(images/twitter.png) no-repeat center center;
}
#socialbox p.facebook {
	background: url(images/facebook.png) no-repeat center center;
}
#socialbox p.linkedin {
	background: url(images/linkedin.png) no-repeat center center;
}
#socialbox p.youtube {
	background: url(images/youtube.png) no-repeat center center;
}
 #socialbox p.gplus {
	background: url(images/googleplus.png) no-repeat center center;
}
#socialbox p.facebook {
	background: url(images/facebook.png) no-repeat center center;
}
#socialbox p.flickr {
	background: url(images/flickr.png) no-repeat center center;
}
#socialbox p.pinterest {
	background: url(images/pinterest.png) no-repeat center center;
}
/*/////////////////////////////////////////////////////////////////////////////
// Sidebar css
////////////////////////////////////////////////////////////////////////////*/
.widget select { width: 80%; padding:2px; border: 1px solid #ddd; color: #444;}
#searchform label { display:none; }
#searchform input {
	color: #444;
	padding: 4px 12px;
	margin: 0 5px 0 0;
	width:55%;
	font-size: 1em;
	background: #f8f8f8;
}
#searchform input, #searchform input {
	color: #fff;
	text-decoration: none !important;
	display: block;
	margin: 0px;
	padding: 4px 12px;

font-size: 1em;
	text-shadow: 0 0px 1px #000;

box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;

font-weight: bold;
	border: 1px solid #000;
	display: inline;
	visibility: visible;

background: #3f4c6b;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNGM2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjFmM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #3f4c6b 0%, #121f3d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4c6b), color-stop(100%,#121f3d));
background: -webkit-linear-gradient(top,  #3f4c6b 0%,#121f3d 100%);
background: -o-linear-gradient(top,  #3f4c6b 0%,#121f3d 100%);
background: -ms-linear-gradient(top,  #3f4c6b 0%,#121f3d 100%);
background: linear-gradient(to bottom,  #3f4c6b 0%,#121f3d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#121f3d',GradientType=0 );

}

#searchform input:hover, #searchform input:hover {

background: #282d38;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4MmQzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjFmM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #282d38 0%, #121f3d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282d38), color-stop(100%,#121f3d));
background: -webkit-linear-gradient(top,  #282d38 0%,#121f3d 100%);
background: -o-linear-gradient(top,  #282d38 0%,#121f3d 100%);
background: -ms-linear-gradient(top,  #282d38 0%,#121f3d 100%);
background: linear-gradient(to bottom,  #282d38 0%,#121f3d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282d38', endColorstr='#121f3d',GradientType=0 );

cursor: pointer;
	}

.widget-area {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.widget-area img {
	margin-bottom: 0.3em;
}

.widget-area aside {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px 0px 3em;
	padding: 0%;
}
#left-sidebar .widget-area aside ul:first-of-type {
	float: left;
	width: 88%;
	list-style: none;
	margin: 0px;
	padding: 0% 6%;
}
footer .widget-area aside {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 transparent;
}
.widget-area aside ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.widget-area aside ul li {
	list-style: none;
	margin: 0px;
	padding: 1px 0px 1px 18px;
	float: left;
	width: 95%;
	background-image: url(images/file.png);
	background-repeat: no-repeat;
	background-position: left 3px;
}
.widget-area aside ul li:hover {

}

.widget-area aside ul li, .textwidget, .ctwidget {
	font-size: 1em;
}

#right-sidebar .widget-area aside ul li, #right-sidebar .textwidget, #right-sidebar .ctwidget {
}

.widget-area aside ul li ul {}

.widget-area aside ul li ul li {
	float: left;
	width: 90%;
	list-style: none;
	margin: 0em !important;
	padding: 0px 0px 0px 15px;
	font-size: 90%;
	background: url(images/children.png) no-repeat left 3px;
	border-width: 0px;
	border-style: none;
	display: inline;
}

#right-sidebar .widget-area aside ul li ul li {
}

.widget-area aside ul li ul li:hover { background: transparent url(images/children.png) no-repeat left 3px; }

footer .widget-area aside ul li ul li {
	background: url(images/children_alt.png) no-repeat left 3px;
}

.widget-area aside .textwidget, #right-sidebar div.ctwidget  {
	font-size: 1em;
	line-height: 1.4em;
}
.widget table {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
#right-sidebar .widget #wp-calendar caption {
	text-align: center;
	padding: 0.25em;
}
.widget-area aside h2, .widget-area aside h3 {
}

.widget-area aside h2 a, .widget-area aside h3 a {
	text-decoration: none;
}
#left-sidebar h3.widget-title a, #left-sidebar table a {
	color: #FFF !important;
	text-decoration: none;
}
#right-sidebar h3.widget-title a {
	color: #FFF;
	text-decoration: none;
}

#left-sidebar #wp-calendar caption {
	font-size: 1em;
	background: transparent none !important;
}

.widget-area table {
	clear: both;
}
.widget-area #sponsorlinks {
	text-align: center;
}

.widget-area #sponsorlinks img {
	width:auto;
	clear: both;
	margin-bottom: 0px;
	border: 1px solid #ddd;
	margin: 10px 0 0 !important;
}
#left-sidebar h3.widget-title {
	padding: 2% 2% 2% 5%;
	font-size: 1.125em;
	margin: 0px 0px 0.5em;
	float: left;
	width: 93%;
	letter-spacing: normal;
	color: #222;
	font-weight: bold;
	background: #D7D7D7;
	border-radius: 6px;
}

#right-sidebar h3.widget-title {
	padding: 0%;
	font-size: 1.5em;
	margin: 0px;
	float: left;
	width: 100%;
	letter-spacing: -1px;
	color: #333;
	text-transform: capitalize;
	font-weight: 400;
}

#left-sidebar h3.widget-title {}
#textpad h3.widget-title {}

#right-sidebar aside > ul, #left-sidebar aside > ul, .sidebar #searchform, .ctwidget,.sidebar div.textwidget, #socialbox, #sponsorlinks, .sidebar aside div.tagcloud, .sidebar #calendar_wrap, div.extra-block {
	margin: 0px;
	padding: 4% 0%;
	float: left;
	width: 100%;
}

aside div.textwidget, #right-sidebar div.ctwidget, aside div.tagcloud {

}

#wrapper-main .widget-area #sponsor-links {

}

#right-sidebar div.ctwidget {

}
#right-sidebar div.ctwidget a {
	font-weight: normal;
	text-decoration: none;
	color: #565656;
}
#right-sidebar div.ctwidget a:hover {
	font-weight: normal;
	text-decoration: none !important;
	color: #69C;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
footer aside div.tagcloud,footer aside div.textwidget {
	padding: 0 !important;
	margin: 0 !important;
	float: left;
	width: 100% !important;
}

.widget_tag_cloud .widget-title {margin: 0 !important;}

#right-sidebar aside {
	
	}
#right-sidebar .sidepagedown {
	background: #ddd;
	margin: 0px auto;
	clear: both;
	float: none;
	height: 5px;
	width: 97%;
	display: none;
}

#right-sidebar caption {
	color: #666;
	font-size: 1.2em;
	background-color: #DFE1E1;
}

#left-sidebar aside li a, #left-sidebar aside div a
 {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}

#right-sidebar aside li a, #right-sidebar aside div a
 {
	color: #333;
	text-decoration: none;
	font-weight: normal;
}

#left-sidebar aside li a:hover, #left-sidebar aside div a:hover,.sidefeat h4 a:hover
 {
	color: #9A2103;
	text-decoration: none;
}

#right-sidebar aside li a:hover, #right-sidebar aside div a:hover,#right-sidebar table a
 {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #777;
}

aside.widget_recent_entries li {
	margin-bottom: 0.75em !important;
	line-height: 1.4em;
}

#custom .gravatar_recent_comment li { 
position:relative; width:100%; 
float:left; 
background: transparent none !important;
padding-left:0;
margin: 0 0 1em 0 !important;
}

.gravatar_recent_comment li .gravatar-meta { 
margin: 0 0 0 40px; 
}
#custom .most-commented li {
	background: transparent none !important;
padding-left:0;
}
#custom footer .most-commented li {
	background: transparent none !important;
	padding-left:0;
	margin-bottom: 0.65em;
}

#custom ul#flickr-widget li {
  background-image: none;
  background-color: transparent;
}

/*/////////////////////////////////////////////////////////////////////////////
// Featured category css
////////////////////////////////////////////////////////////////////////////*/
div.featured-category {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 31%;
	font-size: 1em;
	line-height: 1.4em;
}
div.featured-category.wider-cat {
	width: 31%;
	padding-right: 4%;
	padding-left: 3%;
}
div.featured-category h6 {
	margin: 0px 0px 1em;
	padding: 2% 3%;
	float: left;
	width: 95%;
	font-size: 1em;
	color: #444;
	text-decoration: none;
	background: #d9d9d9;
	font-weight: bold;
	-webkit-text-shadow: 0 0 1px #fff;
	text-shadow: 0 0 1px #fff;
}

div.featured-category #sidebar h6 {
	margin: 0px !important;
	padding: 2% 3%;
	float: left;
	width: 95%;
	font-size: 1em;
	color: #444;
	text-decoration: none;
	background: #d9d9d9;
	font-weight: bold;
	-webkit-text-shadow: 0 0 1px #fff;
	text-shadow: 0 0 1px #fff;
}

div.featured-category h2 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 1em;
	color: #444;
	text-decoration: none;
	font-weight: bold !important;
	-webkit-text-shadow: 0 0 1px #fff;
	text-shadow: 0 0 1px #fff;
	line-height: 18px;
}
div.featured-category .feat-cat-meta {
	margin: 0px 0px 10px;
	padding: 0px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #ededed;
}

div.featured-category .postmeta {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
div.featured-category .smallmeta {
	float: left;
	width: 200px !important;
	margin: 0px;
	padding: 0px 0px 0px 12px;
}
div.featured-category .thumb {
	margin: 0px 0px 11px;
	padding: 0px;
	float: left;
	width: 285px !important;
	border-width: 0px;
	border-style: none;
	overflow: hidden !important;
	height: 130px;
}
div.featured-category .smallthumb {
	margin: 0px 0px 11px;
	padding: 0px;
	float: left;
	width: 48px !important;
	border-width: 0px;
	border-style: none;
	overflow: hidden !important;
	height: 48px;
}
div.featured-category .thumb img {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
	float: left;
	max-width: 100%;
	height: auto;
}

/*/////////////////////////////////////////////////////////////////////////////
// Sidebar Feat css
////////////////////////////////////////////////////////////////////////////*/
#wrapper .sidefeat {
	margin-top: 1em !important;
}
.sidefeat h4 {
	font-size: 1.35em;
	line-height: 1.3em;
	margin: 0;
}
#wrapper .sidefeat li {
	float: left;
	width: 100%;
	padding-bottom: 0.6em;
	margin-bottom: 0.6em;
	position: relative;
	background-color: transparent;
	background-image: none;
	padding-left: 0px;
}
.sidefeat span {
	color: #333;
	font-size: 0.9em !important;
}
.sidefeat span a {
	color: #333 !important;
}
#container .sidefeat h4 a {
	
	text-decoration: none;

}
#wrapper .sidefeat-meta {
	margin-left: 96px;
}
.sidefeat h4 a:hover {
	text-decoration: none !important;
}
.sidefeat img.alignleft {
	margin: 0 8px 0 0;
	width:75px;
	height:auto;
	float:left;
	border: 3px solid #fff;
}
.sidefeat i {
	font-size: 1.125em !important;
	margin: 0px;
}
p.sidetext {
	font-size: 1em;
	line-height: 1.2em;
	padding-top: 6px;
}

/*/////////////////////////////////////////////////////////////////////////////
// Footer css
////////////////////////////////////////////////////////////////////////////*/
footer {
text-shadow: 0 0 1px #111;
-webkit-text-shadow: 0 0 1px #111;
}
footer a {}
footer a:hover {}
footer #devlink {
	font-size: 0.85em;
	margin: 0.5em 0 0;
	padding: 0px;
	float: left;
	width: 100%;
}
footer #devlink a {}
div.fbox {
	width: 23%;
	padding: 0% 2% 0% 0%;
	float: left;
}

div.fbox:hover {

}

div.fbox.wider-cat {
	display:inline;
}
.footer-top {
	margin: 0px;
	float: left;
	width: 100%;
	padding: 2% 0% 0%;
	background-color: #282828;
	background-image: url(images/dotty.png);
	background-repeat: repeat;
}
.footer-top .footer-sec {
}

.footer-bottom {
	float: left;
	width: 100%;
	padding: 0%;
	border-top: 1px solid #444;
	background-color: #252525;
}

.footer-left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 49%;
	text-align: left;
}
.footer-right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 49%;
	text-align: right;
}
.ftop {
	padding: 2% 0%;
	margin: 0px;
	float: left;
	width: 100%;
	text-decoration: none;
}
.ftop, .ftop div.textwidget {
	color: #7c7c7c !important;
	line-height:1.4em;
	}
	.ftop div.textwidget a, .ftop .widget_my_theme_twitter_widget a {
	text-decoration:underline;
	color: #69C;
}

.ftop .container-wrap {
	width:100%;
	float:left;
	padding:0% !important;
}
.fbottom{
	float: left;
	width: 100%;
	margin: 0px;
	padding: 1% 0% !important;
	color: #666;
}
.fbottom .footer-left, .fbottom a {}
.fbottom a:hover {text-decoration: none;}

footer .ftop a{
	text-decoration: none;
	color: #666;
}
footer .ftop a:hover {
	text-decoration: none;
	color: #69C;
	border-bottom: 1px dotted #999;
}
footer .fbottom a {
	text-decoration: none;
	color: #666;
}
footer .fbottom a:hover {
	text-decoration: none;
	color: #FFF;
}

footer .ftop a:hover, footer div.textwidget a, footer .fbottom a:hover, footer .twitterbox a {
	text-decoration: none;
}
.ftop aside, .ftop div.textwidget, .ftop div.tag-cloud {
	padding: 0px 5% 0px 0px;
	float: left;
	width: 95%;
	border: 0 none !important;
	background: transparent;
}
.ftop .widget-area aside ul li, .ftop .widget-area aside ul li:hover {
	margin: 0px;
	padding: 0px;
	background: transparent none;
}

.ftop .widget-area aside ul li ul {
	margin: 0px 0px 3px;
}
.ftop .widget-area aside ul li ul li {
	padding-right: 0px;
	padding-left: 15px;
	background: url(images/children_alt.png) no-repeat left 3px;
}
.ftop .widget-area aside ul li:hover {

background: transparent none;
}
.ftop .widget-area aside ul li ul li:hover {
	padding-right: 0px;
	padding-left: 15px;
	background: transparent url(images/children_alt.png) no-repeat left 3px !important;
}
.ftop .widget-area aside ul li ul li a {
}
.ftop .widget-area aside ul li {
	border-width: 0px;
	border-style: none;
}
.ftop .widget-area aside ul li {

}
.ftop .widget caption {
	font-size: 0.9em !important;
	background: #333 !important;
	color: #CCC;
	font-weight: bold;
}
.ftop h3.widget-title {
	color: #fff;
	font-size: 1.875em;
	padding: 0px;
	float:left;
	margin: 0px 0px 1em;
	width: 100%;
	font-weight: normal;
	line-height: 1.2em;
}
.ftop h3.widget-title a {
	color: #fff;
	text-decoration: none;
}
.footer-right ul {
	margin: 0px;
	padding: 0px;
	width: auto;
	list-style: none;
	display: block;
	float: right;
}
.footer-right ul li  {
	display: inline-block;
	margin: 0px 0px 0px 13px;
	padding: 0px;
	float: left;
	text-transform: uppercase !important;
}
.footer-right li a {

}
.footer-right p {
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style: none;
	display: block;
	float: right;
}

8. 7. 2013 23:09:08

https://webtrh.cz/diskuse/fb-box-to-se-mi-libi-neuplne-zobrazeni/#reply920749

Radek Blinka

(33 hodnocení)

8. 7. 2013 23:09:21

/*/////////////////////////////////////////////////////////////////////////////// Comments css////////////////////////////////////////////////////////////////////////////*/#commentpost {	float: left;	width: 100%;	padding: 0% 0% 2%;	margin: 2em 0px 2.25em;	position: relative;}#container h4#comments {	margin: 20px 0 0;	padding: 0px;}#commentpost #rssfeed {	float: left;	width: 100%;}#commentpost #rssfeed a {	background: url(images/rss2.png) no-repeat left center;	padding-left: 22px;	font-size: 1.125em;	padding-top: 4px;	padding-bottom: 4px;}#commentpost #rssfeed a:hover {	text-decoration: underline;}#commentpost h4, h3#reply-title{	font-size: 1.75em;	margin: 2em 0px 0.35em;	padding: 0px;	float: left;	width: 100%;}#commentpost h4 {	margin: 2em 0px 0.55em !important;}.comment h3#reply-title {	margin: 0px;	padding: 0px;}#rss-com {  margin: 0px;  padding: 0px 0px 25px;  float: left;  width: 100%;}#rss-com p {  margin: 0px;  padding: 0px;  float: left;}#rss-com p a {  display: inline-block;  margin: 0px 20px 0px 0px;  padding: 4px 10px;  float: left;  text-decoration: underline;}ol.commentlist {  list-style: none;  margin: 0;  padding: 2em 0;  text-indent: 0;  float: left;  width: 100%;}#commentpost blockquote {	margin-bottom: 1em;}#commentpost blockquote blockquote {  margin: 8px 0px;  padding: 6px;}ol.commentlist blockquote p {  margin: 0px !important;  padding: 0px !important;}#respond {  margin: 0px;  padding: 0px;  width: 100%;}ol.commentlist li {	height: 1%;	display: inline;	margin: 0 0 15px;	padding: 3%;	position: relative;	float:left;	width: 93%;}ol.commentlist li li {	padding: 20px 5% 0px 3% !important;	background: transparent none;	width: 80% !important;	margin: 0px;	border-left: 1px solid #ddd;	border-top-width: 0px;	border-right-width: 0px;	border-bottom-width: 0px;	border-top-style: none;	border-right-style: none;	border-bottom-style: none;	box-shadow: 0 0 0 transparent;}ol.commentlist li li img.avatar {	width: 32px;	height: 32px;}ol.commentlist li.alt {	background: #efefef;}ol.commentlist li.bypostauthor {}ol.commentlist li.byuser {}ol.commentlist li.comment-author-admin {}#commentpost ol.commentlist li.comment {	}	#commentpost ol.commentlist li.comment li {	border-bottom: 0 none !important;	}#commentpost ol.commentlist li.comment ul li {	background: transparent none;}ol.commentlist li div.comment-author {  padding: 10px 0px 0 0;}ol.commentlist li div.comment-author small a {	color: #999;	text-decoration: none;	font-size: 0.9em;	font-weight: 300;}li.depth-2, li.depth-3, li.depth-4, li.depth-5, ol.commentlist ul.children { padding-bottom: 0px !important; margin-bottom: 0px !important;  }ol.commentlist li div.vcard {	padding-left: 75px;	padding-top: 0px;	margin-top: 0px !important;}#commentpost ol.commentlist li ul li .vcard {	padding-left: 55px !important;}ol.commentlist li div.vcard p {}.comment-body #respond {	width: 100%;	float:left;	position: relative;	margin-bottom: 1em;}.fn a {}ol.commentlist li div.vcard cite.fn {  font-style: normal;}ol.commentlist li div.vcard cite.fn a.url {  text-decoration: underline;}ol.commentlist li div.vcard cite.fn a.url:hover {}ol.commentlist li img.avatar {  border: 1px solid #d5d5d5;  float:left;  padding: 5px;  background: #FFFFFF;}ol.commentlist li div.vcard img.avatar-32 {}ol.commentlist li li div.vcard img.photo {  height: 32px;  width: 32px;}ol.commentlist li div.vcard span.says {}ol.commentlist li div.commentmetadata {}ol.commentlist li div.comment-meta {  position: absolute;  right: 21px;  text-align: right;  top: 25px;  margin-bottom: 25px;}ol.commentlist li div.comment-post-meta {	font-weight: bold;	margin: 0 0 0.5em;	font-size: 1.25em;}ol.commentlist li div.comment-meta a {}ol.commentlist li div.comment-meta a:hover {  color: #000000;}ol.commentlist li p {}ol.commentlist li p a {}ol.commentlist li ul {  list-style: square;  margin: 0 0 1em;  padding: 0;  text-indent: 0;  font-weight: normal;  font-variant: normal;}ol.commentlist li div.reply {	width: 100%;	margin: 0px;	padding: 0px;	float: left;    font-size: 0.65em;}ol.commentlist li div.reply a {	padding: 2px 5px;	color: #fff !important;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;	text-transform: uppercase;	text-shadow: 0 0px 1px #000;	box-shadow: 0 0 3px #000;	-webkit-box-shadow: 0 0 3px #000;	font-weight: bold;	border: 1px solid #000;	display: inline;	visibility: visible;	background: #3f4c6b;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNGM2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjFmM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #3f4c6b 0%, #121f3d 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4c6b), color-stop(100%,#121f3d));background: -webkit-linear-gradient(top,  #3f4c6b 0%,#121f3d 100%);background: -o-linear-gradient(top,  #3f4c6b 0%,#121f3d 100%);background: -ms-linear-gradient(top,  #3f4c6b 0%,#121f3d 100%);background: linear-gradient(to bottom,  #3f4c6b 0%,#121f3d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#121f3d',GradientType=0 );}ol.commentlist li div.reply a:hover {background: #000;color: #fff !important;   border: 1px solid #555;   -webkit-border-radius: 5px;     -moz-border-radius: 5px;          border-radius: 5px;}ol.commentlist li ul.children {  list-style: none;  margin: 1em 0 0;  text-indent: 0;}ol.commentlist li ul.children li {}ol.commentlist li ul.children li.alt {}ol.commentlist li ul.children li.bypostauthor {}ol.commentlist li ul.children li.byuser {}ol.commentlist li ul.children li.comment {}ol.commentlist li ul.children li.comment-author-admin {}li.depth-2, li.depth-3, li.depth-4, li.depth-5, commentlist ul.children {	display: inline;}ol.commentlist li ul.children li.depth-2 {  margin: 0 0 0 45px;}ol.commentlist li ul.children li.depth-3 {	margin: 0 0 0 25px;}ol.commentlist li ul.children li.depth-4 {	margin: 0 0 0 25px;}ol.commentlist li ul.children li.depth-5 {	margin: 0 0 0 25px;	}ol.commentlist li ul.children li.odd {}#commentpost .comment_text {	word-wrap: break-word;	font-size: 1.2em;	line-height: 1.4875em;}#commentpost .comment_text ul {  margin-bottom: 24px;  width: 100%;  margin-left: 0px;  padding-left: 0px;  padding-top: 0px;  padding-bottom: 0px;  margin-top: 0px;  list-style: none;}#commentpost .comment_text ul ul, #commentpost .comment_text ol ol {  margin: 0px;  list-style: none;}#commentpost .comment_text ul li {	margin: 0px 0px 5px 25px !important;	list-style: square;	background: transparent none !important;	border: 0px none !important;	padding: 0px !important;	line-height: 20px;}#commentpost .comment_text ul li ul li {  margin-bottom: 0px;  margin-top: 1px;  margin-left: 0px;  list-style: none;  padding-left: 0px;}#commentpost .comment_text ol {  list-style: decimal;  margin-bottom: 24px;  padding-left: 0px;  padding-top: 0px;  padding-bottom: 0px;  margin-top: 0px;  margin-left: 0px;}#commentpost .comment_text ol li {	list-style: decimal;	margin: 0px 0px 5px 25px !important;	background: transparent none !important;	border: 0px none !important;	padding: 0px !important;	line-height: 20px;}#commentpost .comment_text ol li ol li {  margin-bottom: 0px;  margin-top: 1px;  padding-left: 0px;  list-style: square;  margin-left: 15px;}ol.commentlist li.even {}ol.commentlist li.odd {}ol.commentlist li.parent {}ol.commentlist li.pingback {}ol.commentlist li.pingback .parent {}ol.commentlist li.pingback div.vcard {  padding: 0 170px 0 0;}ol.commentlist li.thread-alt {}ol.commentlist li.thread-even {}ol.commentlist li.thread-odd {}ol.pinglist {	margin: 0px;	padding: 1em 0px 0px;	float: left;	width: 100%;}ol.pinglist li {	margin: 0px 0px 3px;	padding: 0px 0px 3px;	float: left;	width: 100%;	list-style: none;}ol.pinglist li a{	text-decoration: none;	font-size: 1.125em;}ol.pinglist li a:hover {}p.logged-in-as {	margin: 0px 0px 1em;	padding: 0px;	float: left;	width: 100%;}.cancel-comment-reply {    bottom: 45px;    margin-bottom: 10px;    position: absolute;    right: 80px;    z-index: 1000;}.comment-author #respond{ margin: 1.5em 0; }.comment-author #respond h3 { font-size: 1.125em; margin: 0 0 1em; }.comment-author #respond h3 small { font-size: 0.7em;  }#respond a {}#linking li {  margin: 0px 0px 8px;  padding: 0px;  float: left;  width: 100%;}#linking li a {}#commentform {	clear: both;	float: left;	margin: 0;	width: 95%;}#commentform p {	margin: 0px 0px 1.125em;	padding: 0px;	float: left;	width: 100%;}#commentform input {	padding: 0.5em;	margin: 0px 1em 0px 0px;	border: 1px solid #ddd;	display:block;	width: 50% !important;	float:left;	color: #333;	box-shadow: inset 0 0 5px #fff;	background-color: #EEE;}#commentform input:focus, #commentform textarea#comment:focus {	border: 1px solid #0066CC !important;	color: #333;	background: #FFF;}#commentform p span.required, .comment-notes {}#commentform p span.required {  color: #D61111;}p.comment-form-comment label {  margin: 0px;  display: block;}#commentform label {	font-weight:bold;}#commentform textarea#comment {	margin: 0px;	padding: 7px;	width: 98%;	clear:both;	height: 12em;	border: 1px solid #ddd;	overflow: auto;	box-shadow: inset 0 0 5px #fff;	background-color: #eee;}#custom .form-submit #submit {	font-size:14px;	text-decoration: none;	display: block;	margin: 0px;	padding: 6px 17px;	-webkit-border-radius: 5px;	border-radius: 5px;		font-weight: bold !important;		color: #664C08;		text-shadow: 0 1px 1px #fff;	position: relative;	border: 1px solid #CE9A0A;		background: #f2c80e;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyYzgwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2RkYTYwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background: -moz-linear-gradient(top,  #f2c80e 0%, #dda60d 99%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2c80e), color-stop(99%,#dda60d));background: -webkit-linear-gradient(top,  #f2c80e 0%,#dda60d 99%);background: -o-linear-gradient(top,  #f2c80e 0%,#dda60d 99%);background: -ms-linear-gradient(top,  #f2c80e 0%,#dda60d 99%);background: linear-gradient(to bottom,  #f2c80e 0%,#dda60d 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c80e', endColorstr='#dda60d',GradientType=0 );}#custom .form-submit #submit:hover {	cursor: pointer;	color: #111;	}p.form-allowed-tags {	color: #999;}#respond p.must-log-in {display:block;width:100%; float:left;  clear:both;  margin: 1em 0;}/*//////////////////////////////////////////////////////////////////////////////// portfolio filter/////////////////////////////////////////////////////////////////////////////*/#portfolio-filter {  width: 100%;  float:left;  list-style: none;}#portfolio-filter li{display:inline;margin: 0;padding: 0;float:left;}#portfolio-filter li a{display:inline-block;margin: 0 10px 0 0 !important;padding: 0.65em 2em;background: #ddd;color: #333;float:left;-webkit-border-radius: 5px;border-radius: 5px;}#portfolio-filter li a:hover {background: #ccc;color: #222;}#portfolio-list {	width: 96%;    padding:2%;	float:left;    background: #fff;}#portfolio-list h1.folio {	margin: 0px 0px 0.4em;	padding: 0px;	float: left;	width: 100%;}#portfolio-list h1 span {	color: #aaa;    font-size:0.65em;}#portfolio-list article.one-col {  width: 100% !important;  float:left;  padding:0 !important;  border: 0 none;  margin: 0;  position:relative;  overflow:hidden;}#portfolio-list article.two-col {  width: 50% !important;  float:left;  padding:0 !important;  border: 0 none;  margin: 0;  position:relative;  overflow:hidden;}#portfolio-list article.three-col {  width: 33% !important;  float:left;  padding:0 !important;  border: 0 none;  margin: 0;  position:relative;  overflow:hidden;}#portfolio-list article.four-col {  width: 25% !important;  float:left;  padding: 0 !important;  margin: 0;  border: 0 none;  position:relative;  overflow:hidden;}#portfolio-list .folio-post img {  max-width: 100%;  width:auto;  height: auto;  float:left;  margin: 0; padding: 0;}.folio-post .slidecaption {	float: left;	position: absolute;	background: #000 url(images/link.png) no-repeat center center;	height: 100%;    text-align:center;	width: 100%;	opacity: .5;	/* For IE 5-7 */	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);	/* For IE 8 */	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	top: -999em;}.folio-post .slidecaption h1 {   color:white;   position: absolute;   bottom: 50px;   width:100%;    text-align:center;}#ctr-ad .textwidget {	text-align: center;	display: block;}#mobile-nav {	display:none;	margin: 0px;	padding: 0 0px 1em 0px;	float: left;	width: 100%;}#mobile-nav .innerwrap {	margin: 0px auto;	clear:both;	width:100%;}#mobile-nav select {	color: #666;	padding: 0.25em;	width: 96%;	border: 1px solid #aaa;}.post-thumb.in-mobile {display:none;}/*//////////////////////////////////////////////////////////////////////////////// mobile css/////////////////////////////////////////////////////////////////////////////*//* Desktop 1024px - most commenly resolution ----------- */@media only screen and (min-width:768px) and (max-width:1118px) {footer .innerwrap , header .innerwrap, #bodywrap, .innerwrap-custom-header, #main-navigation .innerwrap {margin: 0px auto;padding: 0px;max-width: 940px;width:auto;}#right-sidebar h3, ul.tabbernav li { font-size: 1.125em !important; }}@media only screen and (min-width:300px) and (max-width:770px){/* ipad 780px */#slider,#sliderContent {   height: 300px !important;}body {}.sliderImage h1 {font-size: 2em !important;}#post-entry, #right-sidebar {margin: 0 0 2em;padding: 2% 0%;position: relative;float: left;width: 100% !important;}#header-right { width:100%; text-align: center;}#header-right .social-and-search {margin: 0px;padding: 0.6em;float: left;width: auto;}#slider {	width: 100% !important;	}	#mobile-nav { width: 96%; padding: 2%; }#siteinfo { width:100%; float:left; }#container .flex-caption h1  {	margin:0 0 0.125em;	font-size:1.85em;}#container ol.commentlist li ul.children li.depth-2 {margin: 0 0 0 0px;}#left-container { display:none; }#wrapper-main {float: left;width: 100%;background: transparent !important;box-shadow: 0 2px 5px transparent !important;}#topbanner {width:100%; float:left;overflow:hidden;margin: 1em 0 0;}  .jcpost h1{font-size: 3em !important; }footer .innerwrap , header .innerwrap, .innerwrap-custom-header, #bodywrap, #main-navigation .innerwrap {margin: 0px auto;padding: 0px;max-width: 90%;width:auto;}#post-related .feat-cat-meta {margin: 0px 0.8em 0.5em 0px !important;}#wrapper .content { width:100%; padding:0% !important;  }#post-entry { padding:0 !important; width: 100% !important;}footer .fbox { width:100%; padding:0%; }#slidearea .innerwrap,#gallerycover { width:100% !important;}.jcbox img{float:none !important;clear:both;margin: 0px 0px 1em 0px !important;padding: 0px;max-width:90% !important;height:auto;width:auto;}.jcpost {width:auto !important;float:left;}#slidearea,#gallerycover,.jcpost {height: 530px !important;}.ftop { width:94%; padding: 2em 3% !important; }.footer-left, .footer-right {width:100% !important; padding: 0.25em 0;}.footer-right {margin:0; padding:0;}.footer-right ul {float: left !important;}.footer-right ul li {margin: 0 10px  0 0 !important;}div#mobile-nav { display:inline !important; }#main-navigation .sf-menu {display:none;}footer.footer-bottom {  width:98% !important;  padding: 0% 1% 0%!important;}#custom .flexlarge .flex-image {	width: 360px;	height: 220px;	overflow: hidden;	position: absolute;	right: 30px !important;	bottom: 0px !important;	border: 6px solid #FFF;	top: 21px;	box-shadow: 0 2px 0 #FCF9EE, 0 4px 0 rgba(0, 0, 0, .15);	}}@media only screen and (min-width:280px) and (max-width:750px){.container-wrap {  width:92% !important;  padding:4% !important;}#main-navigation {   margin:0 0 1.25em;}#custom #post-entry article.home-post .article-blk { width: 100%; height:auto !important;margin:0 0 3% !important; }#custom #post-entry article.home-post { width:100%; height:auto !important;float:left; margin:0 0 2em !important; }#custom #post-entry article.home-post.alt-post { width:100%; height:auto !important;float:left; margin:0 0 2em !important; }#custom .separator { display:none; }#custom .post-right {	width:100%; margin:0 !important;	}.post-thumb.in-archive {display:none !important;}.post-thumb.in-mobile { display:inline !important; margin: 0 0 0.75em !important; }.sliderImage h1 {font-size: 2em !important;}#custom #slider { height: 280px !important; }#custom .sliderImage img {width: auto !important;height: auto !important;max-width: 800px;}#slider .left, #slider .right {	width: 45% !important;	}#post-entry div.post-thumb {margin: 0em;width: 100%;}#custom .flex-caption {	width: 80% !important;	padding:0%;	position: absolute;	float: left;	left:60px !important;	margin: 0px;	top: 260px !important;}#custom .flex-caption h1  {	margin:0em;	color:#222;	font-size:1.35em;	line-height:115%;	padding: 0px;	float: left;	width: 100%;}.flexlarge .feat-more {margin: 6px 0 0 !important;}.flex-caption p {display:none;} }@media only screen and (min-width:200px) and (max-width:322px){}

---------- Příspěvek doplněn 08.07.2013 v 23:09 ----------

<?php get_header(); ?><?php do_action( 'bp_before_content' ) ?><div class="content"><div class="content-inner"><?php do_action( 'bp_before_blog_home' ) ?><div id="post-entry"><section class="post-entry-inner"><?php if (have_posts()) : while (have_posts()) : the_post(); ?><div id="sklikReklama_32442"></div><script type="text/javascript">    var sklikData = { elm: "sklikReklama_32442", zoneId: 32442, w: 728, h: 100 };</script><script type="text/javascript" src="http://c.imedia.cz/js/script.js"></script><article <?php post_class('post-single'); ?> id="post-<?php the_ID(); ?>" rel="author"><div class="post-top"><h1 class="post-title"><?php the_title(); ?></h1><?php get_template_part( 'lib/templates/post-meta' ); ?><div class="sharebox-wrap"><?php get_template_part( 'lib/templates/share-box' ); ?></div></div><div class="post-content"><?php $get_google_code = get_theme_option('adsense_single'); if($get_google_code == '') { ?><?php } else { ?><div class="adsense-single"><?php echo stripcslashes($get_google_code); ?></div><?php } ?><?php the_content( __('...more »',TEMPLATE_DOMAIN) ); ?><div class="fb-like" data-href="<?php the_permalink(); ?>" data-send="true" data-layout="button_count" data-width="150" data-show-faces="false" data-font="arial"></div><fb:comments href="<?php the_permalink(); ?>" xid="<?php the_ID(); ?>" width="750" ></fb:comments></div><?php get_template_part( 'lib/templates/related' ); ?><?php $get_google_code = get_theme_option('adsense_single'); if($get_google_code == '') { ?><?php } else { ?><div class="adsense-single"><?php echo stripcslashes($get_google_code); ?></div><?php } ?></article><?php set_wp_post_view( get_the_ID() ); ?><?php endwhile; ?><?php get_template_part( 'lib/templates/author-bio' ); ?><?php else : ?><?php get_template_part( 'lib/templates/result' ); ?><?php endif; ?><?php get_template_part( 'lib/templates/paginate' ); ?></section></div><?php do_action( 'bp_after_blog_home' ) ?></div></div><?php do_action( 'bp_after_content' ) ?><?php get_sidebar(); ?><?php get_footer(); ?>

---------- Příspěvek doplněn 08.07.2013 v 23:11 ----------

První dva kódy jsou css, musel jsem je rozdělit na dvě části kvůli maximální délce příspěvku, poslední kód je single. Děkuji za případné rady k řešení.

8. 7. 2013 23:09:21

https://webtrh.cz/diskuse/fb-box-to-se-mi-libi-neuplne-zobrazeni/#reply920748

jarin001

(37 hodnocení)

8. 7. 2013 23:25:00

Mě se zobrazují oba boxy v pořádku.

8. 7. 2013 23:25:00

https://webtrh.cz/diskuse/fb-box-to-se-mi-libi-neuplne-zobrazeni/#reply920747

Radek Blinka

(33 hodnocení)

9. 7. 2013 08:58:43

Můžu vědět v jakém prohlížeči se box zobrazuje celý? Možná jsem to špatně napsal, nejde o tlačítko to se mi líbí na home page, ale vždy na stránce vlastního, rozkliknutého článku.

9. 7. 2013 08:58:43

https://webtrh.cz/diskuse/fb-box-to-se-mi-libi-neuplne-zobrazeni/#reply920746

jarin001

(37 hodnocení)

9. 7. 2013 10:55:39

Napsal R2;971016
Můžu vědět v jakém prohlížeči se box zobrazuje celý? Možná jsem to špatně napsal, nejde o tlačítko to se mi líbí na home page, ale vždy na stránce vlastního, rozkliknutého článku.

Máš pravdu, testoval jsem jen homepage.

V CSS odstraň ".post-content iframe { max-width: 100%; }", pak se to bude zobrazovat správně.

9. 7. 2013 10:55:39

https://webtrh.cz/diskuse/fb-box-to-se-mi-libi-neuplne-zobrazeni/#reply920745

Radek Blinka

(33 hodnocení)

9. 7. 2013 22:48:15

Díky, moc mi to pomohlo :D

9. 7. 2013 22:48:15

https://webtrh.cz/diskuse/fb-box-to-se-mi-libi-neuplne-zobrazeni/#reply920744

jarin001

(37 hodnocení)