			@import "/css/themes/base/global.css";
			@import "/css/themes/eileen/global.css";
			
			
			@media screen {
			#h #h-faq { 
			background-image : url(/images/themes/eileen/homepage/h_faq.png) ; 
					_background-image : url(/images/themes/eileen/homepage/h_faq.gif) ; 
					padding : 35px 0 0 109px ; 
					position : absolute ; 
					right : 1px ; 
					top : 59px ; 
					z-index : 150 ; 
				/* this is the original positioning before games was added to the navbar
				background-image : url(/images/themes/eileen/homepage/h_faq.png) ; 
				_background-image : url(/images/themes/eileen/homepage/h_faq.gif) ; 
				padding : 29px 0 0 101px ; 
				right : 15px ; 
				top : 60px ; */
				}
				
			#b #m { padding-left : 7px ; padding-right: 0px; _padding-right: 9px;}
	/*~	___layouts over-writes	*/
			#b #content .b-c .b { margin-right : 10px ; width : 312px ; }
			#b #content .b-c .c { width : 258px ; }
			#b #content .b-c { margin-bottom : 7px ; }
			#b #content .a-b-c .gr { margin-right : 14px ; _margin-right: 10px; width : 184px ;}
			#b #content .a-b-c .c { margin : 0px ; }
			#b #content .a-c { margin-top : 15px ; }
			#b #content .a-c .gr { width : 290px ; }
			
			#b #content h1 { 
				/*background : url(/images/themes/eileen/jane_cathome.png) left top no-repeat ; 
				_background : url(/images/themes/eileen/jane_cathome.gif) left top no-repeat ; */
				font : normal 250% georgia, "times new roman", serif ; 
				line-height : 1.4em ; 
				margin : 0 0 0px 6px ; 
				padding : 0 0 14px 210px ; *padding-top : 5px ;
				height: 150px ;
			}

			#b #content h1 a {
				color:#FF2084 ! important;
			}

			#b #content h1 a.small {
				font-size:.85em;
			}

			#b #content h1 a.large {
				font-size:1.5em;
			}

			#b #content h1 a.uber {
				font-size:2em;
			}

			#b #content h1 strong.first-word { font-size : 175% ; font-weight : normal ; *line-height : 1em ; }
			.custom #b #content h1 { background : transparent ; padding-left : 0 ; }
			.custom #b #content h1 img { float : left ; margin-right : 10px ; margin-top: 10px;}
			
			#b #content h2 { font : bold 200% arial, verdana, sans-serif ; margin-bottom : .6em ; }
			#b #content h2.traditional { font-family : lucida, "times new roman", serif ; }
			#b #content h2 a { text-decoration : none ; }
			
			#b #content .a-b-c h2 { font : bold 120% Arial, sans-serif ; }
			#b #content .a-b-c p.action { float : left ; }
			#b #content .a-b-c .b ul.pipe { margin-top : 10px ; }
			
			#b #content .a-c h2 { font-size : 200% ; margin-bottom : 0.1em ; }
			#b #content .a-c .gr h4 { font-weight : normal ; margin-bottom : 22px ; }
			#b #content .a-c .gr { font-size : 110% ; }
			
			#b #content .pipe { margin-top : 1em ; }
			
	/*~	.lead	*/
			#b #content a { text-decoration : underline ; }
			#b #content p { line-height : 1.3em ; }
			
/*~	.step	*/
			#b .step, 
			#content .a-c .gr { background-repeat : no-repeat ; padding : 7px 5px 20px ; }
			#content .a-c .gr { padding : 7px 10px 20px 0px; }
			#b #content .step h3 { 
				font : normal 200% georgia, "times new roman", serif ; 
				_height : 4.8em ; 
				_margin-bottom : -60px ; 
				min-height : 48px ; 
				padding-bottom : 20px ; 
				}
			#b .step img { margin-bottom : 10px ; _width : 184px ; }
			#b .step p { margin-bottom : 10px ; }
			
