family1

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


<!-- favourites/family #1 blog page -->
<!-- made by pistachi-o (nutty-themes @ tumblr) -->
<!-- please don't remove the credit and claim it as your own -->


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

<head>

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">

<meta name="description" content="" />

<meta http-equiv="x-dns-prefetch-control" content="off"/>

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

<style type="text/css">

body,div,dl,dt,dd,ol,ul,li,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}

::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track {background: #FFF;}
::-webkit-scrollbar-thumb {background: #D9D9D9;}

::selection {background: #F77825; color:#FFF;}
::-moz-selection {background: #F77825; color:#FFF;}
::-webkit-selection {background: #F77825; color:#FFF;}

body {
background: #F3F3F3;
font-size: 16px;
color: #0A0A0A;
font-family: 'Arial', sans-serif;
}

a:link, a:active, a:visited {
color: #F77825;
text-decoration: none;
}

a:hover {
color: #60B99A;
text-decoration: none;
}

b {
color: #60B99A;
}

#navlinks {
width: 990px;
margin: 20px auto;
position: relative;
background: transparent;
font-family: 'Share', cursive;
font-size: 10px;
text-align: center;
}

#navlinks a {
display: inline-block;
background: #D3CE3D;
color: #FFF;
text-decoration: none;
font-weight: normal;
text-transform: uppercase;
text-align: center;
padding: 3px 4px;
margin: 2px;
}

#container {
width: 990px;
margin: 10px auto;
padding: 10px;
text-align: center;
position: relative;
background: transparent;
}

.stylewrap {
float: left;
width: 320px;
height: 158px;
background: transparent;
overflow: hidden;
position: relative;
text-align: center;
margin: 5px;
}

.icon {
float: left;
width: 130px;
height: 130px;
position: relative;
background: #554236;
}

.icon img {
width: 80px;
height: 80px;
padding: 25px;
}

.desc {
float: left;
width: 160px;
height: 100px;
padding: 15px;
background: #F1EFA5;
font-family: 'Share', cursive;
font-size: 10px;
text-align: left;
overflow: auto;
}

.title {
float: left;
width: 320px;
padding: 5px 0px;
background: #D3CE3D;
font-family: 'Share', cursive;
font-size: 12px;
line-height: 150%;
text-transform: uppercase;
text-align: center;
}

</style>

</head>

<body>

<div id="navlinks">
<a href="/">Back To Blog</a>
<a href="/">Link 1</a>
<a href="/">Link 2</a>
<a href="/">Link 3</a>
<a href="http://nutty-themes.tumblr.com/">Credit</a> <br><br>
You can fit in a description here if you want. If not, just delete this line.
</div>

<div id="container">

<!-- Beginning of Entry -->
<div class="stylewrap">
<div class="icon"><img src="IMAGE URL"></div> <!-- Image URL -->
<div class="desc">DESCRIPTION TEXT</div> <!-- Description -->
<div class="title">TITLE TEXT</div><!-- Title -->
</div>
<!-- End of Entry -->


</div>


</body>
</html>