/*
Theme Name: Sashwhy10
Theme URI: http://SashwhyStudio.com
Description: Two column simple boutique WP Theme
Version: 1.0
Author: http://SashwhyStudio.com
 */



/*SWATCH

RED #E14045
BLUE #7BC8CD
GREY #E0E0E0
BLACK/DK GREY #202020
*/


body {
background-color:#E0E0E0;
color:#202020;
text-align:left;
display: block;
color:#808080;
font: normal normal 89% Arial, sans-serif;
font-size: /**/small;
line-height:18px;
margin:0;
padding:0;
}

#top {
background-color:#FFFFFF;
width:873px;
height:48px;
clear:both;
margin:0 auto;
}

#container {
width:873px;
background:url('http://sashwhystudio.com/wp-content/themes/Sashwhy10/images/bg_tile.jpg') repeat-y;
margin:0 auto;
}

#content {
width:554px;
float:left;
text-align:justify;
margin:35px 0 0;
padding:0 20px;
}

#post {
border-bottom: 1px dashed #ddd;
}

/* ---------------------------------- SIDEBAR STYLING ---------------------------------- */


.sidebox {
width:200px;
position:absolute;
margin:20px 0 0;
}

#side_bg {
background-color:#7BC8CD;
width:279px;
height:265px;
border-bottom:#B0ECF0 solid 10px;
}

#sidebar {
float:right;
width:279px;
color:#FFFFFF;
text-align:justify;
margin:0;
}

.sidebar_wrap {
width:260px;
padding:0 10px;
}

#sidebar li ul li {
border-top:0 dashed #f5f5f5;
border-bottom:1px dashed #484848;
margin:0;
}

#sidebar ul li {
list-style:none;
border-bottom:1px dashed #484848;
padding:6px 3px;
}

#sidebar ul {
list-style:none;
margin:0;
padding:6px 3px;
}

#sidebar h1 {
display: block;
color: white;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 21px;
letter-spacing: -1px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
}

/* ---------------------------------- FOOTER STYLING ---------------------------------- */

#footer {
width:841px;
clear:both;
background-color:#FFFFFF;
color:#484848;
font-weight:bold;
margin:0 auto;
padding:16px;
}

#footer_left {
float:left;
width:600px;
}

#footer_right {
float:right;
width:200px;
}

/* ---------------------------------- NAVIGATION STYLING ---------------------------------- */

#navigation {
width:873px;
color:#FFFFFF;
font-weight:bold;
}

#navigation ul {
list-style:none;
border:none;
margin:0;
padding:0;
}

#navigation li {
float:left;
margin:0;
}

#navigation li a {
display:block;
background-color:#FFFFFF;
text-align:center;
color:#393939;
padding:15px 20px;
}

html>body #navigation li a {
width:auto;
}

#navigation li a:hover {
background-color:#7BC8CD;
color:#FFFFFF;
}


/* ---------------------------------- HEADINGS STYLING ---------------------------------- */

h1 {
color: #7BC8CD;
display: block;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 26px;
font-weight: normal;
letter-spacing: -1px;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}

h2 {
color: #484848;
font-family: Arial, sans-serif;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-transform: uppercase;
height: 27px;
line-height: 27px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 4px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-indent: -2px;
width: 560px;
text-align: left;
}

h3 {
color: #7BC8CD;
display: block;
font-size: 15px;
font-weight: bold;
height: 18px;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
margin-top: 15px;
text-transform: uppercase;
}

h4 {
color: #E14045;
display: block;
font-size: 15px;
font-weight: bold;
height: 18px;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
margin-top: 15px;
text-transform: uppercase;
}

h5{
color: #E14045;
display: block;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 16px;
font-weight: normal;
letter-spacing: -1px;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}

h6 {
color: #7BC8CD;
display: block;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 16px;
font-weight: normal;
letter-spacing: -1px;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
/* ---------------------------------- LINKS ---------------------------------- */

a {
color:#E14045;
text-decoration:none;
font-weight:bold;
}

a:hover {
color:#73B9BB;
text-decoration:none;
}

h1 a:hover {
color:#E14045;
text-decoration:underline;
}
h2 a {
color:#484848;
text-decoration:underline;
}
h2 a:hover {
color:#E14045;
text-decoration:underline;
}

/* ---------------------------------- POST STYLING ---------------------------------- */

.img_border {
width:150px;
height:150px;
float:left;
border:1px solid #999;
margin:15px 15px 0 0;
padding:5px;
}

.clear {
clear:both;
}

.post_divider {
background:url('') no-repeat;
width:550px;
height:60px;
clear:both;
margin:25px auto 0;
}

.post,.wrapper {
padding:0 20px;
}

#post2 {
border-bottom:0px dashed #202020;
}

