/*    Soul Seasons Quilts
        Style Guide as at  07/10/08
        body :     #FBF9F4
	body text: #E0BEBD
	nav :#DA7F52;
	nav text:  white
	contents text:  #39443D
	footer type  36553E
*/
body  {
      background-color: #FBF9F4;  /*#FCFCFC  /*#E4E3DE;   /*#CCCBC7;     /*#F6F7FF; /*#FBF9F4; */
	  font-family: Arial, Tahoma, Verdana, helvetica, sans-serif;
      color: #E0BEBD;
}
a:link       {color: black;}
a:visited    {color: black;}
a:hover     {color:  #663366;}
a:active   {color:  black;
}
a  {text-decoration: none;}

.clear {clear: both 
}
.clearleft {clear: left;
}
.clearright {clear: right;
} 
.italics  {font-style: italic;
} 
.errmsg   {background-color: #FFF;
          text-align: right;
		  color: red;
		  font-weight: bold;
		  margin-right: 250px;
}
.phpmsg{text-align: center;
		color: white;
		font-weight: bold;
		margin-right: 250px;
		background-color: #000;
}
.italic {font-style: italic;
}
h2          {font-size: 160%;
        font-weight: bold;
		text-transform: uppercase;
}
h3	     {font-size: 140%;
        font-weight: normal;
		text-transform: uppercase;
		text-align: center;
}

h4	     {font-size: 120%;
        text-transform: uppercase;
		text-align: left;

} 
h5	     {font-size: 100%;
        font-weight: bold;
} 
p	     {font-size: 100%;
}  
.asname {font-weight: bold;
         font-size: 105%;
}
.ssquilts      {font-weight: bold;
         font-size: 110%;
		 font-style: italic;
}
/*#wrap  {background: #FCFCFC url(../images/navbartile.jpg) repeat-y 0px top; */
#wrap  {/*background: #E1EBDF url(../images/navbartile.jpg) repeat-y 0px top; */
       background: #FFF;  /*#E1EBDF;*/
	   width:  86%;
	   min-width: 874px;
	   max-width: 950px; 
	   margin: 5px auto 0px auto;  
       text-align: left;
	   border-left: 1px solid #A3A3A3;  	   
       border-right: 1px solid #A3A3A3;  	   
}
/*  css for header section */
#header     {background: #000000 url(../images/headertile.jpg) repeat-x left top; 	
          height: 150px;			  
}
#header h1 {position: absolute;
            left: -1000px;
			width: 95%;
}  
#header p  {margin: 0px  auto; 
           text-align: left;
} 
#header #headerpic  {width: 867px;
                    margin-top: 13px;
}  

/*.General CSS for contents */

.contents {color: black; /*#39443D;*/
}
/*  CSS for Home  page */
/*#home #homecontents {margin: 0px 260px 50px 185px;*/ 
#home {margin: 0px 70px 0px;
       padding-bottom: 60px;
/*background-color: #FFFDFC;*/
/*background-color: #F5FAF3; */
      font-size: 95%;
	  font-weight: 550;
	  line-height: 1.3;
}
#home  a       {font-size: 1em;
            font-weight: normal;
			text-decoration: underline;
}
#home #homecontents {margin: 60px 20px 0px 0px; 
                    padding: 0px 0px 0px 0px;
}
#home  #homecontents h5    {margin: 10px 10px 0px 0px;                               
}
#home #homecontents a:link       {color: #000000;  }
#home #homecontents a:visited    {color: #000000;
}
#home #homecontents a:hover     {color:  #663366;}
#home #homecontents a:active   {color:  #000000;
}
#home #homecontents p  {margin: 10px 0px;
}
#home #homecontents p #asintro  {font-size: 110%;
                               font-variant: small-caps;
							   font-weight: bold;
}
#home #homecontents p#ascopypara  {font-size: 110%;
							      font-weight: bold;
}
#home  #rightcol  {float: right;
                 margin: 0px 10px 10px 0px;
				 
}
#home #rightcol p {text-align: center;
                  /*background: #C3C4BB url(../images/quilttile.jpg) repeat 0px top; */
				  margin: 10px 0px 0px 30px;
}
#home #rightcol p#asphoto  {text-align: right;
                  /*background: #C3C4BB url(../images/quilttile.jpg) repeat 0px top; */
				  margin: 5px 0px 40px 25px;
}
#home  #rightcol a   {font-size: 0%;
}
#home #rightcol a:hover   img  {border: 1px solid #663366;
}

