/*
Theme Name: Fiber Factory
Theme URI: http://www.fiberfactory.info
Description: Theme for The Fiber Factory web site.  Private theme not intended for public distribution
Version: 1.0
Author: Mary Walker
Author URI: http://weavinginbeauty.com
Tags: The Fiber Factory, two columns, custom header

	Fiber Factory v1.0
	 http://www.fiberfactory.info
	This theme was designed and built by Mary Walker
		The CSS, XHTML and design is privately owned:
	
*/
/*GENERAL*/


body {
		 margin: 0px;
		 background-color: #e2ebe1;}

#sizer {margin: 0 auto;
        width: 100%;
        text-align: left;
        max-width: 100%;}

#expander {margin: 0 -335px;
           min-width: 650px;
           position: relative;}

#container { position: relative;
					 margin: 0 auto;
					 width: 800px;
					 font-family: "Trebuchet MS", Verdana, Arial, Helvitica, san-serif;
					 font-size: .9em;
					 color: #666666;
					 line-height: 1.25em;
					}

	  
#container2 {					position: absolute;
                                                top: 150px;
                                                left: 550px;
                                                width: 250px;
                                                font-family: "Trebuchet MS", Verdana, Arial, Helvitica, san-serif;
						color: #666666;                                                					
						background-color: #eae3e6;}

#container2 ul li {padding: 0 0 0 0;
                   margin: 0 0 0 5px;
                       }

#container2 ul ul  {margin: 0 0 0 10px;}

#container2 ul li a {padding: 0 0 0 0;
                     display:block;
                     margin-left:0px;
                     font-size: 1em;  
                     }
#container2 h2 {margin: 10px 5px 0px 5px;
                line-height: 1.2em;
                display: block;
                font-size: 1.2em;
                color: 666666;
                }

#container3 {
						position: absolute;
                                                top: 150px;
                                                left: 0; 
                                                width: 500px;	
                                                font-family: "Trebuchet MS", Verdana, Arial, Helvitica, san-serif;
                                                color: #666666;                                            					
				                        		background-color: #eae3e6;
                                                padding: 0 20px 0px 20px;
                                                line-height: 1.25em;
	                                        }

#container4 {
						position: absolute;
                                                top: 150px;
                                                left: 0; 
                                                width: 800px;	
                                                font-family: "Trebuchet MS", Verdana, Arial, Helvitica, san-serif;
                                                color: #666666;                                            					
				                background-color: #eae3e6;
                                                padding: 0 20px 0px 20px;
                                                line-height: 1.25em;
	                                        }


/*TYPOGRAPHY*/
		
h1 {font-size: 2.4em;}
		
h2 {font-size: 1.2em;}
		
h3 {font-size: 1em;}
	
h4 {font-size: .9em;}

/*Hypertext*/

p {
	 font-size: .9em;
	 margin-bottom: 1em;
	 color: #000000}
		
a {     color: #8c9b9b;
	font-weight: bold;}

a:hover {    color: #538DB2;
	    background: #b2e0e6;
	    border-color: #993300;
	    text-decoration: underline;}
		
a:visited {	color: #8c9b9b;}
	 	 

/*HEADERS*/
#header {
				width: 800px;
				height: 125px;
				background: url('FFHeader.jpg') no-repeat center top;}

#header h1 {                        padding-top: 10px; 
                                    font-family: Georgia, Times, serif;
                                    line-height: 2.4em;
				    height: 2.4em;
				    text-align: right;
				    color: #C6DBDC;}
						
#header h2 {
                                    margin-top: 0;
				    font-family: "Trebuchet MS", Verdana, Arial, Helvitica, san-serif;
				    height: .75em;
						text-align: right;
						color: #8c9b9b;}
                                       								
			
/*CONTENT*/
#content {
				 margin: 0 10px;
				 width: 480px;				 
				 }
				 
#content h2 {margin-top: 0;
				    font-family: "Trebuchet MS", Verdana, Arial, Helvitica, san-serif;
				    height: 1.5em;
			            color: #8c9b9b;}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft,
div.alignleft {
	margin-left: 0;	
}
/*CONTENT for Single Pages*/
#contentpage {
				 margin: 0 10px;
				 width: 790px;				 
				 }
				 
