/*
Theme Name: Skin Renu Day Spa
Theme URI: http://mymodernweb.com
Description: Theme designed by MyModernWeb.com
Author: Jason Dittmer - MyModernWeb.com
Author URI: http://mymodernweb.com

Colors: Red #FB080B
		Blue #0F00F9
		Gray #787878
		White #ffffff


*/

/* Reset */

*					{ margin: 0; padding: 0; }
html				{  }
html, body			{  }
body				{ margin-top: 130px; font: normal normal normal 13px normal serif; color: #6f804e; background: url(/images/body-bg.jpg) top center no-repeat #fffde4; }
ul					{ list-style: square inside; }
ol					{ list-style: decimal inside; }
a					{ outline: none; }
a img				{ border: none; }

/* Utility */

.clear				{ clear: both; }
#hidden				{ display: none; }

/* Typeography */

p, li, label		{ font-size: 13px; line-height: 1.2em; margin: 0 0 10px 0; }
a					{ color: #62743a; text-decoration: none; }
.post a				{ color: #62743a; text-decoration: underline; }
a:hover				{ color: #c7a45a; }
a:active			{ color: #c7a45a; }
h1					{ font-size: 15px; font-family: serif; font-weight: normal; }
h2					{ font-size: 27px;	font-family: serif; font-weight: normal; color: #414342; }
h3					{ font-size: 15px;	font-family: serif; font-weight: normal; margin: 0 0 10px 0; }
h4					{ font-size: 15px; font-family: serif; font-weight: bold; color: #404342; }
h5					{ font-size: 20px;	font-family: serif; font-weight: normal; color: #414342; }


/* Structure */

#content-wrap		{ margin: 0 auto; width: 700px; min-height: 475px; height: auto !important; height: 475px; border-left: 1px solid #d9d7ad; border-right: 1px solid #d9d7ad; border-top: 1px solid #d9d7ad; padding: 10px 30px 25px 30px; background-color: #fffde4; }

#content-footer		{ margin: 0 auto; width: 700px; height: 150px; border-bottom: 2px solid #dedcc7; border-left: 1px solid #d9d7ad; border-right: 1px solid #d9d7ad; padding: 10px 30px 25px 30px; background-color: #fffde4; }

.footer				{ margin: 0 auto; width: 700px; height: 150px; color: #787878; font-size: 10px; }
.footer-graphic		{ width: 311px; margin: 10px auto 0px auto; }
.footer-inside		{ width: 700px; margin: 10px auto 0px auto; }

/* Content
.post input				{ margin: 5px; width: 300px;}
.post textarea			{ margin: 5px; width: 300px;}
 */	
				
.ad_1				{ margin: 0 0 0 0; position: absolute; width: 208px; height: 142px; }
.ad_2				{ margin: 0 0 0 235px; position: absolute; width: 208px; height: 142px; }
.newsletter			{ margin: 0 0 0 475px; position: absolute; width: 215px; height: 142px; }
.newsletter-signuppage	{ margin: 15px 0 0 0; width: 215px; height: 142px; }
.newsletter-signuppage input	{ margin: 5px 0; width: 200px; }

.wpcf7				{ width: 300px; }
.contact-copy		{ width: 325px; padding: 0 0 40px 0; }
.map				{ float: right; width: 356px; }

.your-message 		{ width: 320px; }
.newsletter input	{ margin: 5px 0; }

#post-2				{ width: 345px; }
#content-wrap li	{ list-style: none; }
#comment			{ width: 690px; }
.commenttable td	{ padding: 3px; }

#comment-2			{ border: #D0CFBE solid 2px; padding: 5px; }
.avatar				{ padding: 0 5px 0 0; }

.singlepagebox		{ border: thin solid #e6e4ce; background: #fcfae1; font-size: 13px; padding: 5px; }
.singlerightbox		{ float: right; width: 400px; padding: 5px; }
.singleleftbox		{ float: left; width: 250px; }

#post-4				{ width: 345px; }


/* Header */

.nav				{ float: right; }
.nav li				{ float: left; padding: 0 5px; font: 12px serif; list-style: none; }
.selected a	{ color: black; }

.hpgallery			{ float: right; border: thin solid #eeecd6; width: 341px; height: 455px; }

.logo				{ margin: 0 0 0 0; height: 55px; width: 350px; margin: 25px 0 0 0; padding: 0 0 15px 0; }


/* Profiles */

.profile-box		{ background: #F3F2D6; border: 2px solid #e9e7d2; width: 700px; height: auto; min-height: 230px; margin: 0 auto 0 auto; margin: 5px 0; }
.profile-box2		{ background: #F3F2D6; border: 2px solid #e9e7d2; margin: 0 auto 0 auto; margin: 5px 0; padding: 10px; }
.profile-box h2		{ position: absolute; margin: 13px 0 0 225px; }
.profile-box h3		{ position: absolute; margin: 40px 0 0 285px; }
.profile-copy		{ margin: 70px 0 0 225px; width: 460px; }
.profile-pic 		{ margin: 13px 0 0 13px; position: absolute; }
.profilepicb		{ float: left; margin: 10px; }

.buttonbox			{ margin: 20px 0 50px 225px; }

.buttonbox li		{ float: left; list-style: none; padding: 0 50px 0 0; }

.schedule			{ background: url(/images/icons/schedule-icon.png) no-repeat left transparent; height: 22px; width: 165px; }
.schedule a			{ font-size: 13px; text-decoration: none; padding: 0 0 0 26px; float: right; margin: 3px 0 0 0; }

.send-message		{ background: url(/images/icons/message-icon.png) no-repeat left transparent; height: 22px; width: 120px; }
.send-message a		{ font-size: 13px; text-decoration: none; padding: 0 0 0 31px; float: right; margin: 3px 0 0 0; }

.fullpage			{ position: absolute; margin: 0 0 0 0; background: url(/images/icons/website-icon.png) no-repeat left transparent; height: 22px; width: 150px; }
.fullpage a			{ font-size: 13px; text-decoration: none; padding: 0 0 0 26px; float: right; margin: 3px 0 0 0; }

.buttonul li			{ float: right; }



#schedule-box		{ display: none; width: 325px !important; height: 500px; }
#message-box		{ display: none; }

.content			{ width: 325px; }

.pricelist			{ width: 300px; border: 2px solid #E9E7D2; padding: 6px; background: #F7F5D9; min-height: 375px; height: auto !important; height: 375px; }

.style-gallery		{ position: absolute; margin: 0 0 0 330px; }

.contact-box			{ height: 15px; }


/* Tabs */

.tabBox					{ margin: 20px 0 0 0; width: 700px; }
.TabNav					{ list-style: none; text-align: center; float: left; width: 130px; }
.TabNav li				{ padding: 7px 0px 7px 0px; }
.TabNav li a			{ font-size: 15px; text-decoration: none; color: #000; padding: 10px 10px; }

.TabNav li a.selected,
.TabNav li a:hover		{ background: url(images/selected-bg.png) no-repeat top transparent; color: gray; }


.service-slide			{ border: thin solid #e6e4ce; background: #fcfae1; font-size: 13px; width: 550px; float: right; }
#body-sugar			{ margin: 0 0 0 155px; border: thin solid #e6e4ce; padding: 7px; background: #fcfae1; font-size: 13px; }
#light-therapy		{ margin: 0 0 0 155px; border: thin solid #e6e4ce; padding: 7px; background: #fcfae1; font-size:  }


/* Menu */

.menu 				{ width: 500px; list-style: none; margin: 0 0 2em; padding: 0; }
.menu li 			{ list-style-position: outside; margin: 0; padding: 0; position: relative; }
.menu strong		{ background: #FCF9E1; padding: 0 10px 0 0; bottom: -.3em; left: 0; }
.menu em 			{ background: #FCF9E1; padding: 0 0 0 5px; bottom: -.2em; right: 0; }

.menu sup 			{ font-size: 60%; color: #666; margin-left: 3px; }

/* Homepage */
.hpcopy		{ width: 335px; }