﻿.foo{}
/*colors

100% #7E4079
90% #8B5386
80% #986694
70% #A479A1
60% #CBB3C9
50% #BE9FBC
40% #B28CAF
30% #D8C5D7
20% #E5D9E4
10% #F2ECF1


width:254px;
min-height:500px; /* for modern browsers 
height:auto !important; /* for modern browsers 
height:500px; /* for IE5.x and IE6 */
#memberLeft 

{
    width:255px;
    min-height:600px;
    height:auto !important;
    height:600px;
    float:left;
    background-image:url('../images/aboutGirl.jpg') ;
background-repeat:no-repeat;
background-position:left bottom;
}
#memberRight
{
    width:695px;
     min-height:500px;
    height:auto !important;
    height:500px;
    float:left;
}
#memberHead
{
    width:695px;
     min-height:60px;
    height:auto !important;
    height:60px;
    border-bottom: solid 1px #7E4079;
    float:left;
    margin-bottom:10px;
}
#memberHeadImg
{
    width:45;
     min-height:60px;
    height:auto !important;
    height:60px;
    float:left;
}
#memberHeadInfo
{
    width:200px;
     min-height:60px;
    height:auto !important;
    height:60px;
    margin-left:10px;
    float:left;
}
#memberHeadDate
{
    width:200px;
     min-height:20px;
    height:auto !important;
    height:20px;
    margin-top:40px;
    float:right;
    text-align:right;
}

/* Navi */
#memnavigation
{
    width:160px;
     min-height:300px;
    height:auto !important;
    height:300px;
    float:left;
    background-color: #F2ECF1;
}
#memnavigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#memnavigation li {
	border-bottom: 1px solid #FFFFFF;
	
	
}
#memnavigation li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #D8C5D7; /* Main Li's */
	border-right: 1px solid #D8C5D7;
	background-color: #D8C5D7;
	color: #7E4079;
	text-decoration: none;
	font-weight:bold;
}
#memnavigation li li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #F2ECF1; /* Sub Li's */
	border-right: 1px solid #F2ECF1;
	background-color: #F2ECF1;
	color: #7E4079;
	text-decoration: none;
		font-weight:normal;
}
#memnavigation li a:hover {
	background-color: #B28CAF;
	color: #7E4079;
}
#memnavigation ul ul {
	margin-left: 0px; 
}
#memnavigation ul ul li {
	border-bottom: 1px solid #F2ECF1; /* actual links */
	border-top: 1px solid #F2ECF1;
	margin:0;
	background-color: #F2ECF1; 
	color: #F2ECF1;
}
#memnavigation ul ul a:link, #memnavigation ul ul a:visited {
	background-color: #F2ECF1; /*links back color*/
	color: #7E4079;  /*links Text color*/
}
#memnavigation ul ul a:hover {
	background-color: #E5D9E4; /*links back color on hover*/
	color:  #7E4079;  /*links Text color hover*/
}


/*------- ------------*/
.navHeads
{
    width:158px;
    height:18px;
    float:left;
    border: solid 1px #ffffff;
    background-color:#E5D9E4;
}
.navHeadsIn
{
    width:150px;
    margin-left:5px;
}
.navLinks
{
    width:150px;
    margin-left:5px;
}

#memContent
{
    width:525px;
     min-height:400px;
    height:auto !important;
    height:400px;
    margin-left:10px;
    float:left;
}
.messageContainer1
{
    width:507px;
    min-height:18px;
    height:auto !important;
    height:18px;
    border-left: solid 4px #ffffff;
    border-right: solid 4px #ffffff;
    float:left;
    margin-bottom:5px;
}
.messageContainer2
{
    width:507px;
    min-height:18px;
    height:auto !important;
    background-color: #F2ECF1; 
    border-left: solid 4px #F2ECF1;
    border-right: solid 4px #F2ECF1;
    height:18px;
    float:left;
    margin-bottom:5px;
}
.messageHead
{
      width:507px;
     min-height:18px;
    height:auto !important;
    height:18px;
    border-bottom: solid 1px #7E4079;
    margin-top:2px;
    float:left;
    margin-bottom:5px;
    }
    .messageHeadL{width:385px; float:left;}
    .messageHeadM{width:60px; float:left;}
    .messageHeadR{width:60px; float:right;}
    .messageBody, messageBodyVis
    {width:505px; 
        min-height:18px; 
        height:auto !important;
         height:18px; 
         border: solid 1px #E5D9E4; 
         background-color: #ffffff; 
         margin-bottom:5px; 
        display:none;
         float:left;
    }
    .messageBody{visibility:hidden;}
    
     .messageBodyIn
    {width:480px; 
        min-height:18px; 
        height:auto !important;
         height:18px; 
         border-left: solid 10px #ffffff;
         border-right: solid 10px #ffffff;
          margin-bottom:5px; 
        float:left;
    }
    .messageTools
    {
           width:480px;
     min-height:18px;
    height:auto !important;
    height:18px;
    border-top: solid 1px #E5D9E4;
   margin-bottom:10px;
   padding-top:5px;
   text-align:right;
}
#replyContainer
{
    width:507px;
    min-height:18px;
    height:auto !important;
    height:18px;
    background-color: #F2ECF1;
    border-left: solid 4px #F2ECF1;
    border-right: solid 4px #F2ECF1;
    float:left;
    margin-bottom:5px;
    
}
#replyHeadL
{
      width:97px;
     min-height:25px;
    height:auto !important;
    height:25px;
    border-right: solid 1px #D8C5D7;
    margin-top:5px;
    margin-left:2px;
    float:left;
    margin-bottom:2px;
    }
    #replyHeadR
{
      width:394px;
     min-height:25px;
    height:auto !important;
    height:25px;
    
    margin-top:5px;
    margin-left:6px;
    float:left;
    margin-bottom:2px;
    }
     #replyBodyL
    {
         width:97px;
     min-height:105px;
    height:auto !important;
    height:105px;
    border-right: solid 1px #D8C5D7;
    margin-top:2px;
    margin-left:2px;
    float:left;
    margin-bottom:2px;
    }
    
     #replyBodyR
    { width:394px;
     min-height:105px;
    height:auto !important;
    height:105px;

    margin-top:2px;
    margin-left:6px;
    float:left;
    margin-bottom:2px;
    }
