//-----------------------
----------comments_display (article)
<h3 id="<txp:text item="comment" />"><txp:comments_invite textonly="1" showalways="1" showcount="0" /></h3>

<!--show existing comments-->
<txp:comments />

<!--show preview-->
<txp:if_comments_preview>
	<div id="cpreview">
		<txp:comments_preview />
	</div>
</txp:if_comments_preview>

<!--show comments if allowed-->
<txp:if_comments_allowed>
	<txp:comments_form />
<txp:else />
	<p><txp:text item="comments_closed" /></p>
</txp:if_comments_allowed>


//-----------------------
----------default (article)
<!--display title-->
<h3><txp:permlink><txp:title /></txp:permlink></h3>

<!--CUSTOMIZE TO ALTER THE DISPLAY OF THE DATE-->
<h2><txp:posted format="%m.%d.%Y"/></h2>

<!--discplay body content with sphere comment tags around-->
<txp:wlk_spherebody />

<!--display author-->
<p>&#8212; <txp:author /></p>

<!--display categories-->
<txp:rss_uc_filedunder section="articles" linktosection="articles" labeltag="" label="" wraptag="p" break=", " />

<!--CUSTOMIZE PLUGIN ARGUMENTS-->
<p><txp:wlk_sphereit auto="true" threshold="false" linktext="Find related content on Sphere!" /></p>

<!--display comments-->
<txp:comments_invite wraptag="p" />
<div class="divider"></div>


//-----------------------
----------default_excerpt (article)
<!--display title-->
<h3><txp:permlink><txp:title /></txp:permlink></h3>

<!--CUSTOMIZE TO ALTER THE DISPLAY OF THE DATE-->
<h2><txp:posted format="%m.%d.%Y"/></h2>

<!--display initial excerpt from content--><!--CUSTOMIZE PLUGIN ARGUMENTS-->
<txp:rss_auto_excerpt linktext="more" ending="..." words="30" linkwraptag="span" linkclass="readmore" wrapreadmore="1" showlinkwithbody="0" excerptwraptag="p" />

<!--display author-->
<p>&#8212; <txp:author /></p>

<!--display comments-->
<txp:comments_invite wraptag="p" />
<div class="divider"></div>


//-----------------------
----------img_flickr_list (article)
<!--article form called in content_sidebar (misc)-->
<txp:vdh_flickr_thumbnails_list />


//-----------------------
----------comments (comment)
<!--display comment-->
<txp:comment_message />

<!--display author, time, and link-->
<p class="small">&#8212;<txp:comment_name /> &#183; <txp:comment_time /> &#183; <txp:comment_permlink>share</txp:comment_permlink></p>


//-----------------------
----------comment_form (comment)
<!--display any errors-->
<txp:comments_error wraptag="ul" break="li" />

<!--CUSTOMIZE THE DISPLAYED LABELS-->
<h3>Leave your comment</h3>
<p class="label">Fields marked with an [ * ] are required<br />If you're feeling fancy, use <a href="http://textile.thresholdstate.com/">Textile</a> to style your comments.</p>

<!--try not to puke because there's a table-->
<table cellpadding="5" cellspacing="0" border="0">

<tr>
	<td align="right" valign="middle">
		<label for="name" class="label">Name*</label>
	</td>

	<td colspan="2">
		<txp:comment_name_input />
	</td>

</tr>

<tr>
	<td align="right" valign="middle">
		<label for="email" class="label">E-mail*</label>
	</td>

	<td colspan="2">
		<txp:comment_email_input />
	</td>
</tr>

<tr> 
	<td align="right" valign="middle">
		<label for="web" class="label">Website</label>
	</td>

	<td colspan="2">
		<txp:comment_web_input />
	</td>
</tr>

<tr>
	<td align="right" valign="top">
		<label for="message" class="label">Your two cents*</label>
	</td>

	<td colspan="2">
		<txp:comment_message_input />
	</td>
</tr>

<tr>
	<td align="right">
	</td>
	
	<td align="right" colspan="2">
			<txp:comment_preview /><txp:comment_submit />
 	</td>
</tr>

</table>


//-----------------------
----------Links (link)
<p><txp:link /><br />
<txp:link_description /></p>


//-----------------------
----------plainlinks (link)
<txp:linkdesctitle /><br />


//-----------------------
----------popup_comments (comment)
<!--HEAD-->
<txp:output_form form="content_head" />
<!--BODY-->
<body>
	<div style="padding: 1em; width:300px;">
		<txp:popup_comments />
	</div>
</body>
</html>


//-----------------------
----------content_accessibility (misc)
<div id="accessibility">
	<ul>
		<li><a href="#content"><txp:text item="go_content" /></a></li>
		<li><a href="#sidebar-1"><txp:text item="go_nav" /></a></li>
	</ul>
</div><!-- end div accessibility-->


