/****************************************************************************************************************
THEME NAME: Sensibility
THEME URI: http://www.sensibility.com
DESCRIPTION: Custom theme designed by <a href="http://rzen.net">Brian Richards</a>
VERSION: 0.2
AUTHOR: Brian Richards
AUTHOR URI: http://www.rzen.net
TEMPLATE: startbox
****************************************************************************************************************

Default styles from startbox are imported via wp_enque_style() in fucntions.php 

****************************************************************************************************************

Color Pallet

****************************************************************************************************************

Light Pink: #eed5d1 ...... used for page background
Dark Pink: #cc5858 ....... used for links, product prices
Gray: #444 ............... used for body copy
Dark Gray: #111 .......... used instead of black

****************************************************************************************************************

Table of Contents

****************************************************************************************************************

0.	General Styling
1. 	Layout
2.	Menu
3.	Widget Areas
4.	Articles
5.	Products
6.	Pages
7.	Footer
8.	Galleries
9.	404 and Search
10. Home Page

****************************************************************************************************************

0. General Styling

****************************************************************************************************************/

body {
	background:#eed5d1 url('images/logo.png') no-repeat 50% 0!important;
	color:#444;
	font:1em Georgia,Times,serif;
	line-height:1.5em;
}
a, a:visited {
	color:#cc5858;
}
a:hover, a:active {
	color:#cc5858;
	text-decoration:underline;
}
h1,h2,h3,h4,h5,h6 {
	font-family:Georgia,Times,serif!important;
	font-weight:normal!important;
	color:#111;
}
h1 {}
h2 { text-transform:none; }
h3 { text-transform:none; }
hr {
	background:#fff url('images/line.png') no-repeat 50% 0;
	border:1px solid #fff;
	border-collapse:collapse;
	width:100%;
	height:32px;
	margin:.5em auto 1em;
	padding:0;
	position:relative;
}
p { margin-bottom:1em; }
blockquote {
	background:#f9f9f9;
	font:italic 1em Georgia,Times,serif;
	padding:1em;
	margin:1em 3em;
	border:1px solid #ddd;
}

.more-link, .more-link:visited {
	font-style:italic;
}
.entry-content ol,
.entry-content ul {
	margin:1em 3em;
}
.entry-content ol ol,
.entry-content ul ul {
	margin:0 3em;
}
.entry-content ul {
	list-style:disc;
}
.nav-previous a, .nav-previous a:visited,
.nav-next a, .nav-next a:visited {
	font:italic 1.4em Georgia,Times,serif;
	color:#333;
}
ul {}
ul ul {}
ol {
	list-style-type:decimal;
}
ol ol {}
.wp-pagenavi a, .wp-pagenavi span {
	border:0!important;
}

/****************************************************************************************************************

1. Layout

****************************************************************************************************************/

#wrap{
	padding-bottom:30px;
	background:none!important;
	border:0!important;
}
#logo {
	background:none;
	width:auto;
	height:auto;
	color:#111;
}
#logo #blog-title {
	position:absolute;
	left:-999px;
}
.hentry, .post {
	background:#fff;
	padding:15px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:#888 0 0 3px;
	-moz-box-shadow:#888 0 0 3px;
	-webkit-box-shadow:#888 0 0 3px;
}	
.entry-title { text-transform:none; }
.product-details {
	background:#eee;
	padding:30px;
	width:400px;
	margin:30px auto;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}
.productlabel {
	font-weight:bold;
	color:#222;
}
.home #nav-below,
.single #nav-below {
	display:none;
}

/****************************************************************************************************************

2. Menu

****************************************************************************************************************/

.menu li.page-item-1137,
.menu li.page-item-4589 { display:none!important; }
.menu {
	background:#fff;
	border-top:3px solid #222;
	border-bottom:1px solid #222;
	padding:5px 0;
	margin:120px auto 20px;
	text-align:center;
	box-shadow:#888 0 0 3px;
	-moz-box-shadow:#888 0 0 3px;
	-webkit-box-shadow:#888 0 0 3px;
}
.menu li a, .menu li a:visited {
	display:inline-block!important;
	color:#555;
	font:1em Georgia,Times,serif;
	padding:20px 15px 5px!important;
	line-height:30px;
	margin-top:-20px!important;
	text-transform:none;
}
.menu li a:hover, .menu li a:active,
.menu li:hover a, .menu li:hover a:visited,
.menu li.current_page_item a, .menu li.current_page_item a:visited,
.menu li.current_page_ancestor a, .menu li.current_page_ancestor a:visited {
	background:url('images/menu_li.png') no-repeat 50% 0;
	color:#111;
	border:0!important;
	text-decoration:none!important;
}
.menu li.current_page_item a, .menu li.current_page_item a:visited {
	font-style:italic;
}
.menu li ul {
	background:#111;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:#888 0 0 3px;
	-moz-box-shadow:#888 0 0 3px;
	-webkit-box-shadow:#888 0 0 3px;
}
.menu li li {
	display:block!important;
	text-align:left!important;
}
.menu li li a, .menu li li a:visited {
	display:block!important;
	background:none!important;
	color:#eee;
	padding:10px!important;
	line-height:20px;
	margin:0!important;
}
.menu li li a:hover, .menu li li a:active {
	background:#eee!important;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.menu li li.current_page_item a, .menu li li.current_page_item a:visited {
	background:#444!important;
	color:#eee;
	box-shadow:none!important;
	-moz-box-shadow:none!important;
	-webkit-box-shadow:none!important;
}
.menu ul ul ul {
	display:none!important;
}
#header .page-item-1137 { display:none!important; }

