/* HOSTBABY Redesign stylesheet
Visual Design - Stacy Bias (www.hostbaby.com)
Coding - Andrew Tay (www.andrewtay.com) February-March 2009
Wordpress Modifications - Rebecca Bateman (www.hostbaby.com) August 2009

Theme Name: HostBaby Wordpress Theme
Theme URI: (blog.hostbaby.com)
Description: A custom Wordpress theme for Hostbaby.com
Version: 1.0
Author Name: HostBaby 
Author URI: (www.hostbaby.com)
*/



/* --- GLOBAL PAGE SETTINGS --------------------------------------------------------------------------------- */

html, body, div	{margin: 0; padding: 0}
img					{border: none;}

/* (mostly) firefox defaults, for other browsers' benefit */

body					{line-height: 1.5;}
dl						{line-height: 1.33;}

p, blockquote 			{margin: 1em 0;}	
ul, ol 					{margin: 1em 0 1em 40px; padding: 0;}
dl						{margin: 1em 0;}	
h1 						{margin: .67em 0;}
h2						{margin: .83em 0;}
h3						{margin: 1em 0;}	


/* --- PAGE LAYOUT - GENERAL -------------------------------------------------------------------------------- */

body {
   text-align: center;				/* page auto-centering for IE5win */
	background: white url("http://www.hostbaby.com/images/bluegradient.gif") repeat-x;
   }
#accessibility {
	position: absolute;
	left: -9999px;
	}
#container {
   }

/* HEADER & MAIN NAVIGATION */

#header {
	min-height: 45px;
	background: #00aeef url("http://www.hostbaby.com/images/colorbars_blue_light.png") 0 100% repeat-x;
	position: relative;	
	z-index: 50;				/* this allows the header to overlap the top point of the star logo */
	}
	/* check hostbaby-ie6.css for IE6 and IE5 hacks */

	/* CLUBS and STUDIOS SITES */
	.studios #header {
		background-color: #047391;
		}

#headercontainer {
	width: 750px;
	margin: 0 auto;
   }

a#trial {
	float: left;
   width: 100px;
   height: 28px;
	margin-top: 3px;
	padding-top: 1px;
	text-indent: 4px;
   line-height: 28px;
   background: url("http://www.hostbaby.com/images/freetrialbutton-sprite.png") 0 0 no-repeat;
   }
   a#trial:link 			{color: #222; background-position: top left;}
   a#trial:visited			{color: #222; background-position: top left;}
   a#trial:hover 			{color: black; background-position: bottom left;}
   a#trial:active			{color: black; background-position: bottom left;}

	/* check hostbaby-ie6.css for IE6 and IE5 hacks */

#mainnav {
	color: #e5f1f5;
	font: bold 17px "Trebuchet MS", "Lucida Grande", sans-serif;
	line-height: 36px;
	text-align: right;
	margin-right: -5px;
	}
#mainnav ul {
	margin: 0;
	}
#mainnav ul li {
	display: inline;
	}
	
#mainnav li a {
	padding: 0 5px;
	text-transform: uppercase;
	}
   #mainnav li a:link 		{color: #e5f1f5;}
   #mainnav li a:visited	{color: #e5f1f5;}
   #mainnav li a:hover 		{color: #e5f1f5; text-decoration: underline;}
   #mainnav li a:active		{color: #e5f1f5;}

   /* highlight current page */
   .home #mnavhome a, .pricing #mnavpricing a, .features #mnavfeatures a,
   .members #mnavmembers a, .help #mnavhelp a, .signup #signup a {
   /*	color: #bababa !important; */
	/*	text-decoration: none !important; */
   	}

/* CONTENT */
	

#contentcontainer {
	position: relative;		/* this is needed so that the #logolink and #logo can use position: absolute; */
	width: 800px;			
	margin: 0 auto;
	text-align: left;
	min-height: 2400px;
   }

/* In order to place the logo img behind the #header and #contenthead, and yet still have it clickable (to take
	you back to home), it was necessary to make them siblings along with #contenthead (normally, you would make
	the img a child of the link). Basically, this allows z-index to work. */
	
a#logolink, img#logo {
	position: absolute;
	width: 162px;
	height: 152px;
	top: -3px;
	left: 5px;
	}
   #logolink {
		background: url("fakeurl");	/* this forces IE and Opera to create the link correctly */
   	z-index: 200;
   	}
   #logo {
   	z-index: 0;
   	}
		
