<html>
<head>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<base target='_blank'/>

<!------------------------------------------------
Blogger Classic Template
Name: Blogskin Gallery ♥
Skin by: kawaiilady.blogspot.com
*Don't remove this*
*Don't remove credit section*
*Don't use this skin as basecode*
------------------------------------------------!>

<script language="JavaScript">
/*
script edited by David Gardner (toolmandav@geocities.com)
Permission granted to Dynamicdrive.com to feature the script
For more DHTML scripts, visit Dynamicdrive.com
*/

//put your text here
var theText = "Blogskin Gallery ♥";

function nextSize(i,incMethod,textLength)
{
if (incMethod == 1) return (52*Math.abs( Math.sin(i/(textLength/3.14))) );
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
}

function sizeCycle(text,method,dis)
{
 output = "";
 for (i = 0; i < text.length; i++)
 {
  size = parseInt(nextSize(i +dis,method,text.length));
  output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
 }
 theDiv.innerHTML = output;
}

function doWave(n)
{
 sizeCycle(theText,1,n);
 if (n > theText.length) {n=0}
 setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>

<title>//Blogskin</title><link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m7eta8Mozk1qb1380.gif">
<style type="text/css">
#navbar-iframe {display: none;
}
</style>
<style>
body {
background-image:url(http://4.bp.blogspot.com/-uanSa7M0KC0/VOmIoeRYdjI/AAAAAAAACRE/P2uR3nKxKnQ/s1600/polkadpur.gif);
background-attachment:fixed;
font:12px century gothic;
color:#A99884;
}
body, a, a:hover {
cursor: url(http://media.tumblr.com/tumblr_m2wivnHUdG1qfamg6.gif), auto;
}
::-moz-selection {
background:#F4E0C9;
color:#ffffff;
}
::selection {
background:#F4E0C9;
color:#ffffff;
}

a:link, a:visited {
text-decoration:none;
color:#444444;
}
a:hover{
text-decoration:none;
}
::-webkit-scrollbar {
width: 11px;
height: auto;
}
::-webkit-scrollbar-track-piece {
background:#F4E0C9;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:#A99884;
}
.main {
background-color:white;
background-image:url(http://24.media.tumblr.com/tumblr_lq9n070Lqb1qjex46o7_250.jpg);
border-radius:20px;
box-shadow:0px -2px 3px #CCCCCC,0px 3px 3px #CCCCCC;
border:5px solid #FFFFFF;
padding:5px;align:center;
width:800px;margin-bottom:25px;
text-align:justify;
}
.domain {
background-color:white;
background-image:url(http://1.bp.blogspot.com/-KbMVQme5MiQ/VOmIl1fqptI/AAAAAAAACQg/P4aYLtHg5LU/s1600/polkadotbrown.gif);
border-radius:20px; margin-bottom:20px;
box-shadow:0px -2px 3px #CCCCCC,0px 3px 3px #CCCCCC;
border:5px solid #FFFFFF;
padding:5px;align:center;
width:800px;
text-align:justify;
}
.gal {
   width:340px;height:230px;
   margin: 10px;
   display:inline-block;
   background:#F8E8D1;
   border:5px solid #F0DDC5;
   overflow: hidden;
   position: relative;
   text-align: center;
}
.gal .mask,.gal .content {
   width: 340px;
   height: 230px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.gal img {
   width:350px;height:230px;
   display: block;
   position: relative;
}
.gal h2 {
   text-transform: uppercase;
   color: #111111;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px; box-shadow:0px 2px 2px 2px #F3CEFF;
   background:url(http://24.media.tumblr.com/tumblr_lq9n9b4Ded1qjex46o3_250.gif);
   margin: 20px 0 0 0;
}
.gal p {
   background:#DFCCB0;
   font-style: italic;
   font-size: 13px;
   position: relative;
   color: #FFFFFF;
   padding: 10px 20px 20px;
   text-align: center;
}
.gal a.info {
   width:130px;
   display: inline-block;
   text-decoration: none;
   padding: 6px 4px;
   background: #C9AA82;
   color: #fff; margin:3px;
   font-size:15px;
   text-transform: uppercase;
   border-bottom:5px solid #B59366;
   -webkit-transition: all 1s ease-in-out;
   -moz-transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
   -ms-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;
}
.gal a.info:hover {
   box-shadow:inset 0px 27px 0px #E6D6BD;
}
.gal-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.gal-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: #EBCAFF;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.gal-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.gal-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.gal-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.gal-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.gal-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.gal-first:hover h2,
.gal-first:hover p,
.gal-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.gal-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.gal-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.footer {
background-color:white;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
border:5px solid #FFFFFF;
text-align:center;
padding:5px;
width:95%; margin-bottom:5px;
}
</style>
<td valign="top" width:950px;">
<center>
<div class="main">
<blogger>
<body onload="doWave(0)"><div ID="theDiv" align="center">
</div></center></body>
<center>
<div class="domain">
<center>
<div class="gal gal-first">
                    <img src="IMAGEURL" />
                    <div class="mask">
                        <h2>TITLE</h2>
                        <p>DESCRIPTION</p>
                        <a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
                    </div>
                </div>
<div class="gal gal-first">
                    <img src="IMAGEURL" />
                    <div class="mask">
                        <h2>TITLE</h2>
                        <p>DESCRIPTION</p>
                        <a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
                    </div>
                </div>
<br />
<div class="gal gal-first">
                    <img src="IMAGEURL" />
                    <div class="mask">
                        <h2>TITLE</h2>
                        <p>DESCRIPTION</p>
                        <a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
                    </div>
                </div>
<div class="gal gal-first">
                    <img src="IMAGEURL" />
                    <div class="mask">
                        <h2>TITLE</h2>
                        <p>DESCRIPTION</p>
                        <a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
                    </div>
                </div>
<br />
<div class="gal gal-first">
                    <img src="IMAGEURL" />
                    <div class="mask">
                        <h2>TITLE</h2>
                        <p>DESCRIPTION</p>
                        <a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
                    </div>
                </div>  
<div class="gal gal-first">
                    <img src="IMAGEURL" />
                    <div class="mask">
                        <h2>TITLE</h2>
                        <p>DESCRIPTION</p>
                        <a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
                    </div>
                </div>
<br />
<div class="gal gal-first">
                    <img src="IMAGEURL" />
                    <div class="mask">
                        <h2>TITLE</h2>
                        <p>DESCRIPTION</p>
                        <a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
                    </div>
                </div>
<div class="gal gal-first">
                    <img src="IMAGEURL" />
                    <div class="mask">
                        <h2>TITLE</h2>
                        <p>DESCRIPTION</p>
                        <a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
                    </div>
                </div>
<br />
<div class="gal gal-first">
                    <img src="IMAGEURL" />
                    <div class="mask">
                        <h2>TITLE</h2>
                        <p>DESCRIPTION</p>
                        <a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
                    </div>
                </div>
<div class="gal gal-first">
                    <img src="http://2.bp.blogspot.com/-87k5K-4g7OE/VOwVCBIgaeI/AAAAAAAACSY/hruI8kwjQ6s/s1600/csoon.gif" />
                    <div class="mask">
                        <h2>Stay Tuned</h2>
                        <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
                        <a href="#" class="info">Preview</a>
<a href="#" class="info">Read More</a>
                    </div>
                </div>
<!-------- Don't remove credit section --------!>
<div class="footer">Skin By <a href="http://kawaiilady.blogspot.com/">Kawaii Lady</a> Title Effect from <a href="http://www.dynamicdrive.com/">This Blog</a> Image Effect from <a href="http://tympanus.net/codrops/">This Blog</a> Edited By <a href="http://YourURL.com/">Me</a>
</div>
</div>
</center></blogger>
</body></html></table></head>