/****************************************************************************************************************

3. Widget Areas

****************************************************************************************************************/

.widget {
	background:#fff;
	border:3px solid #111;
	border-width:3px 0;
	padding:0;
}
#primary .widget-title {
	text-transform:none;
	margin:0 auto 10px;
	padding:5px 0;
	border-bottom:1px solid #111;
	text-align:center;
}
#primary .widget-title-right {
	background:url('images/ornament_right.png') no-repeat 100% 50%;
	padding-right:35px;
}
#primary .widget-title-left {
	background:url('images/ornament_left.png') no-repeat 0% 50%;
	padding-left:35px;
}
.widget p {
	margin:10px 20px;
}
.widget li a, .widget li a:visited {
	display:inline;
	color:#cc5858;
	border:0;
	padding:0;
}
.widget li a:hover, .widget li a:active {
	background:none;
	color:#cc5858;
	text-decoration:underline;
}
.widget ul {
	padding:10px 20px!important;
	border:0;
}
.widget li {
	padding:2px;
}
.widget .listing {
	padding:5px 0;
	position:relative;
	overflow:hidden;
}
.widget .entry-title {
	font:normal 1.2em Georgia,Times,serif;
	letter-spacing:-1px;
	padding:0;
	border:0;
}
.widget .entry-meta {
	margin-bottom:0;
}
.widget .entry-photo {
	float:left;
	margin:0 15px 15px 0;
}
#text-4 { /* eHow Widget */
	background:transparent;
	border:0;
}
#text-4 .widget-title {
	display:none!important;
}
.widget select {
	margin:10px 30px;
	width:80%;
}
.widget table {
	padding:15px;
	margin:5px auto;
}
.widget table td {
	padding-bottom:10px;
}
#text-6 { display:none; }
.category-show-and-tell #text-6 { display:block; }

/****************************************************************************************************************

4. Articles

****************************************************************************************************************/

.post {
	position:relative;
	overflow:hidden;
}
.post .entry-title {
	font-size:1.4em;
	text-transform:none;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
}
.post .entry-title-right {
	background:url('images/ornament_right.png') no-repeat 100% 50%;
	padding-right:35px;
	padding:10px 35px 10px 0;
}
.post .entry-title-left {
	background:url('images/ornament_left.png') no-repeat 0% 50%;
	padding-left:35px;
}
.post .more-link {
	clear:none;
	float:right;
	margin-top:1em;
}
.post .entry-meta {
	background:url('images/line.png') no-repeat 50% 100%;
	color:#333;
	text-align:center;
	font:italic .9em Georgia,Times,serif;
	text-transform:none;
	padding-bottom:50px;
}
.post .entry-social {
	text-align:center;
	padding-bottom:15px;
}
.post .meta-sep {
	color:#aaa;
	padding:0 5px;
}
.post .entry-photo {
	margin-bottom:-25px;
}
.post .entry-excerpt {
	display:block;
}
.post .entry-footer {
	display:block;
	position:relative;
	float:left;
	clear:both;
}
.post .entry-social a, .post .entry-social a:visited {
	font:normal .7em Georgia,Times,serif!important;
	text-transform:uppercase;
	letter-spacing:1px;
}
.post .entry-footer .entry-social {
	padding-bottom:0;
}
.post .comments-link {
	background:url('images/comment_bubble.png') no-repeat 0 50%;
	padding:10px 0 10px 42px;
	line-height:40px;
	position:relative;
	float:none;
}
#sociable {
	text-align:center;
}
div.sociable { margin:0 auto 30px; }
.sociable-hovers { opacity:.7; }

/****************************************************************************************************************

5. Products

****************************************************************************************************************/

