@charset "utf-8";
/*  
CSS Document
Theme Name: SCS
Theme URI: http://www.sanclementesoaps.com
Description: Wordpress Theme for San Clemente Soaps
Version: 1.0
Author: Zac Halbert
Author URI: http://www.zachalbertdesign.com/
*/

* {
	margin: 0;
}

html, body {
	height: 100%; /* footer stick */
}

body {
	background-color: #D1B569;
	background-image: url('images/bg.gif');
	background-position: center;
	background-repeat: repeat-y;
	border: 0;
	margin: 0;
	padding: 0;
	font: 13px Arial, Helvetica, sans-serif;
	color: #635122;
	line-height: 22px;
	text-align: center;
}

#page {
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	min-height: 100%;
}

* html #page {
	height: 100%;
}

#page .inside {
	padding-bottom: 0px; /* footer stick - footer height plus margin */
}

.push {
	height: 100px;
}

#container {
	text-align: left;
}

img {
	border: none;
}

ul {
	padding-left: 18px;
}

.entry ul {
	margin-left: 30px;
}

h2 {
	color: #CC6262;
	font: 27px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-top: -9px;
	margin-bottom: 2px;
	clear: both;
	text-align: center;
	text-transform: uppercase;
}

h2.secondary {
	margin-top: 18px;
}

h2 em {
	text-transform: none;
}

blockquote {
	text-align: justify;
	width: 75%;
	margin: 25px;
	padding-left: 20px;
	border-left: 2px solid #E8D3C7;
	line-height: 26px;
	font-style: italic;	
}

a, a:visited {
	color: #cc6262;
	text-decoration: none;
}

a:hover { text-decoration: underline; }
.clearleft { clear: left; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
.left { text-align: left; }
.alignleft { text-align: left; float: left; }
.alignright { text-align: right; float: right; }
.aligncenter { text-align: center; }
.special { display: none; }

/* ---Headers------------------------------------------------------------------------------------ */

#title {
	display: block;
	width: 100%;
	height: 129px;
	background: url('images/title.gif') no-repeat;
	background-position: 0 35px;
	margin-bottom: 9px;
	border-bottom: 1px solid #635122;
}

#headerimg, #sotmcimg {
	margin-bottom: 24px;
	width: 660px;
}

#headerimg .big {
	height: 440px;
	background: orange;
}

#headerimg .small {
	height: 135px;
}

/* Header Image Paths
#headerimg .home { background: orange; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
#headerimg . { background: url('images/header/.gif') no-repeat; }
...commented for the time being */

/* ---/Headers------------------------------------------------------------------------------------ */

/* ---Nav Bar------------------------------------------------------------------------------------ */

#navbar {
	width: 650px;
	margin: 0 5px 0 5px;
	height: 25px;
	text-align: left;
	vertical-align: middle;
	font: 12px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #635122;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav {

}

.nolink {
	cursor: default;
}

#nav a, #nav a:visited, #nav a:hover {
	color: #635122;
	display: block;
	text-decoration: none;
}

#nav li {
	float: left;
}

#nav li.one { width: 38px; }
#nav li.two { width: 39px; }
#nav li.three { width: 105px; }
#nav li.four { width: 48px; }
#nav li.five { width: 65px; }
#nav li.six { width: 77px; }
#nav li.seven { width: 44px; }
#nav li.eight { width: 61px; }

#nav li ul.one { width: 155px; }
#nav li ul.two { width: 200px; }
#nav li ul.three { width: 148px; }
#nav li ul.four { width: 144px; }
#nav li ul.five { width: 159px; }

#nav li ul.one li a { width: 147px; }
#nav li ul.two li a { width: 192px; }
#nav li ul.three li a { width: 140px; }
#nav li ul.four li a { width: 136px; }
#nav li ul.five li a { width: 151px; }

#nav li ul {
	position: absolute;
	margin-left: -999em;
	background: #F6F2E7;
	border: 1px solid #635122;
	z-index: 999;
}

#nav li ul li a {
	display: block;
	margin: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#nav li ul li a:hover {
	background: #DCC68C;
}

#nav li:hover ul, #nav li.sfhover ul {
	margin-left: 0;
}

#nav li:hover {
	visibility: visible;
}

#nav .spacer {
	float: left;
	width: 24px;
	height: 25px;
}

#nav .spacerarrow {
	background: #F6F2E7;
	background-image: url('images/spacerarrow.gif');
	float: left;
	width: 23px;
	height: 25px;
}

/* ---/Nav Bar------------------------------------------------------------------------------------ */

/* ---Content------------------------------------------------------------------------------------ */

#blog, #sidebar {
	text-align: left;
/*	margin-top: 25px;*/
}

#blog {
	width: 442px;
}

#blog .inside {
	width: 420px;
}

.posttitle {
	color: #CC6262;
	font: 27px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 30px;
	clear: both;
	text-align: left;
	text-transform: uppercase;
	position: relative;
}

