1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!--
  4. Theme: The Minimalist v1.
  5. Design: The Minimalist (http://minimalist.co)
  6. -->
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head>
  9. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  10. <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}</title>
  11. <meta name="description" content="{MetaDescription}" />
  12. <meta name="if:Show description" content="1" />
  13. <meta name="if:Show search" content="1" />
  14. <meta name="text:Twitter name" content="" />
  15. <meta name="text:Disqus Shortname" content="" />
  16. <meta name="text:Google Analytics ID" content="" />
  17. <link rel="shortcut icon" href="{Favicon}" />
  18. <link rel="alternate" type="application/rss+xml" title="{Title}" href="{RSS}" />
  19. <!-- Styles -->
  20. <link rel="stylesheet" href="http://static.tumblr.com/f1whv92/Mp9l6ewcg/reset.css" />
  21. <style type="text/css">
  22. /*----- GENERAL -----*/
  23. header, footer, section, article, nav, aside {
  24. display: block;
  25. }
  26. body {
  27. background: #ffffff;
  28. color: #222;
  29. font: 12px/20px Georgia, "Times New Roman", Times, serif;
  30. padding-top: 25px;
  31. text-align: center;
  32. width:500px;
  33. margin: 0 auto;
  34. }
  35. h1, h2, h3, hQ {
  36. font-family: Cufon;
  37. }
  38. h1 {
  39. font-size: 50px;
  40. line-height: 50px;
  41. }
  42. h2 {
  43. font-size: 31px;
  44. line-height: 37px;
  45. }
  46. h3 {
  47. font-size: 21px;
  48. line-height: 27px;
  49. }
  50. a:link, a:visited {
  51. color: #222222;
  52. font-weight: bold;
  53. text-decoration: none;
  54. }
  55. a:hover, a:active {
  56. text-decoration: underline;
  57. }
  58. hr{
  59. border:0 #ccc solid;
  60. border-top-width:1px;
  61. clear:both;
  62. height:0;
  63. }
  64. ol{list-style:decimal}
  65. ul{list-style:disc}
  66. li{margin-left:30px}
  67. p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:15px}
  68. #main {
  69. padding: 0px;
  70. }
  71. /*----- MASTHEAD -----*/
  72. .noMeta > div {
  73. padding: 0px;
  74. }
  75. #masthead {
  76. margin-bottom: 0px;
  77. }
  78. #masthead h1 {
  79. margin-bottom: 0;
  80. }
  81. #masthead h1 a:link, #masthead h1 a:visited {
  82. text-transform: Uppercase;
  83. color: #222;
  84. text-decoration: none;
  85. }
  86. #masthead h1 a:active {
  87. outline: 0;
  88. }
  89. #masthead p {
  90. font-family: Georgia, serif;
  91. font-size: 20px;
  92. color: #fff;
  93. margin-bottom: 0;
  94. }
  95. #masthead a:link, #masthead a:visited {
  96. color: #fff;
  97. }
  98. #siteDescription{
  99. font-size: 13px;
  100. color: #222;
  101. text-transform: Uppercase;
  102. border-top: 1px solid #222;
  103. margin-top: 20px;
  104. margin-bottom: -5px;
  105. padding: 15px 0 0 0;
  106. font-family: Cufon;
  107. }
  108. /*----- SEARCH FORM -----*/
  109. #frmSearch {
  110. padding-top: 20px;
  111. display: none;
  112. }
  113. #txtSearch {
  114. background: url(http://static.tumblr.com/bpryy0m/6lRl6gmys/search.jpg) left no-repeat;
  115. width: 225px;
  116. padding: 2px 0 0 20px;
  117. font: 12px/12px Georgia, "Times New Roman", Times, serif;
  118. color: #222;
  119. border: 0px;
  120. }
  121. /*----- MAIN HEADER NAV STRIP -----*/
  122. #mainNav {
  123. border-top: 1px solid #222;
  124. border-bottom: 2px solid #222;
  125. margin-top: 20px;
  126. padding: 15px;
  127. font-family: Cufon;
  128. }
  129. #mainNav ul {
  130. list-style: none;
  131. margin: 0;
  132. padding: 0;
  133. }
  134. #mainNav li {
  135. margin: 5px;
  136. display: inline;
  137. padding: 0;
  138. }
  139. #mainNav a:link, #mainNav a:visited {
  140. padding: 0;
  141. font-size: 14px;
  142. line-height: 14px;
  143. margin: 0 2px;
  144. text-decoration: none;
  145. color: #222;
  146. text-transform: Uppercase;
  147. }
  148. #mainNav a:hover, #mainNav a:active {
  149. outline: none;
  150. text-decoration: none;
  151. border-bottom: 1px solid #222;
  152. }
  153. #mainNav a.active {
  154. text-decoration: none;
  155. border-bottom: 1px solid #222;
  156. }
  157. /*----- ARTICLE META INFO -----*/
  158. #designline {
  159. margin-top: 50px;
  160. }
  161. h5{
  162. position: relative;
  163. top: -35px;
  164. margin-bottom: 0px;
  165. font-family: Georgia, serif;
  166. font-size: 10px;
  167. color: #bca474;
  168. text-decoration: none;
  169. text-transform: Uppercase;
  170. font-weight: bold;
  171. border-bottom: 1px solid #bca474;
  172. background: #fff;
  173. }
  174. h5 a:link, .line a:visited{
  175. font-family: Georgia, serif;
  176. font-size: 10px;
  177. color: #bca474;
  178. text-decoration: none;
  179. text-transform: Uppercase;
  180. font-weight: bold;
  181. }
  182. h5 a:hover{
  183. text-decoration: underline;
  184. }
  185. h5 abbr{
  186. display: inline-block;
  187. position: relative;
  188. margin: 0 auto;
  189. padding: 0 8px;
  190. background: #fff;
  191. top: 10px;
  192. }
  193. h5.postDate a{
  194. color: #bca474;
  195. }
  196. /*----- ARTICLE -----*/
  197. article {
  198. background: #fff;
  199. margin-bottom: 20px;
  200. text-align: left;
  201. position: relative;
  202. }
  203. article img {
  204. border: none;
  205. margin-bottom: 15px;
  206. max-width: 500px;
  207. }
  208. article p img {
  209. margin: 0;
  210. }
  211. article > div {
  212. padding: 0px;
  213. overflow: hidden;
  214. }
  215. article .searchPage {
  216. margin: 35px 0 0 0;
  217. }
  218. .searchPageText {
  219. margin: 0 0 30px 0;
  220. }
  221. article .meta a:link, article .meta a:visited {
  222. text-decoration: none;
  223. }
  224. article .meta a:hover, article .meta a:active {
  225. text-decoration: underline;
  226. }
  227. article h2 {
  228. text-align: center;
  229. color: #222222;
  230. }
  231. article h2 a:link, article h2 a:visited {
  232. text-transform: Uppercase;
  233. color: #222;
  234. text-decoration: none;
  235. }
  236. article h2 a:hover, article h2 a:active {
  237. text-decoration: none;
  238. border-bottom: 1px solid #222;
  239. }
  240. blockquote {
  241. border-left: 2px solid #bca474;
  242. margin-left: 0;
  243. padding-left: 1em;
  244. }
  245. #quoteSource{
  246. margin: 0 auto;
  247. text-align: left;
  248. }
  249. #quoteText h2 {
  250. text-align: left;
  251. color: #222222;
  252. }
  253. article .chat {
  254. list-style: none;
  255. padding: 0;
  256. margin: 0;
  257. }
  258. article .chat li {
  259. margin: 0 0 2px;
  260. padding: 2px 0 2px 0;
  261. }
  262. .photoCaption {
  263. text-align: center;
  264. }
  265. /*----- AUDIO PLAYER -----*/
  266. .audio {
  267. height: 28px;
  268. width: 26px;
  269. overflow: hidden;
  270. margin: auto;
  271. padding-top: 7px;
  272. }
  273. .audioc {
  274. background-image:url('http://static.tumblr.com/f1whv92/9iCl6bfgp/audiocircle.png');
  275. background-repeat: no-repeat;
  276. height: 41px;
  277. width: 41px;
  278. }
  279. .audioCaption {
  280. margin-top: 1px;
  281. }
  282. .audioleft {
  283. width: 41px;
  284. float: left;
  285. }
  286. .audioright {
  287. width: 444px;
  288. float: right;
  289. }
  290. .audioContainer {
  291. margin-top: 5px;
  292. }
  293. .audioClear {
  294. clear:both;
  295. }
  296. /*----- ARTICLE NOTES -----*/
  297. .notes {
  298. border-top: 1px solid #bca474;
  299. list-style: none;
  300. padding: 20px 0 5px 0;
  301. margin: 30px 0 0 0;
  302. }
  303. .notes li {
  304. margin: 0;
  305. }
  306. .notes .avatar {
  307. margin: 0 5px 0 0;
  308. position: relative;
  309. top: 5px;
  310. }
  311. .notes blockquote {
  312. margin: 10px 0 0 35px;
  313. padding-left: 10px;
  314. border-left: 2px solid #222222;
  315. }
  316. .media {
  317. width: 500px;
  318. margin-bottom: 20px;
  319. }
  320. /*----- PAGE NAVIGATION -----*/
  321. #pageNav {
  322. margin-top: 20px;
  323. border-top: 1px solid #222;
  324. }
  325. #pageNav ul {
  326. list-style: none;
  327. padding: 10px 15px;
  328. margin: 10px 0;
  329. }
  330. #pageNav li {
  331. margin: 0;
  332. display: inline;
  333. }
  334. #pageNav a:link, #pageNav a:visited {
  335. font: 11px Georgia, "Times New Roman", Times, serif;
  336. padding: 0;
  337. margin: 0 2px;
  338. background: #34hdf5;
  339. color: #222;
  340. text-decoration: none;
  341. }
  342. #pageNav a:hover, #pageNav a:active, #pageNav a.active:link, #pageNav a.active:visited {
  343. text-decoration: underline;
  344. }
  345. #pageNavOlder:after {
  346. content: " »";
  347. font-size: 10px;
  348. }
  349. #pageNavNewer:before {
  350. content: "« ";
  351. }
  352. /*----- FOOTER META -----*/
  353. #sitemeta {
  354. border-top: 2px solid #222;
  355. color: #222;
  356. padding: 20px 0 32px 0;
  357. font-family: Georgia, "Times New Roman", Times, serif;
  358. font-size: 11px;
  359. }
  360. #sitemeta p {
  361. margin: 0;
  362. }
  363. #sitemeta a:link, #sitemeta a:visited {
  364. color: #222;
  365. font-weight: bold;
  366. }
  367. {CustomCSS}
  368. </style>
  369. <!-- Scripts -->
  370. <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=[INSTERTADDTHISID]"></script>
  371. <!--[if IE]>
  372. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  373. <![endif]-->
  374. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  375. <script src="http://static.tumblr.com/q9z1v7k/dgEkijh8r/cufon-yui.js" type="text/javascript"></script>
  376. <script src="http://static.tumblr.com/f1whv92/fgIl65bo1/cufon_300.font.js" type="text/javascript"></script>
  377. <script type="text/javascript">
  378. Cufon.replace('h1',{ fontFamily: "Cufon" });
  379. Cufon.replace('h2',{ fontFamily: "Cufon" });
  380. Cufon.replace('h3',{ fontFamily: "Cufon" });
  381. Cufon.replace('#mainNav',{ fontFamily: "Cufon" });
  382. Cufon.replace('#siteDescription',{ fontFamily: "Cufon" });
  383. </script>
  384. <script>
  385. $(function() {
  386. var search = $("#txtSearch").val();
  387. var placeholder = "Search...";
  388. var fadeToOpacity = 0.4;
  389. $("#txtSearch").fadeTo("normal", fadeToOpacity);
  390. if (search == "") {
  391. $("#txtSearch").val(placeholder);
  392. }
  393. $("#txtSearch").blur(function() {
  394. search = $("#txtSearch").val();
  395. if (!(search != "" && search != placeholder)) {
  396. $("#txtSearch").val(placeholder);
  397. }
  398. $("#txtSearch").fadeTo("normal", fadeToOpacity);
  399. });
  400. $("#txtSearch").focus(function() {
  401. search = $("#txtSearch").val();
  402. if (search == placeholder) {
  403. $("#txtSearch").val("");
  404. }
  405. $("#txtSearch").fadeTo("normal", 1);
  406. });
  407. $("#btnSearch").click(function() {
  408. $("#frmSearch").slideToggle("normal");
  409. $(this).toggleClass("active");
  410. // $("#txtSearch").focus();
  411. });
  412. });
  413. </script>
  414. </head>
  415. <body>
  416. <header id="masthead" class="clearfix">
  417. <div id="thehead">
  418. <h1 class="cufon"><a href="/">{Title}</a></h1>
  419. <form action="/search" method="get" id="frmSearch">
  420. <input type="text" id="txtSearch" name="q" value="{SearchQuery}" />
  421. </form>
  422. {block:Description}
  423. <div id="siteDescription">{Description}</div>
  424. {block:Description}
  425. <nav id="mainNav">
  426. {block:HasPages}
  427. {block:Pages}<li><a href="{URL}">{Label}</a></li>{block:Pages}
  428. {/block:HasPages}
  429. {block:AskEnabled}<li><a href="/ask">Ask</a></li>{/block:AskEnabled}
  430. {block:SubmissionsEnabled}<li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}
  431. <li><a href="/archive">Archive</a></li>
  432. <li><a href="/random">Random</a></li>
  433. <li><a href="{RSS}">RSS</a></li>
  434. <li><a href="javascript:;" id="btnSearch">Search</a></li>
  435. {block:IfTwitterName}
  436. <li><a href="http://twitter.com/{text:Twitter name}">Twitter</a></li>
  437. {/block:IfTwitterName}
  438. </nav>
  439. </div>
  440. </header>
  441. <section id="main" class="clearfix">
  442. <div class="layout">
  443. {block:SearchPage}
  444. <article>
  445. <div>
  446. <div class="searchPage">
  447. <h2>Search results for <a href="{URLSafeSearchQuery}">{SearchQuery}</a></h2>
  448. </div>
  449. {block:NoSearchResults}
  450. <div class="searchPageText">
  451. <p>I’m sorry, but we couldn't find anything matching "<b>{SearchQuery}</b>". Suggestions:</p>
  452. <ul>
  453. <li>Make sure all words are spelled correctly.</li>
  454. <li>Try different keywords.</li>
  455. <li>Try more general keywords.</li>
  456. </ul>
  457. </div>
  458. {/block:NoSearchResults}
  459. </div>
  460. </article>
  461. {/block:SearchPage}
  462. {block:TagPage}
  463. <article>
  464. <div>
  465. <div class="searchPage">
  466. <h2>Posts tagged <a href="{TagURL}">{Tag}</a></h2>
  467. </div>
  468. </div>
  469. </article>
  470. {/block:TagPage}
  471. {block:Posts}
  472. <div id="designline">
  473. <h5 class="postDate">
  474. <abbr>{block:Date}<a href="{Permalink}">{DayOfMOnth}{DayOfMonthSuffix} {ShortMonth} {Year}</a>{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
  475. </abbr>
  476. </h5>
  477. </div>
  478. <article>
  479. <div>
  480. {block:Text}
  481. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  482. {Body}
  483. {/block:Text}
  484. {block:Photo}
  485. {LinkOpenTag}<img class="addthis_shareable" src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  486. {block:Caption}<div class="photoCaption">{Caption}</div>{/block:Caption}
  487. {/block:Photo}
  488. {block:Photoset}
  489. <div class="media">{Photoset-500}</div>
  490. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  491. {/block:Photoset}
  492. {block:Quote}
  493. <div id="quoteText"><h2>{Quote}</h2></div>
  494. {block:Source}<div id="quoteSource"><p>&mdash;{Source}</p></div>{/block:Source}
  495. {/block:Quote}
  496. {block:Link}
  497. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  498. {block:Description}
  499. <div>{Description}</div>
  500. {/block:Description}
  501. {/block:Link}
  502. {block:Chat}
  503. {block:Title}<h2>{Title}</h2>{/block:Title}
  504. <ul class="chat">
  505. {block:Lines}
  506. <li>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>
  507. {/block:Lines}
  508. </ul>
  509. {/block:Chat}
  510. {block:Audio}
  511. <div class="audioleft">
  512. <div class="audioc">
  513. <div class="audio">{AudioPlayerBlack}</div>
  514. </div>
  515. </div>
  516. <div class="audioright">
  517. <div class="audioCaption">{block:Artist}<b>{Artist}</b>{/block:Artist}
  518. <p>&mdash;{block:TrackName}{TrackName}{/block:TrackName}</p>
  519. </div>
  520. </div>
  521. <div class="audioClear"></div>
  522. <div class="audioContainer">
  523. {block:Caption}{Caption}{/block:Caption}
  524. </div>
  525. {/block:Audio}
  526. {block:Video}
  527. <div class="media">{Video-500}</div>
  528. {block:Caption}<div>{Caption}</div>{/block:Caption}
  529. {/block:Video}
  530. {block:Answer}
  531. <h3>{Asker} asked: {Question}</h3>
  532. {Answer}
  533. {/block:Answer}
  534. {block:Date}
  535. {block:IfDisqusShortname}
  536. <script type="text/javascript">
  537. //<![CDATA[
  538. (function() {
  539. var links = document.getElementsByTagName('a');
  540. var query = '?';
  541. for(var i = 0; i < links.length; i++) {
  542. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  543. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  544. }
  545. }
  546. document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  547. })();
  548. //]]>
  549. </script>
  550. {/block:IfDisqusShortname}
  551. {block:PostNotes}
  552. {PostNotes}
  553. {/block:PostNotes}
  554. {block:Date}
  555. </div>
  556. </article>
  557. <hr width=100%>
  558. <script type="text/javascript">
  559. google_ad_client = "INSERTGOOGLEADCLIENT";
  560. google_ad_slot = "INSERTGOOGLEADSLOT";
  561. google_ad_width = 468;
  562. google_ad_height = 15;
  563. </script>
  564. <script type="text/javascript"
  565. src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  566. </script>
  567. <br>
  568. {/block:Posts}
  569. {block:PermalinkPage}
  570. <br>
  571. <!-- AddThis Button BEGIN -->
  572. <div class="addthis_toolbox addthis_default_style ">
  573. <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
  574. <a class="addthis_button_tweet"></a>
  575. <a class="addthis_button_pinterest_pinit"></a>
  576. <a class="addthis_counter addthis_pill_style"></a>
  577. </div>
  578. <script type="text/javascript">var addthis_config = {"data_track_addressbar":true
  579. services_overlay:'facebook,twitter,print,more'
  580. };</script>
  581. <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=INSERTADDTHISID"></script>
  582. <!-- AddThis Button END -->
  583. <section>
  584. <div id="disqus_thread" class="content"></div>
  585. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script><noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript></section>
  586. {/block:PermalinkPage}
  587. {block:PermalinkPagination}
  588. <nav id="pageNav">
  589. <ul class="clearfix">
  590. {block:PreviousPost}<li><a href="{PreviousPost}" id="pageNavNewer">Previous</a></li>{/block:PreviousPost}
  591. {block:NextPost}<li><a href="{NextPost}" id="pageNavOlder">Next</a></li>{/block:NextPost}
  592. </ul>
  593. </nav>
  594. {/block:PermalinkPagination}
  595. {block:Pagination}
  596. <nav id="pageNav">
  597. <ul class="clearfix">
  598. {block:PreviousPage}<li><a href="{PreviousPage}" id="pageNavNewer">Newer</a></li>{/block:PreviousPage}
  599. {block:JumpPagination length="5"}
  600. {block:CurrentPage}<li><a href="{URL}" class="active">{PageNumber}</a></li>{/block:CurrentPage}
  601. {block:JumpPage}<li><a href="{URL}">{PageNumber}</a></li>{/block:JumpPage}
  602. {/block:JumpPagination}
  603. {block:NextPage}<li><a href="{NextPage}" id="pageNavOlder">Older</a></li>{/block:NextPage}
  604. </ul>
  605. </nav>
  606. {/block:Pagination}
  607. {block:DayPagination}
  608. <nav id="pageNav">
  609. <ul class="clearfix">
  610. {block:PreviousDayPage}<li><a href="{PreviousDayPage}">&laquo; {DayOfMonth} {ShortMonth}</a></li>{/block:PreviousDayPage}{block:NextDayPage}|<li><a href="{NextDayPage}">{DayOfMonth} {ShortMonth} &raquo;</a></li>{block:NextDayPage}
  611. </ul>
  612. </nav>
  613. {/block:DayPagination}
  614. </div><!-- END layout -->
  615. </section>
  616. <footer id="sitemeta">
  617. <div class="clearfix">
  618. <div class="thefooter">
  619. <p><a href="http://www.tumblr.com/theme/12051">The Minimalist Theme</a> designed by <a href="http://minimalist.co">The Minimalist</a> | Powered by <a href="http://tumblr.com">Tumblr</a></p>
  620. </div>
  621. </div>
  622. </footer>
  623. {block:IfGoogleAnalyticsID}
  624. <script type="text/javascript">var gaJsHost=(("https:"==document.location.protocol)?"https://ssl.":"http://www.");document.write(unescape("%3Cscript src='"+gaJsHost+"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">try{var pageTracker=_gat._getTracker("{text:Google Analytics ID}");pageTracker._trackPageview()}catch(err){}</script>
  625. {block:IfGoogleAnalyticsID}
  626. </body>
  627. </html>