@charset "UTF-8";

a:link,a:active, { 
	color:#e60cf4;
}
a:hover {
	color:#e60cf4;
	text-shadow: 0 0 9px #FF6699;
}
a:visited   {
	color:grey;
}

body {
	padding-top:430px;
	width:90%;
	background:url(https://sphotos-b.xx.fbcdn.net/hphotos-ash3/553195_447465385284722_2130189976_n.jpg) #fff;
	box-shadow:#FF6699 0px 0px 0px 0px;
	border-radius: 7px 7px 7px 7px;
	background-position: top left;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size:100%!important;
}

body,td {
	color: #e60cf4;
	border-radius: 7px 7px 7px 7px;
	font-family: 'Thaoma';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
}

td .clock	{	font-size:9px;	}

.container_padding {
	padding:	10px;
	height:	100%;
}

.container_transparency {
	height:100%;
	width:100%;
	background: url(https:sphotos-b.xx.fbcdn.nethphotos-ash3553195_447465385284722_2130189976_n.jpg);
	box-shadow:#FF6699 0px 1px 1px 1px;
	border-radius: 7px 7px 7px 7px;
}
.container {
	color: #e60cf4;
	position:relative;
	border: px  #;
	padding:	5px;
	height: 100%;
	background-color:transparent;
}

.container .heading {
	padding: 5px;
	background: #fff;
	border-radius: 7px 7px 7px 7px;
	color: #e60cf4;
    height:40px;
	font-family: 'COMIC SANS MS';
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
}

.content {
	padding:10px;
}

.thumbnail {

width:80px;

height:80px;

display:block;

float:left;

margin:-2px 0 0 -10px;

padding:8px 22px 9px 10px;

background:url();
}
[src='http:img.myfreecams.comphotos28008001088avatar.90x90.jpg'] {

padding:7px;
border:2px solid #e60cf4;

background: #192833; 

border-radius:8px;

-moz-border-radius:8px;

-moz-border-radius:8px;

margin: 0 0 0 -11px;

}



.gallery_image {

border:0;

}



.gallery_image img {

width: 70px;

height:70px;

border:6px solid #e60cf4;

border-radius:8px;

borderradius:8px;

-moz-border-radius:8px;

-moz-border-radius:8px;

margin: 0 10px 4px -6px;

}





.gallery_image img:hover {

border:6px solid #ec4ef6;

}
.wall_info {

font-weight:700;

color:#333;

text-decoration:none;

padding:10px;

background: url(http:mfcdesign.files.wordpress.com201301ocommhdr.png);
background-repeat:no-repeat;

margin:5px 0 0 115px;

border:0px solid #222222;

border-bottom:none;

border-top-right-radius:8px;

border-top-left-radius:8px;

-moz-border-radius-topright:8px;

-moz-border-radius-topleft:8px;

}
.wall_info A:link {

color:red;

text-decoration:none;

}



.wall_info A:visited {

color:#ec4ef6;

text-decoration:none;

}



.wall_info A:hover {

color:#ec4ef6;

text-decoration:none;
text-shadow: 0 0 5px #ec4ef6;

}



table {

margin:0;

padding:0;

}



td {

margin:0;

padding:0;

}



.container .heading {
	padding: 7px;
	background:url();
    background: #2d2d2d; 
    background: -moz-linear-gradient(top, #2d2d2d 0%, #0e0e0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d2d2d), color-stop(100%,#0e0e0e)); 
    background: -webkit-linear-gradient(top, #2d2d2d 0%,#0e0e0e 100%);
    background: -o-linear-gradient(top, #2d2d2d 0%,#0e0e0e 100%);
    background: -ms-linear-gradient(top, #2d2d2d 0%,#0e0e0e 100%);
    background: linear-gradient(to bottom, #2d2d2d 0%,#0e0e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#0e0e0e',GradientType=0 );
	border-radius: 7px 7px 7px 7px;
	color: #FFF;
    height:40px;
	font-family: 'COMIC SANS MS';
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
}




div[style='padding:8px;text-align:center;'] img {

border:3px solid #e60cf4;

background: #000; 

border-radius:8px;

borderradius:8px;

-moz-border-radius:8px;

-moz-border-radius:8px;

margin: 0 0 0 -17px;

}

.status_value, .status_key,  {

display:block;
align:right;
padding-left:12px;

}

.blurb_key, .blurb_value{
	color:#e60cf4;
}


table[cellpadding='0'] {

margin: auto;

}



.key {

color: #ff1587;

}



.value {

color: #e60cf4;

}
#btns {
	display: inline;
	width: auto;
	position: relative;
	width: 600px;
	height: 106px;
}
.amazon {
	display:inline-block;
	width: 240px;
	height: 100px;
	padding-left:15px;
	padding-right:15px;
	background-image:url(http:mfcdesign.files.wordpress.com201301amazonoff.png);
	background-repeat:no-repeat;
	opacity:0.5;

}
.amazon:a {
	display:inline;
	width: 240px;
	height: 100px;
	padding-left:15px;
	padding-right:15px;
	background-image:url(http:mfcdesign.files.wordpress.com201301amazonoff.png);
	background-repeat:no-repeat;
}
.amazon:hover {
	display:inline-block;
	width: 240px;
	height: 100px;
	padding-top:4px;
	padding-left:15px;
	padding-right:15px;
	background-image:url(http:mfcdesign.files.wordpress.com201301amazonon.png);
	background-repeat:no-repeat;
-webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity:1;
}
.ppal {
	display:inline-block;
	width: 240px;
	height: 100px;
	padding-left:15px;
	padding-right:15px;
	background-image:url(http:mfcdesign.files.wordpress.com201301ppoff.png);
	background-repeat:no-repeat;
	opacity:0.5;

}
.ppal:a {
	display:inline;
	width: 240px;
	height: 100px;
	padding-left:15px;
	padding-right:15px;
	background-image:url(http:mfcdesign.files.wordpress.com201301ppoff.png);
	background-repeat:no-repeat;

}
.ppal:hover {
	display:inline-block;
	padding-top:4px;
	width: 240px;
	height: 100px;
	padding-left:15px;
	padding-right:15px;
	background-image:url(http:mfcdesign.files.wordpress.com201301ppon.png);
	background-repeat:no-repeat;
	-webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity:1;
}
.tip {
	display:inline-block;
	width: 240px;
	height: 100px;
	padding-left:15px;
	padding-right:15px;
	background-image:url(http:mfcdesign.files.wordpress.com201301tipoff.png);
	background-repeat:no-repeat;
	opacity:0.5;

}
.tip:a {
	display:inline-block;
	width: 240px;
	height: 100px;
	padding-left:15px;
	padding-right:15px;
	background-image:url(http:mfcdesign.files.wordpress.com201301tipoff.png);
	background-repeat:no-repeat;

}
.tip:hover {
	display:inline-block;
	padding-top:4px;
	width: 240px;
	height: 100px;
	padding-left:15px;
	padding-right:15px;
	background-image:url(http:mfcdesign.files.wordpress.com201301tipon.png);
	background-repeat:no-repeat;
	-webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity:1;
}
.interests_info{display:none;}
.view {
width: 400px;
height: 200px;
margin: 10px;
float: left;
border: 10px solid #fff;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 4px #e6e6e6;
-moz-box-shadow: 1px 1px 4px #e6e6e6;
box-shadow: 1px 1px 4px #e6e6e6;
cursor: default;
background-color:#FFF;

}
.m2 {
	text-transform: uppercase;
    color: #f00;
    text-align: center;
    position: relative;
    font-size: 24px;
}
.view .mask,.view .content {
width: 300px;
height: 200px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view img {
display: block;
position: relative;
}
.view m2 {
text-transform: uppercase;
color: #f00;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: rgba(0, 0, 0, 0.8);
margin: 20px 0 0 0;
}
.view p {
font-family: Georgia, serif;
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 10px 20px 20px;
text-align: center;
}
.view a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #000;
color: #FFF;
text-transform: uppercase;
-webkit-box-shadow: 0 0 1px #000;
-moz-box-shadow: 0 0 1px #000;
box-shadow: 0 0 1px #000;
}
.view a.info:hover {
color:#F00;
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
}
.view-third img {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.view-third .mask {
background-color: rgba(0,0,0,0.6);
-ms-filter: 'progid: DXImageTransform.Microsoft.Alpha(Opacity=0)';
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translate(460px, -100px) rotate(180deg);
-moz-transform: translate(460px, -100px) rotate(180deg);
-o-transform: translate(460px, -100px) rotate(180deg);
-ms-transform: translate(460px, -100px) rotate(180deg);
transform: translate(460px, -100px) rotate(180deg);
-webkit-transition: all 0.2s 0.4s ease-in-out;
-moz-transition: all 0.2s 0.4s ease-in-out;
-o-transition: all 0.2s 0.4s ease-in-out;
-ms-transition: all 0.2s 0.4s ease-in-out;
transition: all 0.2s 0.4s ease-in-out;
}
.view-third m2 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-third p {
-webkit-transform: translateX(300px) rotate(90deg);
-moz-transform: translateX(300px) rotate(90deg);
-o-transform: translateX(300px) rotate(90deg);
-ms-transform: translateX(300px) rotate(90deg);
transform: translateX(300px) rotate(90deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-third a.info {
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-third:hover .mask {
-ms-filter: 'progid: DXImageTransform.Microsoft.Alpha(Opacity=100)';
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.view-third:hover m2 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.view-third:hover p {
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.view-third:hover a.info {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}

