<$ BlogPageTitle $> </ title>
<$ BlogMetaData $>
<style type="text/css">
/ *
-----------------------------------------------
Blogger Template Style
Name: Rounders
Date: February 27, 2004
----------------------------------------------- * /
body (
background: # aba;
margin: 0;
padding: 20px 10px;
text-align: center;
font: x-small/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: # 333;
font-size / * */:/**/ small;
font-size: / ** / small;
)
/ * Page Structure
----------------------------------------------- * /
/ * The images which help create rounded corners depend on the
following widths and measurements. If you want to change
these measurements, the images will also need to change.
* /
@ media all (
# content (
width: 740px;
margin: 0 auto;
text-align: left;
)
# main (
width: 485px;
float: left;
background: # fff url ( "http://www.blogblog.com/rounders/corners_main_bot.gif") no-repeat left bottom;
margin: 15px 0 0;
padding: 0 0 10px;
color: # 000;
font-size: 97%;
line-height: 1.5em;
)
# main2 (
float: left;
width: 100%;
background: url ( "http://www.blogblog.com/rounders/corners_main_top.gif") no-repeat left top;
padding: 10px 0 0;
)
# (main3
background: url ( "http://www.blogblog.com/rounders/rails_main.gif") repeat-y;
padding: 0;
)
# sidebar (
width: 240px;
float: right;
margin: 15px 0 0;
font-size: 97%;
line-height: 1.5em;
)
)
@ media handheld (
# content (
width: 90%;
)
# main (
width: 100%;
float: none;
background: # fff;
)
# main2 (
float: none;
background: none;
)
# (main3
background: none;
padding: 0;
)
# sidebar (
width: 100%;
float: none;
)
)
/ * Links
----------------------------------------------- * /
a: link (
color: # 258;
)
a: visited (
color: # 666;
)
a: hover (
color: # C63;
)
a img (
border-width: 0;
)
/ * Blog Header
----------------------------------------------- * /
@ media all (
# header (
background: # 456 url ( "http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat left top;
margin: 0 0 0;
padding: 8px 0 0;
color: # fff;
)
# header span (
background: url ( "http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat left bottom;
padding: 0 15px 8px;
)
)
@ media handheld (
# header (
background: # 456;
)
# header span (
background: none;
)
)
# blog-title (
margin: 0;
padding: 10px 30px 5px;
font-size: 200%;
line-height: 1.2em;
)
# blog-title a (
text-decoration: none;
color: # fff;
)
# description (
margin: 0;
padding: 5px 30px 10px;
font-size: 94%;
line-height: 1.5em;
)
/ * Posts
----------------------------------------------- * /
. date-header (
margin: 0 28px 0 43px;
font-size: 85%;
line-height: 2em;
text-transform: uppercase;
letter-spacing: .2 em;
color: # 357;
)
. post (
margin: .3 em 0 25px;
padding: 0 13px;
border: 1px dotted # bbb;
border-width: 1px 0;
)
. post-title (
margin: 0;
font-size: 135%;
line-height: 1.5em;
background: url ( "http://www.blogblog.com/rounders/icon_arrow.gif") no-repeat 10px .5 em;
display: block;
border: 1px dotted # bbb;
border-width: 0 1px 1px;
padding: 2px 14px 2px 29px;
color: # 333;
)
a.title-link,. post-title strong (
text-decoration: none;
display: block;
)
a.title-link: hover (
background-color: # ded;
color: # 000;
)
. post-body (
border: 1px dotted # bbb;
border-width: 0 1px 1px;
border-bottom-color: # fff;
padding: 10px 14px 1px 29px;
)
html> body. post-body (
border-bottom-width: 0;
)
. post p (
margin: 0 0 .75 em;
)
p.post-footer (
background: # ded;
margin: 0;
padding: 2px 14px 2px 29px;
border: 1px dotted # bbb;
border-width: 1px;
border-bottom: 1px solid # eee;
font-size: 100%;
line-height: 1.5em;
color: # 666;
text-align: right;
)
html> body p.post-footer (
border-bottom-color: transparent;
)
p.post-footer em (
display: block;
float: left;
text-align: left;
font-style: normal;
)
a.comment-link (
/ * IE5.0/Win does not apply padding to inline elements,
so we hide these two declarations from it * /
background / * */:/**/ url ( "http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;
padding-left: 14px;
)
html> body a.comment-link (
/ * Respecified, for IE5/Mac 's benefit * /
background: url ( "http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;
padding-left: 14px;
)
. post img (
margin: 0 0 5px 0;
padding: 4px;
border: 1px solid # ccc;
)
blockquote (
margin: .75 em 0;
border: 1px dotted # ccc;
border-width: 1px 0;
padding: 5px 15px;
color: # 666;
)
. post blockquote p (
margin: .5 em 0;
)
/ * Comments
----------------------------------------------- * /
# comments (
margin:-25px 13px 0;
border: 1px dotted # ccc;
border-width: 0 1px 1px;
padding: 20px 0 15px 0;
)
# comments h4 (
margin: 0 0 10px;
padding: 0 14px 2px 29px;
border-bottom: 1px dotted # ccc;
font-size: 120%;
line-height: 1.4em;
color: # 333;
)
# comments-block (
margin: 0 15px 0 9px;
)
. comment-data (
background: url ( "http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 2px .3 em;
margin: .5 em 0;
padding: 0 0 0 20px;
color: # 666;
)
. comment-poster (
font-weight: bold;
)
. comment-body (
margin: 0 0 1.25em;
padding: 0 0 0 20px;
)
. comment-body p (
margin: 0 0 .5 em;
)
. comment-timestamp (
margin: 0 0 .5 em;
padding: 0 0 .75 em 20px;
color: # 666;
)
. comment-timestamp a: link (
color: # 666;
)
. deleted-comment (
font-style: italic;
color: gray;
)
. paging-control-container (
float: right;
margin: 0px 6px 0px 0px;
font-size: 80%;
)
. unneeded-paging-control (
visibility: hidden;
)
/ * Profile
----------------------------------------------- * /
@ media all (
# profile-container (
background: # cdc url ( "http://www.blogblog.com/rounders/corners_prof_bot.gif") no-repeat left bottom;
margin: 0 0 15px;
padding: 0 0 10px;
color: # 345;
)
# profile-container h2 (
background: url ( "http://www.blogblog.com/rounders/corners_prof_top.gif") no-repeat left top;
padding: 10px 15px .2 em;
margin: 0;
border-width: 0;
font-size: 115%;
line-height: 1.5em;
color: # 234;
)
)
@ media handheld (
# profile-container (
background: # cdc;
)
# profile-container h2 (
background: none;
)
)
. profile-datablock (
margin: 0 15px .5 em;
border-top: 1px dotted # aba;
padding-top: 8px;
)
. profile-img (display: inline;)
. profile-img img (
float: left;
margin: 0 10px 5px 0;
border: 4px solid # fff;
)
. profile-data strong (
display: block;
)
# profile-container p (
margin: 0 15px .5 em;
)
# profile-container. profile-textblock (
clear: left;
)
# profile-container a (
color: # 258;
)
. profile-link a (
background: url ( "http://www.blogblog.com/rounders/icon_profile.gif") no-repeat 0 .1 em;
padding-left: 15px;
font-weight: bold;
)
ul.profile-datablock (
list-style-type: none;
)
/ * Sidebar Boxes
----------------------------------------------- * /
@ media all (
. box (
background: # fff url ( "http://www.blogblog.com/rounders/corners_side_top.gif") no-repeat left top;
margin: 0 0 15px;
padding: 10px 0 0;
color: # 666;
)
. box2 (
background: url ( "http://www.blogblog.com/rounders/corners_side_bot.gif") no-repeat left bottom;
padding: 0 13px 8px;
)
)
@ media handheld (
. box (
background: # fff;
)
. box2 (
background: none;
)
)
. sidebar-title (
margin: 0;
padding: 0 0 .2 em;
border-bottom: 1px dotted # 9b9;
font-size: 115%;
line-height: 1.5em;
color: # 333;
)
. box ul (
margin: .5 em 0 1.25em;
padding: 0 0px;
list-style: none;
)
. box ul li (
background: url ( "http://www.blogblog.com/rounders/icon_arrow_sm.gif") no-repeat 2px .25 em;
margin: 0;
padding: 0 0 3px 16px;
margin-bottom: 3px;
border-bottom: 1px dotted # eee;
line-height: 1.4em;
)
. box p (
margin: 0 0 .6 em;
)
/ * Footer
----------------------------------------------- * /
# footer (
clear: both;
margin: 0;
padding: 15px 0 0;
)
@ media all (
div # footer (
background: # 456 url ( "http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat left top;
padding: 8px 0 0;
color: # fff;
)
div # footer div (
background: url ( "http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat left bottom;
padding: 0 15px 8px;
)
)
@ media handheld (
div # footer (
background: # 456;
)
div # footer div (
background: none;
)
)
# footer hr (display: none;)
# footer p (margin: 0;)
# footer a (color: # fff;)
/ * Feeds
----------------------------------------------- * /
# (blogfeeds
)
# (postfeeds
padding: 0 15px 0;
)
</ style>
</ head>
<link rel="me" href="https://www.blogger.com/profile/17140328578418795657" />
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>
<!-- --><style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css);
div.b-mobile {display:none;}
</style>
</head><body><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar/8493198903584616922?origin\x3dhttp://thethethea.blogspot.com',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script>
<- Begin # content - Centers all content and provides edges for floated columns ->
<div id="content">
<- Blog Header ->
<div id="header"> <div>
<h1 id="blog-title">
<ItemPage> <A href = "<$ blogurl $>"></ ItemPage>
<$ Blogtitle $>
<ItemPage> </ A> </ ItemPage>
</ h1>
<p id="description"> <$ BlogDescription $> </ p>
</ div> </ div>
<- Begin # main - Contains main-column blog content ->
<div id="main"> <div id="main2"> <div id="main3">
<Blogger>
<BlogDateHeader>
<h2 class="date-header"> <$ BlogDateHeaderDate $> </ h2>
</ BlogDateHeader>
<- Begin. Post ->
<div class="post"> <a name = "<$ BlogItemNumber $>"></ a>
<BlogItemTitle>
<BlogItemUrl> <A href = "<$ BlogItemUrl $>" title = "external link" class = "title-link"> </ BlogItemUrl>
<h3 class="post-title">
<$ BlogItemTitle $>
</ h3>
<BlogItemUrl> </ A> </ BlogItemUrl>
</ BlogItemTitle>
<div class="post-body">
<p>
<$ BlogItemBody $>
</ p>
</ div>
<p class="post-footer">
<em> <$ I18NPostedByAuthorNickname $> @ <a href = "<$ BlogItemPermalinkUrl $>" title = "permanent link"> <$ BlogItemDateTime $> </ a> </ em>
<BlogItemCommentsEnabled>
<a class = "comment-link" href = "<$ BlogItemCommentCreate $>"<$ BlogItemCommentFormOnclick $>> <span style="text-transform:lowercase"> <$ I18NNumComments $> </ span> </ a>
</ BlogItemCommentsEnabled> <BlogItemBacklinksEnabled>
<a class = "comment-link" href = "<$ BlogItemPermalinkUrl $> # links"> <span style="text-transform:lowercase"> <$ I18NLinksToThisPost $> </ span> </ a>
</ BlogItemBacklinksEnabled>
<$ BlogItemControl $>
</ p>
</ div>
<- End. Post ->
<- Begin # comments ->
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled> <a Name="comments"> </ a>
<h4> <$ I18NNumComments $>:</ h4>
<dl id="comments-block">
<$ CommentPager $>
<BlogItemComments>
<dt class = "comment-data" id = "<$ BlogCommentAnchorName $>">< a name =" <$ BlogCommentAnchorName $>"></ a>
<$ I18NAtCommentTimeWithPermalink $>,
<$ I18NCommentAuthorSaid $>
</ dt>
<dd class="comment-body">
<p> <$ BlogCommentBody $> </ p>
<$ BlogCommentDeleteIcon $>
</ dd>
</ BlogItemComments>
<$ CommentPager $>
</ dl>
<p class="comment-timestamp">
<$ BlogItemCreate $>
</ p>
<p id="postfeeds"> <$ BlogItemFeedLinks $> </ p>
</ BlogItemCommentsEnabled>
<BlogItemBacklinksEnabled>
<a name="links"> </ a> <h4> <$ I18NLinksToThisPost $>:</ h4>
<dl id="comments-block">
<BlogItemBacklinks>
<dt class="comment-title">
<$ BlogBacklinkControl $>
<a href = "<$ BlogBacklinkURL $>" rel = "nofollow"> <$ BlogBacklinkTitle $> </ a> <BlogBacklinkDeleteIcon $ $>
</ dt>
<dd class="comment-body"> <$ BlogBacklinkSnippet $>
<br />
<span class="comment-poster">
<em> <$ I18NPostedByBacklinkAuthor $> @ <$ BlogBacklinkDateTime $> </ em>
</ span>
</ dd>
</ BlogItemBacklinks>
</ dl>
<p class="comment-timestamp"> <$ BlogItemBacklinkCreate $> </ p>
</ BlogItemBacklinksEnabled>
<p style="padding-left:20px;">
<a href = "<$ blogurl $>"><< <$ I18NHome $> </ a>
</ p>
</ div>
</ ItemPage>
<- End # comments ->
</ Blogger>
</ div> </ div> </ div>
<- End # main ->
<- Begin # sidebar ->
<div id="sidebar">
<- Begin # profile-container ->
<$ BlogMemberProfile $>
<- End # profile ->
<- Begin. Box ->
<div class="box"> <div class="box2"> <div class="box3">
<MainOrArchivePage>
<h2 class="sidebar-title"> <$ I18NLinks $> </ h2>
<ul>
<li> <a href="http://news.google.com/"> Google News </ a> </ li>
<li> <a href="http://help.blogger.com/bin/answer.py?answer=41427"> Edit-Me </ a> </ li>
<li> <a href="http://help.blogger.com/bin/answer.py?answer=41427"> Edit-Me / a> </ li>
</ ul>
</ MainOrArchivePage>
<h2 class="sidebar-title"> <$ I18NPreviousPosts $> </ h2>
<ul id="recently">
<BloggerPreviousItems>
<li> <a href = "<$ BlogItemPermalinkUrl $>"><$ BlogPreviousItemTitle $> </ a> </ li>
</ BloggerPreviousItems>
</ ul>
<MainOrArchivePage>
<h2 class="sidebar-title"> <$ I18NArchives $> </ h2>
<ul class="archive-list">
<BloggerArchives>
<li> <a href = "<$ BlogArchiveURL $>"><$ BlogArchiveName $> </ a> </ li>
</ BloggerArchives>
<ArchivePage> <li> <A href = "<$ blogurl $>"><$ I18NCurrentPosts $> </ a> </ li> </ ArchivePage>
</ ul>
</ MainOrArchivePage>
<p id="powered-by"> <a href="http://www.blogger.com"> <img src = "http://buttons.blogger.com/bloggerbutton1.gif" alt = "Powered by Blogger "/> </ a> </ p>
<p id="blogfeeds"> <$ BlogFeedsVertical $> </ p>
<--
<p> This is a paragraph of text that could go in the sidebar. </ p>
->
</ div> </ div> </ div>
<- End. Box ->
</ div>
<- End # sidebar ->
<- Begin # footer ->
<div id="footer"> <div> <div> <hr />
<p> <- This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -> </ p>
</ div> </ div> </ div>
<- End # footer ->
</ div>
<- End # content ->
</ body>
</ html></body></html>