Wordpress reply-Plugin (Fehler)

Moin Leute,

ich möchte in meinem Worpress-Blog das @reply-Plugin (http://wordpress.org/extend/plugins...omment-preview/) installieren.

Funktion des Plugins: Es erlaubt einem per Klick auf einen Pfeil-button einen Kommentator zu zitieren. Und das ganz mit link zum Kommentierten und pop-up des Kommentars.

Jedoch funktioniert es im neuen Layout nicht mehr.
Zwar werden die reply-Pfeile angezeigt, zeigen aber keine Wirkung.
Das komische ist, dass alles wie gewünscht funktioniert, wenn ich das vorherige Theme aktiviere.

Also habe ich das Problem aus FAQ:

Zitat

It doesn't work ! I can see the reply arrows but clicking them does nothing.

Either you have disabled JavaScript in your browser or your WordPress theme is not using the default id for the comments <textarea> (which is comment). In the later case, check your comments.php file to find your textarea id, then go set that in the Options for this plugin.

Danach habe ich jedoch schon gesucht.

Ich hoffe jemand kann mir helfen, vielleicht ist es nur ein fehlendes (Leer)Zeichen?

tia
Falko


Hier meine Commentes.php:

Code:

<?php // Do not delete these lines
	if ('comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
		die ('Please do not load this page directly. Thanks!');

	if (!empty($post->post_password)) { // if there's a password
		if ($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) {  // and it doesn't match the cookie
			?>

			<p class="nocomments">This post is password protected. Enter the password to view comments.</p>

			<?php
			return;
		}
	}

	/* This variable is for alternating comment background */
	$oddcomment = 'class="alt" ';
?>

<!-- You can start editing here. -->

<?php if ($comments) : ?>

	<ol id="commentlist">

	<?php foreach ($comments as $comment) : ?>

		<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">


<a class="gravatar">
<?php 
$mygravatarurl = get_bloginfo('template_directory')."/images/gravatar-trans.png";

if (function_exists('get_avatar')) {
      echo get_avatar( $comment, 69, $mygravatarurl);
   } else {
      //alternate gravatar code for < 2.5
      $grav_url = "http://www.gravatar.com/avatar.php?gravatar_id=
         " . md5($email) . "&default=" . urlencode($default) . "&size=" . $size;
      echo "<img src='$grav_url'/>";
   }
?>
</a>

			<div class="commentbody">
			<cite><?php comment_author_link() ?></cite> 
<?php if( function_exists( 'atrwcp_reply' ) ) atrwcp_reply( $text, $before, $after ); ?>
			<?php if ($comment->comment_approved == '0') : ?>
			<em>Dein Kommentar muss noch geprüft werden...</em>
			<?php endif; ?>

			<br />

			<small class="commentmetadata"><a href="#comment-<?php comment_ID() ?>" title=""><?php comment_date('j. F  Y') ?> um <?php comment_time() ?></a> <?php edit_comment_link('edit','  ',''); ?></small>

<div class="comment-text">
			<?php comment_text() ?>
		</div>
			</div><div class="cleared"></div><!-- clears the floats so the backgrounds show all the way down -->
		</li>

	<?php
		/* Changes every other comment to a different class */
		$oddcomment = ( empty( $oddcomment ) ) ? 'class="alt" ' : '';
	?>

	<?php endforeach; /* end for each comment */ ?>

	</ol>

 <?php else : // this is displayed if there are no comments so far ?>

	<?php if ('open' == $post->comment_status) : ?>
		<!-- If comments are open, but there are no comments. -->

	 <?php else : // comments are closed ?>
		<!-- If comments are closed. -->
		<p class="nocomments">Kommentarfunktion deaktiviert.</p>

	<?php endif; ?>
<?php endif; ?>


<?php if ('open' == $post->comment_status) : ?>

<h3 id="respond">Kommentiere jetzt!</h3>

<?php if ( get_option('comment_registration') && !$user_ID ) : ?>
<p>DU musst <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php the_permalink(); ?>">angemeldet sein</a> um zu kommentieren.</p>
<?php else : ?>

<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">

<?php if ( $user_ID ) : ?>

<p>Angemeldet als <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="Abmelden">Abmelden »</a></p>

<?php else : ?>

<p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />
<label for="author"><small>Name <?php if ($req) echo "(required)"; ?></small></label></p>

<p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" />
<label for="email"><small>Mail (will not be published) <?php if ($req) echo "(required)"; ?></small></label></p>

<p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>

<?php endif; ?>

<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" class="submitbutton" tabindex="5" value="Ab dafür" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>
<p><small><strong>XHTML:</strong> Erlaubte Formatierungen: <code><?php echo allowed_tags(); ?></code></small></p>
<?php do_action('comment_form', $post->ID); ?>
</form>

<?php endif; // If registration required and not logged in ?>


<?php endif; // if you delete this the sky will fall on your head ?>

EDIT: Ich nutze ein anderes Theme, damit geht alles einwandfrei. Danke für die Hilfe

Zitat von nfin1te

Zitat von Starsky

bei uns gibt´s dann aber fachabteilungen bei der polizei, afaik sind das die einzelnen sokos.

Danke für deine Antwort! Kannst du das etwas näher beschreiben, oder mir einen passenden Link empfehlen?

Zitat von nfin1te

Zitat von nfin1te

Zitat von Starsky

bei uns gibt´s dann aber fachabteilungen bei der polizei, afaik sind das die einzelnen sokos.

Ist das nicht das was in Zeile 113 von meiner comments.php steht?
EDIT: Das wäre dann nämlich die gleiche wie im alten Theme ...

Ich muss noch dazu sagen, das ich eher ein ambitionierter Anfänger bin

Zitat von 3mind

nice plugin, mal schauen ob's bei mir funktioniert.
eventl. kann ich dir sonst auch paar tipps geben falls ich auf ähnliche problem stoße.

hehe
das will ich ja einerseits nicht hoffen ... aber irgendwie

Code:

/*  
Theme Name: Pixeled
Theme URI: [url]http://samk.ca/freebies/free-wordpress-theme-pixeled/[/url]
Description: Dark WP theme with 2-3 column layout, dropdown categories menu, multiple widget-ready placement and feedburner email form integrated, easy to customize. Created by <a href="http://samk.ca/">samk</a>. Enjoy! (Other color schemes available soon!)
Author: sam
Author URI: [url]http://samk.ca/[/url]
Version: 1.5
Tags: black, blue, 3 columns, 2 columns, clean, transparent, right sidebar, fixed width, valid xhtml, valid css, feedburner, adsense ready, 1024, dropdown categories, widgets, footer navigation, drop down
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/* Defaults */

* {
  margin: 0;
  padding: 0;
  }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 10px 0;
  }

h1, h2, h3, h4, h5, h6 {
  font-family: Verdana;
  }

hr {
  height: 10px;
  color: #c7c7c7;
  margin: 25px 0 0 0;
  }

pre {
  height: auto; 
  /*overflow-x:scroll;*/
  }

fieldset {
  margin: 0;
  padding: 0; 
  border: 0;
  }

dd {
  padding-left: 15px;
  }


p {
  font-size: 9pt;
  }

a {
  color: #0099ff;
  text-decoration: none;
  }

a:hover {
  color: #222;
  text-decoration: underline;
  }

a img {
  border: none;
  }

blockquote {
  background: #c7c7c7;
/*  border: 1px solid #c7c7c7;  */
  -moz-border-radius:5px;
  padding: 5px 15px;
  margin: 10px 10px 5px 15px;
  font-style: italic;
  color: #000;
  }

code {
  color: #3366cc;
  font-style: italic;
  }

strong {
  font-size: 110%;
  }

body {
  text-align: center;
  margin: 0;
  padding: 0 0 15px 0;
  font-family: trebuchet ms, arial, helvetica, sans-serif;
  background: #fff url(images/bgbody.jpg) top center no-repeat;
  }


/* Header and wrapper */
#wrapper {
  margin: 0 auto;
  width: 960px;
  text-align: left;
  padding: 0px;
  }

