Css
Kod: @CHARSET "UTF-8";
/*
Theme Name: cracks
Theme URI: http://cokidoo.com
Description: Coded & designed by <a href="http://cokidoo.com">Adrian Mato Gondelle</a>.
Version: 1.0
Author: Adrián Mato
Author URI: http://twitter.com/adrianmg
Tags: clean, big header, elegant, dark
*/
/*
* Section: CSS reset
* Description: Reset of most selectors
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:baseline;
}
body{
line-height: 1em;
font-size: 12px;
background: #262626 url(img/body_bg.png) repeat scroll 0 0;
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
margin: 0pt;
cursor: default;
}
table{
border-collapse: separate;
border-spacing: 0pt;
}
strong{
font-weight: 700;
}
caption, th, td{
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after{
content:"";
}
blockquote, q{
quotes:"" "";
}
pre{
font-family: Arial, Helvetica, sans-serif;
}
input{
border: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
textarea{
font-family: Arial, Helvetica, sans-serif;
color: #888888;
padding: 7px 3px 0 4px;
font-size: 11px;
}
select{
font-size: 11px;
color: #888888;
background: #fff;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #CAD2CE;
}
ul{
list-style: none;
list-style-type: none;
list-style-position: outside;
}
a{
cursor: pointer;
color: #296ba5;
text-decoration: none;
outline: none !Important;
}
html,body{
height:100%;
}
.clear{
clear: both;
height: 0;
visibility: hidden;
display: block;
line-height: 0;
}
.clearfix{
overflow: hidden;
}
.fleft{
float: left;
}
.fright{
float: right;
}
.italic{
font-style: italic;
}
.padbot36{
padding-bottom: 36px !Important;
}
.sepbot10{
margin-bottom: 10px;
}
.dispnone{
display: none;
}
.nomargin{
margin:0 !Important;
}
.text_web{
color: #b6ef93;
}
.text_flash{
color: #ef93d2;
}
.text_iphone{
color: #93d8ef;
}
.text_android{
color: #efe593;
}
.text_windowsphone{
color: #ef9393;
}
/*
* Section: Wrapper
* Description: Wrapper for the site
*/
.wrapper{
width: 1000px;
margin: 0pt auto;
font-size: 12px;
color: #fff;
background: transparent url(img/wrapper_bg.png) no-repeat scroll 0 0;
}
/*
* Section: Top
* Description: Top part of the site
*/
#top{
height: 138px;
margin-bottom: 40px;
}
#top #logo{
position: relative;
}
#top #logo a{
width: 300px;
height: 155px;
overflow: hidden;
text-indent: -99999px;
position: absolute;
display: block;
top: 0;
left: 45px;
}
/*
* Section: Menu
* Description: Main menu of the site
*/
#menu{
background: #171717;
padding: 10px;
color: #8c8c8c;
border: 1px solid #393939;
margin-bottom: 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
line-height: 1.2em;
position: relative;
height: 30px;
}
#menu li{
float: left;
font-size: 14px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin-left: 7.5%;
}
#menu a{
color: #7B7B7B;
display: block;
padding: 7px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border: 1px solid transparent;
}
#menu li.current-menu-item a, #menu li:hover a{
background: -moz-linear-gradient(center top , #9e9d9d, #7b7b7b) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9e9d9d), to(#7b7b7b));
color: #fff;
border: 1px solid #b1b1b1;
text-shadow: 0px 1px 0px #454545;
}
#menu li.current-menu-item.green a, #menu li.green:hover a{
color: #fff;
background: -moz-linear-gradient(center top , #97ca74, #75a057) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#97ca74), to(#75a057));
border-color: #accc96;
text-shadow: 0px 1px 0px #324823;
}
#menu li.current-menu-item.pink a, #menu li.pink:hover a{
color: #fff;
background: -moz-linear-gradient(center top , #d172b3, #ac4a8e) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d172b3), to(#ac4a8e));
border-color: #d092bd;
text-shadow: 0px 1px 0px #3b1830;
}
#menu li.current-menu-item.blue a, #menu li.blue:hover a{
color: #fff;
background: -moz-linear-gradient(center top , #64b1cc, #4a92ac) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#64b1cc), to(#4a92ac));
border-color: #92bfd0;
text-shadow: 0px 1px 0px #15282f;
}
#menu li.current-menu-item.yellow a, #menu li.yellow:hover a{
color: #fff;
background: -moz-linear-gradient(center top , #cdc16e, #aca04a) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdc16e), to(#aca04a));
border-color: #d0c892;
text-shadow: 0px 1px 0px #393519;
}
#menu li.current-menu-item.red a, #menu li.red:hover a{
color: #fff;
background: -moz-linear-gradient(center top , #c26c6c, #ac4a4a) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c26c6c), to(#ac4a4a));
border-color: #d09292;
text-shadow: 0px 1px 0px #3d1717;
}
#menu a:hover{
color: #fff;
}
#menu li.sfHover{
height: 40px;
}
#menu li.menu-item ul.sub-menu{
position: absolute;
top: 50px;
background: #000;
padding: 5px 4px;
color: #8c8c8c;
border: 1px solid #393939;
margin-bottom: 20px;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
border-color: #363636;
border-top: 1px solid #171717;
}
#menu li.menu-item ul.sub-menu li{
float: none;
display: block;
margin: 0;
}
#menu li.menu-item ul.sub-menu a{
background: transparent;
margin: 0;
padding: 0;
border: 0;
font-size: 12px;
padding: 4px 10px 5px;
text-shadow: none;
color: #7b7b7b;
}
#menu li.menu-item ul.sub-menu a:hover{
background: #7b7b7b;
color: #fff;
}
#menu li.menu-item.green ul.sub-menu a:hover{
background: #75a057;
}
#menu li.menu-item.pink ul.sub-menu a:hover{
background: #ac4a8e;
}
#menu li.menu-item.blue ul.sub-menu a:hover{
background: #4a92ac;
}
#menu li.menu-item.yellow ul.sub-menu a:hover{
background: #aca04a;
}
#menu li.menu-item.red ul.sub-menu a:hover{
background: #ac4a4a;
}
/*
* Section: Content
* Description: Content of the site
*/
#content{
margin-top: 15px;
}
#content .wrappost{
width: 685px;
background: #171717;
margin-bottom: 35px;
border: 1px solid #3e3e3e;
padding: 8px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
#content .post{
padding: 38px;
background: #fff;
border: 1px solid #050505;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
#content .post.entry{
padding-bottom: 20px;
}
#content .post a{
color: #498bbf;
}
#content .post .entry{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.3em;
color: #8a858a;
color: #868286;
color: #737273;
}
#content .post .entry .wrapentry{
margin-bottom: 10px;
}
#content .post .entry .wrapentry img{
padding: 0;
border: 0;
background: transparent;
}
#content .post .entry .socialmedia{
margin: 1em 0 3em 0;
text-align: center;
}
#content .post .entry .socialmedia.alter{
margin-bottom: 18px;
}
#content .post .entry .socialmedia a:hover{
text-decoration: none;
}
#content .post .entry .socialmedia .item{
margin: 0 20px 0 20px;
}
#content .post .entry .socialmedia a.google-buzz-button .buzz-counter-long{
line-height: 19px !Important;
}
#content .post .entry .socialmedia img{
padding: 0;
border: 0;
background: transparent;
}
#content .post .entry .socialmedia a.retweet span{
padding: 2px 3px 1px 3px !Important;
}
#content .post .entry .socialmedia a.retweet{
color: #000 !Important;
}
#content .post .entry .authorinfo{
border: 1px solid #c8c8c8;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
padding: 12px;
background: #f5f5f5;
font-size: 12px;
margin: 1.2em 0 3em;
}
#content .post .entry .authorinfo img{
border: 1px solid #1c1c1c;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
padding: 0;
}
#content .post .entry .authorinfo div.photo{
margin-right: 12px;
}
#content .post .entry .authorinfo div.desc{
width: 488px;
padding-top: 8px;
line-height: 1.4em;
}
#content .post .entry .authorinfo div.desc h4{
font-weight: normal;
font-size: 16px;
line-height: 0.3em;
}
#content .post .entry .authorinfo.demobox{
text-align: center;
padding-bottom: 5px;
}
#content .post .entry .authorinfo.demobox img{
border: 0;
}
#content .post .entry .authorinfo.demobox a.imgleft{
margin-right: 26px;
}
#content .post .entry .authorinfo.demobox a.imgright{
margin-left: 26px;
}
#content .post .entry .intro{
font-size: 12px;
font-style: italic;
}
#content .post .entry h1, #content .post .entry h2, #content .post .entry h3, #content .post .entry h4{
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
font-size: 38px;
text-align: right;
line-height: 1.3em;
font-weight: 700;
padding-bottom: 14px;
color: #303030;
}
#content .post .entry h2, #content .post .entry h3{
font-size: 24px;
text-align: left;
color: #303030;
}
#content .post .entry h3{
font-size: 18px;
padding-top: 0;
}
#content .post .entry h4{
font-size: 14px;
padding-top: 0;
text-align: left;
}
#content .post .entry ul, #content .post .entry ol{
list-style-position: inside;
list-style-type: square;
margin-left: 2em;
margin-bottom: 1.3em;
}
#content .post .entry ul li, #content .post .entry ol li{
margin-bottom: 0.5em;
}
#content .post .entry ol li{
list-style-type: decimal;
}
#content .post .entry .dp-highlighter{
margin: 1em 0 2em;
}
#content .post .entry .dp-highlighter ol{
list-style-position: outside;
list-style-type: decimal-leading-zero;
margin-left: 45px;
margin-bottom: 1px;
}
#content .post .entry .dp-highlighter ol li{
margin-bottom: auto;
}
#content .post .entry .dp-highlighter ol li{
list-style-type: decimal-leading-zero;
}
#content .post .entry .syntaxhighlighter{
font-size: 12px !Important;
}
#content .post .entry .info{
width: 337px;
text-align: right;
padding-bottom: 15px;
}
#content .post .entry .info.alter{
width: auto;
}
#content .post .entry h1 a{
color: #303030;
}
#content .post .entry h1 a:hover{
color: #000;
}
#content .post .entry p, #content .post .entry center{
padding-bottom: 18px;
}
#content .post .entry blockquote p{
padding-bottom: 0;
}
#content .post .entry p.readmore{
padding-bottom: 0;
}
#content .post .entry blockquote{
background: #fafad6 url(img/quote.gif) no-repeat scroll 0 0;
border: 1px solid #f6d87d;
padding: 12px 40px 12px 40px;
color: #3a3a3a;
font-size: 13px;
font-style: italic;
margin: 1.3em 0 2.9em;
}
#content .post .entry img{
border: 1px solid #c8c8c8;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
padding: 5px;
background: #ededed;
max-width: 590px;
}
#content .post .entry img.aligncenter{
clear: both;
display: block;
margin: 0pt auto;
}
#content .navigation{
padding-bottom: 25px;
width: 688px;
}
#content .navigation a{
background: #171717;
padding: 6px;
display: block;
color: #8c8c8c;
border: 1px solid #393939;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
}
#content .navigation a:hover{
background: #333;
border-color: #171717;
color: #fff;
}
#content .post.comments img.avatar{
width: 64px;
height: 64px;
}
#content .post .entry a:hover{
text-decoration: underline;
}
#content .post .entry h1 a:hover{
text-decoration: none;
}
#content .post .entry .info{
font-size: 12px;
}
#content .post .entry .author{
background: #fff8cc;
border-bottom: 1px solid #ffe222;
padding: 2px 4px 2px 4px;
color: #000;
}
#content .post .entry .author a{
color: #000;
text-transform:capitalize;
}
#content .post .entry .metainfo{
margin-top: 9px;
}
#content .post .entry .tags{
margin-right: 6px;
background: transparent url(img/tags.gif) no-repeat scroll 0 0;
padding: 0 0 2px 15px;
text-transform:lowercase;
}
#content .post .entry .comments{
background: transparent url(img/comments.gif) no-repeat scroll 0 0;
padding: 0 0 2px 20px;
}
#content .post.comments{
margin-top: 30px;
}
#content .post.comments{
padding: 24px 38px 38px 38px;
}
#content .post.comments strong.authorcomment{
line-height: 1.3em;
display: block;
margin-top: 2px;
}
#content .post.comments .comment{
border-bottom: 1px solid #d8d8d8;
padding-bottom: 1.3em;
margin-bottom: 1.3em;
}
#content .post.comments .comment .name{
width: 76px;
font-size: 11px;
text-align: center;
}
#content .post.comments .comment .message{
width: 496px;
font-size: 12px;
margin-left: 20px;
}
#content .post.comments .comment .message img{
border: 0;
background: transparent;
padding: 0;
}
#content .post.comments .comment .date{
font-size: 11px;
margin-bottom: 5px;
}
#content .post.comments .comment .date a{
color: #737273;
}
#content .post div.p18{
padding-top: 18px;
}
#content .post.comments .write{
padding-top: 1.3em;
}
#content .post.comments .comment .comment{
float: left;
background: #f5f5f5;
border-left: 4px solid #d8d8d8;
margin: 10px 0 0 75px;
padding: 10px;
width: 508px;
}
#content .post.comments .comment .comment .message{
width: 417px;
margin-left: 15px;
}
#content .post.comments .comment-edit-link{
font-size: 11px;
}
#content .post.comments .comment-reply-link{
margin-right: 4px;
}
#content .post textarea, #content .post input{
border: 1px solid #ced0d0;
font-size: 12px;
padding: 16px;
width: 558px;
color: #737273;
margin-bottom: 1.3em;
}
#content .post textarea{
min-height: 100px;
}
#content .post input{
width: 578px;
padding: 6px;
}
#content .post .contactform input#contactsubmit{
width: auto;
float: right;
background: #292929;
color: #fff;
border: 0;
}
#content .post .contactform input#contactsubmit:hover{
background: #333;
}
#content .post .contactform div.success, #content .post .contactform div.error{
margin-bottom: 15px;
font-size: 13px;
padding: 12px;
background: #fafad6;
border: 1px solid #f6d87d;
color: #d50000;
font-weight: 700;
}
#content .post .contactform div.success{
color: #00bd0d;
}
#content .post input.submit{
width: auto;
float: right;
background: #292929;
color: #fff;
border: 0;
}
#content .post input.submit:hover{
background: #333;
}
#content div.enjoy{
margin-top: 25px;
padding: 25px 0 25px;
border-top: 1px solid #C8C8C8;
}
#content div.enjoy a{
margin-right: 5px;
}
#content img.wp-smiley{
padding: 0 !Important;
border: 0 !Important;
background: transparent !Important;
}
/*
* Section: Sidebar
* Description: Sidebar of the site
*/
#sidebar{
width: 260px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding-right: 2px;
}
#sidebar .section, #sidebar .widget{
background: #171717;
padding: 15px;
color: #8c8c8c;
border: 1px solid #393939;
margin-bottom: 35px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
line-height: 1.2em;
}
#sidebar .section.search{
padding: 0;
margin-top: 15px;
position: relative;
text-decoration: none;
}
#sidebar input{
width: 200px;
background: transparent;
color: #8c8c8c;
padding: 5px 4px 5px 7px;
outline: none;
}
#sidebar input.search{
width: 43px;
height: 43px;
padding: 0;
position: absolute;
top: -8px;
right: -2px;
background: transparent url(img/search.png) no-repeat scroll 0 0;
}
#sidebar .section li{
margin-bottom: 13px;
}
#sidebar .section.banner li{
padding:0;
}
#sidebar .section.banner li.banner{
margin-bottom: 0;
}
#sidebar .section.banner li.desc{
font-size: 12px;
margin-top: 13px;
}
#sidebar .section li.last{
margin-bottom: 0;
}
#sidebar a{
color: #8c8c8c;
}
#sidebar a:hover{
text-decoration: underline;
}
#sidebar .section li{
padding: 3px 3px 3px 29px;
}
#sidebar .section .rss{
background: transparent url(img/rss.png) no-repeat scroll 0 0;
}
#sidebar .section .twitter{
background: transparent url(img/twitter.png) no-repeat scroll 0 0;
}
#sidebar .section .fans{
background: transparent url(img/fans.png) no-repeat scroll 0 0;
}
#sidebar .section .flickr{
background: transparent url(img/flickr.png) no-repeat scroll 0 0;
}
#sidebar .section .email{
background: transparent url(img/email.png) no-repeat scroll 0 0;
}
#sidebar .section .members{
background: transparent url(img/members.png) no-repeat scroll 0 0;
padding-bottom: 4px;
}
#sidebar .section .tags{
background: transparent url(img/tags.png) no-repeat scroll 0 0;
}
#sidebar .section li.cat-item{
margin-bottom: 4px;
font-size: 12px;
list-style: square;
}
#sidebar .section ul.gallery li, #sidebar .section ul.community li{
padding: 0;
display: block;
margin-left: 10px;
margin-bottom: 7px;
float: left;
}
#sidebar .section ul.gallery li img, #sidebar .section ul.community li img{
border: 1px solid #000;
width: 60px;
height: 60px;
}
#sidebar .section ul.gallery li img:hover, #sidebar .section ul.community li img:hover{
border-color: #dbdbdb;
}
#sidebar div.tagcloud{
text-align: center;
line-height: 1.4em;
}
#sidebar .mainads li{
margin-bottom: 30px;
}
#sidebar .section ul.community li img{
border: 0;
}
#sidebar .smallads{
margin-bottom: 20px;
}
#sidebar .smallads li{
display: block;
margin-bottom: 10px;
height: 125px;
width: 125px;
float: left;
text-align: center;
line-height: 125px;
background: #171717;
color: #8c8c8c;
}
#sidebar .smallads li a{
display: block;
}
#sidebar .smallads li.right{
margin-left: 10px;
}
.adlemons_ad, .adlemons_ads{
margin: 0pt auto !Important;
text-align: center;
}
#sidebar .banner a{
width: 231px;
height: 79px;
display: block;
text-indent: -99999px;
}
#contact{
background: transparent url(img/contact_bg.png) no-repeat scroll 0 0;
}
#contact:hover{
background: transparent url(img/contact_bg.png) no-repeat scroll 0 bottom;
}
/*
* Section: Footer
* Description: Footer of the site
*/
#footer{
text-align: center;
font-size: 14px;
margin-bottom: 30px;
background: #171717;
padding: 15px;
color: #8c8c8c;
border: 1px solid #393939;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
line-height: 1.2em;
}
#footer a{
color: #fff8cc;
color: #498bbf;
}
#footer a:hover{
text-decoration: underline;
}
/*
* Section: Related
* Description: Related posts of an entry
*/
#content div.enjoy #related{
margin-left: 0;
}
#content div.enjoy #related{
list-style: none;
list-style-type: none;
list-style-position: outside;
clear: both;
overflow: hidden;
}
#content div.enjoy #related img{
width: 110px;
height: 110px;
}
#content div.enjoy #related li{
display: block;
width: 120px;
font-size: 12px;
float: left;
margin-left: 22px;
}
İndex Sayfası
[code:1:68073ce35a]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> cracks — only the best</title>
<link rel="stylesheet" href="http://yensdesign.com/themes/cracks/wp-content/themes/cracks/style.css" type="text/css" media="screen" />
<!--[if IE 7]><link rel="stylesheet" href="http://yensdesign.com/themes/cracks/wp-content/themes/cracks/ie7.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE]><link rel="stylesheet" href="http://yensdesign.com/themes/cracks/wp-content/themes/cracks/ie.css" type="text/css" media="screen" /><![endif]-->
<link rel="pingback" href="http://yensdesign.com/themes/cracks/xmlrpc.php" />
<link rel="shortcut icon" href="http://yensdesign.com/themes/cracks/wp-content/themes/cracks/img/favicon.png" />
<meta name='robots' content='noindex,nofollow' />
<script type='text/javascript' src='http://yensdesign.com/themes/cracks/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
<script type='text/javascript' src='http://yensdesign.com/themes/cracks/wp-content/themes/cracks/js/hoverIntent.js?ver=3.0.4'></script>
<script type='text/javascript' src='http://yensdesign.com/themes/cracks/wp-content/themes/cracks/js/superfish.js?ver=3.0.4'></script>
<script type='text/javascript' src='http://yensdesign.com/themes/cracks/wp-content/themes/cracks/js/supersubs.js?ver=3.0.4'></script>
<script type='text/javascript' src='http://yensdesign.com/themes/cracks/wp-content/themes/cracks/js/cracks.js?ver=3.0.4'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://yensdesign.com/themes/cracks/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://yensdesign.com/themes/cracks/wp-includes/wlwmanifest.xml" />
<link rel='index' title='cracks — only the best' href='http://yensdesign.com/themes/cracks/' />
<meta name="generator" content="WordPress 3.0.4" />
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<link type="text/css" rel="stylesheet" href="http://yensdesign.com/themes/cracks/wp-content/plugins/syntaxhighlighter-plus/syntaxhighlighter/styles/shCore.css"></link>
<link type="text/css" rel="stylesheet" href="http://yensdesign.com/themes/cracks/wp-content/plugins/syntaxhighlighter-plus/syntaxhighlighter/styles/shThemeDefault.css"></link>
</head>
<body class="home blog">
<!--starts wrapper -->
<div class="wrapper">
<!-- top header -->
<div id="top" class="clearfix">
<div id="logo" class="fleft"><a href="http://yensdesign.com/themes/cracks/">cracks — only the best</a></div>
</div>
<!-- menu -->
<ul id="menu"><li id="menu-item-6" class="menu-item menu-item-type-custom current-menu-item current_page_item menu-item-home menu-item-6"><a href="http://yensdesign.com/themes/cracks/">Home</a></li>
<li id="menu-item-149" class="green menu-item menu-item-type-taxonomy menu-item-149"><a href="http://yensdesign.com/themes/cracks/category/tutorials/">Tutorials</a>
<ul class="sub-menu">
<li id="menu-item-173" class="menu-item menu-item-type-custom menu-item-173"><a href="#">Apache & Others</a></li>
<li id="menu-item-172" class="menu-item menu-item-type-custom menu-item-172"><a href="#">Javascript</a></li>
<li id="menu-item-171" class="menu-item menu-item-type-custom menu-item-171"><a href="#">PHP</a></li>
<li id="menu-item-170" class="menu-item menu-item-type-custom menu-item-170"><a href="#">Web Design</a></li>
</ul>
</li>
<li id="menu-item-181" class="pink menu-item menu-item-type-post_type menu-item-181"><a href="http://yensdesign.com/themes/cracks/full-width-page/">Full Page</a></li>
<li id="menu-item-148" class="blue menu-item menu-item-type-taxonomy menu-item-148"><a href="http://yensdesign.com/themes/cracks/category/articles/">Articles</a>
<ul class="sub-menu">
<li id="menu-item-174" class="menu-item menu-item-type-custom menu-item-174"><a href="#">News</a></li>
<li id="menu-item-175" class="menu-item menu-item-type-custom menu-item-175"><a href="#">Inspiration</a></li>
<li id="menu-item-176" class="menu-item menu-item-type-custom menu-item-176"><a href="#">Interviews</a></li>
</ul>
</li>
<li id="menu-item-150" class="yellow menu-item menu-item-type-custom menu-item-150"><a href="/resources">Resources</a>
<ul class="sub-menu">
<li id="menu-item-177" class="menu-item menu-item-type-custom menu-item-177"><a href="#">Icons</a></li>
<li id="menu-item-178" class="menu-item menu-item-type-custom menu-item-178"><a href="#">Plugins</a></li>
</ul>
</li>
<li id="menu-item-146" class="red menu-item menu-item-type-post_type menu-item-146"><a href="http://yensdesign.com/themes/cracks/contact/">Contact with Us</a></li>
</ul>
<div class="wrapcontent clearfix">
<div id="content" class="fleft" role="main">
<div class="wrappost">
<div class="post">
<div class="entry">
<div class="clearfix wrapentry">
<div class="fleft">
<a href="http://yensdesign.com/themes/cracks/articles/hello-world-2/" title=""><img src="http://yensdesign.com/themes/cracks/wp-content/themes/cracks/img/preview/pixelmator_200.png" alt="" /></a>
</div>
<div class="info fright clearfix " id="post-141">
<h1>
<a href="http://yensdesign.com/themes/cracks/articles/hello-world-2/" rel="bookmark" title="Permanent Link to Pixelmator: Cool image editing for the rest of us">Pixelmator: Cool image editing for the rest of us</a>
</h1>
<span class="author">January 3, 2011 in <a href="http://yensdesign.com/themes/cracks/category/articles/" title="View all posts in Articles" rel="category tag">Articles</a> by <a href="http://yensdesign.com/themes/cracks/author/admin/" title="Posts by Adrian Mato">Adrian Mato</a></span>
<div class="metainfo">
<span class="tags"><a href="http://yensdesign.com/themes/cracks/tag/mac/" rel="tag">mac</a>, <a href="http://yensdesign.com/themes/cracks/tag/pixelmator/" rel="tag">pixelmator</a>, <a href="http://yensdesign.com/themes/cracks/tag/software/" rel="tag">software</a></span>
<span class="comments"><a href="http://yensdesign.com/themes/cracks/articles/hello-world-2/#comments" title="Comment on Pixelmator: Cool image editing for the rest of us">15 Comments</a></span>
</div>
</div>
</div>
<div class="entry">
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors.</p>
<a class="more-link" href="http://yensdesign.com/themes/cracks/articles/hello-world-2/"><span class="italic">(Continue reading…)</span></a>
</div>
</div>
</div>
</div>
<div class="wrappost">
<div class="post">
<div class="entry">
<div class="clearfix wrapentry">
<div class="fleft">
<a href="http://yensdesign.com/themes/cracks/inspiration/inspired-by-impressive-typography-posters-based/" title=""><img src="http://yensdesign.com/themes/cracks/wp-content/themes/cracks/img/preview/posters.png" alt="" /></a>
</div>
<div class="info fright clearfix " id="post-118">
<h1>
<a href="http://yensdesign.com/themes/cracks/inspiration/inspired-by-impressive-typography-posters-based/" rel="bookmark" title="Permanent Link to Inspired by… Impressive typography posters-based">Inspired by… Impressive typography posters-based</a>
</h1>
<span class="author">January 3, 2011 in <a href="http://yensdesign.com/themes/cracks/category/inspiration/" title="View all posts in Inspiration" rel="category tag">Inspiration</a> by <a href="http://yensdesign.com/themes/cracks/author/admin/" title="Posts by Adrian Mato">Adrian Mato</a></span>
<div class="metainfo">
<span class="tags"><a href="http://yensdesign.com/themes/cracks/tag/design/" rel="tag">design</a>, <a href="http://yensdesign.com/themes/cracks/tag/inspiration-2/" rel="tag">inspiration</a>, <a href="http://yensdesign.com/themes/cracks/tag/posters/" rel="tag">posters</a></span>
<span class="comments"><a href="http://yensdesign.com/themes/cracks/inspiration/inspired-by-impressive-typography-posters-based/#comments" title="Comment on Inspired by… Impressive typography posters-based">4 Comments</a></span>
</div>
</div>
</div>
<div class="entry">
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors.</p>
<a class="more-link" href="http://yensdesign.com/themes/cracks/inspiration/inspired-by-impressive-typography-posters-based/"><span class="italic">(Continue reading…)</span></a>
</div>
</div>
</div>
</div>
<div class="wrappost">
<div class="post">
<div class="entry">
<div class="clearfix wrapentry">
<div class="fleft">
<a href="http://yensdesign.com/themes/cracks/inspiration/logos-that-inspire-volume-3/" title=""><img src="http://yensdesign.com/themes/cracks/wp-content/themes/cracks/img/preview/logos3.png" alt="" /></a>
</div>
<div class="info fright clearfix " id="post-115">
<h1>
<a href="http://yensdesign.com/themes/cracks/inspiration/logos-that-inspire-volume-3/" rel="bookmark" title="Permanent Link to Logos that Inspire Volume #3">Logos that Inspire Volume #3</a>
</h1>
<span class="author">January 3, 2011 in <a href="http://yensdesign.com/themes/cracks/category/inspiration/" title="View all posts in Inspiration" rel="category tag">Inspiration</a> by <a href="http://yensdesign.com/themes/cracks/author/admin/" title="Posts by Adrian Mato">Adrian Mato</a></span>
<div class="metainfo">
<span class="tags"><a href="http://yensdesign.com/themes/cracks/tag/design/" rel="tag">design</a>, <a href="http://yensdesign.com/themes/cracks/tag/inspiration-2/" rel="tag">inspiration</a>, <a href="http://yensdesign.com/themes/cracks/tag/logos/" rel="tag">logos</a></span>
<span class="comments"><a href="http://yensdesign.com/themes/cracks/inspiration/logos-that-inspire-volume-3/#comments" title="Comment on Logos that Inspire Volume #3">2 Comments</a></span>
</div>
</div>
</div>
<div class="entry">
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors.</p>
<a class="more-link" href="http://yensdesign.com/themes/cracks/inspiration/logos-that-inspire-volume-3/"><span class="italic">(Continue reading…)</span></a>
</div>
</div>
</div>
</div>
<div class="wrappost">
<div class="post">
<div class="entry">
<div class="clearfix wrapentry">
<div class="fleft">
<a href="http://yensdesign.com/themes/cracks/articles/10-cool-ideas-to-design-an-awesome-web-page/" title=""><img src="http://yensdesign.com/themes/cracks/wp-content/themes/cracks/img/preview/splash.jpg" alt="" /></a>
</div>
<div class="info fright clearfix " id="post-102">
<h1>
<a href="http://yensdesign.com/themes/cracks/articles/10-cool-ideas-to-design-an-awesome-web-page/" rel="bookmark" title="Permanent Link to 10 Awesome ideas to design a cool web page">10 Awesome ideas to design a cool web page</a>
</h1>
<span class="author">January 3, 2011 in <a href="http://yensdesign.com/themes/cracks/category/articles/" title="View all posts in Articles" rel="category tag">Articles</a> by <a href="http://yensdesign.com/themes/cracks/author/admin/" title="Posts by Adrian Mato">Adrian Mato</a></span>
<div class="metainfo">
<span class="tags"><a href="http://yensdesign.com/themes/cracks/tag/design/" rel="tag">design</a>, <a href="http://yensdesign.com/themes/cracks/tag/inspiration-2/" rel="tag">inspiration</a>, <a href="http://yensdesign.com/themes/cracks/tag/web/" rel="tag">web</a></span>
<span class="comments"><a href="http://yensdesign.com/themes/cracks/articles/10-cool-ideas-to-design-an-awesome-web-page/#comments" title="Comment on 10 Awesome ideas to design a cool web page">1 Comment</a></span>
</div>
</div>
</div>
<div class="entry">
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors.</p>
<a class="more-link" href="http://yensdesign.com/themes/cracks/articles/10-cool-ideas-to-design-an-awesome-web-page/"><span class="italic">(Continue reading…)</span></a>
</div>
</div>
</div>
</div>
<div class="wrappost">
<div class="post">
<div class="entry">
<div class="clearfix wrapentry">
<div class="fleft">
<a href="http://yensdesign.com/themes/cracks/inspiration/10-awesome-concept-arts-based-in-videogames/" title=""><img src="http://yensdesign.com/themes/cracks/wp-content/themes/cracks/img/preview/concepts.png" alt="" /></a>
</div>
<div class="info fright clearfix " id="post-109">
<h1>
<a href="http://yensdesign.com/themes/cracks/inspiration/10-awesome-concept-arts-based-in-videogames/" rel="bookmark" title="Permanent Link to 10 awesome concept arts based in videogames">10 awesome concept arts based in videogames</a>
</h1>
<span class="author">January 3, 2011 in <a href="http://yensdesign.com/themes/cracks/category/inspiration/" title="View all posts in Inspiration" rel="category tag">Inspiration</a> by <a href="http://yensdesign.com/themes/cracks/author/admin/" title="Posts by Adrian Mato">Adrian Mato</a></span>
<div class="metainfo">
<span class="tags"><a href="http://yensdesign.com/themes/cracks/tag/design/" rel="tag">design</a>, <a href="http://yensdesign.com/themes/cracks/tag/inspiration-2/" rel="tag">inspiration</a>, <a href="http://yensdesign.com/themes/cracks/tag/videogames/" rel="tag">videogames</a></span>
<span class="comments"><a href="http://yensdesign.com/themes/cracks/inspiration/10-awesome-concept-arts-based-in-videogames/#comments" title="Comment on 10 awesome concept arts based in videogames">2 Comments</a></span>
</div>
</div>
</div>
<div class="entry">
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors.</p>
<a class="more-link" href="http://yensdesign.com/themes/cracks/inspiration/10-awesome-concept-arts-based-in-videogames/"><span class="italic">(Continue reading…)</span></a>
</div>
</div>
</div>
</div>
<div class="wrappost">
<div class="post">
<div class="entry">
<div class="clearfix wrapentry">
<div class="fleft">
<a href="http://yensdesign.com/themes/cracks/inspiration/inspired-by-a-fervenza-do-toxa-in-galicia/" title=""><img src="http://yensdesign.com/themes/cracks/wp-content/themes/cracks/img/preview/toxa.png" alt="" /></a>
</div>
<div class="info fright clearfix " id="post-105">
<h1>
<a href="http://yensdesign.com/themes/cracks/inspiration/inspired-by-a-fervenza-do-toxa-in-galicia/" rel="bookmark" title="Permanent Link to Inspired by… A Fervenza do Toxa in Galicia">Inspired by… A Fervenza do Toxa in Galicia</a>
</h1>
<span class="author">January 3, 2011 in <a href="http://yensdesign.com/themes/cracks/category/inspiration/" title="View all posts in Inspiration" rel="category tag">Inspiration</a> by <a href="http://yensdesign.com/themes/cracks/author/admin/" title="Posts by Adrian Mato">Adrian Mato</a></span>
<div class="metainfo">
<span class="tags"><a href="http://yensdesign.com/themes/cracks/tag/galicia/" rel="tag">galicia</a>, <a href="http://yensdesign.com/themes/cracks/tag/inspiration-2/" rel="tag">inspiration</a>, <a href="http://yensdesign.com/themes/cracks/tag/photo/" rel="tag">photo</a></span>
<span class="comments"><a href="http://yensdesign.com/themes/cracks/inspiration/inspired-by-a-fervenza-do-toxa-in-galicia/#respond" title="Comment on Inspired by… A Fervenza do Toxa in Galicia">0 Comments</a></span>
</div>
</div>
</div>
<div class="entry">
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors.</p>
<a class="more-link" href="http://yensdesign.com/themes/cracks/inspiration/inspired-by-a-fervenza-do-toxa-in-galicia/"><span class="italic">(Continue reading…)</span></a>
</div>
</div>
</div>
</div>
<div class="wrappost">
<div class="post">
<div class="entry">
<div class="clearfix wrapentry">
<div class="fleft">
<a href="http://yensdesign.com/themes/cracks/articles/happy-birthday-google-chrome-two-years-with-us/" title=""><img src="http://yensdesign.com/themes/cracks/wp-content/themes/cracks/img/preview/chrome.png" alt="" /></a>
</div>
<div class="info fright clearfix " id="post-97">
<h1>
<a href="http://yensdesign.com/themes/cracks/articles/happy-birthday-google-chrome-two-years-with-us/" rel="bookmark" title="Permanent Link to Happy Birthday Google Chrome! Two years with us">Happy Birthday Google Chrome! Two years with us</a>
</h1>
<span class="author">January 3, 2011 in <a href="http://yensdesign.com/themes/cracks/category/articles/" title="View all posts in Articles" rel="category tag">Articles</a> by <a href="http://yensdesign.com/themes/cracks/author/admin/" title="Posts by Adrian Mato">Adrian Mato</a></span>
<div class="metainfo">
<span class="tags"><a href="http://yensdesign.com/themes/cracks/tag/chrome/" rel="tag">chrome</a>, <a href="http://yensdesign.com/themes/cracks/tag/google/" rel="tag">google</a>, <a href="http://yensdesign.com/themes/cracks/tag/news/" rel="tag">news</a></span>
<span class="comments"><a href="http://yensdesign.com/themes/cracks/articles/happy-birthday-google-chrome-two-years-with-us/#respond" title="Comment on Happy Birthday Google Chrome! Two years with us">0 Comments</a></span>
</div>
</div>
</div>
<div class="entry">
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors.</p>
<a class="more-link" href="http://yensdesign.com/themes/cracks/articles/happy-birthday-google-chrome-two-years-with-us/"><span class="italic">(Continue reading…)</span></a>
</div>
</div>
</div>
</div>
<div class="wrappost">
<div class="post">
<div class="entry">
<div class="clearfix wrapentry">
<div class="fleft">
<a href="http://yensdesign.com/themes/cracks/inspiration/free-quality-fonts-volume-2/" title=""><img src="http://yensdesign.com/themes/cracks/wp-content/themes/cracks/img/preview/fonts2.png" alt="" /></a>
</div>
<div class="info fright clearfix " id="post-107">
<h1>
<a href="http://yensdesign.com/themes/cracks/inspiration/free-quality-fonts-volume-2/" rel="bookmark" title="Permanent Link to Free Quality fonts Volume #2">Free Quality fonts Volume #2</a>
</h1>
<span class="author">January 3, 2011 in <a href="http://yensdesign.com/themes/cracks/category/inspiration/" title="View all posts in Inspiration" rel="category tag">Inspiration</a> by <a href="http://yensdesign.com/themes/cracks/author/admin/" title="Posts by Adrian Mato">Adrian Mato</a></span>
<div class="metainfo">
<span class="tags"><a href="http://yensdesign.com/themes/cracks/tag/design/" rel="tag">design</a>, <a href="http://yensdesign.com/themes/cracks/tag/fonts/" rel="tag">fonts</a>, <a href="http://yensdesign.com/themes/cracks/tag/resources-2/" rel="tag">resources</a></span>
<span class="comments"><a href="http://yensdesign.com/themes/cracks/inspiration/free-quality-fonts-volume-2/#comments" title="Comment on Free Quality fonts Volume #2">3 Comments</a></span>
</div>
</div>
</div>
<div class="entry">
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors.</p>
<a class="more-link" href="http://yensdesign.com/themes/cracks/inspiration/free-quality-fonts-volume-2/"><span class="italic">(Continue reading…)</span></a>
</div>
</div>
</div>
</div>
<div class="wrappost">
<div class="post">
<div class="entry">
<div class="clearfix wrapentry">
<div class="fleft">
<a href="http://yensdesign.com/themes/cracks/inspiration/analyzing-the-dribbbles-invitation-system/" title=""><img src="http://yensdesign.com/themes/cracks/wp-content/themes/cracks/img/preview/dribble.png" alt="" /></a>
</div>
<div class="info fright clearfix " id="post-99">
<h1>
<a href="http://yensdesign.com/themes/cracks/inspiration/analyzing-the-dribbbles-invitation-system/" rel="bookmark" title="Permanent Link to Analyzing the Dribbble’s invitation system">Analyzing the Dribbble’s invitation system</a>
</h1>
<span class="author">January 3, 2011 in <a href="http://yensdesign.com/themes/cracks/category/inspiration/" title="View all posts in Inspiration" rel="category tag">Inspiration</a> by <a href="http://yensdesign.com/themes/cracks/author/admin/" title="Posts by Adrian Mato">Adrian Mato</a></span>
<div class="metainfo">
<span class="tags"><a href="http://yensdesign.com/themes/cracks/tag/design/" rel="tag">design</a>, <a href="http://yensdesign.com/themes/cracks/tag/dribbble/" rel="tag">dribbble</a>, <a href="http://yensdesign.com/themes/cracks/tag/inspiration-2/" rel="tag">inspiration</a></span>
<span class="comments"><a href="http://yensdesign.com/themes/cracks/inspiration/analyzing-the-dribbbles-invitation-system/#comments" title="Comment on Analyzing the Dribbble’s invitation system">1 Comment</a></span>
</div>
</div>
</div>
<div class="entry">
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors.</p>
<a class="more-link" href="http://yensdesign.com/themes/cracks/inspiration/analyzing-the-dribbbles-invitation-system/"><span class="italic">(Continue reading…)</span></a>
</div>
</div>
</div>
</div>
<div class="wrappost">
<div class="post">
<div class="entry">
<div class="clearfix wrapentry">
<div class="fleft">
<a href="http://yensdesign.com/themes/cracks/inspiration/free-quality-fonts-volume-1/" title=""><img src="http://yensdesign.com/themes/cracks/wp-content/themes/cracks/img/preview/fonts1.png" alt="" /></a>
</div>
<div class="info fright clearfix " id="post-94">
<h1>
<a href="http://yensdesign.com/themes/cracks/inspiration/free-quality-fonts-volume-1/" rel="bookmark" title="Permanent Link to Free Quality fonts Volume #1">Free Quality fonts Volume #1</a>
</h1>
<span class="author">January 3, 2011 in <a href="http://yensdesign.com/themes/cracks/category/inspiration/" title="View all posts in Inspiration" rel="category tag">Inspiration</a> by <a href="http://yensdesign.com/themes/cracks/author/admin/" title="Posts by Adrian Mato">Adrian Mato</a></span>
<div class="metainfo">
<span class="tags"><a href="http://yensdesign.com/themes/cracks/tag/design/" rel="tag">design</a>, <a href="http://yensdesign.com/themes/cracks/tag/inspiration-2/" rel="tag">inspiration</a>, <a href="http://yensdesign.com/themes/cracks/tag/resources-2/" rel="tag">resources</a></span>
<span class="comments"><a href="http://yensdesign.com/themes/cracks/inspiration/free-quality-fonts-volume-1/#comments" title="Comment on Free Quality fonts Volume #1">1 Comment</a></span>
</div>
</div>
</div>
<div class="entry">
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors.</p>
<a class="more-link" href="http://yensdesign.com/themes/cracks/inspiration/free-quality-fonts-volume-1/"><span class="italic">(Continue reading…)</span></a>
</div>
</div>
</div>
</div>
<div class="navigation clearfix">
<div class="fleft"><a href="http://yensdesign.com/themes/cracks/page/2/" >« Previous Entries</a></div>
<div class="fright"></div>
</div>
</div>
<!--starts sidebar -->
<div id="sidebar" class="fright" role="complementary">
<div class="section search">
<form role="search" method="get" id="searchform" action="http://yensdesign.com/themes/cracks/" >
<input type="text" value="Search on the web..." name="s" id="s" />
<input class="search" type="submit" id="searchsubmit" value="" />
</form> </div>
<div class="section banner">
<ul>
<li class="banner">
<a id="contact" title="Get in touch with us!" href="/contact">Contact</a>
</li>
<li class="desc last">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <span class="text_web">Web</span>, <span class="text_flash">Flash</span>,
<span class="text_iphone">iPhone</span>, <span class="text_android">Android</span> o <span class="text_windowsphone">Windows Phone</span>
Lorem Ipsum has been the industrys.
</li>
</li>
</ul>
</div>
<div class="section">
<ul>
<li class="rss"><a href="http://yensdesign.com/themes/cracks/feed/" title="Subscribe to our RSS!">987 RSS Subscribers</a></li>
<li class="twitter"><a href="http://twitter.com/adrianmg" title="Follow us in twitter!"> Followers in Twitter</a></li>
<li class="fans"><a href="http://www.facebook.com/ontuts" title="Become our fan in Facebook!">Fans in Facebook</a></li>
<li class="email last"><a href="http://feedburner.google.com/fb/a/mailverify?uri=web-ontuts" title="Subscribe via E-mail!">Subscribe via E-mail now!</a></li>
</ul>
</div>
<div class="section gallerysection">
<ul>
<li class="flickr"><h3><a href="http://www.flickr.co |