/*  CSS for Wheel of the Year Quilts page */
#woyquilts  {margin: 0px 70px 0px;
            padding-bottom: 30px;

}
#woyquilts a:link       {color: white;  }
#woyquilts a:visited    {color: white;
}
#woyquilts a:hover     {color:  #663366;}
#woyquilts a:active   {color:  white;
}
#woyquilts   #woyquiltsrows  {margin: 60px auto 0px auto;
                            width: 678px;
} 
#woyquilts  #woyquiltsrows h3 {margin:  0px 0px 30px;
}
#woyquilts   #woyquiltsrows  ul {
				margin:  0px auto; 
				padding: 15px;
				width: 678px;
} 

#woyquilts   #woyquiltsrows ul li {
				width: 216px;
				height: 216px;
				display: inline;
				margin: 0px;
				padding: 0px;
} 

#woyquilts   #woyquiltsrows li a  img {border: 1px solid #663366;
}


/*  CSS for pRIVACY  page */
#privacy       {margin: 0px 70px 30px;
             padding-bottom: 30px;
}
#privacy  h3  {margin: 60px 0px 0px;  
             text-align: left;
}
#privacy p {margin: 30px 20px 0px 0px;		   
}

/*  CSS for Contact Me page */
#contactus  {margin: 0px 70px 0px;
            padding-bottom: 30px;
}

#contactus  a         {text-decoration: none;
                  font-weight: bold;
				  font-size: 80%;
}
#contactus  a:link       {color: #39443D;  }
#contactus a:visited    {color: #39443D;}
#contactus  a:hover     {color:  #663366;}
#contactus  a:active   {color:  #2C0C58;
}

#contactus #contactcontents {float: right; 
                           margin: 5px 0px 0px 10px;
						   padding: 0px;  
						   width: 240px;
}
#contactus #contactcontents  p {text-align: right;
}
#contactus #contacttext {padding: 0px;
					    margin:  60px 250px 0px 0px;
}
/*#contactus #contacttext h3   {margin:  0px 0px 20px 0px;
			   text-align: left;
}*/
#contactus #contacttext h4  {margin:  20px 0px 5px 0px;
                            text-transform: none;
							font-weight: bold;
							font-weight: bold;
}
#contactus #contacttext h5   {margin:  0px;
} 
#contactus  #contacttext p.plscontact  {font-size: 100%; 
                          margin: 0px 0px 0px 0px;
                          font-weight: bold;
                          font-size: 100%;						  
}

#contactus #contacttext span   {font-weight: bold;
                              text-transform: uppercase;
							  
}
#contactus  #contacttext p {margin: 10px 0px 10px 0px;
                          font-weight: normal;
                          font-size: 95%;						  
}  
#contactus #userform {
			  font-size: .95em;
			  font-weight: bold;
			  color: black;	
              margin: 15px 0px 20px 70px;
}
#contactus #userform  h4       {margin:  0px 250px 0px 0px;
                            text-transform: none;
							font-size: 130%;							
}
#contactus #userform #bookfields  {float: right;
                                 width: 200px;
}
#contactus #userform #bookfields  p {font-weight: normal;
                                   margin: 20px 0px 0px 0px;
}
#contactus #userform #bookfields p.orderbook   {margin-top: 5px;
}
#contactus #userform #bookfields div.orderbook   {margin-top: 0px;
                                               font-weight: normal;
}
#contactus #userform #bookfields  p span {font-weight: bold;
}
#contactus  #userform #bookfields  p.orderlabel {font-size: 95%;
						 margin: 30px 0px 5px 0px;
						 font-weight: bold;
} 
#contactus  #userform #bookfields  .orders ul      {border: 1px solid #A3A3A3;
                                  margin: 0px 0px 30px 0px;  	
								  padding: 5px 0px 5px 5px; 
                                  width: 180px;								  
} 
#contactus  #userform #bookfields  .orders ul li.orderline   {
                                  font-weight: normal;
								  padding: 5px 0px 5px 5px;
}  
#contactus  #userform  #bookfields  .orders ul li.orderline span  {font-size: 95%;
                                       font-weight: normal;
									   text-transform: uppercase;
} 
#contactus #userform #userfields  {margin: 20px 250px 0px 0px;
}
#contactus  #userform p#reqdatamsg  {font-size: 100%;
                                   font-weight: normal;
                                   margin-top: 5px;									  
} 
#contactus #userform  .aster  {color: red;
                             font-weight: bold;      		
}
#contactus #userform textarea  {overflow:hidden; /*Textareas in IE have vertical scrollbar visible by default. */
						 font-size: .9em;
						 resize: none;
}
#contactus  #userform   #userfields .errmsg  {margin-right: 10px;
} 
#contactus  #userform  #userfields .phpmsg {margin-right: 10px;
						 
}                                                                            
#contactus #userform div
             {margin-bottom: 2em;
}
#contactus #userform input, textarea
              {padding-bottom: 1em; 
}
#contactus #userform #firstname, #lastname, #order, #email, #deldtls, #phonedtls, #message 
              { 
		width: 300px; 
		border: 1px solid #A3A3A3;  	
}
#contactus #userform #subbutton {background-color: #FFF;
                         color: green;
                         font-weight: bold;
						 margin-top: 10px;
						 font-size: 1em;
						 padding: 0;

}
#contactus #userform #resetbutton {color: #FFF;
                           font-weight: bold;
						   font-size: 1em;
						   padding: 0;
						   margin-top: 10px;
						   margin-left:1%;
						   background-color: #000;
} 
       