#contenthead {
	margin: 0 25px 23px 25px;
	min-height: 130px;
	padding-top: 6px;
  	border-bottom: 2px solid #00aeef;
	position: relative;				/* this is needed so that it can appear above the star logo */
	z-index: 70;
	}
	/* check hostbaby-ie6.css for IE6 and IE5 hacks */

	#overview {
		position: relative; 			/* this is needed to position rounded corners */
		width: 564px;					/* IE6 needs this to trigger hasLayout for rounded corners. bad ie! */
		margin: 0 0 0 166px;
		padding: 14px 10px 0 10px;
		background-color: #c7edf9;
		}
      #overview h1 {
			margin: 0;
      	    border-bottom: 2px solid #00aeef;
			padding-bottom: 6px;
			width: 100%;				/* this gives hasLayout to IE, which it needs to render it properly */
      	}
   	  #overview p {
			margin-bottom: 0.5em;
   		}
	
#contentbody {
	padding: 0 25px 20px 25px;
	    }

	
/* CLEVER FOOTER POSITIONING CODE */

	/* these lines keep the footer at bottom of screen, but automatically return it to the normal flow if the
		necessary for scrolling. Based on http://www.alistapart.com/articles/footers */
	
html, body {
	height: 100%;
	}
	
#container {
	position: relative;
	min-height: 100%;
	}
	
#content {
	padding-bottom: 100px;		/* approx the height of the footer and secondnav */
	}
	
#footer {
	position: absolute;
	bottom: 25px;					/* the height of the secondnav */
	left: 0;
	width: 100%;
	}
	
#secondnav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: white;
	}

/* FOOTER */
	
#footer {
	clear: both;
	min-height: 70px;
	min-width: 800px;
	background: #ff6014 url("http://www.hostbaby.com/images/colorbars_orange_light.png") 0 0 repeat-x;
	}
	/* check hostbaby-ie6.css for IE6 and IE5 hacks */
	
	/* CLUBS and STUDIOS SITES */
	    .clubs #footer, .studios #footer {
		background-color: #c13e1b;
		}
	
#footercontainer {
	position: relative;
	width: 750px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: left;
   }
	
#links {
    margin: auto;
	top: 13px; 
	left: 0;
	width: 325px;
	}

/* SECOND NAVIGATION */

#secondnav {
	height: 25px;
	color: #00a0c6;
	font: bold 12px "Trebuchet MS", "Lucida Grande", sans-serif;
	line-height: 24px;
	}
#secondnav ul {
	margin: 0;
	padding-top: 1px;
	list-style: none;
	}

#secondnav ul li {
	display: inline;
	margin: 0;
	}
#secondnav ul li#snavcopy {
	color: black;
	padding: 0 10px;
	}

#secondnav li a {
	padding: 0 10px;
	text-transform: uppercase;
	}
   #secondnav li a:link 		{color: #00a0c6;}
   #secondnav li a:visited		{color: #00a0c6;}
   #secondnav li a:hover 		{color: #ff6014; text-decoration: underline;}
   #secondnav li a:active		{color: #00a0c6;}
	
   /* highlight current page */
   .home #snavhome a,
   .pricing #snavpricing a,
   .features #snavfeatures a,
   .members #snavmembers a,
   .help #snavhelp a,
   .signup #snavsignup a {
   	color: #c13e1b !important;
		text-decoration: none !important;
   	}
		
		
/* --- TEXT & LINK STYLING ---------------------------------------------------------------------------------- */

body {
	color: black;
   font-family: "Trebuchet MS", "Lucida Grande", sans-serif;
   font-size: 13px;
	}

h1 {	
	font: bold 21px "Trebuchet MS", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	text-align: center;
	}
h2 {
	font: bold 21px "Trebuchet MS", "Lucida Grande", sans-serif;
	margin-bottom: 0;
	}
h3 {
	font: bold 18px "Trebuchet MS", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	}
p {
   line-height: 1.3;
   }

