@import url(base-weblog.css);

/*
layouts: one-column, two column-left, two-column-right, three columns
*/f

/*	GLOBAL PAGE ELEMENTS
-----------------------------------------------------------------------------*/
*{

	margin: 0;
	padding: 0;
	}
body{
	font:  "geneva", "Helvetica", "Trebuchet MS", sans-serif;
                line-height: 1.5em;
	text-align: center;
                font-size: 15;
	background: #e3d5c1 repeat-x;
	color: #404040;
        float: center;
	}
a:link, a:visited{
                color: #5F1C14;
	text-decoration: none;
	}
a:hover{
	text-decoration: underline;
	}	

blockquote{
	padding: 6px 10px;
	font-size: 92%;
	background: transparent url(bg-blockquote.png) no-repeat 0 0;
	}
abbr, acronym {
	font-style: normal; 
	border-bottom: 1px dotted #333; 
	cursor: help;
	}
code, pre {
	margin: 10px 0;
	font: 1.1em/normal "Courier New", Courier, Monospace;
	color: #666;
	}
img{
	border: 0;
	}
h3{
	font: 1.5em "geneva", "Times New Roman", Times, serif;
	}

/*	LAYOUT BITS
------------------------------------------------------------------*/
#container{
	width: 880px;
	margin: 0;
	text-align: left;
	position: relative;
	padding-bottom: 0px;
	background-color: #e3d5c1;
        float: center;
	}
#pagebody{
                font:"geneva", "Helvetica", "sans-serif";
                color="#404040";
                font-size: 15;
                position: relative;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 0px;
	border-left: 1px solid #fff;
	}
#banner{
	height: 180px;
	margin: 0;
	padding: 0;
	background: transparent url(fbb-header.jpg) no-repeat;
	}


#top-keyword h1{
                 font-size: 90%;
                 line-height: 40%;
                 color: #fff;
                       }
	
/*	BANNER BITS
--------------------------------------------------------------------*/

#banner h2{
	font: 1.9em/2em Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #fff;
	margin: 0;
	padding: 70px 0 0 20px;
	}
#banner h2 a:link, #banner h2 a:visited{
	color: #ffffff;
	text-decoration: none;
	font-size: 1.4em;
	}
#banner h2 a:hover{
	color: #000;
	}
#banner h3{
	color: #eee;
	margin: -2px 0 0 0;
	padding: 0 0 0 20px;
	font: 1em "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .05em;
	}

/*	ENTRY BITS
--------------------------------------------------------------------*/
.pkg{

	}
.red{
	font: bold 1.0em/normal "geneva", "Helvetica", "sans-serif";
	color: #5F1C14;
                font-size: 15px;
	}
.text{
	font: 1.0em/normal "geneva", "Helvetica", "sans-serif";
	color: #404040;
                font-size: 15px;
	}
.brown-title{
	font: bold 1.2em/normal "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 1px;
	margin: 0 0 0 10px;
	padding:0;
	color: #5F1C14;
	}
.cream-title{
	font: bold 1.2em/normal "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 1px;
	margin: 0 0 0 10px;
	padding:0;
	color: #e3d5c1;
	}

.module-dark{
	font: bold 1.8em/normal "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin: 0 0 0 10px;
	padding:0;
	color: #ffffff;
	}

.date-header{
	font: bold 1.2em/normal "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 0 20px;
	padding:0;
	color: #666;
	}

.this-menu a:link, a:visited{
	color: #ffffff;
	font-style: normal;
         font-weight: normal;
         text-decoration: none;
         font size: 0.8em;
         font:  "geneva", "Helvetica", "Trebuchet MS", sans-serif;
	}

.this-menu a:hover{
	text-decoration: underline;
	}

.this-menu ul{
color: #ffffff;
	list-style-type: disc;
	list-style-image: url(bullet.gif);
	list-style-position: inside;
	margin: 0px;
	}

.this-menu li{
         color: #ffffff;	
         list-style-type: disc;
	list-style-image: url(bullet.gif);
	list-style-position: inside;
	padding: 5px 0 5px 10px;
	}












.recent-menu a:link, a:visited{
	color: #5F1C14;
	font-style: normal;
         font-weight: normal;
         text-decoration: none;
         font size: 0.8em;
         font:  "geneva", "Helvetica", "Trebuchet MS", sans-serif;
	}

.recent-menu a:hover{
	text-decoration: underline;
	}

.recent-menu ul{
color: #5F1C14;
	list-style-type: disc;
	list-style-image: url(bullet.gif);
	list-style-position: inside;
	margin: 0px;
	}

