/*  

Theme Name: Skin Deep

Theme URI: 

Description: A 2 column layout with a static right colum

Version: 1.0

Author: Belsien Thomas





The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php











/* HTML Elements */





* {

	margin:0;

	padding:0;

	}



body,html {	

	margin-top: 0;

	margin-bottom: 0;

	color: #3F3F3F;

	}



	

body {

	/*background: #3c3c3c;*/

	background: url(images/blog_bg.jpg);

	background-image: url(images/blog_bg.jpg);	

	color: #3F3F3F;

	background-attachment: fixed;

	/*padding: 13px 0 25px 0;*/	

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 16px;

	line-height: 14px;

	margin-top: 0;

	margin-bottom: 0;

	}



select, input, textarea {

	font: 11px; Verdana, Geneva, Arial, Helvetica, sans-serif;

	color: #3F3F3F;

	}

	

p {	

	margin: 15px 0;

	}



a:link, a:visited {

	color: #606980;

	text-decoration:none

	}



a:hover, a:active {

	color:#606980;

	text-decoration:underline;

	}



hr {

	display: block;

	height:1px;

	background:#333;

	border:0;

	}



small {

	font-size: 0.95em;

	background:#eef5e1;

	padding:3px 6px;

	}



img, a:link img, a:visited img {

	border:0

	}

	

		



/* Structure */

#page {

   background: #FFFFFF;

	width:815px;

	margin:0 auto;

	font-size:0.7em;

	/*padding: 10px 25px 35px 25px;*/

	padding: 0 10px 0 10px;

	margin-bottom: 0px;

	}



#branding {

	width:670px;

	}



.left {

	float:left;

	}



.right {

	float:right;

	}



#sidebar {

	width: 225px;

	float:right;	

	margin: 0;

	padding: 0;

	}

	

.spacer{

	height:10px;	

}



#archive-page-heading {

	/* add some style here */

}



h2.pagetitle {

	font-size: 12px;

	font-weight: bold;

	color: #606980;

	padding-left:10px;

	}

	

#contributors-wrapper {

	background: #FFFFFF;

	background-color: #FFFFFF;

	position: relative;	

/*	height: 240px;*/

}



#contributors {

	padding-left: 20px;

	/*margin-left: 20xp;*/

	/*left: 20px;*/

	/*height: 180px;*/

	display: block;

}





#contributors  p{

/*

	margin-top: 5px;

	margin-bottom: 5px;

*/

/*	height: 35px;*/

}







#contributor-bio {

	margin-top: 10px;

	padding-bottom: 20px;

}



.bio {

	float: right;	

	margin-left: 20px;

	color: #3F3F3F;

	width: 380px;

	margin-right: 20px;

}





.post-round-top {

	background: url(http://muradskincareblog.com/wp-content/themes/skin-deep/images/corner-post-tr.gif) no-repeat top right; 

}



img.white-corner {

   width: 10px;

   height: 10px;

   border: none;

   display: block !important;

}





img.post-corner {

   width: 8px;

   height: 8px;

   border: none;

   display: block !important;

}



.contributor-name {

	color: #3F3F3F;	

}





.author-name {

	color: #3F3F3F;

	padding-left: 5px;

	font-weight: bold;	

}



.author-name a {

	color: #3F3F3F;

	text-decoration: underline;

	

}



.author-nickname {

	color: #3F3F3F;

	padding-left: 5px;	

}







img .contributer-small {

	margin-left: 10px;	

}



#archives-container {	

	background: #616980;

	background-color: #616980;	

}



#archives {	

   position: relative;

   padding-top:10px;	

	padding-left:20px;

	color:#FFFFFF;

	

}



#about-container {

	background: #F8F8F8;	

   background-color: #F8F8F8;		

}



#about {

	position: relative;   

	/*margin-top: 10px;*/

	margin-bottom: 10px;

	padding-left: 20px;

	padding-right: 20px;

}



.sidebar-heading {

	color: #606980;

	font-size: 11px;

	margin-bottom: 10px;

	margin-top: 10px;

}





.about-text {

	margin-top:5px;

	padding:0;	

}



.feeds {

	padding-right: 10px;

	

}

/*

ul #contributors {

	list-style: none;	

}



ul #contributors li {

	list-style: none;	

}

*/





/* these columns are not used?*/	

#leftcol {

	width:287px;

	border-right:1px dotted #b6b6b6;

	padding-right:18px;

	}



