raylu
/
otakuhub


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><!-- Source is http://safe.tumblr.com/theme/preview/15452 -->
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="Description" content="Description" />
	<title>Untitled</title>
	
	<link rel="shortcut icon" href="http://assets.tumblr.com/images/default_avatar_16.gif" />
	<link rel="apple-touch-icon" href="http://assets.tumblr.com/images/default_avatar_128.gif"/>
	<link rel="alternate" type="application/rss+xml" href="http://demo.tumblr.com/rss" />
    
	<!-- Default Colors -->
	<meta name="color:Background" content="#eee" />
	<meta name="color:Main Text" content="#555" />
	<meta name="color:Sidebar Text" content="#555" />
	<meta name="color:Link" content="#860000" />
	<meta name="color:Navigation Link" content="#555" />

	<!-- Options -->
	<meta name="if:Show Tags" content="1" />
	<meta name="if:Show Archive Link" content="1" />
	<meta name="if:Show Home Link in Navigation" content="1" />
	<meta name="if:Show RSS Link in Navigation" content="1" />
	<meta name="if:Show Album Artwork on Audio Posts" content="1" />
	<meta name="if:Force Uppercase" content="1" />
	<meta name="if:Show date flag on new dates only" content="0" />
	<meta name="if:Show People I Follow" content="0" />
	<meta name="if:Enable Endless Scrolling" content="0" />

	<meta name="text:Random Post Label" content="" />
	<meta name="text:Disqus Shortname" content="" />
    
	<style type="text/css">
	/* Simple Things v1.2.0 - A Tumblr theme by Dan Hauk http://www.dan-hauk.com */

	html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;} q:before,q:after {content:'';} abbr,acronym {border:0;} a img {border: 0;}
		
	* {outline:none; -moz-outline:none;}
	
	strong { font-style:inherit; font-weight: bold; }
	em { font-style: italic; }
	
	.clear {clear:both; height:1px; margin-bottom:-1px;}
	
	/* Here we go */
	body {
		background: #eee;
		color: #555;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		text-align: center;
		}
	
	#wrap {
		background: url(/15452_files/simplethings-header-bg.png) repeat-x top left;
		}
	
	#container {
		margin: 0 auto;
		text-align: left;
		width: 800px;
		}
	
	a { color: #860000; text-decoration: none; }
	a:hover { color: #000; text-decoration: underline; }
	
	/***** Header *****/
	#title {
		color: #ddd;
		float: left;
		font-size: 30px;
		font-weight: bold;
		letter-spacing: -.1em;
		line-height: 61px;
		margin-bottom: 10px;
		text-shadow: -1px -1px #000;
		text-transform: uppercase;
		}
	
	#title a {
		color: #ddd;
		text-decoration: none;
		}
	
	#header-search-bar {
		background: url(/15452_files/simplethings-search-full.png) no-repeat top left;
		float: right;
		height: 30px;
		margin-top: 15px;
		width: 279px;
		}
	
	#search-input {
		background: 0;
		border: 0;
		color: #666;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		margin: 8px 0 0 27px;
		width: 180px;
		}
	
	#search-submit {
		background: 0;
		border: 0;
		cursor: pointer;
		font-size: 1px;
		height: 27px;
		text-indent: -9999em;
		width: 68px;
		}
	
	#header-rss {
		background: #915909 url(/15452_files/simplethings-rss-btn.png) repeat-x top left;
		border: 1px solid #000;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0 1px #5a636b;
		-webkit-box-shadow: 0 1px #5a636b;
		color: #4a2e06;
		display: block;
		font-weight: bold;
		float: right;
		height: 26px;
		line-height: 28px;
		margin: 15px 0 0 10px;
		padding: 0 10px;
		text-shadow: 1px 1px #c0965b;
		}
	
	#header-rss:hover { text-decoration: none; }
	
	#header-rss span {
		background: url(/15452_files/simplethings-rss-icon.png) no-repeat left center;
		display: block;
		padding-left: 15px;
		}
	
	/***** Posts *****/
	#left-column {
		float: left;
		margin: 40px 50px 0 0;
		width: 500px;
		}
	
	#left-column h2 {
		font-size: 20px;
		text-shadow: 1px 1px #fff;
		text-transform: uppercase;
		}
	
	.newpost { height: 40px; }
	
	#left-column .date {
		background: url(/15452_files/simplethings-date-flag.png) no-repeat right center;
		color: #fff;
		float: left;
		height: 40px;
		margin: 20px 0 0 -75px;
		width: 75px;
		}
	
	.date .month,
	.date .day {
		display: block;
		text-align: center;
		text-transform: uppercase;
		width: 75px;
		}
	
	.date .month { font-size: 10px; margin: 0; padding: 5px 0 0; }
	.date .day { font-size: 24px; line-height: .8em; margin: 0; }
	
	.month a,
	.day a { color: #fff; display: block; }
	.month a:hover,
	.day a:hover { text-decoration: none;}
	
	#left-column .post {
		background: #fff;
		border: 1px solid #ccc;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		float: left;
		padding-top: 20px;
		width: 500px;
		}
	
	.post h3 {
		font-size: 18px;
		padding: 0 20px 15px;
		text-transform: uppercase;
		}
	
	.post p { line-height: 1.5em; padding: 0 20px 15px; }
	
	.post img { max-width: 460px; }
	
	.post ol {
		list-style: decimal;
		margin: 0 50px 15px;
		}
	
	.post ol li { padding: 3px 0; }

	.post ul { list-style: disc; margin: 0 50px 15px; }
	
	.post ul li { padding: 3px 0; }
	
	.post blockquote {
		border-left: 3px solid #ddd;
		font-style: italic;
		margin: 0 20px 20px;
		padding-left: 10px;
		}
	
	.postmeta {
		background: #dee9f4;
		color: #365c7f;
		min-height: 25px;
		overflow: hidden;
		text-shadow: 1px 1px #fff;
		}
	
	.postmeta a { color: #365c7f; }
	
	.postmeta p { padding: 5px 0; }
	
	.postmeta .posttime,
	.postmeta .reblogged {
		float: left;
		margin-left: 20px;
		padding-left: 16px;
		}
	
	.postmeta .posttime { background: url(/15452_files/simplethings-clock.png) no-repeat left center; padding-left: 18px; }
	.postmeta .reblogged { background: url(/15452_files/simplethings-reblogged.png) no-repeat left center; }
	
	.postmeta .tags {
		background: url(/15452_files/simplethings-tags.png) no-repeat 0 7px;
		clear: left;
		float: left;
		margin: -5px 20px 0;
		padding-left: 16px;
		}
	
	.postmeta .notes {
		float: right;
		margin-right: 10px;
		}

	.postmeta .disqus-count {
		float: right;
		margin-right: 20px;
		}
	
	.postmeta .hiddentime { display: none !important; }
	
	/***** Post - Photo *****/
	.post-photo img {
		border: 5px solid #ddd;
		margin: 0 20px 10px;
		}
	
	.html_photoset { margin: 20px auto 0; text-align: center; }
	
	/***** Post - Quote *****/
	.post-quote .quote {
		background: url(/15452_files/simplethings-quote.png) no-repeat top left;
		font-size: 18px;
		margin: 0 20px;
		padding-left: 45px;
		}
	
	.post-quote .source { font-style: italic; }
	
	/***** Post - Chat *****/
	.post-chat h3 { margin-bottom: 0; }
	
	ul.chat { margin: 0 20px 10px; }
	
	ul.chat li { list-style:none; padding-bottom: 10px; }
	
	ul.chat li span {
		color: #777;
		font-size: 11px;
		padding-right: 15px;
		text-transform: uppercase;
		}
	
	/***** Post - Audio *****/
	.album-art {
		float: left;
		margin: 0 10px 15px 20px;
		}
	
	.audio_player { margin: 0 0 10px 20px; }

	/***** Post - Video *****/
	.video-container { margin: 0 20px 20px; text-align: center; }
	
	/***** Post - Answer *****/
	.question-top {
		background: #2d3d4b url(/15452_files/simplethings-question-top-blue.png) no-repeat top left;
		height: 6px;
		margin: 0 20px;
		padding: 0;
		width: 460px;
		}
	
	.question {
		background: #2d3d4b url(/15452_files/simplethings-question-bg-blue.png) repeat-y top left;
		margin: 0 20px;
		width: 460px;
		}
	
	.question p {
		color: #fff;
		font-size: 14px;
		padding: 15px 20px;
		}
	
	.question-bottom {
		background: url(/15452_files/simplethings-question-bottom-blue.png) no-repeat top left;
		clear: both;
		margin: 0 20px;
		width: 460px
		}
	
	.question-bottom .asker-info { padding: 16px 0; }
	
	.asker-avatar {
		float: left;
		margin: 0 10px 15px 9px;
		}
	
	.asker-info .asker {
		float: left;
		font-weight: bold;
		margin-top: 5px;
		}
	
	.answer {
		border-top: 1px solid #ddd;
		clear: both;
		margin: 0 20px;
		padding: 15px 0 0;
		}
	
	.answer p { padding: 0 0 15px; }
	
	/***** Pagination *****/
	.tumblrAutoPager_page_separator,
	.tumblrAutoPager_page_info {display:none}

	#pagination {
		clear: both;
		overflow: hidden;
		}
	
	#pagination a {
		background: #cdcdcd url(/15452_files/simplethings-page-btn.png) repeat-x 0 0;
		border: 1px solid #aaa;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0 1px #fff;
		-webkit-box-shadow: 0 1px #fff;
		color: #666;
		display: block;
		height: 24px;
		line-height: 25px;
		margin-bottom: 50px;
		padding: 0 10px;
		text-shadow: 1px 1px #f1f1f1;
		}
	
	#pagination a:hover {
		background-position: 0 -25px;
		text-decoration: none;
		}
	
	#pagination .next-page { float: right; }
	#pagination .prev-page { float: left; }
	
	#pagination .next-page span {
		background: url(/15452_files/simplethings-arrow-next.png) no-repeat right center;
		padding-right: 20px;
		}
	
	#pagination .prev-page span {
		background: url(/15452_files/simplethings-arrow-prev.png) no-repeat left center;
		padding-left: 22px;
		}
	
	/***** Permalink *****/
	#share-links {border-bottom:1px solid #ccc; margin:-30px 0 30px; padding-bottom:10px}

	.disqus-credit { text-align: right; margin: 5px 0 40px; }
	
	#permalink-notes { margin-bottom: 40px; }
	
	#permalink-notes .notes { border-bottom: 1px solid #fff; border-top: 1px solid #ddd; }
	
	#permalink-notes .notes li {
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #fff;
		padding: 9px 0 10px;
		text-shadow: 1px 1px #fff;
		}
	
	.notes li .avatar { margin-bottom: -3px; }
	.notes li blockquote {
		border-left: 3px solid #ccc;
		font-style: italic;
		margin: 5px 0 0 20px;
		padding-left: 5px;
		}
	.notes li blockquote a { color: #777; }
	
	/***** Sidebar *****/
	#right-column {
		color: #555;
		float: left;
		margin-top: 40px;
		width: 250px;
		}
	
	.sidebar-box {
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #fff;
		padding: 20px 0;
		}

	.sidebar-box h3 {
		font-size: 16px;
		letter-spacing: -.05em;
		text-shadow: 1px 1px #fff;
		text-transform: uppercase;
		}
	
	.last-sidebar { border-bottom: 0; }
	
	#right-column #about-box { border-top: 0 !important; padding-top: 0 !important; }
	
	#avatar {
		background: url(/15452_files/simplethings-user-pic.png) no-repeat top left;
		float: left;
		margin: 0 5px 10px -5px;
		padding: 8px;
		}
		
	.about-title {
		color: #666;
		float: left;
		font-size: 14px;
		overflow: hidden;
		text-shadow: 1px 1px #fff;
		text-transform: uppercase;
		width: 180px;
		}
	
	.about-title span {
		display: block;
		font-size: 18px;
		margin-top: 5px;
		}
	
	.blog-description {
		clear: both;
		line-height: 1.4em;
		text-shadow: 1px 1px #fff;
		}
	
	#sidebar-nav li a {
		border: 1px solid transparent;
		color: #555;
		display: block;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: -.05em;
		padding: 5px;
		text-shadow: 1px 1px #fff;
		text-transform: uppercase;
		}
	
	#sidebar-nav li a:hover {
		background: #ddd;
		border-color: #ccc;
		-moz-box-shadow: 0 1px #fff;
		text-decoration: none;
		}

	/***** Following *****/
	ul.people-following { margin-top: 10px; }
	ul.people-following li {
		float: left;
		margin: 0 5px 5px 0;
		}

	/***** Likes *****/
	ul#likes li .post_info_top {
		background: #ddd;
		display: block !important;
		font-size: 10px;
		margin: 20px 0 5px;
		padding: 5px;
		}

	ul#likes img {max-width:250px !important;}
	
	/***** Footer *****/
	#footer {
		background: #aaa url(/15452_files/simplethings-footer-bg.png) repeat-x top left;
		border-top: 1px solid #aaa;
		margin-top: 40px;
		min-height: 35px;
		text-align: center;
		}
	
	#footer-inner {
		clear: both;
		color: #666;
		margin: 0 auto;
		padding: 12px;
		text-shadow: 1px 1px #d0d0d0;
		width: 800px;
		}
	
	#footer-inner a { color: #0f3455; }
	</style>
	
	<style type="text/css"></style>

	

