/*
THEME NAME: Skindred Blog
THEME URI: http://blog.skindredsoul.com
DESCRIPTION: ..
VERSION: 1.0
AUTHOR: HP
AUTHOR URI: http://laughingsamurai.com/
Template: sandbox
*/

/* ------- GLOBAL ------- */

* { margin:0; padding:0; }

body
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:black;
	font-size: 62.5%;
	background:url("images/bkg-top.jpg") #efe1c4 top left repeat-x;
}

a { color:black; }
a:visited { color:#890f14; }
a:hover, a:active { color:#890f14; }
h1, h2, h3, h4 {
	color:#890f14;
	font-weight:normal;
}
img{ border:none;}

/* ------- LAYOUT ------- */

#outerLimitsBottom
{
	background:url("images/bkg-bottom.png") top left repeat-x;
	position:relative;
	z-index:2;
}


#wrapper{
	width:940px;
	margin:0 auto;
}

#header
{
	margin:0 auto 18px;
	width:940px;
	height:205px;
	background:url("images/header.jpg") top left no-repeat;
}

#access
{
    height:54px;
	width:700px;
	position:relative;
	top:45px;
	left:0;
}

#container{
	clear:both;
}

#content { 
	width:580px; 
	margin:16px 0 0 0; 
	padding:10px 0 0 0; 
	min-height:430px;
	position:relative; 
	float:left; 
	background-color:white; 
}

#contentTop {
	width:580px;
	height:16px;
	margin:-26px 0 0 0; 
	padding:0 0 0 0;
	background:url("images/content-top.png") top left no-repeat;	
}

#contentBlog { 
	width:690px; 
	margin:0 0 0 21px; 
	padding:20px 0 30px 30px; 
	min-height:430px;
	position:relative; 
	float:left; 
	background-color:white; 
}



#primary { 	
	width:160px;
	margin:0 0 0 20px;
	min-height:100px;
	padding:0 0 5px 0; 
	float:left;
}

#secondary { 
	width:160px;
	margin:0 20px 0 0;
	min-height:100px;
	padding:0 0 5px 0;
/*	float:left; */
}

#footer{
	margin:0 auto;
	width:940px;
}

.clear{
	clear:both;
}

#footer span { 
	font-size:13px; 
	line-height:20px; 
}
#footer a { 
	font-weight:bold; 
}



/* ------- FOOTER CONTENT ------- */


#footer #subfooter {
	clear:both;
	list-style:none;
	color:white;
}

#footer #subfooter .widget {
	min-width:275px;
}

#footer #subfooter .widget .left {
	margin:10px 0 0 0;
	float:left;
}

#footer #subfooter .widget .right {
	float:right;
}

#subfooter a { 
	color:white;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}

#subfooter ul{ 
	list-style:none; 
	font-size:1.2em; 
}
#subfooter ul li {
	text-align:center; 
	float:left; 
}
#subfooter ul li ul {
	display:none;
}

#subfooter ul li:before { content:"|"; }
#subfooter ul li:first-child:before { content:""; }

#subfooter .textwidget { 
	line-height:20px; 
}
.left .widgettitle{
	display:none;
	color:red;
}

/* ------- HEADER CONTENT ------- */
#blog-title{
	display:none;
}
#blog-description{
	display:none;
}
#logo{
	width:580px;
	height:95px;
	display:block;
	position:relative;
	top:25px;
	left:10px;
	text-decoration:none;
}

/* ------- MAIN CONTENT ------- */

#content .entry-title, #contentBlog .entry-title{
	padding:0 0 0 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:2.8em;
	font-weight:normal;
	margin:0 0 20px 0;
}

#content .page .entry-title, #contentLeft .page .entry-title, #contentFull .page .entry-title{
	display:none;
}

.entry-title a{
	color:#890f14;
	text-decoration:none;
}

.entry-content{
	padding:5px 0 0 0;
}

div.post{
	border-bottom:1px solid #890f14;
	margin:0 30px 40px 20px;
	width:460px;
	float:left;
}

.entry-content p{
	font-size:1.2em;
	line-height:1.7em;
	padding:0 0 5px 0;
}

.entry-content h1{
	font-size:2.7em;
	padding:0 0 20px 0;
}

.entry-content h2{
	line-height:1.7em;
	padding:0 0 30px 0;
}

.entry-content ul, #contactLeft ul{
	padding:0 0 25px 0;
	font-size:1.2em;
}

.entry-content li, #contactLeft li{
	list-style:disc inside;
	padding:0 0 0 20px;
}

.wp-caption-text{
	display:none;
}

.wp-caption{
	margin:0 0 10px 0;
}