.product .entry-title {
	text-align:left;
	position:relative;
	float:left;
}
.single .product .entry-title {
	text-align:center;
	float:none;
}
.single .product .entry-meta {
	margin-bottom:0;
}
.product .product-price {
	color:#cc5858;
	font-size:1.4em;
	float:right;
}
.product .entry-photo {
	float:left;
	margin:0 15px 0 0;
}
.product .entry-content {
	clear:both;
	padding-top:15px;
}
.product .entry-excerpt {
	width:auto;
}
.product .product-purchase {
	text-align:center;
}
.product .product-purchase .more-link {
	display:inline;
	clear:none;
	float:none;
	margin:0;
	padding:0;
}
.product .product-purchase em {
	padding:0 10px;
	font-style:normal;
}
.product .product-purchase img {
	margin-bottom:5px;
	vertical-align:middle;
}
.product .product-e-pattern {
	display:block;
	background:url('images/line.png') no-repeat 265px 0;
	font-style:italic;
	width:auto;
	font-size:.8em;
	padding-top:40px!important;
}
.product .product-e-pattern .product-price {
	font-size:1em;
	float:none;
	padding-right:10px;
}
.product .tag-links {
	display:inline;
	float:left!important;
	font-style:italic;
}
.product .entry-content ul {
	margin:0 1.5em 1em;
	display:block;
	position:relative;
	left:1.5em;
}
.single .product-purchase {
	float:right;
	padding-bottom:30px;
	margin-bottom:30px;
}
.single .product-purchase td {
	padding-bottom:5px;
}
.product-label {
	color:#333;
	font-size:.7em;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:right;
	padding-right:10px;
}
.single .product-price {
	float:none;
	text-align:left;
	padding-right:10px;
}
.product-btn img {
	vertical-align:middle;
}
.single .product .nav-previous, .single .product .nav-next {
	display:none;
}

/****************************************************************************************************************

6. Pages

****************************************************************************************************************/

.page-title {
	color:#111;
	font-size:1.2em;
	padding-bottom:15px;
}
.archive #primary {
	margin-top:45px;
}

/****************************************************************************************************************

7. Footer

****************************************************************************************************************/
#footer_wrap {
	background:#222 url('images/footer_bg.png') repeat-x 0 0!important;
	color:#999;
	width:100%!important;
	line-height:1.2em;
	padding:0!important;
	border:0!important;
	position:relative;
	overflow:hidden;
}
#footer_wrap a, #footer_wrap a:visited {
	color:#fff;
	font-family:Georgia,Times,serif;
}
div#footer {
	margin:0 auto;
}
div#footer_sidebar {
	background:transparent url('images/footer_bg_top.png') no-repeat 50% -6px;
	position:relative;
	width:960px;
	margin:0 auto;
	padding-top:50px;
	float:none;
}
#footer_sidebar .aside {
	display:block;
	width:300px;
	position:relative;
	float:left;
	margin:0 10px;
	padding:0px;
}
#footer_sidebar .widget ul {
	padding:0!important;
}
#footer_sidebar .widget-title {
	color:#fff;
	font:italic 1.4em Georgia,Times,serif;
	text-transform:none;
}
#footer_sidebar .sb_latest_posts_widget .listing {
	display:inline;
}
#footer_sidebar li { background:none; border:none; }
#footer_sidebar .sb_latest_posts_widget ul {
	display:block;
	position:relative;
	overflow:hidden;
	width:300px;
}
#footer_sidebar .sb_latest_posts_widget img {
	margin:0 5px 5px 0;
}
#footer_sidebar .widget .more-link {
	display:block;
	margin-top:15px;
	position:relative;
	clear:both;
	float:right;
}
#footer_sidebar .sb_stay_connected_widget a {
	font:italic 1em Georgia,Times,serif;
}
#footer_sidebar .sb_stay_connected_widget a:hover, #footer_sidebar .sb_stay_connected_widget a:active {
	text-decoration:none;
}
#footer_sidebar .sb_stay_connected_widget a:hover span {
	text-decoration:underline;
}
#footer_sidebar .sb_stay_connected_widget a img {
	vertical-align:middle;
	margin-right:5px;
}
div#wp_footer {
	background:#4b4740 url('images/footer_bg_mid.png') repeat-x 0 0;
	width:100%;
	height:130px;
	padding-top:16px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#footer_nav {
	width:480px;
	position:absolute;
	left:50%;
	margin-left:-480px;
}
#footer_nav li {
	display:block;
	position:relative;
	float:left;
	margin-right:5px;
}
#footer_nav li a, #footer_nav li a:visited {
	color:#2f2e2c;
	font:1em Arial,sans-serif;
	line-height:30px;
	padding:5px 10px;
}
#footer_nav li a:hover, #footer_nav li a:active {
	background:#2f2e2c;
	color:#fff;
	text-decoration:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#searchform {
	position:absolute;
	left:50%;
	margin-left:170px;
}
#search {
	display:block;
	background:#f7f5f3 url('images/search.png') no-repeat 275px 50%;
	color:#555;
	font:1em Arial,sans-serif;
	width:290px;
	padding:5px;
	line-height:20px;
	border:1px solid #9a8c7a;
}
#sb_credit {
	background:url('images/footer_bg_bottom.png') no-repeat 50% 0;
	color:#eee;
	font:italic .8em Georgia,Times,serif;
	line-height:1.4em;
	width:940px;
	padding:30px 10px 20px;
	position:absolute;
	left:50%;
	top:60px;
	margin-left:-480px;
}
#sb_credit a, #sb_credit a:visited {
	color:#eee;
	text-decoration:underline;
}
#footer .rtt {
	color:#777;
	display:block;
	text-align:center;
	position:relative;
	clear:both;
	margin:15px auto;
	padding-top:15px;
}