</head>
<body>

<div id="wrap">
	<div id="container">
		<h1 id="title"><a href="#" title="/">Untitled</a></h1>
		
		<a href="#" title="http://demo.tumblr.com/rss" id="header-rss"><span>RSS</span></a>
		
		<form action="/search" method="get" id="header-search-bar">
			<input type="text" name="q" value="" id="search-input" />
			<input type="submit" value="Search" id="search-submit" />
		</form>
		
		<div class="clear"></div>
		
		<!-- Begin Posts -->
		<div id="left-column">

		

		
		
		

		<div class="autopagerize_page_element">
		
			<?= $this->content(); ?>

		
			
			

			
		

		
		</div> <!-- .auto_pagerize_element -->
			
			
		
		
			<div id="pagination">
				
				<a href="#" title="/page/2" class="next-page">Next Page &rarr;</a>
			</div> <!-- #pagination -->
		
		</div> <!-- #left-column -->
		
		<!-- Sidebar -->
		<div id="right-column">
			<div class="sidebar-box" id="about-box">
				<img src="/15452_files/default_avatar_48.gif" alt="Untitled" id="avatar" />
				<p class="about-title"><span>About</span> Untitled</p>
				<div class="blog-description">
					Description
				</div> <!-- .blog-description -->
			</div> <!-- .sidebar-box -->
			
			<div class="sidebar-box">
				<ul id="sidebar-nav">
					<li><a href="#" title="/">Home</a></li>
					
					
					
					
					<li><a href="#" title="/archive">Archive</a></li>
					<li><a href="#" title="http://demo.tumblr.com/rss">RSS Feed</a></li>
				</ul>
			</div> <!-- .sidebar-box -->

			
			<div class="sidebar-box" id="likes">
				<h3>Posts I Like</h3>
				<ul id="likes">
