Theme 15 by blowsjob

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- theme by blowsjob; follow all rules -->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


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


    <meta name="color:text background" content="#000">
    <meta name="color:text" content="#FFF">
    <meta name="color:text shadow" content="#00FFF7">

    <meta name="image:picture" content=""/>
    <meta name="text:new url" content=""/>
    <meta name="text:new url link" content="http://">


    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />

    <style type="text/css">


    a {
    color:#fff;
    text-decoration:none;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    a:hover {
    color:#fff;
    font-style:italic;
    text-shadow:-2px -2px {color:text shadow};
    text-decoration:none;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }


body {
background-color:{color:bg};
font-family:Calibri;
font-weight:normal;
}


h1 {
font-weight:normal;
font-size:10px;
text-align:center;
font-style:normal;
line-height:80%;
letter-spacing:1px;
text-transform:uppercase;
color:{color:text};
}

h2 {
font-size:15px;
text-align:center;
line-height:100%;
letter-spacing:-0.5px;
color:{color:text};
font-weight:normal;
padding:5px;
padding-bottom:2px;
}


blockquote {
border-left:2px solid {color:text};
padding-left:5px;
margin:5px;
}

    #theme {
    background-color:{color:bg};
    width:700px;
    margin: 0 auto -12px auto;
    text-align: center;
    }

    #pic img {
    width:500px;
    height:280px;
    margin-top:170px;
    margin-left:-270px;
    position:fixed;
    }

    #title1 {
    width:483px;
    color:{color:text};
    background:{color:text background};
    margin-top:80px;
    margin-left:80px;
    text-align:left;
    opacity:10;
    position:fixed;
    font-family:'Pacifico', cursive;
    font-size:50px;
    padding:2px;
    padding-left:15px;
    }

    #title2 {
     width:483px;
    color:{color:text};
    background:{color:text background};
    margin-top:80px;
    margin-left:80px;
    text-align:right;
    opacity:0;
    position:fixed;
    font-family:'Pacifico', cursive;
    font-size:50px;
    padding:2px;
    padding-right:15px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    #theme:hover #title2 {
    opacity:1;
    margin-top:450px;
    transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);
-moz-transform: rotateX(360deg);
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;
    }

   #cred {
    position:fixed;
    font-size:10px;
    font-weight:normal;
    font-family:'Pacifico', cursive;
    line-height:150%;
    letter-spacing:2px;
    right:10px;
    bottom:10px;
    text-transform:auto;
    text-align:center;
    }

    #cred a {
    padding:3px;
    color:#000;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    {CustomCSS}

    </style></head>

<body>
<div id="theme">
<div id="pic"><img src="{image:picture}"></a>
<div id="title1">i've moved;</div>
<div id="title2"><a href="{text:new url link}">now at {text:new url}</a></div>
</div>
<div id="cred"><a href="http://blowsjob.tumblr.com/">BJs</a></div>

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