@import url("reset.css");
[if IE] {@import url("ie.css");}

html,body{margin:0;padding:0}
body{
	font: 76% arial, sans-serif;
	background:#ac98cc url('/images/bg-body.gif');
}
p{margin:0 0 10px 0;color:#525251;font-size:12px;}
.bio p{padding-top:40px;font-size:14px;margin-left:180px;}
#home p{font-size:14px;}
em, span.em{font-style:italic;}
#content strong{font-weight:bold;}
span.bold, p.bold {font-weight:bold;text-transform:none;}
span.center{padding:0 50px;text-align:center;display:block;}
span.right{text-align:right;margin:10px 0 0 200px;display:block;}
span.upper{text-transform:uppercase;font-family:Georgia;font-size:10px;}
.den {font-size: 75%;}
.num {font-size: 75%; vertical-align:.5ex}
h1, h2, h3{ color:#765da6;margin-bottom:15px;}
h1{font-size:36px;}
h2{font-size:30px;}
.subpage h2{font-size:26px;}
/*ul#free_patterns h2{font-size:20px;}*/
h3{font-size:24px;line-height:16px;}
h3#comments { margin-top: 20px; }
h4{color:#525251;font-size:24px;margin:40px 0 20px 130px;}
h4 a{color:#525251;text-decoration:none;}
blockquote{margin:0 40px;}
a{color:#61298e;}
a:hover{text-decoration:underline;}
a.home_link{display:block;margin:0 auto;width:238px;height:180px;background:url('/images/logo.gif') 0 75px no-repeat;}
a.google{text-decoration:none;}
a.google:hover, a.wholesale:hover{text-decoration:underline;}
a.wholesale{color:#3e1e81;text-decoration:none;}
/*.subpage #content a{font-weight:bold;}*/
div#container{text-align:left;z-index:20;}
div#footer p{padding:250px 0 0 0;text-align:center;color:#491970;font-family:arial;font-size:10px;line-height:30px;}
div#footer a{display:inline;padding:0;color: #C6D5FD}
div#container{width:998px;margin:0 auto;position:relative;}
div#header{width:946px;margin:13px auto 0 auto;height:236px;background:url('/images/bg-header.png') no-repeat;}
div#header h1{height:236px;background:url('/images/header-flowers.gif') 50% 100% no-repeat;}
div#bar{position:absolute;z-index:2;top:248px;width:100%;height:39px;background-image:url('/images/bar.png');}
div#wrapper{width:894px;margin:0 auto;padding:0 26px;background:url('/images/bg-wrapper.png');}
div#content{background:#fff url('/images/bar.png') repeat-x;padding-bottom:20px;}
#home div.frame{position:relative;padding:52px 0 30px 175px;}
#home div.frame img.frame{position:absolute;left:110px;top:-20px;}
#home div.message{background:url('/images/bg-content_home.jpg') 50% 100% no-repeat;height:395px;}
#home div.message img{float:left;clear:left;margin:10px 0 0 200px;}
#home div.message h1{padding:90px 20px 10px 190px}
#home div.message p{padding: 0 180px 10px 190px;}

.subpage div.frame{position:absolute;top:0;right:180px;padding-top:40px;}
	#fabric_for_moda div.frame{top:-10px;}
.subpage div.frame img.frame{position:absolute;top:-10px;left:-35px;}
.subpage div.tag{position:absolute;top:39px;right:235px;padding:25px 31px;}
.subpage div.tag img.tag{position:absolute;top:0;left:0;}
.subpage div#content{padding:50px 200px 50px 150px;position:relative;}
#fabrics_for_moda div#content{padding-right:0;}
div#content p.narrow{width:200px;}
div.nickel{position:relative;}
div.nickel img.cover{position:absolute;top:0;left:0;}
div.left{clear:left;float:left;margin-right:10px;}
div.right{clear:right;float:right;margin-left:10px;}
h2.left{clear:left;}
ul#fabric{padding-top:100px;}
ul#fabric li, ul#fabric_detail li{
	width:162px;
	position:relative;
	padding:15px 18px 0 0;
	float:left;
}
ul#fabric li.middle, ul#fabric_detail li.middle{ padding-left:20px;background:url('/images/dotted_lines.gif') 50% 70% no-repeat;margin-right:15px;}
ul#fabric li h2{text-align:center;padding-bottom:10px;font-size:23px;}
ul#fabric li img.cover {position:absolute;bottom:34px;left:0;}
ul#fabric_detail li img.cover{position:absolute;top:15px;left:0;}
	ul#fabric li.middle img.cover, ul#fabric_detail li.middle img.cover{left:18px;}
ul#fabric li img.view, ul#fabric_detail li img.view{padding:10px 0 0 8px;}
ul#fabric_detail li p{text-align:center;background:url('/images/decor.gif') 0 50% no-repeat;}
ul#booklist li {border-bottom:2px solid #ccc;margin-bottom:20px;padding-bottom:20px;}
ul#booklist li img{float:left;}
ul#booklist h2{padding-top:10px;margin-left:260px;}
ul#booklist li p {margin-left:260px;}
ul#pattern_detail{margin-top:100px;}
ul#pattern_detail li{position:relative;width:242px;float:left;margin-top:30px;}
ul#pattern_detail li.left{width:282px;clear:both;margin-left:0;}
ul#pattern_detail li p, ul#pattern_detail li h2 {text-align:center;}
ul#pattern_detail li.left p, ul#pattern_detail li.left h2{margin-right:70px}
ul#pattern_detail li h2{margin-bottom:5px;}
ul#pattern_detail li {margin-left:20px}
ul#pattern_detail li p, ul#pattern_detail li h2 {text-align:center;margin-right:50px;}
ul#pattern_detail li p{ margin-top:280px;}
ul#pattern_detail img.thumb{position:absolute;left:-20px;}
ul#free_patterns {text-align:center;margin-top:30px;}
ul#free_patterns li{float:left;width:240px;margin-bottom:30px;}
ul#free_patterns li.left{clear:both;background:url('/images/dotted_line.gif') 100% 50% no-repeat;margin-right:15px;padding-right:15px;}
div#sidebar{
	width:200px;
	position:absolute;
	right:10px;
	top:200px;
	background:url('/images/bg-sidebar-btm.png') 100% 100% no-repeat;
	text-align:center;
	padding-bottom:9px;
}
div.sidewinder,div.fabrics,div.blog{
	padding-left:15px;
}
	div#sidebar div.blog, div.patterns{padding-bottom:20px;background:url('/images/bg-sidebar-blog.jpg') 100% 100% no-repeat;}
	div.patterns ul{margin:0 0 0 25px;padding-top:20px;background-color:#c3e3a7;width:160px;}
	div.patterns li{background:url('/images/bg-cover.jpg') 10px 0 no-repeat;padding:10px;width:140px;height:204px;}
div#s-wrapper{
	background-image:url('/images/bg-sidebar-repeat.png');
	width:200px;
}
div#extra{float:left;}
div#join{position:absolute;top:475px;left:-30px;width:190px;height:372px;background:url('/images/bg-join.png') no-repeat;}
div#callouts{margin:50px 0 0 0px;}
form#newsletter{margin:250px 0 0 25px;}
form#newsletter input{width:125px;}
form#newsletter input.radioButton { width: 50px; }
form#newsletter input.submit{width:auto; margin:15px 0 0 40px;}
div#footer{width:946px;margin:0 auto 13px auto;height:236px;background:url('/images/bg-footer.png') no-repeat;}

/* ====================== */
/* = NAV HERE = */
/* ====================== */
div#navigation{
	position:relative;
	width:231px;
	height:300px;
	top:200px;
	left:-40px;
	position:absolute;
	z-index:20;
	background:url('/images/bg-nav.png') no-repeat;
}
div#navigation ul {margin:50px 0 0 30px;}
ul#nav li{height:24px;}
ul#nav li a{
	text-decoration:none;
	display:block;
	width:168px;
	height:24px;
}
	ul#nav li a.home{background:url('/images/nav-home.jpg');}
	ul#nav li a.about_us{background:url('/images/nav-about_us.jpg');}
	ul#nav li a.patterns{background:url('/images/nav-patterns.jpg');}
	ul#nav li a.blog{background:url('/images/nav-blog.jpg');}
	ul#nav li a.distributors{background:url('/images/nav-distributors.jpg');}
	ul#nav li a.fabrics_for_moda{background:url('/images/nav-fabrics_for_moda.jpg');}
	ul#nav li a.say_hello{background:url('/images/nav-say_hello.jpg');}
	ul#nav li a.books{background:url('/images/nav-books.jpg');}
	ul#nav li a.favorite_links{background:url('/images/nav-favorite_links.jpg');}
	
ul#nav li a span{display:none;}
ul#nav li a:hover, ul#nav li a.current{
	background-position:0 -24px;
}
ul#nav li ul {
	position: absolute;
	width: 199px;
	left: -999em;
	margin-left : 99px;
	margin-top: -30px;
}
ul#nav li ul li{
	background:url('/images/subnav-repeat.png') repeat-y;
	padding-left:55px;
}
ul#nav li ul li a{
	color:#525251;
}
ul#nav li ul li a:hover{color:#b80000;}
ul#nav li ul li.first{height:47px;background:url('/images/subnav-top.png') no-repeat;}
ul#nav li ul li.last{height:47px;background:url('/images/subnav-btm.png') no-repeat;}
ul#nav li:hover ul {
	left: auto;
}
div.clear {
	clear:both;
}
div.bio div.clear{border-bottom:1px solid #ccc;height:20px;margin:0 0 20px 0;}
/* ========= */
/* = FORMS = */
/* ========= */
td label{font-weight:bold;text-align:right;display:block;}
#say_hello td{padding:5px;vertical-align:top;}

/* ============= */
/* = BLOG HERE = */
/* ============= */
#blog p {margin-left:130px;}
#blog div#footer p{margin-left:0;}
#blog .storycontent a {color:#61298e;}
.blog #content{padding-top:100px;}
textarea#comment {
	width:400px;
}
ul.archives{ margin:0 0 20px 0;}
ul.archives li{text-align:left;margin-left:50px;}
ul.archives li a {color:#765da6;text-decoration:none;}
ul.archives li a:hover{text-decoration:underline;}
#blog #date p{padding:10px 0 15px 0;margin:0;}
#blog #date h2{font-size:40px;position:absolute;top:5px;left:40px;}
div#date{
	position:relative;
	float:left;
	width:111px;
	height:77px;
	background:url('/images/bg-date.jpg') no-repeat;
	text-align:center;
}
.feedback { margin-bottom: 45px; }


/* ======================================= */
/* = FIXES TO STYLE OF POST NOTIFICATION = */
/* ======================================= */

.post-notification div#date { display: none; }
.post-notification .feedback { display: none; }
.post-notification .nocomments { display: none; }
.post-notification h4 { display: none; }
.post-notification .storycontent { margin-top: 500px; }
.subpage.post-notification div.frame { padding: 62px 0 30px 35px; position: absolute; right: 195px; top: 100px; }


/* ============ */
/* = LIGHTBOX = */
/* ============ */

.overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #a684c1;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#light{
	display: none;
	position: absolute;
	top: 15%;
	width:100%;
	z-index:1002;
}
.pattern {
	width: 468px;
	height: 468px;
	margin:0 auto;
	padding: 16px;
	background-color: white;
	overflow: visible;
	text-align:center;
	position:relative;
}
a.close{position:absolute;top:-23px;right:-20px;}

/* =================== */
/* = RESET OVERRIDES = */
/* =================== */
ul.ul { margin-left: 0; }
ul.ul li { background: transparent url(/images/bullet-flower.gif) 0 0 no-repeat; padding: 0 0 10px 37px; line-height: 23px; }