/****************************************************************************************************************

8. Galleries

****************************************************************************************************************/

.gallery-wrap {
	width:580px;
	margin:0 20px 20px 0;
	position:relative;
	float:left;
	overflow:hidden;
	clear:both;
	z-index:75;
}
.gallery-wrap .gallery {
	width:558px;
	background:#eee;
	border:1px solid #ddd;
	padding:10px;
	text-align:center;
}
#controls {
	padding:10px 0 0;
	position:relative;
	overflow:hidden;
}
#slideshow {
	position:relative;
	overflow:hidden;
	height:400px;
}
.image-wrapper {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.image-wrapper a {
	display:block;
	width:100%;
	overflow:hidden;
}
#slideshow img {
	height:400px;
	width:auto!important;
}
.ss-controls {
	display:none;
	position:relative;
	float:left;
}
.nav-controls {
	position:relative;
}
.controls a, .controls a:visited {
	display:block;
	color:#777	;
	position:relative;
	float:left;
	padding:0px;
}
.controls a:hover, .controls  a:active {
	color:#222;
	text-decoration:none;
}
.controls a.next {
	float:right;
}
#thumbs {
	margin:15px auto!important;
	padding:0;
	position:relative;
	clear:both;
	overflow:hidden;
}
.entry-content #thumbs .thumbs {
	position:relative;
	overflow:hidden;
	text-align:center;
	width:520px;
	height:60px;
	margin:0 2px!important;
	padding:0;
	float:left;
	left:2px!important;
}
#thumbs li {
	display:block;
	position:relative;
	float:left;
	margin:0 5px 5px 0;
}
#thumbs li a {
	display:block;
	position:relative;
	overflow:hidden;
}
.portfolio-piece {
	display:block;
	position:relative;
	float:left;
	margin:0 15px 15px 0;
}
.gallery-item img {
	height:60px;
	width:auto;
	margin:0;
}

#thumbs .pageLink {
	display:block;
	width:27px;
	height:60px;
	position:relative;
}
#thumbs .prev {
	background:url('images/gallery_left.png') no-repeat 0 50%;
	float:left;
}
#thumbs .next {
	background:url('images/gallery_right.png') no-repeat 0 50%;
	float:right;
}
a .enlarge {
	background:#eee;
	display:block;
	position:absolute;
	text-align:center;
	width:100%;
	left:0;
	bottom:0;
	opacity:.7;
}
a:hover .enlarge {
	opacity:.9;
}

/****************************************************************************************************************

9. 404 and Search

****************************************************************************************************************/

.error404 .entry-title {
	margin-bottom:15px;
}
.error404 .entry-content h3 {
	font-size:1em;
}
#error404-s,
#noresults-s {
	background:#f0f0f0;
	color:#333;
	font:1em Arial,sans-serif;
	line-height:30px;
	width:360px;
	padding:4px;
	margin-bottom:30px;
	border:1px solid #ddd;
}
#error404-searchsubmit,
#noresults-searchsubmit {
	background:#333;
	color:#fff;
	font:1em Georgia,Times,serif;
	line-height:30px;
	width:auto!important;
	padding:3px 20px;
	border:0;
}

