/*  

Theme Name: Bakery

Theme URI: http://waternoose.com

Description: Lightly toasted version of Komrad's Procut

Version: 1

Author: Roger Jones

Author URI: http://waternoose.com

*/

@charset "utf-8";


#header {
	
}



#metawrapper {
	
	height:100%;
	min-height:100%; 
	margin:0 auto;
	
	
	/*background: url(images/sfsb_bg.jpg) repeat-y top center #444444;*/
	/*position: relative;*/ /* needed for footer positioning*/
	/*height:auto !important;*/ /* real browsers */
    /*height:100%; *//* IE6: treaded as min-height*/
	
	
/*	background-color: #ff0000;*/
	   
 }





#wrapper {
	min-height:100%;
	height: 100%;
	width: 1038px;
	text-align: left;
	background: url(images/sfsb_bg.jpg) repeat-y top center #444444;
	
	/*background-color: #00ff00;*/
	
	}


/*#main{

width: 900px;
text-align: left;


}*/


#main{
	height: 100%;
	margin-left: auto;
	margin-top:16px;
	float:left;
	display: inline;
	width: 900px;
	text-align: left;
/*background-image: url(images/sfsb_bg.jpg) repeat-y top center #444444;*/
/*background-repeat:  repeat-y:
background-position: top center;
background-color: #444444;*/

/*background-color: #ffff00;*/
}




#main #navLink a{

	text-decoration: none;

	color: #c63600;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}




#main #contentArea {

	border-top-width: 1px;

	border-top-style: dashed;

	border-top-color: #CCCCCC;

	float: left;

	width: 640px;

	padding-top: 10px;
	
	padding-left: 32px;

	margin-left: 0px;
	

}



#main #sideBar {

	width: 176px;

	float: right;

	display: inline;

	padding-top: 4px;

	padding-right: 24px;

}

#main #sideBar h2{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 14px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}

#main #sideBar ul{

	list-style-type: none;

	padding-left: 5px;

	margin-top: 0px;

	margin-left: 0px;

}

#main #sideBar ul li{

	margin-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #DDDDDD;

}

#main #sideBar ul li ul{

	padding-left: 0px;

	margin-left: 0px;

}

#main #sideBar ul li ul li{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	line-height: 11px;

	margin-bottom: 5px;

	padding-left: 5px;

	border: none;

}

#main #sideBar ul li ul li a{

	color: #666666;

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	display: block;

}

#main #sideBar ul li ul li.recentcomments a{

	display: inline;

}

* html #main #sideBar ul li ul li a{

	width: 190px;

	margin-top: -8px;

}

#main #sideBar ul li ul li a:hover{

	color: #c63600;

	background-color: #EAEAEA;

}

#main #rss {

	float: right;

	width: 80px;

	margin-right: 42px;
	
	margin-top: 4px;
	

	text-align: center;

	background-image: url(images/rssbg.gif);
		

}

#main #rss a{

	display: block;

	height: 20px;

	padding-top: 100px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-decoration: none;

	color: #CCCCCC;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 1px;

}

#main  #rss a:hover{

	background-image: url(images/rssbghover.gif);

}

#header #headSpace{

	 margin: 0px;
	 height: 177px;		
	 background-image: url(images/bg_top_02.jpg); 
	 background-repeat: no-repeat;
	 background-position: top center;
	 background-color: #444444;
	  
	/*
	background: url(images/bg_top_02.jpg) no-repeat top center #444444;
	*/
	
	
}


#spacerBlock{
	float:left;
	height:120px;
	width: 80px;
}




 #logo{
 	margin-top: 28px;
	float:left;
	height: 140px;
	width: 255px;
	z-index: 3;
	background-image: url(images/sfsb_logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	  	
}


/* #products_btn{
 	margin-top: 28px;
 	float:left;
	height: 140px;
	width: 150px;
	z-index: 3;
	background-image: url(images/buttons_02_products.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	  	
}*/

#products_btn{
 	margin-top: 28px;
	float: left;
	height: 140px;
	width: 150px;
	text-align: center;
	background-image: url(images/buttons_02_products.gif);
	z-index: 3;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#products_btn a{
	display: block;
	height: 139px;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	text-decoration: none;
	color: #ffffff;
	letter-spacing: 4px;
}

 #products_btn a:hover, #products_btn a.selected {	
	background-image: url(images/buttons_02_products.gif);
	background-position: 0px -140px;
}

 #products_btn a:active{
	background-image: url(images/buttons_02_products.gif);
	background-position: 0px -280px;
}


/* #where_btn{
 	margin-top: 28px;
	float:left;
	height: 140px;
	width: 153px;
	z-index: 3;
	background-image: url(images/buttons_03_where.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	  	
}*/


#where_btn{
 	margin-top: 28px;
	float: left;
	height: 140px;
	width: 153px;
	text-align: center;
	background-image: url(images/buttons_03_where.gif);
	z-index: 3;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#where_btn a{
	display: block;
	height: 139px;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	text-decoration: none;
	color: #ffffff;
	letter-spacing: 4px;
}

 #where_btn a:hover, #where_btn a.selected{	
	background-image: url(images/buttons_03_where.gif);
	background-position: 0px -140px;
}
 #where_btn a:active{
	background-image: url(images/buttons_03_where.gif);
	background-position: 0px -280px;
}

 /*#about_btn{
 	margin-top: 28px;
	float:left;
	height: 140px;
	width: 168px;
	z-index: 3;
	background-image: url(images/buttons_04_about.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
*/	  	