.recent-menu li{
         color: #5F1C14;	
         list-style-type: disc;
	list-style-image: url(bullet.gif);
	list-style-position: inside;
	padding: 0px 0 5px 10px;
	}


.entry{
                font: 1.0em/normal "geneva", "Helvetica", "sans-serif";
	color: #404040;
                font-size: 15px;
	}
.entry p{

	}		
.entry ul{
	list-style-type: disc;
	list-style-image: url(bullet.gif);
	list-style-position: inside;

	margin: 10px 20px;
	}

.entry ol{
	margin: 10px 20px;
                list-style-type: decimal; }
.entry li{	
         list-style-type: disc;
	list-style-image: url(bullet.gif);
	list-style-position: inside;
         padding: 0 0 10px 15px;
	word-spacing: .15em;
	}
.entry-header{
	color: #000;
	font: "geneva", "Helvetica", "sans serif";
	background: transparent;

	}
.entry-content{
	margin: 20px;
	padding: 0 0px;
	}
.entry-body{
	margin: 10;
	}

.entry-footer{
	margin: 5px 0 0 0;
	font-size: .9em;
	padding: 4px 0;
	border-top: 1px solid #eee;
	}
.separator{
	display: none;
	}
.entry .post-footers{
	word-spacing: normal;
	}
	
/*	COMMENTS and TRACKBACKS
-----------------------------------------------------------------------*/
#comments{
	background-color: #e3d5c1;
	border: 1px solid #ffffff;
	color: #5F1C14;
	}
.comment{
	margin: 10px 10px 10px 10px;
		background-color: #e3d5c1;
	border-top: 1px solid #ffffff;
	}
.comment p.comment-footer{
	margin: 0;
	}
.comment p{
	word-spacing: .15em;
	}
.comments-header{
	margin: 20px 0 0 20px;
	padding: 0;
                color: #5F1C14;
	}
/*	comment form
-----------------------------------------------------------------*/	
#comments-open{
 	background: #e3d5c1;
	color: #330000;
	margin-top: 5px;
	}
.comments-open-header{
	padding: 10px 0 0 20px;
	border-top: 1px solid #ffffff;
	height: 28px;
	}
.comments-open-content{
	padding: 0 0 0 20px;
	margin: 0;
	}

#comment-author, #comment-email, #comment-url, #comment-text{
	border: 0;
	padding: 2px;
	color: #5F1C14;
	border: 0;
	padding: 2px;
	color: #5F1C14;
	background: #f6f6f6;
	}
#comment-text{
	width: 490px;
	height: 120px;
	}
#comment-author:focus, #comment-email:focus, #comment-url:focus, #comment-text:focus{
	background: #fff;
	}
#comments-open-footer{
	margin: 0;
	padding: 15px 0 20px 0;
	}
#comments-open-footer input{
	border: 1px solid #fff;
	padding: 2px 0;
	margin-right: 15px;
	font-weight: bold;
	}
.comments-open-header{
	font: 1.5em;
	}
.comments-open label{
	display: block;
	}
	
/*	trackbacks
---------------------------------------------------------------------*/
.trackbacks{
	font-size: 1.2em;
	background-color: #e3d5c1;
	border: 1px solid #330000;
	color: #333;
	}
.trackbacks-content{
	padding: 20px;
	}
#trackbacks-info{
	padding: 0 20px;
	}
.trackbacks-header{
	margin: 20px 20px 0 20px;
	}
.trackback{
	margin: 15px 0;
	border-top: 1px solid #333;
	}
.trackback-footer{
	margin: 0;
	padding: 0 0 10px 0;
	}
		
/*	MODULE BITS
--------------------------------------------------------------------*/
.module{
	font-size: 1.1em;
	padding-bottom: 10px;
	border-top: 1px solid #e3d5c1;
	}
.module-search form{
	margin-left: 10px;
	}
#search{
	font: 1.1em/normal "geneva", "Trebuchet MS", sans-serif;
	width: 130px;
	border: 1px solid #ccc;
	padding: 1px 0;
	}
.module-content, .module-list-item{
	margin: 0;
	padding: 10 10 10 10;
	}
.module-content ul{
	margin: 0 10px;
	padding: 0;
	}
.module-content li ul{
	background-image: none;
	margin: 0;
	}
.module-categories li a{
	margin: 0;
	background: transparent url(bullet-li.gif) no-repeat 0 9px;
	padding-left: 10px;
	}
.module-categories li ul a{
	display: inline;
	padding-left: 30px;
	background: transparent url(bullet-li.gif) no-repeat 14px 9px;
	line-height: 2.1em;
	}