/*~	.categories	*/
			#b .categories li { float : left ; width : 48.5% ; }
			#b .categories-short li { float : left ; width : 32% ; }
			#b .categories-full { clear: left; padding-top: 3em } 
/**~ custom styles	*/
			body.health .category-background-header,
			body.diet .category-background-header,
			body.food .category-background-header,
			body.family .category-background-header,
			body.coffee-break .category-background-header,
			body.sex .category-background-header  {
				margin:0px;
				width: 186px ; 
			}

			body.health .category-background-header div,
			body.diet .category-background-header div,
			body.food .category-background-header div,
			body.family .category-background-header div,
			body.coffee-break .category-background-header div,
			body.sex .category-background-header div  {
				padding: 6px ;
				font-size: 1.3em ;
				font-weight: bold ;
				color: #FFFFFF ;
				background-image: url('/images/corner/md_tr.png');
				background-position:right top;
				background-repeat:no-repeat;
			}

			body.health .category-background-header {
				background: transparent url('/images/themes/eileen/sprite_secondary_nav.png') repeat-x scroll left -1px ;
			}

			body.diet .category-background-header {
				background: transparent url('/images/themes/eileen/sprite_secondary_nav.png') repeat-x scroll left -151px ;
			}

			body.food .category-background-header {
				background: transparent url('/images/themes/eileen/sprite_secondary_nav.png') repeat-x scroll left -301px ;
			}

			body.family .category-background-header {
				background: transparent url('/images/themes/eileen/sprite_secondary_nav.png') repeat-x scroll left -451px ;
			}
			
			body.coffee-break .category-background-header {
				background: transparent url('/images/themes/eileen/sprite_secondary_nav.png') repeat-x scroll left -451px ;
			}

			body.sex .category-background-header {
				background: transparent url('/images/themes/eileen/sprite_secondary_nav.png') repeat-x scroll left -1200px ;
			}
			
			.category-background-header div a {
				color:#FFFFFF ! important;
				text-decoration: none ! important ;
			}
			

			
