.note_border_box {
  font-family: 'VAGRundschriftD-Lig', 'Arial Rounded MT', 'Arial', sans-serif;
  line-height: normal;
  background-color: #fff;
  height: 370px;
  width: 480px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #c3cace;
  border-radius: 5px;
  margin-bottom: 15px;
  box-shadow: 5px 5px 5px #c5c5c5;
}

.note_title_box {
  height: 35px;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom: 1px solid #c3cace;
}

.note_body {
  padding: 10px;
  margin: 10px;
  height: 195px;
  background-image: url('../img/note-grid.png');
  overflow: auto;
}

.note_footer_box {
  height: 70px;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px solid #c3cace;
}

.note_footer_text {
  width: 230px;
  float: left;
  padding-top: 15px;
}

.note_footer_links {
  padding-top: 20px;
  width: 170px;
  float: right;
}

.note_nav_button {
  font-family: 'VAGRundschriftD', 'Arial Rounded MT Bold', 'Arial Rounded MT', 'Arial', sans-serif;
  font-size: 16px;
  border: 1px solid #accbd3;
  border-radius: 5px;
  color: #015d74;
  width: 80px;
  height: 37px;
  background: #fdfdfd;
  /* gradient bottom: #e2e8ea, top #fdfdfd */
}

.note_title {
  font-family: 'VAGRundschriftD', 'Arial Rounded MT Bold', 'Arial Rounded MT', 'Arial', sans-serif;
  font-size: 24px;
  color: #383f41;
}

.note_body {
  font-size: 16px;
  color: #383f41;
  leading: 3;
}

.note_author, .note_location {
  font-size: 13px;
  color: #808587;
}

.note_author_name, .note_location_name {
  font-family: 'VAGRundschriftD', 'Arial Rounded MT Bold', 'Arial Rounded MT', 'Arial', sans-serif;
  font-size: 13px;
  color: #00537c;
}

.note_time {
  font-size: 12px;
}
		{/literal}
	</style>
{/capture}

<!--
<div id="note_background">
  <div id="note">
    <div id="title_box"><span class="note_title">{$note.title}</span></div>
    <div id="note_body" class="note_body">
{$note.body}
    </div>
    <div id="footer_box">
      <div id="note_footer_text">
        <span class="note_author">Written by</span> <span class="note_author_name"><a href="/profiles/{$note.player_tsid}">{$note.player_name}</a></span>
        <br><span class="note_time">{$note.time|date_format:"%l:%M%p, %e %B %Y"}</span>
        <br><span class="note_time">Found at {$note.location_name}</span>
      </div>
      <div id="note_footer_links">
        <a href="../notesded2.html?id={$prev_id}"><input type="submit" id="prev_button" value="Prev" class="note_nav_button"></a>
        <a href="../notes221b.html?id={$next_id}"><input type="submit" id="next_button" value="Next" class="note_nav_button"></a>
      </div>
    </div>
  </div>
</div>
-->

<div class="section label-section">
	<h3>Notes</h3>
	{if $notes|@count}
		{foreach from=$notes item='note'}
			<div class="note_border_box">
				<div class="note_title_box"><span class="note_title">{$note.title}</span></div>
				<div class="note_body">{$note.body}</div>
				<div class="note_footer_box">
					<div class="note_footer_text">
						<span class="note_author">Written by</span> <span class="note_author_name"><a href="/profiles/{$note.player_tsid}">{$note.player_name}</a></span>
					</div>
				</div>
			</div>

<!--
			{if $row.is_processed == 1}
				<a href="{$row.urls.page}">
					<img 	src="{$row.urls.tinythumb}" 
							class="photo-thumb miniTip"
							title="{if $row.caption}&quot;{$row.caption}&quot;{else}A snapshot{/if} taken on {$row.date_create|date_format:"%B %e, %Y"} by {$row.owner.name}" 
					/>
				</a>
			{/if}
-->
		{/foreach}
<!--
		<div class="clr"></div>
		<p class="photo-link">
			<a href="../locations/%7b%24location.tsid%7d/snaps/index.html">
				<img src="{'/img/camera-icon.png'|versionify}" alt="View all snaps taken in {$location.name|escape}" /> View all snaps taken in {$location.name|escape}
			</a>
		</p>
-->
	{/if}
</div>