#about_btn{
 	margin-top: 28px;
	float: left;
	height: 140px;
	width: 168px;
	text-align: center;
	background-image: url(images/buttons_04_about.gif);
	z-index: 3;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#about_btn a{
	display: block;
	height: 136px;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	text-decoration: none;
	color: #ffffff;
	letter-spacing: 4px;
}

 #about_btn a:hover,  #about_btn a.selected{	
	background-image: url(images/buttons_04_about.gif);
	background-position: 0px -140px;
}

 #about_btn a:active{
	background-image: url(images/buttons_04_about.gif);
	background-position: 0px -280px;
}



 #blog_btn {
 	margin-top: 28px;
	float: left;
	height: 140px;
	width:144px;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(images/buttons_05_blog.gif);
	background-position: 0px 0px;
	z-index: 3;
}


 #blog_btn a{
	display: block;
	height: 136px;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	text-decoration: none;
	color: #ffffff;
	letter-spacing: 4px;
}

 #blog_btn a:hover, #blog_btn a.selected{	
	background-image: url(images/buttons_05_blog.gif);
	background-position: 0px -140px;
}
 
 #blog_btn a:active{
	background-image: url(images/buttons_05_blog.gif);
	background-position: 0px -280px;

}


#main #search {

	float: left;
	width: 160px;
	text-align: left;
	height: 48px;
	margin-left: 10px;
	background-color: #F7F7F7;	

}

#main #search:hover, #main #search input#searchsubmit:hover{

	background-color: #EEEEEE;

}

#main #search form{

	
	margin-bottom: 0px;

}

#main #search input.text{

	width: 154px;

	height:16px;

	margin: 0px;

	padding: 0px;

}

#main #search input#searchsubmit{

	background-color: #F7F7F7;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #CCCCCC;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 1px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin-top: 4px;
	margin-left: 0px;

}



.post {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: small;

	color: #666666;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #DDDDDD;

	padding:0 0 3em 0;

}



.post .entry {

	text-align: justify;

	border-top-width: 1px;

	border-top-style: dashed;

	border-top-color: #E0E0E0;

}

.post a{

	text-decoration: none;

	color: #c63600;

}

.post a:hover{

	text-decoration: underline;

}

.post .posttitle a {

	text-decoration: none;

	font-weight: bold;

	font-size: 16px;

	color: #c63600;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

}



.post .posttitle a:hover {

	background-color: #F0F0F0;

}

.post .post-info, .post .postmetadata {

	font-size: 10px;

}

#footer{

	width: 860px;

	clear: left;

	height: 24px;

	padding-top: 6px;

	padding-left: 16px;

	padding-right: 16px;

	border-top-width: 1px;

	border-top-style: dashed;

	border-top-color: #CCCCCC;

}

#footer, #footer a{

	color: #CCCCCC;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

}

#footer #themeData {

	float: right;

	font-size: 12px;

	padding-top: 2px;

}

#footer  #copyright {

	text-transform: uppercase;

}

html, body {

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	min-height:100%;
	/*background-color: #444444;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;	
	
	
	background: url(images/sfsb_bg.jpg) repeat-y top center #444444;
	
	/*background-color: #0000ff;*/
}

/*
body {

	
	margin: 0px;
	min-height: 100%;
	height: 100%;
	background: url(images/sfsb_bg.jpg) repeat-y top center #444444;
	background-position: top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;

}*/




#commentDiv{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}

#commentDiv a{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #c63600;

	text-decoration: none;

}

#commentDiv #commentform textarea#comment{

	width: 500px;

}

#commentDiv #comments, #respond{

	margin: 0;

	padding:1em 0 0 0;

}

#commentDiv #commentform 

{

	margin:10px 0;	

	padding:10px;

	background:#f9fcfc;

	border-top: #ddd 1px solid;

	border-bottom: #ddd 1px solid;

}

#commentDiv .commentnum 

{

	font-size:1.5em;

	font-weight:bold;	

	margin:0 5px 0 0;

}

#commentDiv .commentlist {

	margin: 1em 0;

	padding: 0;		

	border-top: #ddd 1px solid;

}

#commentDiv .commentlist li 

{

	list-style:none;

	margin: 0;

	padding: 0.5em 0.5em 2em;	

	background:#fff url(img/shadow_top.gif) repeat-x top;

	border-bottom: #ddd 1px solid;

}

#commentDiv .commentlist li.alt 

{

    background:#f9f9f9;    

}

#commentDiv .commentlist li.authorcomment 

{

    border:#fc9 1px solid;      

}

#commentDiv .commentlist li .cmtinfo 

{

	font-size:1em;			

}

#commentDiv .commentlist li cite 

{

	font-style:normal;

	font-weight:bold;

}

#commentDiv .commentlist li .cmtinfo em 

{

	float:right;

	margin:0;

	padding:0;

	font-style:normal;

	font-size:0.9em;

	color:#999;

}