#contentpage h2 {margin-top: 0;
				    font-family: "Trebuchet MS", Verdana, Arial, Helvitica, san-serif;
				    height: 1.5em;
			            color: #8c9b9b;                        text-align: left;}
.floatLeft { 
    float: left; 
    margin: 4px;}

.floatRight { 
    float: right; 
    margin: 4px;}
		
.footertext {
					 font-family: "Trebuchet MS", Verdana, Arial, Helvitica, san-serif;
					 font-size: .75em;
					 }													 
  
/*SIDEBARS*/
#sidebarLT {
					 margin: 0 5px;
					 width:	 200px;
					 float: left;
					 }
					 
#sidebarRT {
					 margin: 0 5px 0 10px;
					 width: 240px;
					 color: #666666;

					}

#sidebarBOX {
					 margin: 10px 5px 0 10px;
                                         padding: 0 0 10px 0;
					 width: 200px;
					 color: #666666;
                                         border: 1px solid;
                                         background-color: #E2EBE1; 
                                         display: block;
	                                 margin-left: auto;
	                                 margin-right: auto;                           

					}

#sidebarBOX p {
	                                 font-size: .8em;
                                	 color: #000000;
                                         line-height: 1em;
                                         text-align: center;
                                         margin: 0 0 0 0; 
}

#sidebarBOX h4                           {font-size: .9em;
                                          font-weight: bold;
                                          line-height 1em;
                                          text-align: center;
                                          text-decoration: underline;
                                          margin: 5px 0 10px 0; 
                                            }
/*NAV*/

#top_navlist {          position: absolute;
			            top: 100px;
                        margin-left: 200px;
     			font-family: "Trebuchet MS", Verdana, Arial, Helvitica, san-serif;
		      	font-size: .9em;
		      		    }

#top_navlist2 {         position: absolute;
                        width: 800px;
			            top: 120px;
                        left: 400px;
     			font-family: "Trebuchet MS", Verdana, Arial, Helvitica, san-serif;
		      	font-size: .9em;
		      		    }

#top_navlist h2{						 
						 display: none;}

#navlist ul    {padding:10px;
                display:block;
                list-style-type:disc;
                margin:.7em 0;
}

#navlist li{

				 list-style: none;
				 margin: 0;
				 display: inline;}

						 
#navlist li a{
				 padding: 5px 5px;
				 margin-left: 3px;
				 color: #000000;
				 text-decoration: none;}
				 
#navlist li a:link{color: #000000;}
#navlist li a:visited{color: #666666;}
#navlist li a:hover{color: #666666;   
		    }
#navlist li a#current {	color: #000000;
						}
											
/*TOC Nav*/
.tocNav{
			 padding-left: 0;
			 margin-left: 0;
			 border-bottom: 1px solid gray;
			 width: 200px;
			 color: #FFCC99;}																									 
				  				 		
tocNav li{
			 list-style: none;
			 margin: 0;
			 padding: 0.25em;
			 border-top: 1px solid gray;}
			 
tocNav li a{text-decoration: none;}
						 														 								
						 
#pushbottom{
						clear: both;}						 




  

/*BLOG ELEMENTS*/
/* Begin Images */

p img {padding: 10px;}
p img[alt="an image"] {float: left; margin: 0 7px 2px 0;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

.center {display: block; margin-left: auto; margin-right: auto; text-align: center;}
.alignright {float: right;}
.alignleft {float: left;}

.images {width: 95%; text-align: center;}
.images img {margin: 10px; border: 5px solid #fc6;}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #333333;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/* End Images */
		
/*FORMS*/


/*FOOTER*/
#FFfooter {
				 width: 500px;
                                 text-align: center;   
				
							}
				 
				
				 			
		

/* Begin Portlets */

#wp-calendar {empty-cells: show;margin:10px auto 0; width: 155px; background-color: #E2EBE1; color: #000;}
#wp-calendar caption {background: #a4cdcd;text-align: center;width: 100%}
#wp-calendar thead {background: #cadca3;}
#wp-calendar #today {background: #cadca3; padding: 0;}
#wp-calendar a {text-decoration: underline; margin: 0 !important; background: none;}
#wp-calendar td {text-align: center; width: 14%;padding: 3px 0;}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}
d