theme 4 owners

<html>
<head>

<!--- owners theme by oficinadehtml | @stilesflop --->

<title>owners</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

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

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

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:0,

tip_fade_speed:0,

attribute:"title"

});

});

})(jQuery);

</script>
</head>

<style type="text/css">

body{font-family:'arvil'; font-size: 11px;color: #696969;background: url('');background-color:#fff;background-attachment:fixed;line-height: 13px;text-align:justify;}

#content{margin: auto;margin-bottom: 15px;z-index:4;width:560px;margin-top:20px;text-align:justify;}

b, strong { color: #CEB7C4;}
u, underline {color:#D2D2D2;  border-bottom: 1px dashed #E0D0D9; text-decoration: none;}
i { color: #E5E5E5;}
s, strike { color: #D7EEEE;}
a {color:#b5b5b5; text-decoration:none;}
a:hover{color:#b5b5b5;text-decoration:none;}

.caixa{padding: 10px;margin-top: 20px;text-align:justify; border:0px double #fff; text-decoration:uppercase; border-top:0px solid #eee;}

.banner {;width:560px; height:45px; text-align:center; margin-top:100px; font-size:12px; font-family:arial; letter-spacing:2px; font-size:9px;}

.icons{border: 1px solid #b5b5b5; margin: 1px; width: 100px; height:100px; opacity: 0.9; -webkit-transition: all 1s ease; background:#fff; padding:5px; filter:gray; -webkit-filter: grayscale(0%);}
.icons:hover{ opacity:0.4; filter:gray; -webkit-filter: grayscale(0%);}

letra{font-family: 'Cookie', cursive; font-size:75px;}

#s-m-t-tooltip {
    max-width:150px;
    padding:5px 10px 5px 10px;
    margin:20px 14px 7px 10px;
    border:1px solid #fff; /* change the border color */
    background-color:#fff; /* change the background color */
    font-family:Calibri; /* change the font */
    font-style: normal;
    font-size:10px; /* change the font size */
    line-height:11px;
    letter-spacing:1px; /* change the letter spacing */
    text-transform:uppercase; /* can be uppercase, lowercase, none*/
    color:#999; /* change the text color */
    z-index:999;
}

.line1 {border-bottom:0px solid #eee; margin-left:120px; font-family:arial; font-size:9px; display : block; border-left:7px solid #8DB6CD; margin-bottom:5px; padding-left:5px; letter-spacing:2px;}

.line2 {border-bottom:0px solid #eee; margin-left:120px; font-family:arial; font-size:9px; display : block; border-left:7px solid #87CEFA; margin-bottom:5px; padding-left:5px; letter-spacing:2px;}

.line3 {border-bottom:0px solid #eee; margin-left:120px; font-family:arial; font-size:9px; display : block; border-left:7px solid #00CDCD; margin-bottom:5px; padding-left:5px; letter-spacing:2px;}

.line4 {border-bottom:0px solid #eee; margin-left:120px; font-family:arial; font-size:9px; display : block; border-left:7px solid #00BFFF; margin-bottom:5px; padding-left:5px; letter-spacing:2px;}

.line5 {margin-left:120px; font-family:arial; font-size:9px; display : block; border-right:7px solid #AEEEEE; margin-top:8px; padding-right:5px; letter-spacing:2px;}


.icones {width:5px;}

    .menul { float:left; width:49%; text-align:justify; }
    .menur { float:right; width:49%; text-align:justify; }
    .tempo { padding:1px; margin:1px; clear:both; }

</head>
</style>

<body>

<div style="position: fixed; bottom: 10px; right: 10px; border: thin solid #aaa; padding:3px;"><a href="http://oficinadehtml.tumblr.com/" title="theme by @stilesflop">©</a></div>

<div id="pagina"><center><div id="content">
<div class="banner">


<letra>owners</letra><br><br>

<a href="/">get back</a> // <a href="/ask">message</a> // <a href="http://www.tumblr.com/dashboard">dashborad</a>

</div><br>

<div class="caixa">

<div class="menul">


<!--- OWNER 1 - LEFT --->

<img src="https://31.media.tumblr.com/e052b5357e41e713eb948fc19eb408c2/tumblr_inline_mz35miJp9K1rlxi6w.jpg" class="icons" align="left">
<div class="line1">name: your name </div>
<div class="line2">position: co-owner</div>
<div class="line3">tag: #yourtag </div>
<div class="line4">twitter: @username </div>
<div class="line5">"something about you goes here ♥ but put only 3 lines sweetie"</div><br><br>

<!--- OWNER 1 - LEFT --->


<!--- OWNER 2 - LEFT --->

<img src="https://31.media.tumblr.com/44d486ae5a442fa64ee0c9f0a6ddd694/tumblr_inline_mz35m9a7rF1rlxi6w.jpg" class="icons" align="left">
<div class="line1">name:  </div>
<div class="line2">position: </div>
<div class="line3">tag: # </div>
<div class="line4">twitter: @ </div>
<div class="line5">"something about you goes here ♥ but put only 3 lines sweetie"</div><br><br>

<!--- OWNER 2 - LEFT --->


</div>


<div class="menur">

<!--- OWNER 1 - RIGHT --->

<img src="https://31.media.tumblr.com/e5d3e871b82799b66ace8d78ac18fdb6/tumblr_inline_mz35l7IAKr1rlxi6w.jpg" class="icons" align="left">
<div class="line1">name:  </div>
<div class="line2">position: </div>
<div class="line3">tag: # </div>
<div class="line4">twitter: @ </div>
<div class="line5">"something about you goes here ♥ but put only 3 lines sweetie"</div><br><br>

<!--- OWNER 1 - RIGHT --->


<!--- OWNER 2 - RIGHT --->

<img src="https://31.media.tumblr.com/dab057c25ff7c7ea493b40213d99d3b0/tumblr_inline_mz35mljcaN1rlxi6w.jpg" class="icons" align="left">
<div class="line1">name:  </div>
<div class="line2">position: </div>
<div class="line3">tag: # </div>
<div class="line4">twitter: @ </div>
<div class="line5">"something about you goes here ♥ but put only 3 lines sweetie"</div><br><br>

<!--- OWNER 2 - RIGHT --->


</div>
<div class="tempo">  </div>
</div>
</div>

</center></div>
</div></body></html>