<!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 name="color:Background" content="#252C3A"/>
<meta name="color:Content Background" content="#fff"/>
<meta name="color:Title" content="#555555"/>
<meta name="color:Description" content="#777"/>
<meta name="color:Nav Links" content="#44A3E2"/>
<meta name="color:Date" content="#B3B3B3"/>
<meta name="color:Post Title" content="#444"/>
<meta name="color:Text" content="#555"/>
<meta name="color:Inline Link" content="#111"/>
<meta name="color:Quote" content="#444"/>
<meta name="color:Quote Source" content="#666"/>
<meta name="color:Link Post" content="#666"/>
<meta name="color:Conversation Background 1" content="#f4f4f4"/>
<meta name="color:Conversation Background 2" content="#e8e8e8"/>
<meta name="color:Conversation Border" content="#555"/>
<meta name="color:Conversation Text" content="#000"/>
<meta name="color:Caption" content="#888"/>
<meta name="color:Content Decoration" content="#aaa"/>
<meta name="color:Footer" content="#eee"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
<link rel="icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<meta name="viewport" content="width=775"/> <!-- iPhone -->
<style type="text/css">
<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">
var pageTracker = _gat._getTracker("UA-3970717-7");
pageTracker._trackPageview();
</script>
html,body{
margin:0px;
padding:0px;
min-height:100%;
}
body{
background-image:url('http://img515.imageshack.us/img515/5152/sheetce9.png');
background-position:center top;
background-repeat:no-repeat;
margin: 0px;
background-color: {color:Content Background};
font-family: 'Lucida Grande', Helvetica, sans-serif;
}
* html body{
height:100%;
}
#content {
width: 600px;
margin: auto;
padding: 15px;
position: relative;
}
a {
color: {color:Inline Link};
}
h1 {
padding: 30px 0px 50px 0px;
margin: 0px;
text-align: center;
font: Bold 40px 'Andale Mono, monospace', Andale Mono, monospace;
letter-spacing: 5px;
line-height: 50px;
}
h1 a {
color: {color:Title};
text-decoration: none;
}
.post {
position: relative;
margin-bottom: 40px;
}
.date {
margin: 30px 20px 10px 20px;
color: {color:Date};
font-size: 24px;
text-align: right;
letter-spacing: -1px;
text-transform: uppercase;
border-bottom: solid 1px {color:Date};
}
div.post {
margin: 30px 25px 10px 25px;
position: relative;
}
div.post img.permalink {
border-width: 0px;
width: 23px;
height: 9px;
position: absolute;
top: 5px;
right: 5px;
display: none;
}
div.post:hover img.permalink {
display: block;
}
div.post h2 {
font-size: 14px;
color: {color:Post Title};
margin: 0px 0px 5px 0px;
}
div.post h2 a {
color: {color:Post Title};
text-decoration: none;
}
a {
color: {color:Inline Link};
}
/* Regular Post */
.post .regular {
font-size: 12px;
color: {color:Text};
line-height: 17px;
text-align: justify;
}
.post .regular blockquote {
font-style: italic;
}
/* Photo Post */
div.post div.photo img {
border-width: 0px;
}
div.post div.photo div.caption {
font-size: 11px;
text-align: justify;
margin-top: 5px;
color: {color:Caption};
}
div.post div.photo div.caption a {
color: {color:Caption};
}
/* Quote Post */
div.post div.quote {
padding: 0px 30px 0px 30px;
}
div.post div.quote span.quote {
font-size: 24px;
color: {color:Quote};
}
div.post div.quote span.quote a {
color: {color:Quote};
}
div.post div.quote span.quote big.quote {
font: Bold 60px Georgia, serif;
line-height: 1px;
vertical-align: -23px;
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
}
div.post div.quote span.quote big.quote a {
text-decoration: none;
}
div.post div.quote div.source {
font-size: 16px;
color: {color:Quote Source};
}
div.post div.quote div.source a {
color: {color:Quote Source};
}
/* Link Post */
div.post div.link {
color: #666;
font-size: 24px;
letter-spacing: -1px;
}
div.post div.link a.link {
color: #666;
text-decoration: none;
border-bottom: dotted 1px #666;
}
div.post div.link div.description {
font-size: 11px;
letter-spacing: 0px;
line-height: 17px;
text-align: justify;
}
.post .link span.description blockquote {
font-style: italic;
}
/* Conversation Post */
div.post div.conversation ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 1px;
border-left: solid 5px {color:Conversation Border};
}
div.post div.conversation ul li {
font-size: 12px;
padding: 4px 0px 4px 8px;
color: {color:Conversation Text};
margin-bottom: 1px;
}
div.post div.conversation ul li span.label {
font-weight: bold;
}
div.post div.conversation ul li.odd {
background-color: {color:Conversation Background 1};
}
div.post div.conversation ul li.even {
background-color: {color:Conversation Background 2};
}
/* Audio Post */
div.post div.audio div.caption {
margin-top: 5px;
color: {color:Caption};
font-size: 11px;
text-align: justify;
}
div.post div.audio div.caption a {
color: {color:Nav Links};
}
/* Video Post */
div.post div.video div.caption {
margin-top: 5px;
color: {color:Caption};
font-size: 11px;
text-align: justify;
}
div.post div.video div.caption a {
color: {color:Caption};
}
div.post p.reblogged {
font-size:10px;
color:#888888;
padding:5px 0;
}
div.post p.reblogged a {
text-decoration:none;
background-repeat:no-repeat;
background-position:center left;
padding:2px 0 2px 18px;
}
.about {
width:200px;
padding-right:14px;
margin: 30px 20px 10px 20px;
border-right:1px solid #ccc;
text-align:justify;
float:left;
}
.about .description {
position: relative;
}
.about .description div {
position: absolute;
left: 450px;
font: Normal 10px Helvetica,sans-serif;
line-height: 20px;
width: 150px;
color: {color:Description};
}
.about .description div a {
color: {color:Description};
}
.about .description #nav_container {
font-size: 11px;
font-weight: bold;
}
.about .description #nav_container .dim {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.twitter {
width:160px;
padding-left:10px;
float:left;
font: Normal 11px 'Lucida Grande', Verdana, Arial, sans-serif;
text-align:justify;
}
#twitter_div ul,
#other ul {
list-style: none;
margin: 0 0 3em;
padding: 0;
}
#twitter_update_list a {
display: block;
}
.clear {
clear:both;
}
.aligncenter {
text-align:center;
}
/* Footer */
#footer {
margin: 40px 0px 30px 0px;
text-align: center;
font-size: 12px;
}
#footer a {
text-decoration: none;
color: {color:Text};
}
#footer a:hover {
text-decoration: underline;
}
{CustomCSS}
</style>
<!--[if lt IE 7]>
<style type="text/css">
.post div.labels {
right: 450px;
}
</style>
<![endif]-->
</head>
<body>
<div id="content">
<h1><a href="/">{Title}</a></h1>
{block:Posts}
{block:NewDayDate}
<div class="date">
{ShortMonth} {DayOfMonthWithZero}
</div>
{/block:NewDayDate}
<div class="post">
<a href="{Permalink}"><img src="/themes/4/link.gif"
class="permalink" alt="Permalink"/></a>
{block:Regular}
<div class="regular">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{Body}
</div>
{/block:Regular}
{block:Photo}
<div class="photo">
{LinkOpenTag}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>{LinkCloseTag}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Photo}
{block:Quote}
<div class="quote">
<span class="quote">
{Quote}
</span>
{block:Source}<div class="source">— {Source}</div>{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div class="link">
» <a href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</div>
{/block:Link}
{block:Conversation}
<div class="conversation">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Conversation}
{block:Audio}
<div class="audio">
{AudioPlayerGrey}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Audio}
{block:Video}
<div class="video">
{Video-400}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Video}
{block:RebloggedFrom}<p class="reblogged">Via, <a href="{ReblogParentURL}" style="background-image: url({ReblogParentPortraitURL-16});">{ReblogParentName}</a></p>{/block:RebloggedFrom}
</div>
{/block:Posts}
<div id="footer">
{block:PreviousPage}
<a href="{PreviousPage}">« Previous</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">Next »</a>
{/block:NextPage}
<div class="date"></div>
<div class="about">
<div id="about-description">
<h4>About</h4>
<div>
{Description}
</div>
</div>
</div>
<div class="twitter">
<h4><a href="http://twitter.com/BarackObama">Twitter</a></h4>
<!--
To enable the twitter badge, uncomment the following div,
and change <username>s to your twitter username
-->
<div id="twitter_div">
<ul id="twitter_update_list"></ul></div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/<username>.json?callback=twitterCallback2&count=1"></script>
</div>
</div>
<div class="clear"></div>
<div class="date"></div>
<center><a href="/rss">RSS</a> / <a href="/archive">Archive</a> / <a href="http://omaribarra.com">Designed by Omar Ibarra</a> / <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">Creative Commons</a></center>
</div>
</div>
</div>
</body>
This page has been viewed 6398 times