Theme American

<!--------------------------------------------------------------------
|        THEME FEITO POR SOUNDS-OF-WAR, BASE POR ASSOMBROSO          |
| (dtl adc fluorescents-adolescents - NÃO REMOVA OS CRÉDITOS NUNCA   |
|                    SE USAR AVISE NA ASK POR FAVOR.                 |
--------------------------------------------------------------------->

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<!---photos--->
<meta name="image:Background" content""/>
<meta name="image:Sidebar" content""/>
<meta name="image:Sidebar2" content""/>

<!---Links--->
<meta name="text:Link1" content="" />
<meta name="text:Link2" content="" />
<meta name="text:Link2 Title" content="" />
<meta name="text:Link3" content=""/>
<meta name="text:Link3 Title" content=""/>
<meta name="text:Link4" content=""/>
<meta name="text:Link4 Title" content=""/>
<meta name="text:Link5" content="" />
<meta name="text:Link5 Title" content="" />
<meta name="text:Link6" content="" />
<meta name="text:Link6 Title" content="" />

<!---colors--->
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Barrarolagem" content="#ffffff"/>
<meta name="color:Fundodosposts" content="#ffffff"/>
<meta name="color:Sidebar" content="#ffffff"/>
<meta name="color:Bordadaask" content="#ffffff"/>
<meta name="color:Fundodaask" content="#ffffff"/>

<link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Crafty+Girls' rel='stylesheet' type='text/css'>

<link rel=StyleSheet href="http://assombroso.tumblr.com/fade-in" type="text/css">
<script src="http://assombroso.tumblr.com/basealt"></script>

<link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>

<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
<script type="text/javascript" src="http://blogonthenet.xpg.com.br/ttricks/menuslide.js"></script>
<style type="text/css">
#menu {margin:0px; padding:0px; width:180px;}
.nome_menu {padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;color:black;}
.itens_menu {padding:10px; text-align:left; color: black; display:none;}
.itens_menu a {text-decoration: none; display:block; color: black;}
</style>
</head>
<style>
    body{background-color:{color:Background};background-image:url({image:Background});font-family:calibri,arial;font-size:11px;margin:0;background-position:bottom left;background-attachment:fixed;background-repeat:repeat;background-size:100%;color:#636363}
    a{color:#636363;text-decoration:none;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;}
    a:hover{opacity:.8}
    li,ol{list-style:none}
    blockquote{border-left: 3px solid black;color:gray;padding-left:4px;}
    .quotea{text-align:center;font-family:'Crafty Girls', cursive;margin-bottom:5px}
    .quotea:before { content: '\201C'; }
    .quotea:after { content: '\201D'; }
    #posts{background-color:{color:Fundodosposts};color:black;width:370px;position:relative;padding:0px;left:210px;margin-top:0;margin-left:100px;z-index:115;}
    .chat {line-height: 13px; list-style: none }
    .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:13px;}
.pessoa1,.pessoa2 {color:#000;padding:5px 0;border:1px solid #222;border-top:0;}
.pessoa1:first-child{border-top:1px solid #222}
.pessoa1 .label,.pessoa2 .label {font-weight: bold;color:#fff;background:#000;padding:5px;position:relative;}

     /*títulos*/
     h1,.h1{font-size:13px;font-family:'Crafty Girls', cursive;text-transform:uppercase;margin:0;text-align:center;display:block;font-weight:normal;}

     h3,.h3{font-size:17px;font-family:'Crafty Girls', cursive;text-transform:uppercase;margin:0;text-align:center;display:block;font-weight:normal;}
    .post{background:{color:Fundodosposts};padding:10px;width:400px;border:1px solid #eee;border-top:0;overflow:hidden;font-family:'Crafty Girls', cursive;font-size:18px;}
    .post img{max-width:400px}
    .post text{font-family:'Crafty Girls', cursive;font-size:16px;color:black;}
    .photo img{width:400px;}
    .playeraudio{background:#fff}
    .baixo{position:relative;text-align:left;font-family:calibri;font-size:11px;text-transform:uppercase;top:5px;}
    .baixo:hover{background:black;color:gray;position:relative;text-align:left;font-family:candara;font-size:11px;text-transform:uppercase;top:5px;border-radius:8px;-webkit-transition-duration:0.55s;}
    .baixo link{color:white;}
    .caption{position:relative}
    .source{text-align:right;display:none}
    .sourcequote{margin-bottom:5px;text-align:right}
    .ft{position:relative}
    .ft img{width:200px;height:290px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out}
    .ft img:hover{opacity:.7}
    .centra{width:733px;margin:auto;z-index:2}
    .links{position:relative;text-align:center;top:5px;margin-bottom:8px}
    .links a{text-transform:uppercase;font-family:acens;padding:3px}
    .links a:hover{opacity:.7;text-decoration:underline}

/*** Estilo de ask por fluorescents-adolescents ***/
.askimg {border: 3px solid {color:Bordadaask}; float: left;-webkit-transform: rotate(-8deg);-moz-transform: rotate(-8deg);-o-transform: rotate(-8deg);}
.askdreza1{background-color:#F2F2EB;width: auto;margin-left:43px; margin-top:-11px;padding:5px; padding-left:15px;}
.askdreza{background-color:{color:Fundodaask}; width: 300px; padding: 3px;color: #fff; margin-left: 43px; border-top-right-radius: 20px; text-align: center;border-bottom-right-radius: 20px; font-family: 'Homenaje', sans-serif; font-size: 12px; text-transform:uppercase; }
.askdreza a{color: #fff;}
/*fim do ask*/


    #sidebar{position:fixed;margin-left:120px;width:250px;height:130px;;background:{color:Sidebar};opacity:0.75;z-index:0;padding:4.5px;margin-top:220px;border:1px solid #eee;border-radius:30px;}

    #sidebar2{position:fixed;margin-left:730px;width:190px;height:130px;;background:{color:Sidebar};opacity:0.75;z-index:9;padding:4.5px;margin-top:220px;border:1px solid #eee;}

    #sidefoto {position:fixed;margin-left:5px;width:280px;height:140px;background:transparent;z-index:0;margin-top:0px;border:0px solid white;}
    #sidefoto img{position:fixed;margin-left:-9px;width:211px;height:138px;opacity:0.99;z-index:0;margin-top:-4px;border:0px solid white;border-radius:30px;}

    #sidefoto2{position:fixed;margin-left:-4px;width:190px;height:130px;background:transparent;opacity:0.85;z-index:100;margin-top:0px;float:right;}
     #sidefoto2 img{position:fixed;margin-left:-4px;width:202px;height:140px;opacity:0.85;z-index:100;margin-top:-5px;float:right;}

     #sidepag {position:fixed;margin-left:1050px;width:190px;;height:40px;background:transparent;opacity:0.99;z-index:9;padding:4.5px;margin-top:365px;z-index:110;text-align:left;}

     #sidesc{position:fixed;margin-left:8px;width:170px;height:15px;;background:transparent;color:transparent;z-index:9;padding:4.5px;margin-top:-4px;font-family:gisha;font-size:10px;z-index:2;-webkit-transition-duration:0.95s;border-radius:5px;}
   #sidesc:hover{position:fixed;margin-left:-5px;width:187px;height:131px;;background:white;color:black;z-index:9;padding:4.5px;margin-top:-5px;font-family:gisha;font-size:10px;text-align:left;z-index:2;-webkit-transition-duration:0.95s;border-radius:30px;}

     #lala {position:fixed;margin-left:20px;width:177px;height:15px;;background:white;color:black;z-index:0;padding:4.5px;margin-top:0px;font-family:'Crafty Girls', cursive;font-size:15px;text-align:center;border-radius:15px;}

     #sidemenu{position:fixed;margin-left:-8px;width:190px;height:120px;background:transparent;color:orange;z-index:130;padding:4.5px;margin-top:-5px;font-family:candara;font-size:12px;float:right;}

     #tit {position:fixed;margin-left:735px;width:200px;height:40px;background:transparent;color:white;z-index:130;padding:4.5px;margin-top:180px;font-family:'Crafty Girls', cursive;font-size:23px;float:left;text-align:left;}

      #redondo {position:fixed;margin-left:90px;width:23px;height:20px;;background:white;opacity:0.85;z-index:0;padding:4.5px;margin-top:245px;font-family:acens;font-size:10px;border-radius:3px;float:left;}

    #cred{position:fixed;top:0px;margin-left:-313px;background:#FFF;padding:4px 6px;text-transform:uppercase;border:1px solid #eee;border-bottom:0}

/*paginação*/
.page {background:transparent; color:white; margin:0px; padding:0px; margin-bottom:-0px; cursor:hand; text-align:center; letter-spacing:1px; font-family:'Tahoma'; font-size:35px; font-style:bold;}

.Menu2{WIDTH:65PX;LETTER-SPACING: 1PX;FONT-FAMILY:CANDARA; FONT-SIZE: 11PX;COLOR:gray; FLOAT: LEFT; PADDING: 2PX; TEXT-ALIGN: CENTER;  MARGIN: 1PX; BACKGROUND:white
; -WEBKIT-TRANSITION-DURATION: .90S; -WEBKIT-BORDER-TOP-RIGHT-RADIUS: 10PX;-WEBKIT-BORDER-BOTTOM-RIGHT-RADIUS: 10PX;-MOZ-BORDER-RADIUS-TOPRIGHT: 10PX;-MOZ-BORDER-RADIUS-BOTTOMRIGHT: 10PX;BORDER-TOP-RIGHT-RADIUS: 10PX;BORDER-BOTTOM-RIGHT-RADIUS: 10PX;}
.Menu2:HOVER {BACKGROUND: gray; COLOR: white; -WEBKIT-TRANSITION-DURATION: .90S; WIDTH:85PX; }

/*Barra de rolagem*/
::-webkit-scrollbar-thumb:vertical {background-color:{color:Barrarolagem}; ;height:5px;}
::-webkit-scrollbar-thumb:horizontal {background-color:{color:Barrarolagem};height:5px}
::-webkit-scrollbar {height:5px; width:5px; background-color:#F5F0F5;}

</style>
<body><div id="sidepag">
<div class="page">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div></div>
<div class="centra">

<div id="cred">
<a href="http://sounds-of-war.tumblr.com" title="theme por sounds-of-war">&copy; theme</a>&bull;<span id="clear"><a href="http://assombroso.tumblr.com" title="base por assombroso">base</a></span>&bull;<a href="http://c fluorescents-adolescents.tumblr.com" title="Dtl por  fluorescents-adolescents">Dtl</a>
</div>
<div id="redondo"><a href="{text:link1}"><img src="http://media.tumblr.com/tumblr_m9j3a3icgZ1r8w5aq.png" width="20" height="20"></a></div>

<div id="sidebar">
<div id="sidefoto">
<img src="{image:Sidebar}">
</div>

<div id="lala">
Description</div>
<div id="sidesc"><br><br>
<center>{description}</center>
</div>
</div>

<div id="tit">
{title}
</div>

<div id="sidebar2">
<div id="sidefoto2">
<img src="{image:Sidebar2}" height="160">
</div>

<div id="sidemenu">
<A HREF="{text:link2}" CLASS="Menu2" ONMOUSEOVER="THIS.INNERHTML='NOME'"ONMOUSEOUT="THIS.INNERHTML='01'">{text:Link2 Title}</A><br><br>
<A HREF="{text:link3}"CLASS="Menu2" ONMOUSEOVER="THIS.INNERHTML='NOME'"ONMOUSEOUT="THIS.INNERHTML='01'">{text:Link3 Title}</A><br><br>
<A HREF="{text:link4}" CLASS="Menu2" ONMOUSEOVER="THIS.INNERHTML='NOME'"ONMOUSEOUT="THIS.INNERHTML='01'">{text:Link4 Title}</A><br><br>
<A HREF="{text:link5}" CLASS="Menu2" ONMOUSEOVER="THIS.INNERHTML='NOME'"ONMOUSEOUT="THIS.INNERHTML='01'">{text:Link5 Title}</A><br><br>
<A HREF="{text:link6}" CLASS="Menu2" ONMOUSEOVER="THIS.INNERHTML='NOME'"ONMOUSEOUT="THIS.INNERHTML='01'">{text:Link6 Title}</A>
</div>
</div>

<ol id="posts">
{block:Posts}
<div class="entry">
{block:Text}
<li class="post text">
{block:Title}
{/block:Title}
{Body}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a> <b>-</b>
{block:RebloggedFrom} <b></b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>&bull;<a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Text}
{block:Photo}
<li class="post photo">
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a> <b>-</b>
{block:RebloggedFrom} <b></b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>&bull;<a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Photo}
{block:Photoset}
<li class="post photoset">
{Photoset-400}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a> <b>-</b>
{block:RebloggedFrom} <b></b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>&bull;<a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Photoset}
{block:Quote}
<li class="post quote">
<div class="quotea">{Quote}</div>
{block:Source}<div class="sourcequote"> — {Source}</div>{block:Source}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a> <b>-</b>
{block:RebloggedFrom} <b></b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>&bull;<a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Quote}
{block:Link}
<li class="post link">
<a href="{URL}" class="h3" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a> <b>-</b>
{block:RebloggedFrom} <b></b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>&bull;<a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Link}
{block:Chat}
<li class="post chat">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="pessoa{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a> <b>-</b>
{block:RebloggedFrom} <b></b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>&bull;<a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Chat}
{block:Video}
<li class="post video">
{Video-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a> <b>-</b>
{block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>&bull;<a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Video}
{block:Audio}
<li class="post audio">
<div class="playeraudio">{AudioPlayerWhite}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a> <b>-</b>
{block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>&bull;<a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Audio}
{block:Answer}
<li class="post answer">
<img src="{AskerPortraitURL-48}"class="askimg">
<div class="askdreza">&diams; Asked by {Asker} &diams;</div><p></p>
<div class="askdreza1">{Question}</div>
{Answer}
{block:Answer}
<div class="source">
{block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
</div></div>
{/block:Posts}
</ol></div>
</body>
</html>