#header {
  padding: 0;
  margin: 0;
  height: 80px;
  margin-left: 0px;
  }

#header #topright {
  text-align: right;
  float: right;
  width: 580px;
  margin: 5px 0 0 0;
}
#header #topright ul {
  list-style: none;
  padding: 0;
  margin: 0;
  }
#header #topright li {
  display: inline;
  }
#header #topright li a {
  color: #0099ff;
  font-size: 9pt;
  padding: 0 0 0 25px;
  text-transform: lowercase;
  }
#header #topright li a:hover {
  color: #000;
  text-decoration: none;
  }

#header #logo {
  float: left;
  width: 375px;
  margin: 25px 0 0 0;
  padding: 0;
}
#header h1 {
  padding: 0;
  margin: 0;
  }
#header h1 a {
  color: #0099ff;
  font-size: 17pt;
  text-decoration: none;
  }
#header h1 a:hover {
  color: #000;
  text-decoration: none;
  }
#header span {
  padding: 0;
  color: #111;
  font-size: 11pt;
  }


/* Menu */

#catnav {
  margin: 20px 0 0 0;
  padding: 0;
  clear: both;
  height: 44px;
  width: 960px;
  }

#nav {
  list-style: none;
  margin: 0 0 0 15px;
  padding: 0;
  }
	