<li class="like_post like_quote_post">
        
            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/236/it-does-not-matter-how-slow-you-go-so-long-as-you">Quote</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
    
            <div class="like_quote">
            <span class="like_left_quote">&#8220;</span><span class="like_quote">It does not matter how slow you go so long as you do not stop.</span><span class="like_right_quote">&#8221;</span>
        </div>

                    <div class="like_source">
                &mdash; Wisdom of <a href="#" title="http://en.wikipedia.org/wiki/Confucius">Confucius</a>
            </div>
                
        
            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/236/it-does-not-matter-how-slow-you-go-so-long-as-you">Quote</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
        
    </li>
<li class="like_post like_photo_post">
        
            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger">Photo</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
    
            
                    <a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger">
                    <img class="like_photo" alt=""
                        src="/15452_files/tumblr_kzjlfiTnfe1qz4rgho1_250.jpg"/>
        </a>
        <div class="like_below_photo"></div>

                    <div class="like_caption">
                <p>Passing through Times Square by <a href="#" title="http://www.mareenfischinger.com/">Mareen Fischinger</a></p>            </div>   
                
        
            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger">Photo</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
        
    </li>
<li class="like_post like_link_post">
        
            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/234/my-favorite-web-site">Link</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
    
            <div class="like_link">
            <a href="#" title="http://">My favorite web site</a>
        </div>

                    <div class="like_caption">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna...</p>            </div>
                
        
            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/234/my-favorite-web-site">Link</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
        
    </li>
