/*
Theme Name: Sassi
Theme URI: http://www.almostanything.com.au
Description: Sassi Website Design 2009
Version: 1.0
Author: Almost Anything Web and Graphic Design
Author URI: http://www.almostanything.com.au
*/

/*
 * COLOURS
 * red					:	ff0000
 * green				:	00ff00
 * blue					:	0000ff
 * 
 * CONTENTS
 * 1.Header and Body
 * 2.Main Content
 * 3.Forms
 * 3.Footer
 * 4.Forms
 * 5.Navigation
 * 6.News
 */

/*
 * 1.Header and Body
 */
body {
    margin: 0;
    padding: 0;
	background:#eee url(images/bodygradientbg.png) top left repeat-x;
    font-family: sans-serif;
}
#header {
    background: #fff;
	position:relative;
	height:130px;
	margin-bottom:50px;
}
#header div#searchform {
    color: #666;
	border-bottom:1px solid #666;
	height:40px;
	line-height:40px;
	font-size:.75em;
}

#header div#searchform strong {
	display:block;
	float:left;
	font-family:Futura, "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-right:1em;
	text-transform:uppercase;
}

#header h1 {
    margin: 0;
    padding: 0;
	position:absolute;
	bottom:-20px;
	right:20px;
    font: normal bold 2em/78px sans-serif;
	text-indent:-9999px;
	z-index:99;
	background:transparent url(images/logo.png) top left no-repeat;
	width:282px;
	height:78px;
}

#header h1 a {
	display:block;
	width:282px;
	height:78px;
	background:transparent !important;
}

#search {
    display: block;
	float:right;
	padding:0 1em;
	border-left:1px solid #666;
}

#btnSearch {
	font-family:Futura, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	border:1px solid #eee;
	background:#f6f6f6;
	margin-left:1em;
}

.widthlimiter {
    width:970px;
	background:#fff;
	border:1px solid #666;
    margin: 2em auto;
}
#menu {
    background: #eee url(images/navbg.png) top right repeat-y;
    height: 30px;
	position:absolute;
	bottom:0;
	width:100%;
}
#content{
    font: normal 1em/1.7em sans-serif;
	width: 699px;
	float:left;
	margin-bottom:2em;
	padding:0 20px 10px;
}
#sidebar{
	width:170px;
	padding:0 20px;
	float:right;
	background:#eee;
	margin-bottom:2em;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}
#sidebar li{
	list-style:none;
	padding:0;
	margin:0;
}

/*
 * 2.Main Content
 */
 
#content p {
	color:#444;
	font:normal normal 100 1em/1.7em Georgia, Times;
}

h1 {
	font:normal normal 900 2.3em/20px Futura, "Trebuchet MS", Helvetica, Arial, sans-serif;
	color:#646442;
	text-transform:uppercase;
	line-height:30px;
	margin:0 !important;
}
h2, h3, h4, h5 {
    color: #666;
}

.sidebartitle {
	width:210px;
	height:30px;
	text-align:center;
	color:#fff;
	margin:1em -20px;
	font:normal normal 100 .85em/30px Futura, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	background:#eee url(images/sidebarheadingbg.png) top left no-repeat;
}

#homepagetable {
	width:720px;
	margin:1em auto 2em auto;
	border:1px dashed #ebebae;
}

#homepagetable h2 {
	text-transform:uppercase;
	padding:0;
	margin:.5em 0 .5em 0;
}

#homepagetable h2 a {
	color:#cbcb96;
}

#homepagetable #homepagepromotion h2 span {
	float:left;
}

td#homepagevideo {
	width:339px;
	border-right:1px dashed #ebebae;
	height:430px;
	padding-left:20px;
	background:#ffffe9;
}

td#homepagevideo p, td#homepagepromotion p {
	margin:0 !important;
	padding:0 !important;
}

td#homepagepromotion {
	width:320px;
	padding-right:20px;
	padding-left:18px;
	background:#f8f8f8;
}