.module h3 {
	font: normal 1.5em Georgia, 'Times New Roman', Times, Palatino, serif;
	text-transform: lowercase;
	background: transparent;
	letter-spacing: 2px;
	padding: 10px 0 5px;
	margin: 0 10px;
	color: #A66532;
	}
.module h3 a:link, .module h3 a:visited{
	color: #A66532;
	}
.module h3 a:hover{
	text-decoration: underline;
	}
.module-archives li{
	padding: 0 0 0 10px;
	margin: 0;
	background: transparent url(bullet-li.gif) no-repeat 2px 7px;
	}
.module-syndicate .module-content{
	margin: 20px 10px 0 10px;
	line-height: 2em;
	background: transparent url(feed-icon.gif) no-repeat 2px 10px;
	padding: 5px 0 5px 25px;
	}
.module-powered{
	line-height: 2em;
	text-align: center;
	padding: 20px 0 0 0;
	}
.module-content a{	
	padding: 3px;
	margin: 0;
	}
.module-content a:link, .module-content a:visited{
	color: #5F1C14;
	text-decoration: none;
	} 
.module-content a:hover{
	color: #333;
	text-decoration: underline;
	}

#banner, #pagebody, #alpha, #beta, #gamma, #delta, .module, .module-content, #pagebody-inner, .pkg, #container-inner{
	position: static;
	width: auto;
	}

/*	TWO COLUMN RIGHT Layout
-----------------------------------------------------------------------*/	
.layout-two-column-right #alpha-inner{
	margin: 0 0px 0 0;
	}	
.layout-two-column-right #alpha{
	float: left;
	width: 680px;
	margin-top: 0px;
                background: #fff;
	}
.layout-two-column-right #beta{
	float: right;
	width: 190px;
	padding: 0 0 5px 0;
	margin-top: 0px;
	background: #e3d5c1 ;
	}
	
/*	TWO COLUMN LEFT Layout
-----------------------------------------------------------------------*/	
.layout-two-column-left #alpha{
	float: left;
	width: 220px;
	padding: 0 0 30px 0;
	margin-top: 0px;
	background: #fff url(potholder.png) 30% 0 no-repeat;
	}
.layout-two-column-left #beta{
	float: right;
	width: 528px;
	margin-top: 10px;
	}

.layout-two-column-left #beta-inner{
	margin: 0 0 0 30px;
	}		
	
/*	THREE COLUMN
-----------------------------------------------------------------------*/
.layout-three-column #container{
	width: 994px;
	}
.layout-three-column #banner h1, .layout-three-column #banner h2 h3{
	padding-left: 20px;
	}
.layout-three-column #alpha{
	float: left;
	width: 220px;
	margin-top: 0px;
	background: #fff url(potholder.png) 30% 0 no-repeat;
	}
.layout-three-column #beta-inner{
	margin: 0 0 0 30px;
	}	
.layout-three-column #beta{
	margin: 40px 0;
	width: 514px;
	}
.layout-three-column #gamma{
	width: 220px;
	float: right;
	background-color: #fff;
	margin-top: 0px;
	padding: 0 0 30px 0;
	}
.layout-three-column #comment-text{
	width: 441px;
	}
	
/*	ONE COLUMN
-----------------------------------------------------------------------*/		
.layout-one-column #alpha{
	width: 100%;
	margin-top: 10px;
	}

/*	ETC
-----------------------------------------------------------------------*/
.entry-userpic, .comment-userpic, .content-nav{
	display: none;
	}
	
.comment-content, .entry-body{
	width: 100%;
	float: none;
	}

.icons{
                 font-size: 10%;
                 line-height: 80%;
                 color: #f4eecd; }

#trans{  }

#transparent{  }

#transparent2{  }

#transparent3{ background:url(http://www.bartokdesign.com/pics/bip.gif) top left no-repeat; }

#bottom-navi {
        padding: 5px 10px 10px 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
        font-weight:bold;
        font-size: 11px;
        line-height: 160%;
        float: bottom;
}

#bottom-navi a {
	color:#494938;
}

#bottom-navi a:hover {
	color:#669999;
}

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

.left {
    display: block;
    margin-left: 12px;
    }

.color-white {
    font-weight: bold;
    color: #ffffff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }

.anim {
	float: left;
	padding: 0px;
}
.anim ul {
	width: 880px;
	height: 410px;
	overflow: hidden;
float: left;
}
.anim li {
	position: absolute;
        list-style-type: none;
	list-style-position: inside;
        margin-left: -40px;
margin-top: -10px;
	display: none;		/* for Starting Slide Show */
}
.anim li img {
	vertical-align: top;
float: left;
}