div#post li {
list-style-type: circle;
color: #414141;
}

.postmetadata {
color: #414141;
font-size : 13px;
font-weight: normal;
text-transform: none;
font-family: arial, sans-serif;
text-align: left;
border-bottom: 1px dashed #ddd;
margin-top: 2px;
padding-bottom: 14px;
margin-bottom: 2px;
overflow: hidden;
background: transparent;
}

.postmetadata a {
color: #7BC8CD;
text-decoration: none;
}

.postmetadata a:hover {
color: #E14045;
}



/* ---------------------------------- BREADCRUMBS ---------------------------------- */

.breadcrumb a {
padding:4px 8px;
background: #eee;
font:10px arial, helvetica, sans-serif;
font-weight:bold;
color: #7BC8CD
margin-right: 4px;
margin-left: 4px;
text-transform: uppercase;
text-decoration: none;
}

.breadcrumb a:hover {
background:#7BC8CD;
color: #fff;
text-decoration: none;
}



/* ---------------------------------- BASIC FONT STYLING ---------------------------------- */
small {color: #999;display: block;margin: 0px;padding: 0px;}


blockquote {
color: #606060;
background: #fafafa;
font-size: 12px;
line-height: 16px;
text-align: left;
font-family: "tahoma";
padding: 6px;
border: 1px dotted #cccccc;
margin: 0px;
}

address {
background-attachment: scroll;
background-clip: border-box;
background-color: #F2FEFF;
background-image: none;
background-origin: padding-box;
border: 1px dashed #7BC8CD;
display: block;
font-size: 13px;
font-style: italic;
margin: 5px 0px 5px 0px;
outline-color: #777;
outline-style: none;
outline-width: 0px;
padding: 8px 5px 8px 5px;
vertical-align: baseline;
text-align: center;
}

pre {
background-attachment: scroll;
background-clip: border-box;
background-color: #F1F1F1;
background-image: none;
background-origin: padding-box;
display: block;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 19px;
letter-spacing: -1px;
line-height: 19px;
margin: 5px 0px 5px 0px;
padding: 8px 5px 8px 5px;
vertical-align: baseline;
text-align: center;
}

/* ---------------------------------- MISC STYLING ---------------------------------- */

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

.left {
float:left;
text-align:left;
}

.right {
float:right;
text-align:right;
}

#sidebar a:link,#sidebar a:visited,#sidebar a:active {
color:#B0ECF0;
font-weight: normal;
}

#sidebar a:hover {
color:#FFFFFF;
}

#sidebar h1 a:link,h1 a:visited,h1 a:active {
color:#7BC8CD;
}

#sidebar h1 {
color:#FFF;
margin-bottom: -10px;
}

.img, img, img.ttf {
border:0;
}





/* ---------------------------------- TABLE STYLING ---------------------------------- */


