@import url('reset.css');
html,body {
	margin:0;
	height:100%;
	background:#dfdfdf url("../images/bg-pattern.png");
	font-size:14px;
	font-family: 'Amarante', "wf_SegoeUI",cursive, verdana, Tahoma, Helvetica, Verdana, sans-serif;
}

body {
	border-top:3px solid #777;
}

h2 {
	font-size:16px;
}

a {
	color:#0087B8;
	text-decoration:none;
}
a:hover {
	border-bottom:1px solid #0087B8;
}
		
div.canvas {
	margin:auto;
	width:100%;
}
header {
	height:10px;
	margin-bottom:20px;
}

footer {
	margin-top:20px;
	color:#999;
	font-size:11px;
	font-family:verdana;
	text-align:center;
	border-top:1px solid #ccc;
	padding:10px;
}
div.page {

}

div.page-box {
	margin-bottom:20px;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius:7px;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
}

div.getting-married {
	margin-bottom:20px;
	text-align:center;
}

div.getting-married a {
	color:#FD1341;
}

div.getting-married a:hover{
	border-color:#FD1341;
}

div.image-header {
	width:100%;
	height:283px;
	position:relative;
}

.box-background-img {
	position:absolute;
	left:0;
	top:0;
	border-radius:5px;
	width:100%;
}

p.profile, p.text {
	line-height: 1.3;
	font-size: 14px;
	text-align: justify;
	color:#666;
}

div.about, div.blog-ad, div.i-recommend, div.contact-me {
	background:rgba(255, 255, 255, .9);
	padding:20px;
}

div.blog-ad {
	padding:10px 20px;
}

div.i-recommend  h2, div.contact-me h2{
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
	padding-bottom:5px;
	color:#555;
}

div.i-recommend  a {
	display:block;
	font-size:13px;
	vertical-align:top;
	margin-bottom:5px;
	color:#666;
}

div.i-recommend  a.last {
	margin-bottom:0px
}

div.i-recommend  a span {
	vertical-align:top;
}

div.i-recommend  a span.l {	
	color:#0087B8;
}

div.i-recommend  a:hover {
	border:none;
}

div.contact-me div{	
	color:#666;
}

div.about div.profile-pic {
	float:left;
	margin-right:15px;
	border:1px solid rgba(0,0,0, 0.1);
	border-radius:2px;
	overflow:hidden;
	height:50px;
	margin-top:1px;
}

img.logo {
	text-indent:-99999px;
	width:80px;
	height:114px;
	margin-left:-100px;
	float:left;
}
h1.name {
	margin-left:175px;
	padding-top:50px;
	font: bold 50px/.925 'Aclonica', sans-serif, "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif", "arial narrow";
	color: #fff;
	position: relative;
	letter-spacing: -3px;
	-webkit-text-stroke-width: 0px;
	-webkit-text-stroke-color: #aaa;

	-webkit-transform: skewY(-20deg);
	-moz-transform: skewY(-20deg);
	transform: skewY(-20deg);

	text-shadow:	1px 1px 1px #6d828d,
					2px 2px 1px #6d828d,
					3px 3px 1px #6d828d,
					4px 4px 1px #6d828d,
					5px 5px 1px #6d828d,
					6px 6px 1px #2a4d5b,
					7px 7px 1px #2a4d5b,
					8px 8px 1px #2a4d5b,
					9px 9px 1px #2a4d5b,
					10px 10px 1px #2a4d5b,
					11px 11px 1px #002e34,
					12px 12px 1px #002e34,
					13px 13px 1px #002e34,
					14px 14px 1px #002e34;
}

.fb-like {
	float:left;
	width:80px;
}

.plusone-button {
	float:left;
	width:65px !important;
}

section.about-social {
  margin: 10px 0 5px;
  min-height: 50px;
  font-size: 35px;
  text-align: left;
}

section.about-social::after {
clear:both;
}

.about-social a {
  display: inline-block;
  position: relative;
  float: left;
  width: 35px;
  height: 35px;
  margin: 0 10px 0 0;
}

.about-social a:hover {
	border:none;
}

