@charset "UTF-8";
/*Styles for moginspace.us
	Styles for About_Me */

a:link, a:visited { color:#ea20a0; /*light pink*/ }
a:hover, a:active { background-color: #723030; /* maroon*/}


body {
	border-style:none;
	margin:0px;
	background-color: #440000;/*maroon*/
	color:#FFCCCC; /*light red*/}

.welcome_blurb {
	margin:15px auto;
	text-align:center;
	width:700px;}	
	
#about_me_container {
	position:relative;
	width:800px;
	height:730px;
	margin:0px auto;
	padding:2px 2px 0 2px;
	text-align:center;
	border-style:none;}

#my_data {
    width:400px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:5px;
	text-align:left;
	float:left;
	font-size:11pt;
	font-family:verdana;
	color:#FF9999; /*pink*/}

#profile_pic {
	float:left;
	border-style:solid;
	border-width:1px;
	border-color:#FF3300; /*red*/
	margin-right:5px;}

#my_data table{
    border-style:none;}

#my_data .my_data_label {
	font-weight:normal;
	font-size:7.5pt;
	text-align:left;
	padding-right:1px;}

#my_data .my_data_data {
	font-weight:bold;
	font-size:8pt;
	text-align:left;
	padding-left:2px;}

#location {
  width:350px;
  text-align:center;
  font-family:georgia, arial;
  color:#FF9999;
  position:relative;
  float:left;}

#location p {
  margin:3px auto;}

#location .mog_map {
  border-style:solid;
  border-width:1px;
  border-color:#FF3300;}

#mini_bio {
  width:400px;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:10px;
  margin-right:5px;
  text-align:justify;
  text-indent:25px;
  float:left;
  font-size:11pt;
  font-family:verdana;
  color:#FF9999;}

#mini_bio p {
  text-indent:25px;
  margin-top:0em;
  margin-bottom:0em;}

#mini_gallery {
  position:relative;
  float:left;
  width:250px;
  text-align:center;
  color:#FF9999;
  font-family:georgia;
  font-size:12px;
  top:-20px;
  padding:2px;
  margin-left:45px;
  border-style:solid;
  border-color:#FF3300;
  border-width:1px;}

#mini_gallery img{
  margin-right:5px;}

#mini_gallery td {
  list-style-type:none;
  font-size:8pt;
  font-family:verdana, arial;
  text-align:left;
  padding-bottom:2px;
  padding-left:4px;}

#my_facts {
  position:relative;
  top:0px;
  width: 450px;
  font-family:verdana, arial;
  font-weight:bold;
  font-size:10pt;
  color:#99FFFF;
  margin:0px auto;
  text-align:center;}

/*color synesthesia*/
img#grapheme_chart {
	margin:10px auto;
	width:369px;
	text-align:center;}

div#grapheme_body{
	width:600px;
	margin:0 auto;
	text-align:center;}

div#grapheme_body p {
	font-size:11pt;
	font-family:verdana;
	text-align:left;}