/**~	custom styles	*/
			#b #content .s-01 h3, 
			#b #content .s-02 h3, 
			#b #content .s-03 h3 { 
				background-repeat : no-repeat ; 
				margin-top : -14px ; _margin-top : 0 ; 
				padding : 10px 0 11px 39px ; _padding : 0 0 20px 39px ; 
				}

			body.health #b #content .s-01 h3 { background-image : url(/images/themes/eileen/step_01_health.png) ; _background-image : url(/images/themes/eileen/step_01_health.gif) ; }
			body.health #b #content .s-02 h3 { background-image : url(/images/themes/eileen/step_02_health.png) ; _background-image : url(/images/themes/eileen/step_02_health.gif) ; }
			body.health #b #content .s-03 h3 { background-image : url(/images/themes/eileen/step_03_health.png) ; _background-image : url(/images/themes/eileen/step_03_health.gif) ; }

			body.family #b #content .s-01 h3 { background-image : url(/images/themes/eileen/step_01_family.png) ; _background-image : url(/images/themes/eileen/step_01_family.gif) ; }
			body.family #b #content .s-02 h3 { background-image : url(/images/themes/eileen/step_02_family.png) ; _background-image : url(/images/themes/eileen/step_02_family.gif) ; }
			body.family #b #content .s-03 h3 { background-image : url(/images/themes/eileen/step_03_family.png) ; _background-image : url(/images/themes/eileen/step_03_family.gif) ; }

			body.food #b #content .s-01 h3 { background-image : url(/images/themes/eileen/step_01_food.png) ; _background-image : url(/images/themes/eileen/step_01_food.gif) ; }
			body.food #b #content .s-02 h3 { background-image : url(/images/themes/eileen/step_02_food.png) ; _background-image : url(/images/themes/eileen/step_02_food.gif) ; }
			body.food #b #content .s-03 h3 { background-image : url(/images/themes/eileen/step_03_food.png) ; _background-image : url(/images/themes/eileen/step_03_food.gif) ;}
			
			body.diet #b #content .s-01 h3 { background-image : url(/images/themes/eileen/step_01_diet.png) ; _background-image : url(/images/themes/eileen/step_01_diet.gif) ; }
			body.diet #b #content .s-02 h3 { background-image : url(/images/themes/eileen/step_02_diet.png) ; _background-image : url(/images/themes/eileen/step_02_diet.gif) ; }
			body.diet #b #content .s-03 h3 { background-image : url(/images/themes/eileen/step_03_diet.png) ; _background-image : url(/images/themes/eileen/step_03_diet.gif) ;}
			
			body.forums #b #content .s-01 h3 { background-image : url(/images/themes/eileen/step_01_health.png) ; _background-image : url(/images/themes/eileen/step_01_forums.gif) ; }
			body.forums #b #content .s-02 h3 { background-image : url(/images/themes/eileen/step_02_health.png) ; _background-image : url(/images/themes/eileen/step_02_forums.gif) ; }
			body.forums #b #content .s-03 h3 { background-image : url(/images/themes/eileen/step_03_health.png) ; _background-image : url(/images/themes/eileen/step_03_forums.gif) ; }
			
			body.sex #b #content .s-01 h3 { background-image : url(/images/themes/eileen/step_01_sex.png) ; _background-image : url(/images/themes/eileen/step_01_sex.gif) ; }
			body.sex #b #content .s-02 h3 { background-image : url(/images/themes/eileen/step_02_sex.png) ; _background-image : url(/images/themes/eileen/step_02_sex.gif) ; }
			body.sex #b #content .s-03 h3 { background-image : url(/images/themes/eileen/step_03_sex.png) ; _background-image : url(/images/themes/eileen/step_03_sex.gif) ;}
			
			body.health .step { background-image : url(/images/themes/eileen/bg_gradient_sm_health.png) ; }
			body.food .step { background-image : url(/images/themes/eileen/bg_gradient_sm_food.png) ; }
			body.diet .step { background-image : url(/images/themes/eileen/bg_gradient_sm_diet.png) ; }
			body.family .step { background-image : url(/images/themes/eileen/bg_gradient_sm_family.png) ; }
			body.forums .step { background-image : url(/images/themes/eileen/bg_gradient_sm_family.png) ; }
			body.sex .step { background-image : url(/images/themes/eileen/bg_gradient_sex_sm.png) ; }
			body.coffee-break .step { background-image : url(/images/themes/eileen/bg_gradient_sm_coffee-break.png) ; }
			body.health #content .a-c .gr { background-image : url(/images/themes/eileen/bg_gradient_lg_health.png) ; }
			body.food #content .a-c .gr { background-image : url(/images/themes/eileen/bg_gradient_lg_food.png) ; }
			body.diet #content .a-c .gr { background-image : url(/images/themes/eileen/bg_gradient_lg_diet.png) ; }
			body.family #content .a-c .gr { background-image : url(/images/themes/eileen/bg_gradient_lg_family.png) ; }
			body.forums #content .a-c .gr { background-image : url(/images/themes/eileen/bg_gradient_lg_forums.png) ; }
			body.sex #content .a-c .gr { background-image : url(/images/themes/eileen/bg_gradient_lg_thin_sex.png) ; }
				
			#b.intro {
				background-image: url(/images/themes/eileen/bg_header_home.png);
				background-position:top center;
				background-repeat:repeat-x;
			}

			body.family #b.intro {
				background-image: url(/images/themes/eileen/bg_header_family.png);
			}

			body.diet #b.intro {
				background-image: url(/images/themes/eileen/bg_header_diets.png);
			}

			body.health #b.intro {
				background-image: url(/images/themes/eileen/bg_header_health.png);
			}

			body.food #b.intro {
				background-image: url(/images/themes/eileen/bg_header_food.png);
			}

			body.forums #b.intro {
				background-image: url(/images/themes/eileen/bg_header_chat.png);
			}
			
			body.coffee-break #b.intro {
				background-image: url(/images/themes/eileen/bg_header_coffee-break.png);
			}
			
			body.sex #b.intro {
				background-image: url(/images/themes/eileen/bg_header_sex.png);
			}
			
				/* Category page */

				/*
				Styling elements on a vertical landing page:
				
				On category and article pages the containing div elements takes the id
				'articles-category'. On a vertical landing page this also takes the class
				'vertical'. So to style any of the below elements in a different way on
				a vertical landing page, create a duplicate selector that is prefixed with
				'div.vertical'.
				
				E.g.
					#articles-category-welcome {}
				
				To alter this element's style on the vertical landing page add a new selector:
					div.vertical #articles-category-welcome {}
				
				This approach keeps the number of selectors to a minumum as only those rules
				needed be created.
				*/
				
				#articles-category {
				  float:left;
				  width:500px;
				}
				#articles-category-welcome {
				  background-color:#eee;
				  float:left;
				  clear:both;
				  width:100%;
				}
				#articles-category-feature {
				  background-color:#e0e0e0;
				  float:left;
				  clear:both;
				  width:100%;
				}
				#articles-category-subfeatures {
				  background-color:#fff;
				  float:left;
				  clear:both;
				  width:100%;
				}
				.articles-category-subfeature {
				  background-color:#fff;
				  float:left;
				  margin:0;
				}
				
				/* set width of column for showing two articles */
				.number-columns-2 {
				  width:305px;
				}
				
				/* set width of column for showing two articles */
				.number-columns-3 {
				  width:140px;
				}

				#baby-overlay {
					position: absolute;
					right: 0px;
					top: 0px;
					z-index: 150;
				}

	#b #content .a-c .gr { 
		background : url(/images/themes/eileen/homepage/bg_gradient_sm.png) left top no-repeat ; 
		padding : 0px 5px 0 20px ; 
		_padding : 0px 0px 0 20px !important;
		width : 230px ; 
		}
		
	#b #content .a-c .gr .grh { 
		margin-top: 12px;
		}
		
	#b #content .a-c .c { 
		background-image : url(/images/themes/eileen/homepage/bg_gradient_md.png) ; 
		_margin-left : 6px ; 
		width : 330px ;
		}

	#b #content .a-c .c .grh { 
		margin-top: 12px;
		}
		
	body.health #b #content .a-c .c { 
		background-image : url(/images/themes/eileen/bg_gradient_lg_thin_health.png) ;
		background-position:right top;
	}

	body.health #b #content .a-c .gr { 
		background-image:url(/images/themes/eileen/bg_gradient_lg_thin_health.png); 
	}

	body.food #b #content .a-c .c { 
		background-image : url(/images/themes/eileen/bg_gradient_lg_thin_food.png) ;
		background-position:right top;
	}

	body.food #b #content .a-c .gr { 
		background-image:url(/images/themes/eileen/bg_gradient_lg_thin_food.png); 
	}

	body.diet #b #content .a-c .c { 
		background-image : url(/images/themes/eileen/bg_gradient_lg_thin_diet.png) ;
		background-position:right top;
	}

	body.diet #b #content .a-c .gr { 
		background-image:url(/images/themes/eileen/bg_gradient_lg_thin_diet.png); 
	}

	body.family #b #content .a-c .c { 
		background-image : url(/images/themes/eileen/bg_gradient_lg_thin_family.png) ;
		background-position:right top;
	}

	body.family #b #content .a-c .gr { 
		background-image:url(/images/themes/eileen/bg_gradient_lg_thin_family.png); 
	}

	body.sex #b #content .a-c .c { 
		background-image : url(/images/themes/eileen/bg_gradient_lg_thin_sex.png) ;
		background-position:right top;
	}

	body.sex #b #content .a-c .gr { 
		background-image:url(/images/themes/eileen/bg_gradient_lg_thin_sex.png); 
	}

				  }
/*	END SCREEN MEDIA TYPE	*/