/*
Theme Name: Yin Yang Skincare
Theme URI: http://yinyangskincare.co.uk/
Description: Custom Yin Yang Skin 
Version: 1.0
Author: Ian Atkins
Author URI: http://www.kith-kin.co.uk
Tags: Yin Yang, Skincare, KithKin

*/

body {background-color:#fbf1f7; margin-left:auto; margin-right:auto; font-family:"Times New Roman", Times, serif;}
.clear {clear:both;}
* {margin:0px; padding:0px;}
a, img {outline:none; border:0px; text-decoration:none;}
.clear {clear:both;}
.left { float:left;}
.right {float:right;}

#container {background-color:#FFFFFF; width:900px; margin-left:auto; margin-right:auto; }

#header {position:relative; height:128px;}
#header .shop {background-image:url(images/header/shop-button.gif); background-repeat:no-repeat; width:227px; height:40px; position:absolute; top:0px; right:25px; line-height:50px;}
#header .shop a {color:#822e6c; font-family:"Times New Roman", Times, serif; font-size:14px; text-indent:15px; height:35px; width:227px; display:block;}
#header .shop a span {color:#d74ca1}
#header #yinyang {margin-top:32px; float:left; margin-left:25px;}
#header .new a {font-family:"Times New Roman", Times, serif; color:#d74ca1; float:right; margin-top:70px; margin-right:25px; text-decoration:underline;}

#features {margin-right:25px; margin-left:25px; clear:both; height:92px;}
#features li {width:196px; margin-right:22px; height:90px; overflow:hidden; border-top:2px solid #913b7b; position:relative; list-style-type:none; float:left;}
#features li h1 {font-size:18px; color:#913b7b; height:50px; display:block; position:absolute; left:0px; bottom:0px; z-index:2; background-image:url(images/white-70.png); background-repeat:repeat; display:block; width:100%; padding-left:10px; padding-top:5px;}
#features li h1 a { text-decoration:none; color:#913b7b; font-weight:normal; display:block;}
#features li h1:hover {background-image:url(images/dark-purple-75.png);}
#features li h1:hover a {color:#FFFFFF;}
#features li.last {margin-right:0px;}

#features li.active h1 {background-image:url(images/dark-purple-75.png);}
#features li.active h1 a {color:#FFFFFF;}

#breadcrumb {border-bottom:1px solid #e3cede; height:38px; line-height:38px; font-size:11px; clear:both; margin-left:25px; margin-right:25px; margin-bottom:38px;}
#breadcrumb span {display:block; float:left; width:40px; background-image:url(images/header/breadcrumb-spacer.gif); background-position:center; background-repeat:no-repeat; height:38px;}
#breadcrumb a {color:#913b7b; float:left; margin-right:10px;}
#breadcrumb a.active {color:#d74ca1;}

#sidebar {width:196px; float:left;}
#sidebar ul {list-style-type:none; margin-bottom:40px;}
#sidebar ul li { line-height:35px; border-bottom:1px solid #efe2eb;}
#sidebar ul li a {font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#913b7b; text-decoration:none; display:block;}
#sidebar ul li.heading {font-family:"Times New Roman", Times, serif; color:#d74ca1; font-size:14px; text-transform:uppercase;}
#sidebar ul li.current-cat a {font-weight:bold;}

#sidebar ul li.facebook {background-image:url(images/icons/facebook.gif); background-position:left; background-repeat:no-repeat; padding-left:32px;}
#sidebar ul li.twitter {background-image:url(images/icons/twitter.gif); background-position:left; background-repeat:no-repeat; padding-left:32px;}
#sidebar ul li.rss {background-image:url(images/icons/rss.gif); background-position:left; background-repeat:no-repeat; padding-left:32px;}


#content { float:right; width:625px; background-image:url(images/footer/yin.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:700px;}
 .pad {padding-left:25px;background-image:url(images/footer/yin.jpg); background-repeat:no-repeat; background-position:bottom right; margin:0px;} 


/* page */
#content .content .page {width:485px; font-family:"Times New Roman", Times, serif; color:#8a517b; font-size:14px; padding:10px;}
#content .content .page p {margin-bottom:15px;}
#content .content .page h1 {width:70%; font-family:Georgia, "Times New Roman", Times, serif; color:#913b7b; font-size:20px; font-weight:normal; margin-bottom:30px;}

#content .content {width:485px; padding-left:50px; padding-right:25px; }
#content .content .image {width:485px; height:364px; overflow:hidden; position:relative;}
#content .content .image div {position:absolute; left:0px; bottom:0px; background-image:url(images/dark-purple-75.png); display:block; width:100%; min-height:70px;}
#content .content .image div h1 {width:70%; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:20px; font-weight:normal; padding:10px;}
#content .content .image div h2 { font-family:"Times New Roman", Times, serif; font-size:14px; position:absolute; right:10px; bottom:10px; text-transform:uppercase; color:#FFFFFF;  font-weight:normal;}
#content .content .image div h2 a {}
#content .content .image div h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; position:absolute; right:10px; bottom:30px; color:#FFFFFF;  font-weight:normal;}
#content .content .image a {color:#FFFFFF;}

#content .content .post {width:485px; font-family:"Times New Roman", Times, serif; color:#8a517b; font-size:14px; margin-top:25px; padding:10px;}
#content .content .post p {padding-bottom:15px; padding-top:15px;}
#content .content .post br {margin-bottom:15px;}
#content .content .post a {color:#d74ca1; text-decoration:underline;}

#content .content div#author { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#d74ca1; background-color:#fbecf5; padding:15px; border-bottom:2px solid #e99ccb; margin-top:40px; margin-bottom:40px;}
#content .content #author .author {float:left; width:62px; height:72px; overflow:hidden;}
#content .content #author .author img {border:1px solid #913b7b;}
#content .content #author .content {float:right; margin-right:15px; width:365px; margin-left:0px; padding:0px;}
#content .content #author h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#913b7b; font-weight:normal;}
#content .content #author h2 { font-family:"Times New Roman", Times, serif; font-size:11px; color:#d74ca1; margin-bottom:15px; text-transform:uppercase; font-weight:normal;}
#content .content #author div.more  {margin-top:15px; color:#913b7b; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; display:block;}
#content .content #author div.more a {color:#913b7b;}

#content .content #share { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#913b7b; border-bottom:2px solid #d74ca1; line-height:35px; margin-top:35px;}
#content .content #share a { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#913b7b; text-decoration:none; text-indent:5px;}

#content .content .navigation {height:70px; margin-bottom:100px; font-size:12px; color:#913b7b; border-bottom:1px solid #d74ca1; line-height:35px;}
#content .content .navigation .alignleft {float:left; width:485px; border-bottom:1px solid #EFE2EB; }
#content .content .navigation .alignright {float:right;}
#content .content .navigation a {color:#d74ca1;}

#content #comments {font-family:"Times New Roman", Times, serif; color:#8a517b; font-size:14px;}
#content #comments textarea {height:175px; width:98%; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#913b7b; margin-top:10px; background-color:#fbecf5; padding:5px; margin-bottom:15px; border:0px;}
#content #comments input#author,#content #comments input#email,#content #comments input#url {height:25px; text-indent:5px; float:left; line-height:
25px; width:150px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#913b7b; margin-top:10px; background-color:#fbecf5;margin-bottom:10px; border:0px;}
#content #comments label {line-height:25px; margin-bottom:10px; font-size:14px; letter-spacing:1.5px; float:left; display:block; margin-left:15px; margin-top:10px;}
#content #comments p {clear:both;}
#content #comments h3#comments {margin-bottom:20px;}
#content #comments .navigation {margin:0px; height:inherit; border:0px}

.commentlist {margin-bottom:50px;}
.commentlist li { border-bottom:1px solid #efe2eb; padding-top:10px; padding-bottom:10px; position:relative; list-style-type:none;}
.commentlist li .comment-author {position:absolute; left:-300px; width:196px; top:0px; text-align:right;}
.commentlist li .comment-author a { color:#913b7b;}
.commentlist li .comment-author img {position:absolute; right:-50px; top:0px;}
.commentlist li .comment-meta {position:absolute; left:-300px; width:196px; top:30px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; text-align:right; color:#d74ca1;}
.commentlist li .comment-meta a {color:#d74ca1; font-size:10px;}
.commentlist li .says {display:none;}

#respond {padding-bottom:20px; border-bottom:1px solid #efe2eb;}
#respond  h3 {margin-top:20px; margin-bottom:10px;}
a.add-comment {cursor:pointer;}

#posts	{width:650px; float:right; min-height:700px;}
#posts .posts {margin-right:25px;}

#posts .posts .image {width:196px; height:170px; overflow:hidden; float:left;}
#posts .posts .text {margin:10px; float:left; width:400px; position:relative;}
#posts .posts .featured h1 {font-size:20px; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-bottom:10px; width:74%;}
#posts .posts .featured a {color:#FFFFFF;}
#posts .posts .featured h2 {font-size:12px; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; position:absolute; right:-10px; top:7px;}
#posts .posts .featured h3 {font-size:12px; color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-weight:normal; position:absolute; right:-10px; bottom:0px;}
#posts .posts .featured {background-color:#ad6c9c; border-bottom:2px solid #d74ca1; margin-bottom:20px; font-size:12px; color:#FFFFFF; display:block;}
#posts .posts .featured a.more {margin-top:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFFFFF; text-decoration:underline; display:block;}

#posts .posts .post h1 {font-size:20px; color:#913b7b; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-bottom:10px; width:74%;}
#posts .posts .post a {color:#913b7b;}
#posts .posts .post h2 {font-size:12px; color:#913b7b; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; position:absolute; right:-10px; top:7px;}
#posts .posts .post h3 {font-size:12px; color:#913b7b; font-family:"Times New Roman", Times, serif; font-weight:normal; position:absolute; right:-10px; bottom:0px;}
#posts .posts .post {background-color:#efe2eb; border-bottom:2px solid #d74ca1; margin-bottom:20px; font-size:12px; color:#913b7b;}
#posts .posts .post a.more {margin-top:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#913b7b; text-decoration:underline; display:block;}

#posts .posts #searchform {background-color:#AD6C9C; border-bottom:2px solid #D74CA1; color:#FFFFFF; font-size:12px; margin-bottom:20px; padding:10px;}
#posts .posts #searchform label {color:#FFFFFF; font-family:Georgia,"Times New Roman",Times,serif; font-size:20px; font-weight:normal; margin-bottom:30px; width:76%; }
#posts .posts #searchform input {width:400px; height:25px; background-color:#EFE2EB; border:1px solid #913B7B; color:#913B7B; font-family:Georgia, "Times New Roman", Times, serif; line-height:25px; margin-top:5px;font-size:16px; padding-top:3px; text-indent:5px;}
#posts .posts #searchform input#searchsubmit {width:inherit; background-color:#AD6C9C; border:0px; position:absolute; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#FFFFFF; margin-left:10px; cursor:pointer;}

/* footer product listing */
#products {height:229px; display:block; background-image:url(images/footer/yang.jpg); background-position:top right; background-repeat:no-repeat; background-color:#f9e4f1; clear:both;}
#products ul {margin-left:25px; margin-right:25px;}
#products li {width:196px; margin-right:22px; height:35px; background-image:url(images/footer/products-spacer.gif); background-repeat:repeat-x; background-position:bottom; list-style-type:none; float:left; line-height:35px;}
#products li a {font-size:14px; font-family:"Times New Roman", Times, serif; color:#d74ca1;}
#products h1 {font-family:"Times New Roman", Times, serif; color:#913b7b; font-size:18px; padding-top:20px; padding-bottom:20px; font-weight:normal; margin-left:25px;}

/* homepage author listing */
#authors {border-top:1px solid #913b7b; display:block; clear:both; padding-bottom:100px; margin-right:25px;}
#authors h1 {font-family:"Times New Roman", Times, serif; color:#d74ca1; font-size:18px; line-height:50px; text-transform:uppercase; font-weight:normal;}
#authors ul {border-top:2px solid #913b7b; margin-right:22px; float:left;}
#authors ul.last {margin-right:0px;}
#authors ul li {width:196px; font-size:12px; color:#d74ca1; list-style-type:none; border-bottom:1px solid #dec4d7; padding-top:10px; padding-bottom:10px;}
#authors li h2 { font-family:"Times New Roman", Times, serif; font-size:18px; color:#913b7b; font-weight:normal; height:40px;}
#authors li h3 { font-size:14px; color:#913b7b; font-weight:normal;}
#authors li h3 a {color:#913b7b;}

/* header author */
#authors-overview  { padding-bottom:0px;margin-left:25px;margin-right:25px; border-bottom:1px solid #913B7B;}
#authors-overview ul { margin-right:22px; float:left;}
#authors-overview ul.last {margin-right:0px;}
#authors-overview ul li {width:196px; font-size:12px; color:#d74ca1; list-style-type:none; border-top:1px solid #dec4d7; padding-top:10px; padding-bottom:10px;}
#authors-overview ul li h2 { font-family:"Times New Roman", Times, serif; font-size:18px; color:#913b7b; font-weight:normal; height:40px; padding-left:10px;}
#authors-overview ul li span {padding-left:10px;}
#authors-overview ul li h3 { font-size:14px; color:#913b7b; font-weight:normal; padding-left:10px;}
#authors-overview ul li h3 a {color:#913b7b;}

/* posts navigiation */
.navigation .older a{ float:right; font-family:"Times New Roman", Times, serif; font-size:14px; color:#d74ca1; line-height:50px; text-transform:uppercase;}

#footer { background-image:url(images/footer/bg.gif); background-repeat:repeat-x; height:28px; display:block; clear:both; padding-left:20px; padding-right:20px;}
#footer li {font-family:Georgia,"Times New Roman",Times,serif; font-size:10px; line-height:28px; color:#FFFFFF; list-style-type:none; float:left;}
#footer li a {color:#FFFFFF; padding-right:5px; padding-left:5px;}
#footer div.clear {height:28px; line-height:28px; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#AB1C76;}

#ie6 {height:0px; display:inline;}

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}