body {
	font-family: Georgia;
	font-size: 1em;
}

#wrap {
	width: 940px;
	margin: 50px 0 0 50px;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: line-through;
}


h1.logo {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2em;
}

h1.logo a {
	text-decoration: none;
}

h1.logo a:hover {
	text-decoration: line-through;
}

header {
	width: 240px;
	margin-right: 20px;
	float: left;
}

#nav {
	margin: 0;
}

#nav ul li {
	font-size: 0.9em;
	line-height: 1.5;
}

#nav ul li.nav-category {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	padding-top: 20px;
}

#nav ul li.sub {
	color: #38ff88;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 8px;
	vertical-align: top;
}

#nav ul li a {
	text-decoration: underline;
	color: #000;
}

#nav ul li a:hover {
	text-decoration: line-through;
	color: #000;
}

#nav ul li a.greenlink {
	text-decoration: underline;
	color: #37CC37;
}

#nav ul li a.greenlink:hover {
	text-decoration: line-through;
	color: #37CC37;
}

#nav ul li sub {
color: #0c0;
font-weight: bold;
text-transform: uppercase;
font-size: 8px;
vertical-align: top;

}


.content {
	float: left;
	width: 650px;
	margin-top: 63px;
}


.content .entry {
	margin: 0 0 30px 0;
}

.content .entry h2.entry-caption-title {
	text-transform:!important;
	font-weight: bold;
	font-size: 1.2em;
	padding: 15px 0 0 0;
	margin: 0 0 5px 0;
	line-height: 1.5;
}

.content .entry p.entry-caption {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

.content .entry p.entry-sub {
	font-size: 1em;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.cv{
	font-size:1.15em;
    line-height: 17pt;
}






h2.friends {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	line-height: 1;
}

ul.friend-list li {
	font-size: 0.9em;
	line-height: 1.4;
}



/*Some CSS*/
* {margin: 0; padding: 0;}
.magnify {width: 200px; margin: 50px auto; position: relative;}

/*Lets create the magnifying glass*/
.large {
	width: 175px; height: 175px;
	position: absolute;
	border-radius: 100%;
	
	/*Multiple box shadows to achieve the glass effect*/
	box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
	0 0 7px 7px rgba(0, 0, 0, 0.25), 
	inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
	
	/*Lets load up the large image first*/
	background: url('http://thecodeplayer.com/uploads/media/iphone.jpg') no-repeat;
	
	/*hide the glass by default*/
	display: none;
}

/*To solve overlap bug at the edges during magnification*/
.small { display: block; }

.grow { transition: all  0.5s ease-in-out;}

.grow:active{transform: scale(1.6) translateY(100px); -webkit-filter: brightness(1.1) !important;}

.grow:hover {-webkit-filter: brightness(0.5);}

.grow2 { transition: all  0.5s ease-in-out;}

.grow2:active{transform: scale(1.6) translateY(-100px); -webkit-filter: brightness(1.1) !important;}

.grow2:hover {-webkit-filter: brightness(0.5);}

.grow3 { transition: all  0.5s ease-in-out;}

.grow3:active{transform: scale(1.6) translateY(0px); -webkit-filter: brightness(1.1) !important;}

.grow3:hover {-webkit-filter: brightness(0.5);}

p.credit{font-size: 1em; font-weight: bold;}