#contactus #userform label {
	float: left;
	width: 7em; 
}

/*  CSS for Gallery Quilts page */
#gallery                   {margin: 0px 70px 0px;
                    padding-bottom: 30px;
}
#gallery  a:link       {color: black;}
#gallery  a:visited    {color: black;}
#gallery  a:hover     {color:  #663366;}
#gallery  a:active   {color:  black;
}

/*#gallery  h3  {margin:  60px 0px 0px 0px;
             text-align: left;
}*/
#gallery  h4  {margin:  60px 0px 0px 0px;
             font-weight: 300;
}
/*#gallery  h4 span  {text-transform: none;
}*/
#gallery #galleryrows {width: 714px;
					  margin: 60px auto 0px 0px;					  
}
#gallery #galleryrows  h5  {float: left;
                          width: 142px;
						  margin: 10px 0px 10px 10px;
						  color: #000000;
						  font-weight: normal;
						  text-transform: uppercase;
					  
}
#gallery  #recent, #gallery  #earlier, #gallery  #available  {
				margin: 10px 0px 15px 0px; 
				padding: 0px 10px 0px 0px;
				float: left;
				border-top: 1px solid #A3A3A3; 
				width: 714px;
}

#gallery   #galleryrows ul.next {margin-left: 152px;
	
} 
#gallery   #galleryrows ul  li  {
				margin: 10px 0px 5px 10px;
				padding: 0px;
				width: 130px;
				float: left;
				display: block;			
} 

#gallery   #galleryrows ul  li  a {
				display: block;
				margin: 0px 2px;
				font-size: 0%;
} 
#gallery   #galleryrows ul  li  a  img {
				width:  130px;
				border: 1px solid #663366;
} 

/*  CSS for Commissions*/

#commissions {margin: 0px 70px 0px;
             padding-bottom: 60px;
}

#commissions #commdisplay  { /*black;*/
                         color: #000000;
						 margin: 30px 0px 0px 0px;
}
/*#commissions   h3 {margin: 60px 10px 10px 0px;
                 padding: 0px;
                 text-align: left;							  
}*/
#commissions   #commdisplay h4 {margin: 60px 10px 10px 0px;
                              padding: 0px;						 
}
#commissions #commdisplay .commpicture  {float: right;
                                      width: 300px; 
									  text-align: center;
									  margin: 5px 0px 20px;
}
#commissions #commdisplay .commtext   {margin-right: 360px;
}
#commissions #commdisplay .commtext p {margin: 10px 0px 10px 0px;
                             text-align: left;
							 font-size: 100%;
							 font-weight: normal;
}
#commissions #commdisplay  a  {text-decoration: underline;
                                            font-weight: normal;
											font-size: 100%;
}
#commissions #commdisplay  a:link    {color: blue;} /*#000000;}*/
#commissions #commdisplay  a:visited {color: blue;} 
#commissions #commdisplay  a:hover {color: #663366;}
#commissions #commdisplay   a:active {color: blue;} /*#000000;}*/ 

