title: Dropshadow appearing around textblock itself instead of the individual text characters
body: <p>In my code, I made a DataTemplate in a SurfaceListBox.  I added a drop shadow to the stack panel as well as to the textblock within the stack panel.  When I run it, the drop shadow on the textblock appears on the textblock UI element itself instead of the individual characters of text.  I am wondering why this is happening and if there is a way to fix it, so the drop shadow does appear on the text.</p>
  
  <pre><code>&lt;DataTemplate&gt;
      &lt;StackPanel Background="WhiteSmoke" Height="190" Width="190"&gt;      
          &lt;Grid&gt;
              &lt;Grid.RowDefinitions&gt;
                  &lt;RowDefinition Height="140"/&gt;
                  &lt;RowDefinition Height="50"/&gt;
              &lt;/Grid.RowDefinitions&gt;
              &lt;Image VerticalAlignment="Top" HorizontalAlignment="Center" Height="140" Width="140" Stretch="Fill" Source="{Binding ImagePath}" /&gt;
              &lt;TextBlock Grid.Row="1" Text="{Binding Name}" Background="#9FCC19" Width="190" Height="50" TextAlignment="Center" VerticalAlignment="Center" Foreground="WhiteSmoke" 
                                                 FontFamily="Segoe" FontSize="20" &gt;
                   &lt;TextBlock.Effect&gt;
                       &lt;DropShadowEffect ShadowDepth="2" RenderingBias="Performance"/&gt;
                   &lt;/TextBlock.Effect&gt;
               &lt;/TextBlock&gt;
           &lt;/Grid&gt;
           &lt;StackPanel.Effect&gt;
               &lt;DropShadowEffect ShadowDepth="2"/&gt;
           &lt;/StackPanel.Effect&gt;
      &lt;/StackPanel&gt;
  &lt;/DataTemplate&gt;
  </code></pre>