.about-social article {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.3);
  color: #fff;
  line-height: 90px;
  -webkit-transform: rotateY(0deg);
  -webkit-transition: all 0.2s linear, background-color 0s linear 0.2s, color 0s linear 0.2s;
}

.about-social span{
	display: block;
	height: 35px;
	width: 35px;
	margin: 0px auto;
	user-select: none;
	-webkit-transform: rotateY(0deg);
	-webkit-transition: transform 0.1s linear;
}
.about-social span:before {
	font-family: 'icons';
	font-style: normal;
	font-weight: normal;
	font-size: 35px;
	speak: none;
	display: block;
	text-decoration: inherit;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); 
	line-height: 40px;
	width: 100%;
	color: rgba(0,0,0,0.7);
}
.about-social span.icon-twitter::before{font-size:40px;}
.about-social span.icon-googleplus-rect::before{font-size:30px;}
.about-social span.icon-youtube::before{font-size:30px;}

.about-social a:hover article {
  -webkit-transform: rotateY(180deg);
  color: #eee;
  -webkit-transition: all 0.2s linear, background-color 0s linear 0.1s, color 0s linear 0.1s;
}
.about-social a:hover span:before
{
	margin:4px auto;
}

.about-social a:hover span.icon-facebook-rect:before
{
	content:url("../images/social/facebook-32x32.png");
}
.about-social a:hover span.icon-googleplus-rect:before
{
	content:url("../images/social/googleplus-32x32.png");
}
.about-social a:hover span.icon-twitter:before
{
	content:url("../images/social/twitter-32x32.png");
}
.about-social a:hover span.icon-linkedin-rect:before
{
	content:url("../images/social/linkedin-32x32.png");
}
.about-social a:hover span.icon-youtube:before
{
	content:url("../images/social/youtube-32x32.png");
}
.about-social a:nth-child(1){
  margin-left:0;
}

.about-social span {
	-webkit-transition: -webkit-transform 0s linear 0.2s, text-shadow 0s linear 0.2s;
	/*-moz-transition: -moz-transform 0.1s linear 0.2s, text-shadow 0s linear 0.2s;
	-o-transition: -o-transform 0s linear 0.2s, text-shadow 0s linear 0.2s;*/
	display: block;
}
.about-social a:hover span {
	-webkit-transition: -webkit-transform 0s linear 0.1s;
	-webkit-transform: scale(-1,1);
}

.load-bg-images {
	display:none;
}

/* ICONS */
@font-face {
  font-family: 'icons';
  src: url("font/icons.eot");
  src: url(".font/icons.eot?#iefix") format('embedded-opentype'), url("font/icons.woff") format('woff'), url("font/icons.ttf") format('truetype'), url("font/icons.svg#icons") format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon-home:before { content: '\2302'; } /* '⌂' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-comment:before { content: '\e718'; } /* '' */
.icon-chat:before { content: '\e720'; } /* '' */
.icon-bag:before { content: '\e78a'; } /* '' */
.icon-facebook-rect:before { content: '\f301'; } /* '' */
.icon-twitter-bird-1:before { content: '\e800'; } /* '' */
.icon-twitter:before { content: '\f304'; } /* '' */
.icon-googleplus-rect:before { content: '\f309'; } /* '' */
.icon-linkedin-rect:before { content: '\f312'; } /* '' */
.icon-youtube:before { content: '\f313'; } /* '' */
.icon-twitter-rect:before { content: '\f314'; } /* '' */
.icon-picture:before { content: '🌄'; } /* '\1f304' */
.icon-video:before { content: '🎬'; } /* '\1f3ac' */
.icon-thumbs-up:before { content: '👍'; } /* '\1f44d' */
.icon-thumbs-down:before { content: '👎'; } /* '\1f44e' */
.icon-user:before { content: '👤'; } /* '\1f464' */
.icon-folder-open:before { content: '📂'; } /* '\1f4c2' */
.icon-camera:before { content: '📷'; } /* '\1f4f7' */


/* Media CSS */

@media all and (min-width: 600px)  {
	div.image-header, div.canvas, .box-background-img {width:600px;}
	h1.name {margin-left:375px;padding-top:75px;}
}