.entry-date{
	text-transform:uppercase;
	font-family:Helvetica;
	font-size:1.2em;
	color:white;
	float:left;
	text-align:center;
	padding:6px 0 0 0;
	height:35px;
	width:40px;
	background:url("images/datebox.jpg") top left no-repeat;
}

.entry-date span{
	margin:0 0 0 5px;
	width:30px;
	display:block;
}


.page-title{
	font-size:1.1em;
	padding:0 0 10px 60px;
}


/* ------- COMMENT CONTENT ------- */

.entry-meta{
	padding:5px 0 5px 0;
}
.entry-meta a{
	color:black;	
}
.entry-meta a:hover{
	color:#890f14;	
}

#comments-list h3, #respond h3{
	font-family:Georgia;
	font-style:italic;
	padding:5px 0 5px 0;
	border-bottom:1px solid #890f14;
	margin:0 0 20px 0;
}

.form-input, .form-textarea{
	margin:0 0 10px 0;
}

.form-input input, .form-textarea textarea{
	border: 1px dotted #890f14;
	width:400px;
}

.form-label{
	margin:10px 0 0 0;
}

#comments{
	float:left;
	margin:0 30px 40px 60px;
	width:460px;
}

#comments p{
	font-size:1.1em;
	line-height:1.7em;
	padding:0 0 0px 0;
}

#comments .fn, #comments .fn a{
	font-family:Georgia;
	font-style:italic;
	padding:5px 0 5px 3px;
	color:#bebebe;
	font-size:1.2em;
	text-decoration:none;
}

#comments ol{
	list-style:none;
}

#comments li{
	padding:10px;
	border: 1px dotted #bebebe;
	margin-bottom:10px;
}

.comment-meta{
	float:right;
}

.comment-author{
	padding:0 0 10px 0;
}

.form-label{
	padding:0 0 5px 0;
}

.form-submit{
	padding:10px 0 0 0;
}

/* ------- MAIN NAVIGATION ------- */


#menu {
	z-index:1;
}
#menu ul { 
	list-style:none; 
}
#menu li { 
	margin:0 0 0 0; 
	float:left;
}
#menu li a{
	display:block;
	height:54px;
}

#menu li a span{
	display:none;
}

#menu li:hover{
	background-position: 0 -54px;
}
#menu li:active { 
	background-position:0 -108px; 
}
#menu li.current_page_item, #menu li.current_page_item li:hover{ 
	background-position:0 -162px; 
}

#menu ul li ul { 
	display:none; 
}

#menu .home{
	background:url("images/home.jpg") 0 0 no-repeat;
	width:92px;
}

#menu .store{
	background:url("images/skincarestore.jpg") 0 0 no-repeat;
	width:150px;
}

#menu .mission{
	background:url("images/mission.jpg") 0 0 no-repeat;
	width:90px;
}
#menu .knowledge{
	background:url("images/knowledge.jpg") 0 0 no-repeat;
	width:114px;
}
#menu .contact{
	background:url("images/contactus.jpg") 0 0 no-repeat;
	width:112px;
}
#menu .faq{
	background:url("images/faq.jpg") 0 0 no-repeat;
	width:54px;
}
#menu .blog{
	background:url("images/news.jpg") 0 0 no-repeat;
	width:88px;
}


/* ------- PRIMARY SIDEBAR CONTENT ------- */

#secondary h3{
	margin:0;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:0.2em;
	text-transform:uppercase;
	padding:0 0 10px 0;
}


#secondary a { 
	text-decoration:none; 
	color:#534741;
}
#secondary a:hover { color:#890f14; }

#secondary ul.xoxo{ 
	font-family: Helvetica, Arial, Verdana, sans-serif;
	list-style:none;
	font-size:1.1em;
	text-align:center;
	margin:none;
	padding:10px 0 20px 0;
	margin:0;
	background:url("images/primary-tile.png") top left repeat-y;
}

#secondary ul.xoxo li li{
	padding:0 0 5px 0;
}

#secondary ul.xoxo ul{
	list-style:none;
}

#secondaryTop{
 	background:url("images/primary-top.png") top left no-repeat;
	width:160px;
	height:13px;
}
#secondaryBottom{
	background:url("images/primary-bot.png") top left no-repeat;
	width:160px;
	height:11px;
	margin:0 0 20px 0;
}
#sideWrap{
	float:left;
}


/* ------- SPECIAL WIDGET STYLING for PRIMARY SIDEBAR CONTENT ------- */

#primary #calendar_wrap table#wp-calendar { width:100%; margin-bottom:20px; text-align:center; }
#primary #calendar_wrap table#wp-calendar caption { font-weight:bold; }
#primary #calendar_wrap table#wp-calendar th { padding:3px 5px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#d4d4d4; }
#primary #calendar_wrap table#wp-calendar td { padding:3px 5px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; }