td#homepagepromotion img, td#homepagevideo #videowrapper {
	border:1px solid #ccc;
	-webkit-box-shadow:0 0 10px #aaa;
	-moz-box-shadow:0 0 10px #aaa;
	margin:0;
}

td#homepagepromotion a#fblink {
	display:block;
	width:320px;
	height:69px;
	overflow:hidden;
	margin:1.5em 0 0;
	position:relative;
}

td#homepagepromotion a#fblink:hover {
	background:none;
}

td#homepagepromotion a#fblink img {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	border:none;
	position:absolute;
	top:0;
	left:0;
}

td#homepagepromotion a#fblink:hover img {
	bottom:-1px;
	top:auto;
}

td#homepagevideo #videowrapper {
	width:320px;
	height:180px;
	margin:1em 0 .5em 0;
}

td#homepagepromotion p {
	text-align:justify;
	font-size:.7em;
	line-height:1.8em;
	text-shadow:1px 1px 0 #ddd;
}

.slideshow {
	-webkit-box-shadow:0 0 10px #666;
	-moz-box-shadow:0 0 10px #666;
	width:690px;
	height:313px;
	margin:0 auto;
}

/*
h1 {
    margin: 0;
    padding: 0;
    font: normal bold 2em/80px sans-serif;
}
h2 {
    font: normal bold 1.6em sans-serif;
    margin: 0.5em 0
}
h3 {
    font: normal bold 1.4em sans-serif;
    margin: 0.4em 0
}
*/
a {
    color: #666666;
}
a:hover {
    background-color: #eee;
    color: #000;
    text-decoration: none;
}

#shTitle a {
	background:transparent;
}

#content img {
	padding:1px;
	border:1px solid #666;
}

#content img.alignleft, #content div.alignleft {
	float:left;
	margin:0 1em 0.5em 0;
}
#content img.alignright, #content div.alignright {
	float:right;
	margin:0 0 1em 0.5em;
}
#content img.aligncentered, #content div.aligncentered {
	text-align:center;
	margin:0 auto;
}


/*
 * 3.Forms
 * Override any of the default cforms styles here by prefixing with #content
 * to increase specifity
 */
#content .cform legend {
    font-family: sans-serif;
}
#content .cform fieldset {
    background: #cccccc;
}
.linklove { /*hides link to author but still gives them the backlink*/
    display: none;
}

/*
 * 3.Footer
 * Text should be a little smaller and more subtle in contrast.
 */
#footer {
    background: #fff;
    width: 100%;
    height: 30px;
	overflow:hidden !important;
	text-align:center;
	clear:both;
	line-height:30px;
	font-size:.75em;
	border-top:1px solid #666;
}

#footerlinks {
	border-top:1px solid #666;
	height:30px;
	padding-left:2em;
}

#footerlinks ul, #footerlinks ul li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#footerlinks ul li a, #footerlinks ul li strong {
	display:block;
	padding:0 1em;
	font-family:Verdana, Futura, "Trebuchet MS", Helvetica, Arial, sans-serif !important;
	font-size:.7em !important;
}

#footerlinks, #footer, #footer a, #footerlinks a {
	font-family:Futura, "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:.9em;
	text-decoration:none !important;
	text-transform:uppercase;
	color:#646442 !important;
	line-height:30px;
}

#footer p {
    font-size: 0.6em;
    line-height: 2em;
    color: #fff;
}
#footer a {
    color: #ccc;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}

#footer a {
	display:block;
	float:left;
	border-right:1px solid #666;
	padding:0 1em;
}

#footer div#emailsignup {
	display:none;
}

form.cform fieldset legend {
	display:none;
} 
 
form.cform {
 	background:#eee !important;
	border:1px solid #222;
	width:280px;
	float:right;
	margin:0 1.5em;
	-webkit-box-shadow:0 0 20px #999;
	-moz-box-shadow:0 0 20px #999;
	box-shadow:0 0 20px #999;
 }
 
 #content form.cform fieldset {
 	border:none;
 }
 
 #page9 form.cform, #page19 form.cform {
 	margin-top:-3.5em;
 }
 