/*  CSS for Quilt Display*/

#displayquilt #galldisplay  { /*black;*/
                         color: #000000;
						 margin:60px 70px 30px 70px;
						 padding: 0px 0px 30px 0px;
}
#displayquilt   #galldisplay h4 {margin: 0px 10px 10px 0px;
                             padding: 0px 0px 10px 0px;	
                             font-weight: 650;								 
}
#displayquilt #galldisplay .gallpicture  {float: right;
                                      width: 450px; 
									  text-align: center;
									  padding-right:  0px;
									  margin-left: 20px;
}
#displayquilt #galldisplay .gallpicture  p  {text-align: right;
}
#displayquilt #galldisplay .galltext  {margin: 5px 460px 10px 0px;
}
#displayquilt #galldisplay .galltext  p {margin: 5px 10px 10px 0px;
                             text-align: left;
							 font-size: 95%;
							 font-weight: normal;
}
#displayquilt #galldisplay .galltext  a {text-decoration: underline;
}
#displayquilt #galldisplay .galltext p.gallsubtitle   {font-size: 110%;
							 font-weight: normal;
							 font-style: italic;
}
#displayquilt #galldisplay  .galltext p.gallcontact {margin-top: 30px;									  
}
#displayquilt #galldisplay p.gallcontact a  {text-decoration: underline;
                                            font-weight: normal;
											font-size: 110%;
}
#displayquilt #galldisplay .galltext p.gallcontact a:link    {color: blue;} /*#000000;}*/
#displayquilt #galldisplay .galltext p.gallcontact a:visited {color: blue;} 
#displayquilt #galldisplay .galltext p.gallcontact a:hover {color: #663366;}
#displayquilt #galldisplay .galltext p.gallcontact a:active {color: blue;} /*#000000;}*/ 

#displayquilt #galldisplay .galltext p.gallsize   {font-size: 100%;
							           font-style: italic;
									   margin-top: 30px;
									   margin-bottom: 5px;
									   font-weight: normal;

}
#displayquilt #galldisplay .galltext p.gallprice {font-size: 100%;
                                       font-weight: 600;
}
#displayquilt #galldisplay .galltext p.galldesc   {font-size: 100%;
							           font-style: italic;
									   font-weight: normal;

}

/*  CSS for navigation */

/*#nav a:link {color: white;}
#nav a:visited {color: white;} 
#nav a:hover {color: #008000;}
#nav a:active {color: white;}*/

#nav {float: left;
     width: 100%;
	 padding-bottom: 2px;
	 background: #DA9E51 url(../images/navbartile.jpg) repeat-x 0px top;  		 		
}
#nav a:link       {color: white;  }
#nav a:visited    {color: white;}
#nav a:hover     {color:  #663366;}
#nav a:active   {color:   #E1E8DF;}

#navlist   {font-size: 1em;
          font-weight: bold; 
		  margin-left: 0px;
		  padding: 5px 0px 0px;
		  float: left;
		  font-family: "Arial Narrow", Arial, Tahoma, Verdana, helvetica, sans-serif; 
		  font-weight: normal;
		  width: 100%;
}
#navlist li {float: left; 
          list-style-type: none; 
		  margin: 0px 4%;
		  font-size: 100%;
}
#navlist li#navhome  {margin-left: 70px;
}	 
/*  drop down menu stuff */
#navlist li a   {display: block;
              text-decoration: none;
			  padding: 5px;
}	
#navlist li#navhome   a {padding: 5px 5px 5px 0px;
}                     				 
#navlist li a.currentpage:link {color: #663366;
                               background-color: #DA9E51;
							   background: #DA9E51 url(../images/navbartile.jpg) repeat-x 0px top;  
							   font-weight: bold;
}
#navlist li a.currentpage:visited {color: #663366;
                                 background-color: #DA9E51;
								 font-weight: bold;
								 background: #DA9E51 url(../images/navbartile.jpg) repeat-x 0px top;  
}
#navlist li a.currentpage:hover  {background-color: #DA9E51;
                               background: #DA9E51 url(../images/navbartile.jpg) repeat-x 0px top;  
 							   font-weight: bold;
}
#navlist li a.currentpage:active  {color: #663366;
                                background-color: #DA9E51;
								background: #DA9E51 url(../images/navbartile.jpg) repeat-x 0px top; 
							    font-weight: bold;								 
}
#navlist li ul {
	position: absolute;
	width: 8em;
	left: -999em;
	color: white;
	border-top: none;
	padding-top: 2px;
	font-size: 95%;

}
#navlist  li:hover ul, #navlist  li.over ul {
	left: auto;
	text-align: left;
}
#navlist  li ul li 
{   width: 100%;
	display: block;
	border-right: none; 
    list-style-type: none;
    padding: 0;
	margin-left: -1px;
    background: #D88051 url(../images/rev_navbartile.jpg) repeat-x 0px top;  	 
	text-transform: uppercase;
}