//-----------------------
----------content_footer (misc)
<div id="foot">
	<!-- copyright year -->
	<p>&copy; <txp:php>echo date('Y');</txp:php> 
		<!-- link to your site -->
		based on a template by <a href="http://www.awesometopic.com">Awesome Topic</a> |  
		<!-- link to the mother ship -->
		<a href='http://textpattern.com/'title='Textpattern'>Textpattern</a> | 
		<!-- validators -->
		<a href="http://validator.w3.org/check?uri=referer">XHTML</a> | 
		<a href="http://jigsaw.w3.org/css-validator/validator?uri=<txp:site_url />">CSS</a> | 
		<!--feeds -->
		<txp:feed_link label="RSS" /> | 
		<txp:feed_link flavor="atom" label="Atom" />
	</p>
</div><!-- end foot -->


//-----------------------
----------content_head (misc)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title><txp:page_title /></title>
	<txp:feed_link flavor="atom" format="link" label="Atom" />
	<txp:feed_link flavor="rss" format="link" label="RSS" />
	<txp:css format="link" />
	<!-- include javascript for plugins -->
	<txp:rss_live_search_js />
	<txp:wlk_spherehead />
</head>


//-----------------------
----------content_header (misc)
<div id="head">
	<h1><txp:link_to_home><txp:sitename /></txp:link_to_home></h1>
	<h2><txp:site_slogan /></h2>
	<!-- main navigation -->
	<ul id="navlist">
		<!-- CUSTOMIZE IF YOU CHANGE THE NAMES OF YOUR SECTIONS OR TO DISPLAY THE ALT OR LABEL DIFFERENTLY -->
		<li id="navhome"><a href="<txp:site_url />" ="go home">home</a></li>
		<li id="navabout"><a href="<txp:site_url />about" title="about me">about</a></li>
		<li id="navarticles"><a href="<txp:site_url />articles" title="fill your mind">articles</a></li>
		<li id="navcontact"><a href="<txp:site_url />contact" title="fax me">contact</a></li>
	</ul>
</div><!-- end head -->


//-----------------------
----------content_sidebar (misc)
<div id="sidebar-1">
<!--live search box-->
	<txp:rss_live_search inputvalue="live search" showdate="1" dateformat="%m.%d.%Y" label="" inputsize=29 />

<!--links -->
<h3>links</h3>
	<txp:linklist form="links" limit="10" />
    
<!--flickr-->
<!--PERSONALIZE WITH YOUR FLICKR URL-->
<h3><a href="http://www.flickr.com/photos/interpunct/" target="_blank">photos</a></h3>
	<div id="flickr">

<!--USE THIS IF YOU'RE USING THE FLICKR PLUGIN and PERSONALIZE WITH YOUR FLICKR NSID and SET NUMBER-->
	<txp:vdh_flickr_thumbnails nsid="interpunct" set="72057594143407309" thumbnail_size="s" show_set_title="0" show_slideshow_link="0" random="9" thumbnails_form="img_flickr_list" open="flickr" />
<!--end if plugin-->

<!--USE THIS IF YOU'RE HARDCODING YOUR IMAGES AND NOT USING THE FLICKR PLUGIN BECAUSE IT REQUIRES PHP5 and PERSONALIZE WITH IMG URL AND LINK-->
	<a href="http://www.flickr.com/photos/interpunct/152061872/" target="_blank">
	<img src="http://farm1.static.flickr.com/51/152061872_404950d2ba_s.jpg" alt="Tzu Sing" /></a>
	
	<a href="http://www.flickr.com/photos/interpunct/152061085/" target="_blank">
	<img src="http://farm1.static.flickr.com/53/152061085_446011cccf_s.jpg" alt="funny paint blob" /></a>

	<a href="http://www.flickr.com/photos/interpunct/152061467/" target="_blank">
	<img src="http://farm1.static.flickr.com/55/152061467_c8d16a198c_s.jpg" alt="kelly's installation room" /></a>

	<a href="http://www.flickr.com/photos/interpunct/152061436/" target="_blank">
	<img src="http://farm1.static.flickr.com/53/152061436_4f06f942b5_s.jpg" alt="hot speakers" /></a>

	<a href="http://www.flickr.com/photos/interpunct/152061859/" target="_blank">
	<img src="http://farm1.static.flickr.com/51/152061859_1f24421cc3_s.jpg" alt="remember when the floor was filthy?" /></a>
	
	<a href="http://www.flickr.com/photos/interpunct/152062127/" target="_blank">
	<img src="http://farm1.static.flickr.com/54/152062127_e2d7d6c84c_s.jpg" alt="pile" /></a>

	<a href="http://www.flickr.com/photos/interpunct/152062383/" target="_blank">
	<img src="http://farm1.static.flickr.com/52/152062383_96cd5b4ef3_s.jpg" alt="pile" /></a>
	
	<a href="http://www.flickr.com/photos/interpunct/152062306/" target="_blank">
	<img src="http://farm1.static.flickr.com/51/152062306_78f65140ff_s.jpg" alt="pile" /></a>

	<a href="http://www.flickr.com/photos/interpunct/152061332/" target="_blank">
	<img src="http://farm1.static.flickr.com/44/152061332_3cae2a4bd4_s.jpg" alt="the boys checking out their favorite prints" /></a>
<!--end if hard code-->

	</div> <!-- end flickr -->

<!--clear-->
<div class="clear">&nbsp;</div>
</div><!-- end sidebar1 -->