a				{font-weight: bold; text-decoration: none;}
   a:link 		{color: #8f0000;}	
   a:visited	{color: #8f0000;}
   a:hover 		{color: #fd6509; text-decoration: underline;}	
   a:active		{color: #8f0000;}

	
#footer #links dl { font: bold 14px "Trebuchet MS", "Lucida Grande", sans-serif; text-transform: uppercase;}
	#links dt {color: #e5f1f5;}
	#links dd a {color: black !important;}
	
.byline {
    font-size: 11px;
    }
    
    .homebyline {
    font-size: 11px;
    margin-left:60px;
    margin-top:-10px;
    }


/* --- COMMON GRAPHIC ELEMENTS ------------------------------------------------------------------------------ */

/* BUTTONS */

.buttons {
	display: block;
	font: bold 12px "Trebuchet MS", "Lucida Grande", sans-serif;
   text-align: center;
	text-transform: uppercase;		/* for form buttons, safari ignores this so it must be uppercase in the html */
   text-decoration: none !important;
	}

/* ROUNDED CORNERS */

	/* A different, float-based technique is used for IE6, which has trouble with this one due to rounding 
		errors. The IE6 version is hand-tweaked using negative margins. See hostbaby-ie6.css. */

.corners {
	background-repeat: no-repeat;
	position: absolute;
	font-size: 0px;
	}		
	.nw {top: 0;	 	left: 0; 	background-position: top left;}
	.ne {top: 0;		right: 0;	background-position: top right;}
	.sw {bottom: 0;	left: 0;		background-position: bottom left;}
	.se {bottom: 0;	right: 0;	background-position: bottom right;}

	#overview .corners {
		background-image: url("http://www.hostbaby.com/images/overviewcorners.gif");
		height: 14px;
		width: 14px;
		}

	.help dl#address .corners {
		background-image: url("http://www.hostbaby.com/images/helpcorners.gif");
		height: 14px;
		width: 14px;
		}

	.signup .moreinfo .corners {
		background-image: url("http://www.hostbaby.com/images/signupcorners.gif");
		height: 12px;
		width: 12px;
		}

	/* check hostbaby-ie6.css for IE6 and IE5 hacks */

	
/* FANCY BUBBLE TOOLTIPS */

	/* These are driven by tooltip.js, a jquery-based custom script. When js is disabled, they degrade to
		regular tooltips. */
	
#tooltip {
	position: absolute;
	display: none;
	width: 200px;
	z-index: 500;
	}	
   #tooltip p {
   	margin: 0;
   	padding: 0 13px;
   	color: #333;
   	font: bold 11px Arial, Helvetica, sans-serif;	
   	line-height: 1.5;
		text-align: left;
   	background: #f7f1b2;
   	}
   #tooltip .tiptop, #tooltip .tipbottom {
   	display: block;
   	background: url("http://www.hostbaby.com/images/tooltip-sprite.gif") top left no-repeat;
   	font-size: 1px;	/* keeps IE6 from expanding box vertically */
   	}
      #tooltip .tiptop {
      	height: 10px;
      	}
      #tooltip .tipbottom {
      	height: 25px;
   		background-position: bottom left;
      	}

			



/* --- social networking links in the footer --- */

#social

{ 
  width: 330px;
  height: 28px;
  margin-top: 10px;
  margin-bottom: 8px;
  padding-top: 5px;
  text-indent: 0px;
  line-height: 28px;
  }


			
			
/* NOSCRIPT */

/* NEW!! Before, there wasn't a #safenoscript div and these styles were applied to the actual noscript tag.
	Worked fine in all browsers incl. Opera 9, but it triggered a bug (actually a design flaw in Opera 9.5+. This
	workaround solves it. */
	
#safenoscript {		/* can't use borders or padding because in some browsers, they'll always appear */
	display: block;
	position: relative;
	width: 100%;
	color: #333;
	background-color: #ffffe1;
	z-index: 400;		/* needed to position higher than sidebar background */
	}
	noscript {	
		}
		noscript p {
			margin: 0;
			padding: 4px 10px;
	   	font: normal 11px Arial, Helvetica, sans-serif !important;
			text-align: left !important;
			}
		
	
/* --- PAGE LAYOUT - PAGE SPECIFIC -------------------------------------------------------------------------- */
	
/* HOME */

.home a#logolink, .home img#logo {
	position: absolute;
	width: 260px;
	height: 238px;
	left: -5px;
	top: -9px;
	}
	/* CLUBS and STUDIOS SITES */
	.home .clubs a#logolink, .home .clubs img#logo,
	.home .studios a#logolink, .home .studios img#logo {	
		width: 251px;
		height: 215px;
		top: -27px;
		}
		.home .clubs a#logolink, .home .clubs img#logo 			{left: 60px;}
		.home .studios a#logolink, .home .studios img#logo 	{left: 10px;}	
				
