@charset "UTF-8";

 ! START OF CSS AREA for manual customisation  

! v4.3 - black semi transparent background, black heading background, new background image 
! v4.2 - Assorted revisions, clear container background, bold text, formatted Interests 
! v3.0 - revised for feature box using tables rather than lists which mfc doesn't like 
!        added new background for blue feature box 
! v2.0 - modified for feature box version 1 - using lists 
! v1.0 - Initial page configuration 
			
a:link,a:active,a:hover { 
	color:#ff00cc;
}

a:visited   {
	color:#ff33ff;
}

body {
	background-color: #000000;
	background-image:url(https://img.mfcimg.com/photos2/200/2008060/522-530-628-290-621359.jpg); 
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}

body,td {
	color: #ffffff;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
}

td .clock	{
	font-size:90%;	 
	color: #f1f1f1;
}

.container_padding {
	padding:	5px;
	height:	100%;
}

.container_transparency {
	height:100%;
	width:100%;
}

.container .box {
	-moz-opacity:1 !important;
	-webkit-opacity:1 !important;
	opacity:1 !important;	
	filter:alpha(opacity=100) !important;
	}
	
.container {
	color: #ffffff;
	position:relative;
	border: px  #;
	padding: 5px;
	height: 100%;
	background-image: none;
	background-color: #000000;
	-webkit-opacity: 0.85;
	-moz-opacity: 0.85;
	opacity:0.85;
	filter:alpha(opacity=85);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
}

.container .heading {
	padding: 0.25em 1em 0.25em 1em;
	background-color: #000000;	
	background-repeat: no-repeat;
	background-size: cover;
	color: #ffffff;
	font-family: 'Comic Sans MS', 'Tempus Sans ITC', cursive;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25em;
	opacity:1;
	filter:alpha(opacity=100);	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

}

.container .title {
	font-size: 1.75em;
	font-weight: bold;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;	
	}
	
.container img, .container .gallery_image {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity:1;
	filter:alpha(opacity=100);
	}
	
.content, .schedule {
	padding:5px; font-size:0.9em;
}

.status_key, .status_value, .blurb_key, .blurb_value {
	padding-left: 2em;
	}
	
.about_me, .interests_info,  .friends_key, .friends_value { 
	padding-left: 1em; 
	}
.interests_info {
	font-size: 1.1em;
	}
.interests_body {
	padding-left: 2em;
	}
		
.box{
	margin: 1em 0.5em 0.5em 0.5em;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}

.box table { padding: 0.5em; }
.box th { font-size: 1.5em; float:left; }

td .td_category, td .td_content {
	padding 0.5em; 
	float: left;
	vertical-align: top;
	}

td .td_category { color: #ffffff; }	
td .td_content { padding-left: 1.5em; color: #dddddd; }	

.rank_title { 	font-weight: bold; font-size: 1.1em;}

.blue { 
	background-color: #003366; 
	background-image: url(https://img.mfcimg.com/backgrounds/11678-t.jpg);
	background-repeat: no-repeat;
	background-size: cover;	
	color: #ffffff;
	}

.pink_hearts {
	background-color: #000; 
	background-image: url(https://img.mfcimg.com/backgrounds/13017.jpg);
	background-repeat: no-repeat;
	background-size: cover;	
	color: #ffffff;
}

.pink_marble {
	background-color: #000; 
	background-image: url(https://img.mfcimg.com/backgrounds/10303.jpg);
	background-repeat: no-repeat;
	background-size: cover;	
	color: #ffffff;
}

.purple_pattern {
	background-color: #000; 
	background-image: url(https://img.mfcimg.com/backgrounds/10725-t.jpg);
	background-repeat: repeat;
	background-size: cover;	
	color: #ffffff;
}

.font_plain { font-family: Verdana, Arial, Helvetica, sans-serif; }

.font_fun {	font-family: 'Comic Sans MS', 'Tempus Sans ITC', cursive; }

.gallery_image img {
	border: 1px solid #000000;
	}		
! END OF CSS customisation area