form.cform ol.cf-ol li {
	background:#eee !important;
	padding:.5em 1em;
}

form.cform label {
	display:block;
}

form.cform span {
	width:200px !important;
	text-align:left;
	font-weight:bold;
	font-family:Helvetica, sans-serif;
}

form.cform .emailreqtxt, form.cform .reqtxt {
	font-weight:normal;
	margin:0;
	clear:both;
	display:block;
}
 
form.cform ol.cf-ol li#li--2, form.cform ol.cf-ol li#li--4, form.cform ol.cf-ol li#li--6 {
	background:transparent !important;
}

form.cform textarea, form.cform input {
	margin:.5em 0;
	font-size:.8em;
	border-color:#999;
	clear:both;
	padding:1px 3px !important;
	width:200px !important;
}

form.cform textarea {
	height:50px;
}

form.cform textarea:hover, form.cform input:hover {
	border-color:#222;
}

form.cform textarea:focus, form.cform input:focus, form.cform textarea:active, form.cform input:active {
	border-color:#fff;
}

form.cform #sendbutton, form.cform #sendbutton2 {
	border-top:1px solid #e0c0c8 !important;
	border-left:1px solid #e0c0c8 !important;
	border-bottom:1px solid #b79da4 !important;
	border-right:1px solid #b79da4 !important;
	margin:1em !important;
	width:100px !important;
}

form#cforms2form {
	float:right;
	margin-right:1em;
	height:30px;
	background:#fff !important;
	border:none !important;
	width:350px !important;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}

div#footer form#cforms2form ol li * {
	float:left !important;
	background:#fff !important;
	margin:0 !important;
	padding:0 !important;
	width:60px !important;
	clear:none !important;
}

div#footer form#cforms2form ol, div#footer form#cforms2form ol li {
	background:#fff !important;
}

div#footer form#cforms2form ol {
	float:left !important;
	overflow:hidden;
}

div#footer form#cforms2form ol li {
	float:left;
	margin:.3em .2em 1em 1em !important;
	padding:4px 0 0 0;
	display:block;
	line-height:18px;
	float:left;
	font-family:Futura, "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-right:1em;
	font-size:.8em;
	text-transform:uppercase;
}

div#footer form#cforms2form .emailreqtxt, div#footer form#cforms2form label {
	display:none;
}

div#footer form#cforms2form p {
	float:left !important;
	padding:5px 0 0 1em !important;
}

div#footer form#cforms2form input#cf2_field_2 {
	width:100px !important;
}

div#footer form#cforms2form #sendbutton2 {
	width:45px !important;
	margin:0 !important;
}


/*
 * 5.Navigation
 * Ahhh, the fun part. If you get stuck, ask Jeff Vader. I'm his brother.
 * http://www.youtube.com/watch?v=7tUNNM-Hyu8
 */