.home #contenthead {
	min-height: 215px;
	padding-bottom: 10px;
	margin-bottom: 4px;
	}
	/* check hostbaby-ie6.css for IE6 and IE5 hacks */
	
.home #overview {
	width: 505px;				/* IE6 & IE7 need this to trigger hasLayout. otherwise, we'd leave it out */
   margin: 0 -10px 0 255px;
   padding: 11px 0 0 0;
   font-size: 13px;
   background: none;
   }
	/* CLUBS and STUDIOS SITES */
	.home .clubs #overview,
	.home .studios #overview {backg3round: pink !important;
		width: 750px;		
		margin: 0;
	   }

   /* Special fancy code makes sure the floats are cleared. See
		http://www.positioniseverything.net/easyclearing.html */
   .home #overview:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
   	}		
		
   .home #overview h1 {
		margin: 0;
      border: none;
      padding-bottom: 6px;
      text-align: left;
      }
		/* CLUBS and STUDIOS SITES */
	   .home .clubs #overview h1,
		.home .studios #overview h1 {backg3round-color: yellow !important;
			padding-top: 160px;		/* h1 image replacement */
			height: 0;					/* h1 image replacement */
			overflow: hidden;			/* h1 image replacement */
			width: auto;
	      }
		   .home .clubs #overview h1 {
				margin-left: 290px;
				background: url("http://www.hostbaby.com/images/graphicheader-clubs.gif") left 5px no-repeat;
		      }
		   .home .studios #overview h1 {
			margin-left: 245px;
			background: url("http://www.hostbaby.com/images/graphicheader-studios.gif") left 0px no-repeat;
		      }
				
   .home #overviewtour {
		position: relative;		/* provides a reference for the button */
		float: left;
      width: 210px;
      }
		/* CLUBS and STUDIOS SITES */
	   .home .clubs #overviewtour,
		.home .studios #overviewtour {backg3round: green !important;
			position: relative;		/* provides a reference for the button */
			float: none;
	      width: 100%;
			margin: 10px 0 0.5em 0;
	      }
			.home .clubs #overviewtour p,
			.home .studios #overviewtour p {back3ground: red !important;
				margin: 0 215px 0 10px;		/* you can reduce margins to 0 180px 0 0 widen */
				}

      .home a#wizardtour {
			position: absolute;
			top: 5em;
			left: 8px;
         width: 184px;
         height: 31px;
			padding-top: 10px;
         margin: 0 auto;
      	font-size: 20px;
      	text-indent: -27px;
         line-height: 1.3;
      	letter-spacing: -0.5px;
         background: url("http://www.hostbaby.com/images/wizardtourbutton-sprite.png") 0 0 no-repeat;
         }
         .home a#wizardtour:link 		{color: #909426; background-position: top left;}
         .home a#wizardtour:visited		{color: #909426; background-position: top left;}
         .home a#wizardtour:hover 		{color: #6f721d; background-position: center left;}
         .home a#wizardtour:active		{color: white; background-position: bottom left;}

			/* CLUBS and STUDIOS SITES */
			.home .clubs a#wizardtour,
			.home .studios a#wizardtour {
				left: auto;			/* resets to default */
				top: 0.1em;				
				right: 10px;		/* you can reduce right to 0 to widen */
				font-size: 18px;
				line-height: 1.4
				}
			   .home .clubs a#wizardtour {
					background-image: url("http://www.hostbaby.com/images/clubstourbutton-sprite.png");
			      }
		         .home .clubs a#wizardtour:link 		{color: #c13e1b;}
		         .home .clubs a#wizardtour:visited	{color: #c13e1b;}
		         .home .clubs a#wizardtour:hover 		{color: #901513;}
		         .home .clubs a#wizardtour:active		{color: #4a0b0a;}
					
			   .home .studios a#wizardtour {
					background-image: url("http://www.hostbaby.com/images/studiostourbutton-sprite.png");
			      }
		         .home .studios a#wizardtour:link 		{color: #e5f1f5;}
		         .home .studios a#wizardtour:visited		{color: #e5f1f5;}
		         .home .studios a#wizardtour:hover 		{color: #f0fbff;}
		         .home .studios a#wizardtour:active		{color: white;}

				      
			/* check hostbaby-ie6.css for IE6 and IE5 hacks */
		
   .home #overviewmembers {
		position: relative;		/* provides a reference for the button */
		float: right;
	   width: 265px;
	   height: 140px;
	   padding-left: 18px;
		padding-top: 10px;
	   border-left: 2px solid #00aeef;
   	}	
      .home input#login {
			position: absolute;
			top: 5em;
			left: 27px;
         width: 184px;
         height: 41px;
			padding: 3px 24px 0 0;	/* these help centering. strangely, uses wrong box model in all browsers. */
			border: none;
         background: url("http://www.hostbaby.com/images/loginbutton-sprite.png") 0 0 no-repeat;
			color: #aa3617;
			font-size: 20px;
         }
         .home input#login:hover 	{color: #8d2e14; background-position: center left;}
      
			/* check hostbaby-ie6.css for IE6 and IE5 hacks */
			