.postmetadata {
	font: 11px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 14px;
	color: #A78F8F;
	text-transform: uppercase;
	position: relative;
	top: -7px;
	margin-top: 7px;
	display: block;
}

.postheader-small {	width: 356px; }
.postheader-med { width: 331px; }
.postheader-large {	width: 306px; }

.authorimg-small {
	width: 50px;
	height: 50px;
	display: block;
	margin: 4px 12px 12px 0;
}

.authorimg-med {
	width: 75px;
	height: 75px;
	display: block;
	margin: 4px 12px 12px 0;
}

.authorimg-large {
	width: 100px;
	height: 100px;
	display: block;
	margin: 4px 12px 12px 0;
}

.nancy-small { background: url('images/authorimg-nancy-small.jpg') no-repeat; }
.nancy-med { background: url('images/authorimg-nancy-med.jpg') no-repeat; }
.nancy-large { background: url('images/authorimg-nancy-large.jpg') no-repeat; }

#blog .postdate {
	position: relative;
	left: -420px;
	text-align: center;
	width: 70px;
	height: 75px;
	margin-bottom: -75px;
}

.postdate {
	position: relative;
	width: 70px;
	height: 75px;
	margin-bottom: -75px;
	text-align: center;
	left: -70px;
}

.postdate .day {
	font: 27px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #BFAEAE;
	margin-bottom: -6px;
}

.postdate .month, .postdate .year {
	font: 12px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #CC6262;
}

.entry {
	margin-bottom: 18px;
	text-align: left;
}

.entry img {
	margin: 0 10px 10px 10px;
}

.entry p {
	margin-bottom: 12px;
}

.excerpt img {
	float: right;
}

.more-link {
	margin-top: 10px;
}

.breathingroom {
	height: 20px;
}

.two-columns {
	width: 100%;
	margin-top: 43px;
	height: 100%;
	display: block;
}

.two-columns .inside {
	background: url('images/two-col-bg.gif') repeat-y;
	height: 100%;
}

.pagenav {
	margin-top: 18px;
}

.posts-nav-link {
	margin-bottom: 18px;
}

.sharethis {
	margin-bottom: 18px;
}

/* ---/Content------------------------------------------------------------------------------------ */

/* ---Sidebar------------------------------------------------------------------------------------ */

#sidebar {
	width: 196px;
	color: #635122;
}

#sidebar h2 {
	margin: 0;
}

.newsletter form {
	text-align: center;
}

.subscribebox {
	margin-top: 10px;
}

#sidebar .item {
	margin-bottom: 35px;
}

.newsletter .email, .newsletter .button, .button, .comments-template input, .contact-form .button, .comments-template textarea, .contact-form input, .contact-form textarea, .contact-form select {
	border: 1px #8A7C59;
	color: #635122;
}

.newsletter .email, .comments-template input, .comments-template textarea, .contact-form input, .contact-form textarea, .contact-form select {
	background: #fff;
	border-style: inset;
	padding: 2px;
}

.newsletter .button, .comments-template .commentbutton, .contact-form .button {
	border-style: outset;
	font: 12px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding: 1px;
	background: #F6F2E7;
}

.newsletter .email {
	margin-right: 5px;
}

.scp {
	width: 190px;
	margin: 5px auto 10px auto;
}

#sidebar .item ul {
	position: relative;
	list-style-type: disc;
}

#sidebar .item .description {
	text-align: center;
	margin-top: -8px;
	margin-bottom: 5px;
	font-style: italic;
}

.social-bookmarks {
	width: 196px;
}

.bookmark {
	width: 16px;
	margin: 18px 17px 0 16px;
	height: 16px;
	display: block;
}

/* ---/Sidebar------------------------------------------------------------------------------------ */

/* ---Footer------------------------------------------------------------------------------------ */

#footer {
	height: 75px;
	width: 660px;
	margin: 0 auto 0 auto;
	font: 12px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-top: -75px;
}

#footer .top {
	height: 24px;
	border-top: 1px solid #635122;
	border-bottom: 1px solid #635122;
	position: relative;
	top: 12px;
}

#footer .bottom {
	color: #ACA184;
	font: 12px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	position: relative;
	top: 17px;
}

#footer .top .inside {
	width: 640px;
	margin: 0 auto 0 auto;
	position: relative;
	top: 4px;
}

/* ---/Footer------------------------------------------------------------------------------------ */

/* ---Comments------------------------------------------------------------------------------------ */

.comments-template, .contact-form {
	margin: 18px 0 0;
	border-top: 1px solid #8A7C59;
	padding: 18px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 18px 5px;
	color: #635122;
}

.comments-template ol li{
	margin: 18px 18px 0 18px;
	padding: 0 0 18px;
	border-bottom: 1px solid #8A7C59;
}

.comments-template ol li p {
	text-transform: none;
}

.comments-template h2, .contact-form h2 {
	color: #CC6262;
	font: 27px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin: 0 0 6px;
	clear: both;
	text-align: left;
	text-transform: uppercase;
}