/*  CSS for Footer */

#footer a:link {color: white;}
#footer a:visited {color: white;} 
#footer a:hover {color: #008000;}
#footer a:active {color: white;}
#footer a  {text-decoration: none;
        font-weight: normal;
}
#footer     {width:  86%;
	      min-width: 874px;
	      max-width: 950px; 
	      margin: 0px auto;  
		  padding-bottom: 10px;
          text-align: center;

          color: #000000;  
}
#footer #copyright  {font-size: 60%;
            margin-top: 0px;
			padding: 20px 0px;
			font-weight: bold;
			font-style: italic;
			background: #FBF9F4 url(../images/footertile.jpg) repeat-x left top;
			border: #FBF9F4;
}
#footer #copyright p  {margin: 0;
                     padding: 0;
}
#footer #copyright a  {
                     text-decoration: underline;
					 font-weight: bold;
					 font-size: 1.1em;
}
/*#footer #copyright a:link {color: #808080;}
#footer #copyright a:visited {color: #808080;} 
#footer #copyright a:hover {color: #008000;}
#footer #copyrighta:active {color: #808080;}*/
#footer #copyright a:link {color: #DA9E51	}
#footer #copyright a:visited {color: #DA9E51;} 
#footer #copyright a:hover {color: #663366;}
#footer #copyrighta:active {color: #DA9E51;	}

/*  CSS for Footer nav list */
#footernavlist  {padding-left: 0px;
                list-style-type: none; 
                background: #DA9E51 url(../images/footnavtile.jpg) repeat-x 0px bottom;  			
}
#footernavlist a:link {color: #FFF ; /*#C3393C;*/}  
#footernavlist a:visited {color: #FFF;}
#footernavlist a:hover {color: #663366;}
#footernavlist a:active {color: #FFF; /*#C3393C;*/}


/*#footernavlist  .navseparator {color: #39443D; */
/*#footernavlist  .navseparator {color: white;
                             font-weight: bold;
}*/
#footernavlist ul li {float: left; 
            list-style-type: none;  
            padding: 0px 42px 5px;  
	   		
}
#footernavlist li a   {display: block; 
				   font-weight: normal;
				   font-size: 90%;
				   font-family: "Arial Narrow", Arial, Tahoma, Verdana, helvetica, sans-serif;
				   text-decoration: none;
				   padding: 10px 4px 0px;
}			                        				 
#footernavlist li a.currentfoot:link {color: #663366;
                               background-color: #DA9E51;
							   background: #DA9E51 url(../images/footnavtile.jpg) repeat-x 0px top;  
							   font-weight: bold;
}
#footernavlist li a.currentfoot:visited {color: #663366;
                                 background-color: #DA9E51;
								 font-weight: bold;
								 background: #DA9E51 url(../images/footnavtile.jpg) repeat-x 0px top;  
}
#footernavlist li a.currentfoot:hover  {background-color: #DA9E51;
 background: #DA9E51 url(../images/navbartile.jpg) repeat-x 0px top;  
 							   font-weight: bold;
}
#footernavlist li a.currentfoot:active  {color: #663366;
                                background-color: #DA9E51;
								background: #DA9E51 url(../images/footnavtile.jpg) repeat-x 0px top; 
							    font-weight: bold;								 
}
#footernavlist li#foothome  {padding-left: 0px;
                           margin-left: 70px;
}