/* ------- SECONDARY SIDEBAR CONTENT ------- */

#primary h3, #primary h3
{

}

#primary a { 
	text-decoration:none; 
}

#primary a:hover { color:#ec0084; }

#primary ul.xoxo { 
	font-family: Georgia, Arial, Verdana, sans-serif;
	list-style:none;
	font-size:1.1em;
	padding:0;
	background-color:890f14;
}
#primary ul.xoxo li { 
	list-style:none; 
}

#primary ul.xoxo li li { 
	padding:0;
	margin:0 0 5px 0;
	border:none;
	list-style:none; 
}

#blankAd{
	width:160px;
	height:240px;
	background:url("images/blank-ad.png") top left no-repeat;
}


/* ------- SPECIAL WIDGET STYLING for SECONDARY SIDEBAR CONTENT ------- */

#primary ul.xoxo li.widget_flickr img { padding-right:10px; border:1px solid #a6a6a6; float:left; }
#secondary #calendar_wrap table#wp-calendar { width:100%; margin-bottom:20px; text-align:center; }
#secondary #calendar_wrap table#wp-calendar caption { font-weight:bold; }
#secondary #calendar_wrap table#wp-calendar th { padding:1px 2px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#d4d4d4; }
#secondary #calendar_wrap table#wp-calendar td { padding:1px 2px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#eee; }


/* ------- IMAGE VIEWER ------- */

.ngg-imagebrowser-nav .back a {
	float:left;
	width:94px;
	height:37px;
	background:url("images/backarrow.jpg") top left no-repeat;
}

.ngg-imagebrowser-nav .next a {
	float:right;
	width:94px;
	height:37px;
	background:url("images/frontarrow.jpg") top left no-repeat;
}
 .xoxo .ngg-albumoverview{
	width:160px;
	margin:0 0 10px 0;
}

 .xoxo .ngg-album-compact {
	float:left;
	height:120px;	
	text-align:left;
	width:162px;
}

 .xoxo .ngg-album-compactbox {
	border:1px solid #e0e1e1;
	height:91px;
	margin-bottom:12px;
}


 .xoxo .ngg-album-compactbox .Thumb {
	width:160px; 
	height:91px;
}

 .xoxo .ngg-album-compact h4 a{
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:0px;
	margin-top:0px;
	width:220px;
	color:#005b7f;
	text-decoration:none;
	padding-left:2px;
}

 .xoxo .ngg-album-compact p {
	display:none;
}

/*------------- SMCF ---------------*/
#smcf-container div.start-training {margin:0 0 25px 50px; height:44px; width:407px; background:url("images/letsworktogether.jpg") no-repeat; }
#smcf-container .smcf-message {text-align:center;}
#smcf-container .smcf-send {width:95px; height:31px; display:block; background:url("images/formsubmit.jpg") no-repeat; margin:0 0 30px 0;}
#smcf-container .smcf-cancel {width:65px; background:url(../img/cancel.png) no-repeat;}
a.contactz{
	margin-left:20px;
	width:200px;
	height:48px;
	display:block;
	background:url("images/contactformbutton.jpg") no-repeat;
}
a.contactz:hover{
	background-position:0 -48px;
}

/*------------- BLOG ---------------*/



.widget_recent_entries .widgettitle, .widget_archive .widgettitle, .widget_categories .widgettitle{
	margin:0 0 10px 0;
	font-size:1.0em;
	font-weight:bold;
	letter-spacing:0.05em;
	text-transform:uppercase;
}


.widget_recent_entries a, .widget_archive a{
	color:black;
}

.rss{
	text-decoration:none;
	display:block;
	height:44px;
	width:44px;
	float:right;
	margin:40px 29px 0 0;
}

.rss:hover{
	background:url("images/rssbutthover.jpg") top left no-repeat;
}

/* ------- SEARCH SIDEBAR CONTENT ------- */

#searchSide { 
	width:235px;
	height:51px;
	float:right;
	position:relative;
	top:153px; 
}

#searchSide .widgettitle, .widget_text .widgettitle{
	display:none;
}

#search{
	position:relative;
	top:12px;
}

#searchSide .button{
	width:60px;
	height:24px;
	border:none;
	background:url("images/searchbutton.jpg");
	display:block;
	float:right;
	margin:0 24px 0 0;
}

#searchSide input#s{
	border:none;
	padding:0;
	width:140px;
	height:20px;
	margin-left:11px;
	padding:4px 0 0 0;
	vertical-align:top;
	background-color:#cccccc;
}