#leftcol, #rightcol {

	margin-top:10px;

	float:left

	}	

	

#rightcol {

	width:277px;

	padding-left:18px;

	margin-top: -2px;

	}

/* end-these colums are not used */ 



		

/*Subnav */



.subnav li {

	list-style:none;

	border-bottom:1px solid #FFF;

	}



.subnav li a:link, .subnav li a:visited {

	background:#eef5e1;

	display:block;

	padding:4px 4px 4px 8px;

	border-left:4px solid #e4efd5;

	}

		

.subnav li a:hover, .subnav li a:active {

	background:#e4efd5;

	text-decoration:none;

	color: #7da939;

	}



.subnav li li a:link, .subnav li li a:visited {

	border-left:none

	}

		

/* Seach box */

#searchbar {

	text-align: right;

	vertical-align: middle;

	color: #B8B8B8;

	margin-top: 0px;

	padding-top: 0px;

	/*height: 35px;*/



}



#searchbar form {

	margin: 0;

	padding: 0;	

}



.searchbox {

	width: 60px;

	height: 17px;

	border: 1px solid gray;

	margin-top: 0px;

	padding-top: 0px;

	padding-left:5px;

}	 

.searchbutton {	

   padding-bottom: 9px; 

/*  vertical-align: top; */

}	

	

/*	Headers */



h1 {

	font:2.95em Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight:bold;

	letter-spacing:-0.02em;

	}

	

h2 {

	/*

	font: 2.3em Georgia, "Times New Roman", Times, serif;

	padding-bottom:8px;

	border-bottom:1px solid #333;

	margin: 20px 0;

	*/

	font: 102% Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: black;

	margin: 0 0 5px 0;

	}



h3, #sidebar h2 {

	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	letter-spacing:0.1em;

	margin-bottom:4px;

	font-weight:bold;

	color:#5f5f5f;

	}



#sidebar h3, #sidebar h2 {

	border-top:5px solid #BBB;

	border-bottom:1px solid #BBB;

	padding:6px 0 6px 2px;

	margin:22px 0 15px 0;

	font-size:1em;

	}



h3#respond {

	border-top:1px dotted #b6b6b6;

	margin-top:25px;

	padding-top:20px

	}



h3#comments {

	margin-top:32px

	}



h4 {

	font-size:1.6em;

	margin-bottom:6px;

	}



.title-color {

	color: #3F3F3F;

}

	

	

/* Content */

#content-wrapper{	

	position: relative;

	background:#EBEBEB;

	overflow: hidden;

	margin-bottom: 10px;

	padding: 10px 0 10px 10px;

}

/*

#content {

	width:525px;

	float:left;	

	background: #EBEBEB;

	padding: 10px;

	padding-left: 10px;

	padding-right: 10px;

	border: 1px solid red;

	}

*/

#post-footer {

	color: #3F3F3F;

}



#post-footer a {

	color: #3F3F3F;

}

/*

.post-container{

	width:525px;

	float:left;	

	background: #FFFFFF;

	margin-bottom: 15px;	

}

*/

.post {

	background: url(images/corner-post-tr.gif) no-repeat top right; 	

   position: relative;

	width:525px;

	float:left;	

	background: #FFFFFF;

	margin-bottom: 15px;

	padding:10px;

}		



.post-inner-wrapper {

	position: relative;	

}



#oldnew {

	/*

	

	bottom: 15px;

	left: 30px;	

	*/

	/*position: absolute;*/

	margin-bottom: 20px;

	

}



img.topLeft {

	position:absolute;

	top:0px;

	left:0px;

	

}



img.topRight {

	position:absolute;

	top:0px;

	right:-1px;



}



img.bottomRight {

	position:absolute;

	bottom:0px;

	right:-1px;



}



img.bottomLeft {

	position:absolute;

	bottom:0px;

	left:0px;



}







img.WtopLeft {

	position:absolute;

	top:0px;

	left:0px;

	

}



img.WtopRight {

	position:absolute;

	top:0px;

	right:0px;



}



img.WbottomRight {

	position:absolute;	

	bottom:0px;

	right:0px;		



}



img.WbottomLeft {

	position:absolute;

	bottom:0px;

	left:0px;



}



.nobold {	

	font-weight: 100;

}