/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav {
	line-height:30px;
}
.nav ul { /* dropdown width */
	position:absolute;
	top:-999em;
	width:100px;
}
.nav ul li,
.nav ul li a {
	width: 100%;
}
.nav li {
	float:left;
	position:relative;
	z-index:99;
}
.nav a {
	display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul { /* vertical pozzie of dropdown */
	left:5px;
	top:25px;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul { /* 2nd level dropdown */
	left:90px;
	top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.nav {
	float:left;
}
.nav a {
	color: #fff;
	padding:0 1em;
	text-decoration:none;
	display:block;
	font:normal normal 100 .85em/30px Futura, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}
.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	background:transparent;
	color:#000;
}
.nav li li {
	background:#ccc;
}
.nav li li li {
	background:#ccc;
}

/*
 * 6.News
 */
 
.postdate, .postmetadata{
	font-size:0.8em;
	font-style:italic;
}

.wpsc_page_numbers, .breadcrumb {
	font:normal normal 100 1.25em/30px Futura, "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin:0;
	padding:.5em 0;
	clear:both;
}

.wpsc_page_numbers a.selected {
	text-decoration:none !important;
	font-weight:bold;
	color:#000;
}

.productdisplay {
	width:210px !important;
	padding:0;
	margin:0 22px 0 0;
	clear:none !important;
	height:404px;
}
.widget_price_range br {
display:none;
}

h2.prodtitles a {
	text-decoration:none;
	color:#646442;
	font:normal normal 900 1.3em/20px Futura, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	display:block;
	padding:.5em;
}

.cattitles {
	font:normal normal 900 2.3em/20px Futura, "Trebuchet MS", Helvetica, Arial, sans-serif;
	color:#646442;
	text-transform:uppercase;
	margin:0 !important;
}
.cattitles em {
	font-weight:normal;
	font-size:40%;
	margin-left:0.5em;
}
a.additional_description_link, .wpsc_product_price, .wpsc_extras_forms, .category {
	display:none !important;
}

span.additional_description {
	display:block !important;
	font:normal normal 100 1.1em/1.6em Futura, "Trebuchet MS", Helvetica, Arial, sans-serif;\
	color:#837e65;
}


div.producttext p {
	margin:0;
}

ul.PeCategories li a.categorylink, ul.PeCategories li a.productlink {
	border-bottom:1px solid #999;
	padding:.1em .5em !important;
	display:block;
	color:#837e65;
	font:normal normal 100 .7em/1.5em Verdana, Futura, "Trebuchet MS", Helvetica, Arial, sans-serif !important;
	text-decoration:none;
}

div.textcol {
	width:220px;
}

div.producttext {
	margin:110px 0 0 0 !important;
}

div.single_product_display div.producttext {
	margin:0 !important;
}

div.single_product_display h2.prodtitles {
	text-decoration:none;
	color:#646442;
	font:normal normal 900 1.7em/20px Futura, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	display:block;
}

div#content div.single_product_display div.textcol div.imagecol {
	margin-left:-310px !important;
}

div#content div.default_product_display div.textcol div.imagecol, div#content div.default_product_display div.textcol {
	margin-left:0 !important;
}

ul.PeCategories ul ul li a.categorylink {
	color:#888;
}

li#price-range {
	padding:0 0 1em 0;
}

li#price-range a {
	display:block;
	font:normal normal 100 .7em/1.5em Verdana, Futura, "Trebuchet MS", Helvetica, Arial, sans-serif !important;
	text-transform:uppercase;
	border-bottom:1px solid #999;
	text-decoration:none;
	color:#837e65;
	padding:.1em .3em;
}

ul.PeCategories li a.categorylink:hover, li#price-range a:hover {
	color:#000;
	background:#fff;
}

ul.PeCategories ul {
	margin-left:.5em !important;
}

blockquote, .single h3, .blog h3 {
	margin:1em;
	color:#000;
	clear:both;
	background:#f8f8f8 url(images/leftquote.png) 0 -60px no-repeat;
	padding:.1em 1em;
	border-right:1px dashed #eee;
	border-bottom:1px dashed #eee;
}

#content blockquote p, .single #content h3, .blog #content h3 {
	font:italic normal 100 1.2em/1.6em Baskerville, Garamond, Palatino, Georgia, Times !important;
}

#content blockquote p em {
	color:#666;
}

#content .sassitrendsignature {
	padding-bottom:30px;
	background:transparent url(/wp-content/uploads/sassi-trend-updates/sassiFurnitureSig.png) bottom left no-repeat;
}

#content .sassitrendsignature strong {
	font-weight:900;
	margin:0 0 .5em;
	display:block;
}

#content .sassitrendsignature em {
	font-weight:normal;
	font-size:1.3em;
	margin:0 0 .5em;
	display:block;
}