/****************************************************************************************************************

10. Home Page

****************************************************************************************************************/
.home div#content {
	margin:0;
}
.home .hentry {
	width:580px;
	float:left;
}
.home #nav-below { display:none; }
#illustration {
	display:block;
	background:url('images/illustration.png') no-repeat;
	width:322px;
	height:407px;
	position:relative;
	float:right;
}
.home .page-section-title {
	display:block;
	color:#333;
	font-size:1.8em;
	font-style:italic;
	margin-bottom:.5em;
	clear:both;
}
.home .page-section-title a, .home .page-section-title a:visited {
	color:#333;
}
#forum-link {
	text-align:center;
	margin:1em auto;
}
#forum-link a {
	color:#333;
	text-decoration:underline;
}
#forum-link a:hover, #forum-link a:active {
	color:#555;
}
#category_previews {
	position:relative;
	overflow:hidden;
}
.cat-wrap {
	width:220px;
	margin:0 10px;
	position:relative;
	float:left;
	overflow:hidden;
}
.cat-1 { margin-left:0; }
.cat-4 { margin-right:0; }
.cat-header {
	background:url('images/cat-header.png') no-repeat 50% 100%;
	width:220px;
	height:40px;
}
.cat-footer {
	display:block;
	background:url('images/cat-footer.png') no-repeat 100% 100%;
	width:220px!important;
	height:40px!important;
	position:relative;
	overflow:hidden;
}
.cat-title {
	text-align:center;
	font-size:1em;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #555;
}
.cat-title span {
	background:url('images/ornament_right.png') no-repeat 100% 50%;
	padding-right:35px;
}
.cat-title a {
	background:url('images/ornament_left.png') no-repeat 0% 50%;
	color:#111;
	font-size:1.2em;
	padding-left:35px;
}
.cat-preview {
	background:#fff;
	padding:10px;
	width:200px;
	overflow:hidden;
}
.lg-article,
.sm-article {
	display:block;
	position:relative;
	overflow:hidden;
}
.sm-article {
	border-top:1px solid #555;
	padding-top:10px;
	margin-top:10px;
}
.cat-preview .entry-excerpt p {
	font-size:.8em;
	line-height:1.4em;
	margin-bottom:0;
}
.cat-preview .more-link {
	float:right;
}
.cat-preview .entry-title {
	font-size:1em;
}
.cat-preview .entry-photo {
	float:left;
	margin:0 8px 0 0;
}
.cat-preview .comments-link {
	background:none;
	padding:0!important;
	float:left;
}
.cat-preview .comments-link a {
	display:block;
	background:url('images/comment_icon.png') no-repeat 0 0;
	font:normal .7em Georgia,Times,serif;
	padding:1px 0 3px 20px;
	float:none;
}
.cat-preview .cat-more {
	display:block;
	font-size:.6em;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	padding-top:5px;
	margin-top:10px;
	border-top:1px solid #555;
	
}
#tips {margin-left:0;}
#blog {margin-right:0;}


/****************************************************************************************************************

11. FAQ

****************************************************************************************************************/

#toc ol {
	background:#f0f0f0;
	border:1px solid #ddd;
	padding:20px;
}
#toc strong a, #toc strong a:visited {
	color:#333;
}
#toc ol li {
	margin-bottom:auto!important;
}
.page-id-14 ol li {
	margin-bottom:30px;
	list-style-position:inside;
}

/****************************************************************************************************************

12. Links Page

****************************************************************************************************************/

#links-toc, #links, #links ul {
	list-style:none;
	margin:0 0 30px;
	padding:0;
	line-height:1.2em;
}
#links ul {
	margin-bottom:0;
}
#links-toc ul {
	display:none;
	margin-bottom:0;
}
#links li {
	margin-bottom:30px;
}
#links h3 {
	margin-bottom:15px;
	display:none;
}
#links hr {
	margin:5px auto 50px;
}
#links img {
	display:block;
	margin-bottom:0;
	position:relative;
	clear:both;
}
#links .rtt { 
	display:block;
	text-align:center;
}

/****************************************************************************************************************

12. Links Page

****************************************************************************************************************/

.newsletter-form {
	display:block;
	position:relative;
	width:500px;
	margin:30px auto;
}
.newsletter-form label {
	display:inline-block;
	width:150px;
	text-align:right;
	margin-right:5px;
}
.newsletter-form input {
	display:inline-block;
	color:#555;
	font-size:1.2em;
	padding:5px;
	border:1px solid #222;
}
.newsletter-input {
	width:200px;
}
.newsletter-form img {
	margin:0;
	vertical-align:bottom;
}
.newsletter-submit {
	background:#222;
	color:#fff!important;
	font-size:1.2em;
	cursor:pointer;
	margin:5px 0 0 160px;
}
.newsletter-form .fine {
	display:block;
	font-size:.8em;
	line-height:1.4em;
	clear:both;
	margin:10px 0 0 0;
}
