/*body { color: #ffffff; background: #203036; }*/
body { color: #ffffff; background:#203036; }
h1,h2,h3,h4,h5,h6 { color: #fff; }

	/*following 2 lines are the original css code*/
	/*.right-shadow { background: #2d4047 url(images/blue/right-shadow.png) repeat-y top right; }*/
	/*.left-shadow { background:#2d4047 url(images/blue/left-shadow.png) repeat-y top left; }*/
	
	/*I created the follow 2 lines to change background image depending on which header.php was called*/
	.right-shadow-homepage { background:#203036 url(images/blue/bg-homepage-stretched.jpg) top center no-repeat;}
    .right-shadow { background:#203036 url(images/blue/bg-stretched.jpg) top center no-repeat;}
	
    /*I used the follow 2 lines when I didn't have a header-homepage conditional statement to control the background, but there was an ie issue, and posts were not calling background/*
	/*.page .right-shadow {background:url(http://www.euromedspa.com/wp-content/themes/EuroMedSpa/images/blue/bg-page.jpg)top center no-repeat;}*/
    /*.archive .right-shadow{background:url(http://www.euromedspa.com/wp-content/themes/EuroMedSpa/images/blue/bg-page.jpg)top center no-repeat;}*/


			#header { border-bottom: 1px solid #374d55; }

				p#quote-1 { color: #ffffff; }

					span.tagline-quote { color: #ffffff; }

					.blurb h3.title  { border-bottom: 1px solid #374d55; color: #758b8d; }

						.thumb span.overlay { background:url(images/blue/box-overlay.png) no-repeat; }

			#call-to-action { border-top: 1px solid #374d55; }

				#call-to-action p { color: #fefefe; }

				span#down-arrow { background:url(images/blue/down-arrow.png) no-repeat; }

				

				ul#top-menu a { color: #ffffff; }

				ul#top-menu > li.sfHover > a { border: 1px solid #374d55; }

					ul#top-menu ul { background: #2d4047; border: 1px solid #374d55; }

						ul#top-menu ul li { background: url(images/black/footer-bullet.png) no-repeat 0px 15px; }


			#footer { background: #203036; }

				#footer .right-shadow { background: url(images/blue/footer-right-shadow.png) repeat-y top right; }

					#footer .left-shadow { background: url(images/blue/footer-left-shadow.png) repeat-y top left; }
                         
					   .footer-gradient {background: url("images/footer-main-bg.png") repeat scroll 0 0 transparent; }
					   .footer-pattern {background: url("images/footer-pattern.png") repeat scroll 0 0 transparent; }
					  
					   
						#footer-top { background: url(images/blue/footer-top-bg.png) repeat-x scroll 0 0 transparent;  }
						#footer-bottom { /*background: url("images/footer-bottom-bg.png") repeat-x scroll 0 0 transparent;*/ border-top: 1px solid #111111; padding-bottom: 28px; padding-top: 26px; }
						
							#footer-widgets { background: none; border-bottom: 1px solid #273940; }

								#footer-logo span { text-shadow: none; }

								.footer-widget p { color: #fefefe; text-shadow: none; }

								.footer-widget a { color: #00B7F3; text-shadow: none; }

								.footer-widget a:hover { color: #e7e7e7; }

									.footer-widget ul li { background:url(images/black/footer-bullet.png) no-repeat 0 7px; }

										ul.bottom-nav li a {color:#ffffff; text-shadow: none; text-decoration:none;}								
									
									p#copyright { color:#ffffff; text-shadow: none; }	

										p#copyright a { color:#758b8d; }

	

				h1.category-title { color: #ffffff; }

				#left-area { border-top: 1px solid #374d55; border-right: 1px solid #374d55; }

				#sidebar { border-top: 1px solid #374d55; }

					h2.title a { color: #ffffff; } 

						.post p.meta-info a:hover { color: #ffffff; }

						

						.widget h4.widgettitle { color: #ffffff; }

							.widget ul li { background:url(images/black/footer-bullet.png) no-repeat 0 12px; }

								.widget ul li a { color:#979797; text-shadow:none; text-decoration: none; }

									.widget ul li a:hover { color:#767676; }

									

			h3#comments { background: url(http://www.euromedspa.com/wp-content/themes/EuroMedSpa/images/blue/comment-title-bg.png) repeat-x 0px 17px; color: #fff; }

				h3#comments span { background: #2d4047; }	

				span.fn, span.fn a { color: #ffffff; }

					span.fn a:hover { color: #eee; }

			.single p.description a:hover { color: #fff; }