.hr-divider {	

	color: #9e9e9e;

	height: 1px;

	/*border-top: 1px solid #9e9e9e;*/

	margin:  7px 0 15px 0;

	filter:alpha(opacity=25);	-moz-opacity:.25; opacity:.25;

}

	

.description {

	font-size: 1.3em;

	font-weight: bold; 

	font-style:italic;

	color:#545454;

	margin-top:-4px;

	}



.feature {

	background:#f2f2f2;

	padding:15px;

	border-bottom:1px dotted #b6b6b6;

	border-top:1px dotted #b6b6b6;

	}



.feature:hover {

	background:#e9e9e9;

	}

	

.feature p, #rightcol p {

	margin:0;

	}



.feature img, #rightcol img {

	padding:1px;

	border:1px solid #000;

	}

			

#leadpic {

	float:left;

	margin: 0 18px 8px 0;

	}



#lead {

	margin-top:22px;

	}



.title {

	font-size:1.2em;

	font-weight:bold;

	line-height:115%;

	}

	

.feature#lead .title {

	font:1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;

	line-height:100%;

	display:block;

	padding-bottom:7px;

	}



#leftcol .feature {

	margin-bottom: 5px;

	border-bottom:none

	}



#rightcol img {

	float:left;

	margin:3px 10px 4px 0;

	}



#leftcol img {

	margin-bottom: 4px;

	display:block

	}

	

#rightcol .clearfloat {

	border-bottom:1px dotted #b6b6b6;

	padding:12px 0;

	}	





#archives ul {

	filter:alpha(opacity=90);	-moz-opacity:.90; opacity:.90;

	margin-left:20px;	

	margin-bottom: 10px; 

}



#archives li {

	margin-left:10px;

	list-style: square;	

}	

	

#archives li a{

	color: #FFFFFF;

}



.aboutdr {

   background: url(images/archives-bullet.gif) no-repeat left;

	color: #FFFFFF;

	padding-left: 10px;

	margin-bottom: 10px;

	font-weight:bold;

}



.aboutdr a {

	color: #FFFFFF;

}

	

.archives-heading {

   background: url(images/archives-bullet.gif) no-repeat left;

	margin:0;

	padding-left: 10px;

	font-weight: bold;			

}	



#sidelist li {

	list-style:none

	}

	

.bullets li {

	list-style:none;

	border-bottom:1px solid #FFF;

	}

	

#sidelist .bullets li {

	list-style:square;

	margin-bottom:5px;

	line-height:115%;

	margin-left:22px;

	}



#sidelist .children {

	background:#e4efd5;

	}

	

#sidelist .children li {

	list-style: square;

	margin-left:28px;

	border-bottom:1px solid #e4efd5;

	}

	

#sidelist .children li a, #sidelist .children li a:visited {

	padding:2px 2px 2px 0px;

	border:0;

	background:#e4efd5;

	color: #818d6f;

	}



#sidelist .children li a:hover, #sidelist .children li a:active	{				

	color:#465d23

	}



.postmetadata {

	margin: 30px 0;

	}





h3 a:link, h3 a:visited {

	color:#5f5f5f;

	}



	



/*Post Formatting*/

/* OLD STYLE, use the new one below

#XXXwriter span {

	display:block;

	padding-top:4px;

	border-top:1px solid #cbd8b4;

	margin-top:12px;

	}

	

#XXXwriter p {

	margin:0;

	width:482px;	

	}

*/		



.subscribe-box {

   background: #9196A6;

	background-color: #9196A6 !important;  

	color: #FFFFFF;

	border: 1px solid white;	

	width: 170px;

	height: 17px;

	margin-top: 10px;

	padding-top: 2px;

	padding-left: 5px;

}

 .subscribe-button {

 	margin-top:10px;

	margin-bottom: 15px;

	

 }





.entry {

	float: right;	

	margin-left: 20px;

	color: #3F3F3F;

	width: 400px;

	margin-right: 20px;

}



.entry a {

	font-weight: bold;

}





#writer {

	/*background:#eef5e1;*/	

	/*margin:0 20px 0 0;	*/

	float: left;

	width: 55px;

	line-height: 11px;	

}

	

#writer p {

	color: #A5A5A5;

	text-align: center;

	margin-top: 2px;

	line-height: 11px;

}

	

#writer img {

	padding:1px;

	/*border:1px solid #7da939;

	float:left;

	width:80px;

	*/

	}

	