#nav ul {
  margin: 0;
  padding: 0;
  }

#nav li {
  float: left;
  margin: 0;
  padding: 0px;
  }

#nav a {
  display: block;
  line-height: 22px;
  margin: 11px 10px 0 0;
  padding: 0 15px 0 15px;
  font-size: 10pt;
  color: #c5c5c5;
  letter-spacing: -1px;
  text-transform: lowercase;
  -moz-border-radius:5px;
/*  border: 1px solid #c7c7c7;  */
  }

#nav li a:hover {
  color: #000;
  text-decoration: none;
  display: block;
  background: #0099ff;
  }

#nav li ul {
  list-style: none;
  position: absolute;
  width: 150px;
  left: -999em;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }
	
#nav li li {
  float: left;
  margin: 0;
  padding: 0;
  width: 150px;
  }
	
#nav li li a {
  width: 150px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  border-top: 1px solid #131f27;
  background: #000;
  margin: 0;
  padding: 5px 20px 5px 15px;
  }
	
#nav li li a:hover {
  border-top: 1px solid #131f27;
  background: #000;
  padding: 5px 20px 5px 15px;
  }

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }

#toprss {
  float: right;
  margin: 10px 15px 0 0;
  display: inline;
  width: 65px;
  line-height: 41px;
  }










/* Top Content */




#main {
  margin: 5px 15px 0 15px;
  clear: both;

  width: 930px;

  padding-bottom: 5px;





  }




#contentwrapper {
  float:left;
  width: 642px;
  margin: 0 0 15px 0;
  padding: 0;
  }
#contentwrapper2 {
  float:left;
  width: 900px;  margin: 0 0 15px 0;
  padding: 0;
  }
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
  margin: 15px 0 10px 0;
  font-size: 14pt;
  letter-spacing: -1px;
  color: #c7c7c7;
  font-weight: normal;
  background: url(images/bg-trans.png) repeat;
  padding: 5px;
  }
.topPost {
  margin: 15px 0 0 0;
  padding: 10px 20px 20px 20px;
  font-size: 9pt;
/*  border: 1px solid #c7c7c7;  */
  -moz-border-radius:10px;
  }
.topPost h2.topTitle a {
/*  font-family: Garamond, serif; */
  font-size: 18pt;
  font-weight: normal;
  color: #0099ff;
  letter-spacing: 0px;
  }
.topPost h2.topTitle a:hover {
  text-decoration: none;
  color: #000;
  }
.topPost p.topMeta {
  padding: 0;
  margin: -10px 0 0 0;
  font-size: 9pt;
  color: #c5c5c5;  
  }
.topPost p.topMeta a {
  text-decoration: underline;
  color: #c5c5c5;
  }
.topPost p.topMeta a:hover {
  color: #000;
  }
.topPost div.topContent {
  font-size: 9pt;
  color: #000;
  margin: 8px 0;
  line-height: 18px;
  }
.topPost div.topContent a {
  text-decoration: underline;
  color: #0099ff;
  }
.topPost div.topContent a:hover {
  text-decoration: underline;
  color: #000;
  }

.topPost div.topContent ul, .topPost div.topContent ol {
  padding: 5px 0 5px 30px;
  }
.topPost div.topContent ul li, .topPost div.topContent ol li {
  color: #000;
  }

.topPost span.topTags {
  font-size: 9pt;
  font-style: italic;
  background: #fff  /* url(images/bg-trans.png) repeat */;
  padding: 4px 5px;
  margin-right: 5px;
  line-height: 27pt;
  color: #000;
/*  border: 1px solid #c7c7c7;
  -moz-border-radius:5px; */
  }

.topPost span.topComments, .topPost span.topMore {
  font-size: 9pt;
  font-style: italic;
  background: #fff  /* url(images/bg-trans.png) repeat */;
  padding: 4px 5px;
  margin-right: 5px;
  line-height: 27pt;
  color: #000;
/*  border: 1px solid #000;
  -moz-border-radius:5px; */
  }
.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
  background: #0099ff;
  -moz-border-radius:5px;
  }