#replyButton
{
    width:497px;
    min-height:18px;
    height:auto !important;
    height:18px;
    background-color: #F2ECF1;
    border-left: solid 5px #F2ECF1;
    border-right: solid 5px #F2ECF1;
    margin-bottom:5px;
    margin-top:2px;
    text-align:right;
}

.infoL
{
          width:94px;
     min-height:22px;
    height:auto !important;
    height:22px;
    border-right: solid 1px #D8C5D7;
    margin-top:2px;
    margin-left:2px;
    padding-right:5px;
    float:left;
    margin-bottom:2px;
    text-align:right;
}
  .infoR
    { width:394px;
     min-height:22px;
    height:auto !important;
    height:22px;
    margin-top:2px;
    margin-left:6px;
    float:left;
    margin-bottom:2px;
    }
    #infoButton
    {
         width:228px;
    min-height:18px;
    height:auto !important;
    height:18px;
    background-color: #F2ECF1;
    border-left: solid 5px #F2ECF1;
    border-right: solid 5px #F2ECF1;
    margin-bottom:5px;
    margin-top:2px;
    text-align:right;
    }
    #infoHead
    {
         width:228px;
    min-height:18px;
    height:auto !important;
    height:18px;
    background-color: #F2ECF1;
    border-left: solid 5px #F2ECF1;
    border-right: solid 5px #F2ECF1;
    margin-bottom:5px;
    margin-top:2px;
    text-align:left;
    }
    
      #editBlogButton
    {
         width:450px;
    min-height:18px;
    height:auto !important;
    height:18px;
    background-color: #F2ECF1;
    border-left: solid 5px #F2ECF1;
    border-right: solid 5px #F2ECF1;
    margin-bottom:5px;
    margin-top:2px;
    text-align:right;
    }
ul.rollOverC 
{
     
     list-style: none;
		
		margin: 0 auto;
		margin-top:0px;
		padding: 0;
		padding-top:0px;
		padding-left:0px;
		border: none;
		
     
}

ul.rollOverC li{
    text-align:  left;
  
  padding-left: 25px;

	
	margin-top: 0px;
	height:auto;
	margin-bottom: 4px;

    list-style: none;
     font-family:Arial;
     color:#06185c;
     font-size:13px;
     background: url(images/green-bullet.jpg) 5px 0px no-repeat;
}
    ul.rollOverC a{
        display: block;
        text-decoration: none;
        background: url(images/green-bullet.jpg) 5px 5px no-repeat;
         padding: 3px 10px 3px 0px;
        margin: 5px;
    }
    ul.rollOverC a:hover{
        background-image: url(images/green-bullet.jpg);
        text-decoration: none;
    }
    
    .delImg
    {
        width:56px;
    min-height:60px;
    height:auto !important;
    height:60px;
   margin-bottom:5px;
    margin-top:2px;
    margin-left:7px;
    margin-right:7px;
    float:left;
        }
        
        .delGalCon
        {
        width:400;
        min-height:135px;
        height:auto !important;
        height:150px;
        border:solid 1px #8B5386; 
        margin-bottom:5px;
        margin-left:5px;
        float:left;
        }
        .delGalHead
        {
            width:256px;
       min-height:19px;
        height:auto !important;
        height:19px;
         margin-left:4px;
         margin-top:4px;
        border-bottom: solid 1px #8B5386;
        float:left;
            
        }
        .delGalImg
        {
            width:126px;
        min-height:126px;
        height:auto !important;
        height:126px;
         margin-left:4px;
         margin-top:4px;
        float:left;
        }
        .delGalDesc
        {
        width:256px;
        min-height:80px;
        height:auto !important;
        height:80px;
        margin-left:4px;
        margin-bottom:2px;
        border-bottom: solid 1px #8B5386;
        float:left;
        }
        .delGalDelBtn
        {
            width:256px;
        min-height:25px;
        height:auto !important;
        height:25px;
        text-align:right;
        margin-left:4px;
        
        float:left;
        }
        