.home h1 {
	font-size: 35px;
	}
.home h2#headline {
	margin: 0;
	font-size: 48px;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-align: center;
	}

.home dl#featureslist {
	float: right;
   width: 255px;
   padding-left: 18px;
   border-left: 2px solid #8c8c8c;
	font-weight: bold;
	text-transform: uppercase;
   }	
   .home #featureslist dt {
   	font-size: 19px;
      }	
   .home #featureslist dd {
   	font-size: 11px;
   	margin-left: 0;
   	margin-bottom: 1em;
      }	

		

/* FEATURES, MEMBERS, & Blog */

#submenu {
	float: left;
	width: 208px;
	margin-left: 25px;
	font: normal 14px "arial black", impact, sans-serif;
	display: inline;			/* prevents IE5/6 doubled margin float bug */
	}
#submenu ul {
	margin: 0;
	}
   #submenu ul li {
   	padding-left: 25px;
	list-style: none;
   	background: url("images/littlestar.gif") 0 2px no-repeat;
   	}
   #submenu li a {
   	display: block;
   	width: 100%;
   	padding: 2px 0 2px 5px;
   	line-height: 21px;
   	border-bottom: 1px solid #b5dce5;
	font-weight: normal !important;
   	text-decoration: none;
   	}
      #submenu li a:link 		{color: #0060b6;}
      #submenu li a:visited		{color: #0060b6;}
      #submenu li a:hover 		{color: #ef5e45;}		/* you can use !important to override current link color */
      #submenu li a:active		{color: #0060b6;}