.topPost span.topComments a {
  color: #000;
  background: url(images/comments.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost span.topMore a {
  color: #fff;
  background: url(images/more.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost span.topTags em {
  background: url(images/tags.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  color: #0a0a0a;
  }
.topPost span.topTags a {
  color: #000;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
  color: #fff;
  text-decoration: none;
  }

#nextprevious {
  margin: 10px 0 5px 0;
  }
#nextprevious a {
  color: #83adc8;
  text-transform: lowercase;
  text-decoration: underline;
  }
#nextprevious a:hover {
  color: #fff;
  }


/* Comments */

#comment {
  margin-bottom: 10px;
  background: #fff;

  width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
/*  border: 1px solid #c7c7c7;  
  -moz-border-radius: 10px;  */
  padding: 10px 15px;
  color: #c7c7c7;
  }
#comment a {
  color: #0099ff;
  }
#comment a:hover {
  color: #000;
  }
#numberofcomments {
  color: #c7c7c7;
  font-size: 12pt;
  margin: 10px 0 1px 10px;

  }
ol#commentlist {
  list-style: none;
  margin: 10px 0;
  font-size: 9pt;
  }
#commentlist li {
  margin: 0 0 15px 0;
  padding: 10px;
  background: #fff;
/*  border: 1px solid #c7c7c7; 
  -moz-border-radius:5px;  */
  }
#commentlist li.alt {
  background: #ddd;
/*  border: 1px solid #c7c7c7;
  -moz-border-radius:5px;  */
  }
#commentlist li.cleared {
  background: transparent;
  border: none;
  }
#commentlist a:hover {
  color: #000;
  }
#commentlist a.gravatar {
  float: left;
  margin: 0 10px 0 0;


  width: 69px;
  }
#commentlist .commentbody {
  margin: 0;
  padding: 0 5px 0 0;
  float: right;
  width: 410px;
  }
#commentlist .commentbody p a {
  text-decoration: underline;

  }
#commentlist cite {
  font-size: 10pt;
  font-style: normal;
  color: #c7c7c7;
  }
#commentlist small.commentmetadata a {
  color: #c7c7c7;
  }
#commentlist p {
  color: #000;
  }
#comment h3 {
  font-size: 10pt;
  font-weight: normal;
  color: #c7c7c7;
  margin: 15px 0 0 0;
  padding: 0;
  }
textarea#comment {
  width: 450px;

  background: #fff;
  color: #0099ff;
  }
#comment #submit {
  margin-left: 0px;
  margin-top: -25px;
  }



/* Welcome section */

#main #welcome {
  -moz-border-radius:10px;
  margin: 0 0 20px 0;
  padding: 0 0 5px 0;
  background: url(images/bg-trans.png) repeat;
/*  border: 1px solid #c7c7c7;  */
  }
#main #welcome h2 {
  font-size: 14pt;
  font-weight: normal;
  color: #c7c7c7;
  letter-spacing: 0px;
  margin: 0 10px;
  padding: 10px 0 3px 0;
  }
#main #welcome p {
  font-size: 9pt;
  color: #c7c7c7;  
  margin: 0 10px;
  padding: 6px 0;
  }
#main #welcome a {
  text-decoration: underline;
  color: #cc0066;
  }
#main #welcome a:hover {
  color: #0099ff;
  }
#main #welcome form {
  margin: -5px 0 0 0;
  background: transparent; /* required for IE */
  }
#main #welcome #feedbox {
  -moz-border-radius:5px;
  border: 1px solid #ccc;
  padding: 2px 1px;
  width: 180px;
  }
.submitbutton {
  -moz-border-radius:5px;
  margin: -5px 0 0 5px;
  background: #fff;
  color: #000;
  font-size: 8pt;
  padding: 2px 4px;
  vertical-align: middle;
/*  border: 1px solid #c7c7c7;  */
  }
.submitbutton:hover {
  cursor: pointer;
  background: #0099ff;
  }


/* Sidebars */
#sidebars {
  margin: 15px 0 0 0;
  float: right;
  width: 260px;
  color: #000;
  }
#sidebars .sidebarbox {
  -moz-border-radius:10px; /* rounded corners firefox */
  background: url(images/bg-trans.png) repeat;
/*  border: 1px solid #c7c7c7;  */
  padding: 8px 15px;
  }

#sidebar_full {
  padding: 0;
  margin: 0;
  }

#sidebar_left {
  float: left;
  width: 120px;
  }

#sidebar_right {
  float: right;
  width: 120px;
  }