#writer-bio-pic {

	float: left;

	width: 95px;

	padding-bottom: 20px;

}





.picleft {

	float:left;

	margin:3px 14px 10px 0;

	border:7px solid #f2f2f2;

	}



.picright {

	float:right;

	margin:3px 0 10px 14px;

	border:7px solid #f2f2f2;

	}	



	

.post blockquote {

	color:#76767a;

	/*background:#f2f2f2;*/

	padding:6px 14px;

	margin:18px 35px;

	/*

	border-right:1px solid #DDD;

	border-bottom:1px solid #DDD;

	*/	

	}	



.post ul li {

	list-style:square;

	margin-bottom:5px;

	line-height:115%;

	margin-left:42px;



	}



.post ol li {

	margin-bottom:5px;

	line-height:115%;

	margin-left:48px;

	}

	

#tags {

	display:block

	padding:3px;

	}	

				



/* Form Elements */



select {

	background:#f2f2f2;

	border:1px solid #9c9c9c;

	width:100%

	}

	

#searchform {

	padding:0; 

	}



.button {

	padding: 1px;

	background:#6b6b6b;

	color:#e7e7e7;

	

	border:none;

	}



.button:hover {

	background:#777;

	color:#FFF;

	text-decoration:none

	}



#commentform input {

	width: 170px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 100%;

	margin-top:5px;

	}







/* Comments*/



.commentlist {

	padding-left:30px;

	}

	

.commentlist li {

	margin: 15px 0 3px;

	padding: 8px 15px 10px 15px;

	background:#f2f2f2;

	border-top: 1px solid #ddd;

	}



#commentform small {

	background:#FFF;

	font-weight:bold;

	padding:0;

	}

	

.commentmetadata {

	display: block;

	}



.commentlist small {

	background:#e9e9e9

	}



.commentlist cite {

	font: 1.6em Georgia, "Times New Roman", Times, serif;

	font-weight:bold;

	letter-spacing:-0.05em;

	}	

	



/* Float Properties*/



.clearfloat:after {

	display:block;

	visibility:hidden;

	clear:both;

	height:0;

	content:".";

	}

	

.clearfloat {

	display:inline-block

	}



.clearfloat {

	display:block

	}

	





/* Footer*/



#footer {

	margin-top: 0;

	margin-bottom: 0;

	margin-left: 0 auto;

	margin-right: 0 auto;

	width: 900px;

	font-size:0.7em;

	padding-top:15px;

	color:#FFF;

	}



#footer a {

	color:#d3d1d1;

	}

	
#sidebar li.widget_categoryposts {
    list-style-type: none;
}
#sidebar li.widget_categoryposts * {
    color: #616980;
}
#sidebar li.widget_categoryposts h3.widget-title {
    border-bottom: 0 none;
	border-top: 1px solid #9E9E9E;
    font-size: 11px;
    list-style-type: none;
    text-transform: none;
	margin-bottom: 0;
	padding-top: 18px;
}
#sidebar li.widget_categoryposts ul {
	margin-top:0;
	padding-top:0;
}
#sidebar li.widget_categoryposts ul,
#sidebar li.widget_categoryposts ul li {
	list-style-type: square;
}
#sidebar li.widget_categoryposts li {
	margin-left: 15px;
}

/*
Murad Inclusive Health Section
-------------------------------------------*/
li#text-5 { list-style:none; padding:0; }
dl#mih_dl { color: #479; font-size:11px; }
dl.mih { list-style:none; display:block; }
dl.mih dt, dl.mih dd { padding:0; }
dl.mih dt { margin:15px 0 5px 0; font-size:13px; }
dl.mih dd { margin:1px 0 inherit 0; background-color:#E1E7EC; }
dl.mih dd a { color: #479; display:block; margin:0; padding:4px 0 4px 4px; text-decoration:none }

body.science dl.mih dd.science,
body.action dl.mih dd.action,
body.internal-care dl.mih dd.internal-care,
body.topical-care dl.mih dd.topical-care,
body.emotional-care dl.mih dd.emotional-care,
dl.mih dd.selected { background-color:#8AB; }
body.science dl.mih dd.science a,
body.action dl.mih dd.action a,
body.internal-care dl.mih dd.internal-care a,
body.topical-care dl.mih dd.topical-care a,
body.emotional-care dl.mih dd.emotional-care a,
dl.mih dd.selected a { color:#FFF; }