/* design process page */
.style1 {border: 0px solid #000000; background-color: #EEE; width: 20%; text-align: center; }
.style4 {text-align: center; border: 0px solid #000000; background-color: #EEE;}

/* Black BG 100% Width Table Topper */
.style7 {text-align: center;color: #FFFFFF;border: 0px solid #000000;background-color: #373737;}


.style2 {border-color: #000000; border-width: 0;}
.style3 {border: 0 solid #000000;}
.style5 {text-align: center;border: 0px solid #000000;background-color: #D0EBAE;}
.style6 {border: 0px solid #000000;background-color: #D0EBAE;}
.style8 {color: #FFFFFF;border: 0px solid #000000;background-color: #373737;width: 20%;}
.style11 {text-align: center;color: #FFFFFF;border: 0px solid #000000;background-color: #EEEEEE;}




/* ---------------------------------- COMMENT STYLING ---------------------------------- */

/* Begin Comments*/
#comment-box {overflow: hidden; padding: 20px; clear: both}
#comment-box #comment {width: 90%;}
#comment-box h3 {font-size: 1.4em; color: #8b7a5e; margin: 10px 0px;}
#comment-box code {color: #999; font-size: 1.2em;}
#comment-box #cancel-comment-reply-link {background: #9fd6d2; color: #fff; padding: 3px 8px; text-decoration: none;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
.commentlist cite {font-weight: bold; font-style: normal;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
.commentmetadata {font-weight: normal; font-size: 0.8em;}
.alt {background-color:#f8f8f8;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;margin:0;padding:5px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 5px 0px; padding: 10px;}
.commentlist li ul li {margin-left: 40px; border: 1px dashed #eee;}
#commentform p {margin: 5px 0;}
#commentform input {width:170px;margin:5px 5px 1px 0;padding:2px;}
#commentform textarea {width:98%;border:1px solid #333;background:#fff;padding:.2em;}
#commentform #submit {float:left;margin:0;}
.nocomments {text-align: center; margin: 0;padding: 0;}
.commentmetadata {margin-top: 5px; display: block;}
.depth-1 {border: 1px dashed #ccc;}
.comment-reply-link {color: #fff; font-size: 0.8em; background: #9fd6d2; overflow: hidden; padding: 2px 5px; text-decoration: none;}





/* ---------------------------------- FORMS STYLING ---------------------------------- */

textarea {
font-family: arial, sans-serif;
padding: 2px;
font-size: 13px;
color: #414141;
font-weight: normal;
background: #fcfcfc;
border-width: 1px;
border-style: solid;
border-color: #ddd;
}

textarea:hover {
background: #fafafa;
color: #414141;
border-width: 1px;
border-style: solid;
border-color: #ccc;
}

input, select {
font-family: arial, sans-serif;
padding: 2px;
font-size: 13px;
color: #414141;
font-weight: bold;
background: #fafafa;
border-width: 1px;
border-style: solid;
border-color: #ddd;
}
input:hover, select:hover {
background: #fafafa;
color: #414141;
border-width: 1px;
border-style: solid;
border-color: #ccc;
}
input#submit, .wpsc_buy_button, .make_purchase, Send {
padding:4px 8px;
background: #484848;
font:10px arial, helvetica, sans-serif;
font-weight:bold;
color: #fff;
margin-right: 4px;
margin-left: 4px;
text-transform: uppercase;
text-decoration: none;
border-width: 0px;
}
input#submit:hover, .wpsc_buy_button:hover, .make_purchase:hover, Send:hover {
background:#7BC8CD;
color: #fff;
text-decoration: none;
border-width: 0px;
}


/* ---------------------------------- WP PAGE NAVI STYLING ---------------------------------- */

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 6px; 
	margin: 2px;
	text-decoration: none;
	border: 0px;
	color: #606060;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 6px; 
	margin: 2px;
	text-decoration: none;
	border: 0px;
	color: #658300;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 0px;
	color: #769900;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 6px; 
	margin: 2px;
	text-decoration: none;
	border: 0px;
	color: #fff;
	background-color: #769900;	
}
.wp-pagenavi span.pages {
	padding: 6px; 
	margin-left: 0px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-top: 2px;
	color: #606060;
	border: 0px;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 6px; 
	margin: 2px;
	font-weight: bold;
	border: 0px;
	color: #606060;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 6px; 
	margin: 2px;	
	border: 0px;
	color: #606060;
	background-color: #FFFFFF;
}

/* ---------------------------------- E-Commerce STYLING ---------------------------------- */


/* Sidebar */
.visitshop, .gocheckout {border-bottom:1px dashed #484848; border-left: 6px solid transparent; padding:6px 3px; }
.empty, .emptycart, .numberitems {border-left: 6px solid transparent;}

table.shoppingcart {width: 100%;}

a.continue_shopping, a.go_to_checkout {-webkit-appearance: none;
-webkit-box-align: right;
-webkit-box-sizing: border-box;
background-color: #7BC8CD;
border: #7BC8CD solid 1px;
color: white;
display: inline-block;
font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold;
height: 27px;
margin: 10px 2px; 0px 0px;
padding: 5px;
text-align: center; 
text-transform: none;
word-spacing: 0px;}

th#product, th#quantity, th#price {background: #7BC8CD; color: #FFFFFF;}


/* Page */
.wpsc_description, .wpsc_product_price, .additional_description, .single_additional_description, .custom_meta {padding: 0px 10px 10px 10px; text-align: justify; width: 425px;}

.wpsc_product_price {font-weight: bold; font-size:14px;}

h2.prodtitles {display: block; font-size: 15px; font-weight: bold; height: 18px; margin: 0px 0px 15px 0px; text-transform: uppercase; border-bottom: 1px dotted #7BC8CD; padding-left: 10px; width: 425px;}



/* ----------------------- COMMENTS -------------------- */

.comment.even.thread-even {width: 92%; float: right;}
.comment.odd.alt.thread-odd.thread-alt {width: 92%; float: right;}

div#respond h3 {padding-top: 20px; margin-bottom: 10px; clear: right; }