.comments-template h3 {
	color: #CC6262;
	font: 18px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin: 0 0 6px;
	clear: both;
	text-align: left;
	text-transform: uppercase;
}

.comments-template p {
	margin: 0 0 6px 0;
}

.comments-template label {
	position: relative;
	top: 2px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	width: 412px;
	margin: 18px 0 6px 0;
}

/* ---/Comments------------------------------------------------------------------------------------ */

/* ---Contact Form------------------------------------------------------------------------------------ */

.contact-form label {
	font-size: 11px;
	display: block;
	line-height: 18px;
}

.req {
	color: #CC6262;
	font-size: 20px;
	line-height: 18px;
	position: relative;
	top: 5px;
}

.contact-form input, .contact-form select {
	width: 300px;
	margin-bottom: 8px;
}

.contact-form .button {
	width: 75px;
}

.contact-form textarea {
	width: 418px;
	height: 175px;
	margin: 0 0 16px 0;
}

/* ---/Contact Form------------------------------------------------------------------------------------ */

/* ---Gallery------------------------------------------------------------------------------------ */

.gallery {
	width: 100%;
}

.tabs {
	width: 192px;
	text-align: center;
}

.images {
	width: 438px;
}

ul.tabNavigation {
	list-style: none;
    margin: 0;
    padding: 0;
	border-top: 1px solid #635122;
}

UL.tabNavigation LI {
	background: #F6F2E7 url('images/pink-left-arrow.gif') no-repeat;
	background-position: 5px 9px;
	width: 192px;
	border-bottom: 1px solid #635122;
}

UL.tabNavigation LI A {
	width: 175px;
	display: block;
	text-transform: uppercase;
	font: 13px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	position: relative;
	left: 15px;
	padding: 3px 0 4px 0;
}

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
    background-color: #F3E6DE;
}
		
UL.tabNavigation LI A:focus {
	outline: 0;
}

.gallery .row .item {
	width: 200px;
	margin-bottom: 12px;
}

/* ---/Gallery------------------------------------------------------------------------------------ */

/* ---Store------------------------------------------------------------------------------------ */

.store .item {
	border-bottom: 1px solid #635122;
	padding: 24px 0 24px 0;
}

.store-image, .store-image img {
	width: 232px;
	height: 155px;
	margin: 0;
}

.store-image-special, .store-image-special img {
	margin: 0;
	width: 232px;
}

.store-image-special img {
	margin-bottom: -4px;
}

.store-image-sotmc img {
	margin: 0;
	width: 190px;
	height: 190px;
}

.store-image-sotmc {
	width: 232px;
	text-align: right;
}

.store .label {
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
}

.store-description {
	width: 238px;
	margin: 0 18px 0 18px;
}

.store-form {
	width: 154px;
}

.item-title, .item-price {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC6262;
}

.disclaimer-link {
	font: 11px Arial, Helvetica, sans-serif;
	color: #cc6262;
	position: relative;
	top: -4px;
	cursor: pointer;
}

.disclaimer-text {
	width: 180px;
	height: 175px;
	margin: 15px auto 0;
}

.disclaimer-close {
	cursor: pointer;
}

.item-price-desc {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.item-price-wrap {
	margin: 12px 0 2px;
}

.item-title {
	width: 238px;
	margin-bottom: 6px;
}

.item-title-sotmc {
	width: 125px;
}

.item-price {
	position: relative;
	right: 10px;
	margin-bottom: 4px;
}

.form-dropdown, .form-text, .form-button {
	width: 100%;
	border: 1px solid #635122;
	color: #635122;
	margin: 0 0 12px 0;
	padding: 0;
}

.form-text {
	padding: 2px;
	width: 148px;
}

.form-button {
	text-align: left;
	background: #E6D7AE;
}

.view-checkout {
	border-bottom: 1px solid #635122;
	padding-bottom: 14px;
}

p.special-text {
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 16px;
}

.form-button-co {
	background: #CC6262;
	color: #fff;
	border: 1px solid #231F20;
	width: 152px;
	text-align: center;
	display: block;
}

a.form-button-co {
	color: #fff;
}

.form-button-co:hover {
	text-decoration: none;
}

.form-button-vc {
	width: 120px;
	text-align: left;
	border: 1px solid #635122;
	margin-right: 8px;
	background: #E6D7AE;
}

/* ---/Store------------------------------------------------------------------------------------ */

/* ---Misc...------------------------------------------------------------------------------------ */

.sneak-preview {
	border-top: 1px solid #635122;
	margin-top: 24px;
	padding-top: 24px;
}

.preview-one, .preview-two {
	width: 300px;
}

.preview-divider {
	width: 329px;
	border-right: 1px solid #635122;
	margin-right: 29px;
}

.preview-image img {
	margin: 0 12px 0 0;
}

.preview-title {
	font-weight: bold;
	color: #cc6262;
}

.preview-box {
	width: 300px;
	margin-right: 30px;
}

.sneak-preview p.preview-text {
	font-size: 14px;
	font-style: italic;
	margin-bottom: 18px;
}