<li class="like_post like_chat_post">
        
            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/233/jack-hey-you-know-what-sucks-lindsey">Chat</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
    
                                
        <div class="like_chat">
                                                <div class="like_line">
                        <strong>Jack:</strong>
                        Hey, you know what sucks?
                    </div>
                                                                                    <div class="like_line">
                        <strong>Lindsey:</strong>
                        vaccuums
                    </div>
                                                                                    <div class="like_line">
                        <strong>Jack:</strong>
                        Hey, you know what sucks in a metaphorical sense?
                    </div>
                                                                                    <div class="like_line">
                        <strong>Lindsey:</strong>
                        black holes
                    </div>
                                                                                    <div class="like_line">
                        <strong>Jack:</strong>
                        Hey, you know what just isn&#039;t cool?
                    </div>
                                                                                    <div class="like_line">... ...</div>
                            </div>
        
        
            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/233/jack-hey-you-know-what-sucks-lindsey">Chat</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
        
    </li>
<li class="like_post like_audio_post">
        
            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459260683/allison-weiss-fingers-crossed">Audio post</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
    
            <div class="like_audio">
                            <embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/audio_player_black.swf?audio_file=http://www.tumblr.com/audio_file/459260683/tumblr_ksc4i2SkVU1qz8ouq&color=FFFFFF" height="27" width="207" quality="best"></embed>                    </div>
        
                    <div style="margin-top:10px;" class="like_post_body">
                <p><strong><a href="#" title="http://allisonweiss.tumblr.com/">Allison Weiss</a> —</strong> Fingers Crossed</p>            </div>
                
            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459260683/allison-weiss-fingers-crossed">Audio post</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
        
    </li></ul>
			</div>
			

			
			
			<div class="sidebar-box last-sidebar"></div>
		</div> <!-- #right-column -->
		
		<div class="clear"></div>
	</div> <!-- #container -->
	
	<div id="footer">
		<div id="footer-inner">
			<p>Copyright &copy; 2007–2011 <a href="#" title="/">Untitled</a>. Powered by <a href="#" title="http://www.tumblr.com">Tumblr</a>.
			<a href="#" title="http://simplethingstheme.tumblr.com/">Simple Things</a> theme by <a href="#" title="http://www.dan-hauk.com">Dan Hauk</a>.</p>
		</div> <!-- #footer-inner -->
	</div> <!-- #footer -->
</div> <!-- #wrap -->

    

</body>
</html>