#blog {
	padding-top : 20px;
}

#blog h1 a {
	position : relative;
	display : block;
}

#blog .post {
	float : left;
	width : 650px;
	padding-bottom : 40px;
}

#blog .icon {
	position : absolute;
	height : 110px;
	width : 200px;
	background-position : top right;
	background-repeat : no-repeat;
	z-index : 5;
	margin : -30px 0 0 40px;
	background-image: url(422186292.jpg);
}

#blog .ruby .icon { background-image: url(icons/ruby.png); margin-top : -35px; }
#blog .aspnet .icon { background-image: url(icons/aspnet.png); }
#blog .geek .icon { background-image: url(icons/geek.png); margin-left : 55px; }
#blog .jsshell .icon { background-image: url(icons/jsshell.png); }
#blog .csharp .icon { background-image: url(icons/csharp.png); }
#blog .jquery .icon { background-image: url(icons/jquery.png); }
#blog .toggl .icon { background-image: url(icons/toggl.png); }
#blog .projectru .icon { background-image: url(icons/projectru.png); }
#blog .cobaltmvc .icon { background-image: url(icons/cobaltmvc.png); }
#blog .csmongo .icon { background-image: url(icons/csmongo.png); }
#blog .iphone .icon { background-image: url(icons/iphone.png); }
#blog .laptop .icon { background-image: url(icons/laptop.png); }
#blog .nodejs .icon { background-image: url(icons/nodejs.png); }
#blog .mono .icon { background-image: url(icons/mono.png); }
#blog .html .icon { background-image: url(icons/html.png); }
#blog .jlinq .icon { background-image: url(icons/jlinq.png); }
#blog .javascript .icon { background-image: url(Female profile.png); }
#blog .osx .icon { background-image: url(icons/osx.png); }

.list {
}

.list li {
	float : left;
	width : 420px;
	margin : 10px 25px;
	height : 130px;
}

.list li div {
	display : block;
	background-repeat : no-repeat;
	background-image : url(default.png);
	background-position : 50% 50%;
	height : 100px;
	width : 100px;
	position : absolute;
	margin-left : -105px;
	margin-top : -10px;
}

.list li.jlinq div { background-image : url(icons/jlinq.png); margin-left : -100px; margin-top : -20px; }
.list li.projectru div { background-image : url(icons/projectru.png); }
.list li.cobaltmvc div { background-image : url(icons/cobaltmvc.png); }
.list li.jsshell div { background-image : url(icons/jsshell.png); }
.list li.nkrypt div { background-image : url(icons/nkrypt.png); }
.list li.csmongo div { background-image : url(icons/csmongo.png); }
.list li.ruby div { background-image : url(icons/ruby.png); margin-top : -20px; margin-left : -110px; }
.list li.nodejs div { background-image : url(icons/nodejs.png); }
.list li.geek div { background-image : url(icons/geek.png); }
.list li.html div { background-image : url(icons/html.png); }
.list li.mono div { background-image : url(icons/mono.png); }
.list li.toggl div { background-image : url(icons/toggl.png); }
.list li.iphone div { background-image : url(icons/iphone.png); }
.list li.laptop div { background-image : url(icons/laptop.png); margin-left : -115px; }

.list li.aspnet div,
.list li.jquery div,
.list li.csharp div,
.list li.javascript div { margin-left : -110px; margin-top : -15px; }

.list li.aspnet div { background-image : url(icons/aspnet.png); }
.list li.staff div { background-image : url(st.jpg); }
.list li.csharp div { background-image : url(icons/csharp.png); }

.list li.report div { background-image : url(Analyze.jpg); }
.list li.admin div { background-image : url(422186292.png); }
.list li.clerk div { background-image : url(Female profile.png); }
.list li.store div { background-image : url(store.jpg); }
                        

.list li a {
	display : block;
	margin-top : 15px;
	padding : 10px;
	margin-left : 115px;
	text-decoration : none;
	min-height : 120px;
}

.list li a div {
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
}

.list li a:hover div {

	-webkit-transform : rotate(-10deg) scale(1.3) translate(-5px, -5px);
	-moz-transform : rotate(-10deg) scale(1.3) translate(-5px, -5px);
	-o-transform : rotate(-10deg) scale(1.3) translate(-5px, -5px);
	transform : rotate(-10deg) scale(1.3) translate(-5px, -5px);
		
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
		  
}

.list li a:hover h3,
.list li a:hover p {

	-webkit-transform : translate(0,-6px);
	-moz-transform : translate(0,-6px);
	-o-transform : translate(0,-6px);
	transform : translate(0,-6px);

	text-shadow : 0 6px 6px #000;
		  
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
		  
}

.list li a h3 {
	color : #fff;
	font-size : 24px;
	padding-bottom : 9px;
	line-height : 125%;
}

.list li a p {
	color : #888;
	font-size : 12px;
}

.highlight {
	border-bottom : 1px solid rgba(255,255,255,.3);
}

#search {
	display : none;
}

#no-results {
	width : 400px;
	margin : 0 auto 25px auto;
	display : none;
}

#snippet .post {
	padding-bottom : 30px;
	width : 650px;
	float : left;
}

#snippet .about {
	float : right;
	width : 240px;
}

#example {
	margin : 10px 0 60px 0;
	background : rgba(0,0,0,.1);
	padding : 30px 20px;
	border-radius : 20px;
	border : 1px dashed rgba(255,255,255,.3);
}