/*==== Reset CSS =============================================================*/
@import url(reset.css);

/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Ruluko);

/*==== Body Formatting =======================================================*/
html {		
	background: fixed #551a8b; /* Old browsers */
	background: fixed -moz-radial-gradient(center, ellipse cover,  #6c4f87 0%, #551a8b 100%); /* FF3.6+ */
	background: fixed -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#6c4f87), color-stop(100%,#551a8b)); /* Chrome,Safari4+ */
	background: fixed -webkit-radial-gradient(center, ellipse cover,  #6c4f87 0%,#551a8b 100%); /* Chrome10+,Safari5.1+ */
	background: fixed -o-radial-gradient(center, ellipse cover,  #6c4f87 0%,#551a8b 100%); /* Opera 12+ */
	background: fixed -ms-radial-gradient(center, ellipse cover,  #6c4f87 0%,#551a8b 100%); /* IE10+ */
	background: fixed radial-gradient(ellipse at center,  #6c4f87 0%,#551a8b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c4f87', endColorstr='#551a8b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

body {	
	/* Typography */
	font-size: 62.5%; /* default usually 16px -> 1em = 10px */
	font-family: Ruluko, Verdana, sans-serif;
	color: #ffffff;
	text-align: left;
}

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

img { vertical-align: top;}

sup {font-size: 0.5em; vertical-align: super; line-height: 130%;}
strong {font-weight: bolder;}

/*==== Global Classes ========================================================*/
.abs-center {margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.center {margin-left: auto; margin-right: auto;}
.text-center { text-align: center;}
/*.text_left { text-align: left;}
.text_right { text-align: right;}
.text_bigger { font-size: 2em; }
.text_italic { font-style: italic;}
.a_noshow { text-decoration: none; }*/
.clear {clear: both;}
.float-l {float: left;}
.float-r {float: right;}

/*==== Page CSS ==============================================================*/
#home {
	position: fixed;
	top: 0%;
	left: 0%;
}

#vert-center {
	height: 432px;  /* from browser - element #content */
}

/*==== Pics CSS ==============================================================*/
#pics {
	width: 286px; /*(sum of widths)+(number of pics*margins)= sum+32n */
	padding-left: 16px;
	padding-right: 16px;
}

.pic {
	display: inline-block;
	margin: 16px 16px 0px 16px;
}

/*==== Icons CSS =============================================================*/
#icons {
	width: 160px; /* (icon size + margins)*(number of icons) = (128+32)n */
	padding-left: 16px;
	padding-right: 16px;
}

.icon {
	display: inline-block;
	margin: 16px;
	/*border-radius: 25%;*/
}

/* .icon:hover {
	box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, .5);	
} */

#facebook { background: rgb(59,89,152); }
#googleplus { background: rgb(209,72,54); }
#linkedin { background: rgb(0,127,177); }

#email { background: rgb(80, 139, 25); }