#sidebars h2 {
  margin: 0;
  padding: 0 0 8px 0;
  font-weight: normal;
  font-size: 11pt;
  color: #c7c7c7;
  letter-spacing: -1px;
  }

#sidebars table {
  width: 130px;
  }

#sidebars ul {
  margin: 0;
  padding: 0 0 5px 0;
  }

#sidebars li {
  margin-bottom: 20px;
  list-style: none;
  font-size: 9pt;
  }

#sidebars li ul {
  padding: 0;
  }

#sidebars ul ul li {
  margin: 0;
  padding: 2px 2px 2px 16px;
  color: #c7c7c7;
  background: url(images/bullet.png) left 8px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  text-transform: lowercase
  }

#sidebars a {
  display: inline;
  color: #c7c7c7;
  text-transform: lowercase
  }
#sidebars a:hover {
  color: #c7c7c7;
  text-decoration: underline;
  }

#sidebars p {
  padding: 2px 0;
  font-size: 9pt;
  color: #c7c7c7;
  }

#tag_cloud a {
  display: inline;
  }

#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:0;}



/* Before footer */

#morefoot {
  background: #fff <--! url(images/bggrad.jpg) top left repeat-x -->;
/*  border: 1px solid #c7c7c7;  */
  padding: 15px;
  color: #000;
  margin: 0 0 10px 0;
  -moz-border-radius:10px;
  }
#morefoot p {
  margin: 5px 0;
  padding: 5px 0;
  }
#morefoot ul {
  list-style-type: none;
  margin-top: 5px;
  }
#morefoot ul li, #morefoot p {
  font-size: 9pt;
  }
#morefoot a {
  text-decoration: none;
  color: #0099ff;
  }
#morefoot a:hover {
  text-decoration: none;
  color: #000;
  }
#morefoot h3 {
  font-size: 12pt;
  font-weight: normal;
  color: #000;
  letter-spacing: -1px;
  border-bottom: 1px dotted #c7c7c7;
  margin: 0;
  padding: 0 0 2px 0;
  }
#morefoot #searchbox {
  padding: 1px;
  width: 180px;
  }
#morefoot .col1 {
  float: left;
  width: 340px;
  }
#morefoot .col2 {
  margin: 0 25px;
  }
#morefoot .col2, #morefoot .col3 {
  float: left;


  width: 260px;
  }
#morefoot li {
  padding-left: 20px;
  margin-bottom: 5px;
  background: url(images/more.gif) left 2px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */



  }


/* footer*/
#footer {
  -moz-border-radius:10px;
  clear: both;
  background: #fff;
/*  border: 1px solid #c7c7c7;  */
  padding: 15px 15px 10px 15px;
  }
#footer p {
  font-size: 9pt;
  color: #bbb;
  padding: 0;
  }
#footer a {
  color: #c7c7c7;
  text-decoration: none;
  }
#footer a:hover {
  color: #c7c7c7;
  text-decoration: underline;
  }
#footerleft {
  float: left;
  width: 500px;
  }
#footerright {
  float: right;
  width: 300px;
  text-align: right;
  }



/* Misc */

.www a:hover, .www a {
  color: #000;
  text-decoration: none;
}

.highlight {
  color: #222;
  font-weight: bold;
  }

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }

.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }

.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }

.aligncenter, div.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

img.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }

img.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }

img.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.wp-caption img {
  margin: 0;
  padding: 0;
  border: none;
  }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color: #111;
  }

img#wpstats {
  display:none
  }

/*Asides - Notiert*/

.linklog li {
/*  border: 1px solid #c7c7c7;
  -moz-border-radius:10px;
  padding: 8px 10px; */
  font-size:16pt;
  background-color: none;
  margin: 20px 0 25px 0;
  list-style-type: none;
  font-weight: bold
}

.linklog li a {
  text-decoration:none;
  list-style-type: none;
}


/* Searchform*/
#searchform {
display: inline;
  margin-top       : 0px;
  border           : 0px solid #FF0000; //cccccc;
  padding          : 0px;
  width            : 40px !important;
  width            : 40px;
  height           : 10px !important;
  height           : 10px;

}*/

/* Asides 
.asides {
  font-size: 15pt;
  font-weight: bold
  color: #0099ff;
  letter-spacing: 0px;
  margin: 0;
  padding: 10px 0;
  font-family: Verdana;
}

.post {
  font-size: 15pt;
  font-weight: bold
  color: #0099ff;
  letter-spacing: 0px;
  margin: 0;
  padding: 10px 0;
  font-family: Verdana;
} */