/* extra styling for BLOG submenu */
     #submenu li a strong {
   		font-weight: normal !important;
      	}
         #submenu li a:link strong 		{color: #c13e1b;}
         #submenu li a:visited strong		{color: #c13e1b;}
         #submenu li a:hover strong 		{color: #ef5e45;}
         #submenu li a:active strong		{color: #c13e1b;}
         
         #submenu li.cat-item-4 { background: url("images/littlestar_yellow.gif") 0 2px no-repeat; }
         #submenu li.cat-item-5 { background: url("images/littlestar_red.gif") 0 2px no-repeat; }
         #submenu li.cat-item-6 { background: url("images/littlestar_blue.gif") 0 2px no-repeat; }
         #submenu li.cat-item-7 { background: url("images/littlestar_orange.gif") 0 2px no-repeat; }
         #submenu li.cat-item-8 { background: url("images/littlestar_white.gif") 0 2px no-repeat; }
         #submenu li.cat-item-47 { background: url("images/littlestar_green.gif") 0 2px no-repeat; }

       
		h2.category4-title  { color: #0060b6 !important; text-transform:uppercase; line-height: 55px; padding-left: 60px; background: url("images/star_categoryyellow.gif") 0 2px no-repeat; }
		h2.category5-title  { color: #0060b6 !important; text-transform:uppercase; line-height: 55px; padding-left: 60px; background: url("images/star_categoryred.gif") 0 2px no-repeat; }
		h2.category6-title  { color: #0060b6 !important; text-transform:uppercase; line-height: 55px; padding-left: 60px; background: url("images/star_categoryblue.gif") 0 2px no-repeat; }
		h2.category7-title  { color: #0060b6 !important; text-transform:uppercase; line-height: 55px; padding-left: 60px; background: url("images/star_categoryorange.gif") 0 2px no-repeat; }
		h2.category8-title  { color: #0060b6 !important; text-transform:uppercase; line-height: 55px; padding-left: 60px; background: url("images/star_categorywhite.gif") 0 2px no-repeat; }
		h2.category47-title  { color: #0060b6 !important; text-transform:uppercase; line-height: 55px; padding-left: 60px; background: url("images/star_categorygreen.gif") 0 2px no-repeat; }
		

		.readmore { clear: both; font-weight: normal !important; color: #c13e1b; text-align:right; font: bold 14px "Trebuchet MS", "Lucida Grande", sans-serif;
	text-transform: uppercase; line-height: 1.2em; }
        
       span.readmore { position: relative; left: 380px; }
       
       
       div.nav-prev, div.nav-next, div.nav-prev a, div.nav-next a {
		color:#0060B6;
		font-size:16px;
		font-weight:bold;
		}
         
        
        h2.advanced_tutorials { height: 55px; line-height: 20px; padding-left: 60px; padding-top: 15px; padding-bottom: 0px; background: url("images/star_categorywhite.gif") 0 2px no-repeat; }
	    h2.fun { height: 55px; line-height: 20px; padding-left: 60px; padding-top: 15px; padding-bottom: 0px; background: url("images/star_categoryred.gif") 0 2px no-repeat; }
        h2.announcements { height: 55px; line-height: 20px; padding-left: 60px; padding-top: 15px; padding-bottom: 0px; background: url("images/star_categoryblue.gif") 0 2px no-repeat; }
        h2.spreading_the_word { height: 55px; line-height: 20px; padding-left: 60px; padding-top: 15px; padding-bottom: 0px; background: url("images/star_categoryorange.gif") 0 2px no-repeat; }
        h2.website_101 { height: 55px; line-height: 20px; padding-left: 60px; padding-top: 15px; padding-bottom: 0px; background: url("images/star_categoryyellow.gif") 0 2px no-repeat; }
        h2.template-voting { height: 55px; line-height: 20px; padding-left: 60px; padding-top: 15px; padding-bottom: 0px; background: url("images/star_categorygreen.gif") 0 2px no-repeat; }
        h2.artist-advice { height: 55px; line-height: 20px; padding-left: 60px; padding-top: 15px; padding-bottom: 0px; background: url("images/star_categorygreen.gif") 0 2px no-repeat; }
        

        img.alignleft { float:left; margin: 0 15px 15px 0; } 
        img.alignright { float:right; margin: 0 15px 15px 0; } 
        
        
/*  RSS FEED BUTTON     */    
		a#rss:visited {
		background-position:left top;
		color:#222222;
		}
		
		a#rss {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(http://www.hostbaby.com/images/rssfeedbutton-sprite.png) no-repeat scroll 0 0;
		height:28px;
		line-height:28px;
		margin-top:3px;
		padding-top:1px;
		text-indent:4px;
		width:100px;
		}


         
/* IMPORTANT: These highlight the current page in the submenu. Full instructions are in
	commonfeaturessubmenu.php and commonmemberssubmenu.php */

      /* Highlight Current Page */
      #fwizard #subwizard a,
      #ftemplates #subtemplates a,
      #flistbaby #sublistbaby a,
      #femail #subemail a,
      #fstreamaudio #substreamaudio a,
      #fsellmerch #subsellmerch a,
      #feventcal #subeventcal a,
      #fnewsblog #subnewsblog a,
      #fadvanced #subadvanced a,
      #fservers #subservers a,
      #fsupport #subsupport a {
      	color: #c13e1b;
      	}

      /* Highlight Current Page */
      #mmain #submain a, 
      #mmanual #submanual a,
      #medit #subedit a,
      #mpay #subpay a,
      #mtools #subtools a,
      #mlogout #sublogout a {
      	color: #c13e1b;
      	}
			
.features #contentbody, .members #contentbody, .blog #contentbody {
	margin: 0 0 25px 255px;
	border-left: 2px solid #b5dce5;
	padding: 0 0 0 18px;
	width: 488px;				/* needed for layout, and IE6 needs it to cure 3px text jog by giving hasLayout */
	}
	/* check hostbaby-ie6.css for IE6 and IE5 hacks */
		
	.features #contentbody h2, .members #contentbody h2 {
		margin-top: 0;			/* IE6 and IE7 need this because the won't collapse margin-top like they should */
		}