.bb-code, .bb-php, .bb-code-title, .bb-php-title {
    margin-left: 20px;
    margin-right: 20px;
    color: black;
    direction: ltr;
}

.bb-code-title, .bb-php-title {
    margin-bottom: 2px;
    background-color:#CCCCCC;
    font-weight: bold;
    padding-left: 5px;
}

.bb-code, .bb-php {
    font-family: courier, "courier new";
    background-color: #DDDDDD;
    padding: 10px;
}
/*
Style.css for serendipity-Style "Flancrest"
This style is more than just based on the Flancrest-Desgin which comes with RapidWeaver (http://realmacsoftware.com), it was just adapted to s9y by Mullzk. So all the glory goes to realmacsoftware, all the shame to Mullzk.

If you want to use this Theme, you probably want to get rid of the Static Links on the top right. Just delete Lines 1-22 in sidebar.tpl!

The important changes are made in index.tpl & entries.tpl - you should not change them if you do not know what you are doing.
s9y-Style is based on one single css file - Rapidweavers Flancrest uses 7 different stylesheets + Variations for substyles. This made some adaptations necessary. 
If you use other Flancrest-Design-Options than me, you can just can copy the sub-style-specific css.files into this file here. It should be clearly stated where you have to paste in which Stylesheet. You then have to alter the image-urls in this file, e.g. from 
	background: repeat url(images/body_bg.png);
    to
    background: repeat url("templates/Flancrest//images/body_bg.png");
or
	background: url(../../images/used_image.png) no-repeat;
	to
    background: url("templates/Flancrest//images/used_image.png") no-repeat;

If you want to change the banner-image in top of the page, just replace images/used_image.png. It should be 488 * 176 Pixel.

For any questions - ask info@mullzk.ch
*/




/****************************
Paste content of styles.css below here
****************************/
/*<group=General Styles>*/

body {
	text-align: center; /* To Make Content Centered */
	background: repeat url("templates/Flancrest//images/body_bg.png");
	font: 0.7em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	color: #333333;
	margin: 0 0 10px 0;
	padding: 0;
}

p {
}

b, strong {

}

a:link, a:visited {
}

a:hover, a:active {
	text-decoration: none;
}

img {
	border: none;
}

.image-left {
	float: left;
	margin: 3px 3px 3px 0;
	padding: 3px 3px 3px 0;
}

.image-right {
	float: right;
	margin: 3px 0 3px 3px;
	padding: 3px 0 3px 3px;
}
	
/*</group>*/

/*<group=Layout>*/

.clearer {
	clear: both;
}

#bodyIndent {
	height: 259px;
	background: repeat-x url("templates/Flancrest//images/body_top_bg.png");
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#banner {
	width: 730px;
	height: 176px;
	position: relative;
	z-index: 1;
}

#banner #logo {
	width: 243px;
	text-align: center;
}

#banner #insert {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 488px;
	height: 176px;
}

#container { 
	width: 730px;
	background: #ffffff repeat-y left  url("templates/Flancrest//images/sidebar_bg.png");
	position: relative;
	text-align: left;
	z-index: 2;
}

#pageHeader {
	height: 80px;
	border-top: 3px solid;
}

#pageHeader img {

}

#pageHeader h1 {
	margin: 0;
	color: #424242;
	font-size: 2.6em;
	font-weight: normal;
	padding-left: 260px;
	padding-top: 10px;
}

#pageHeader h2 {
	margin: 0;
	padding-left: 260px;
	font-size: 1.2em;
	color: #ababab;
	font-weight: normal;
}

#contentContainer {
	float: right;
	width: 487px;
}

#contentContainer #content {
	line-height: 1.5em;
	padding: 10px;
}

#sidebarContainer {
	width: 243px;
}

#sidebarContainer #sidebar {
	padding: 0 10px 10px;
}

#sidebarContainer .sideHeader {
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px 10px 3px;
}

#footer {
	width: 730px;
	color: #ffffff;
	position: relative;
	background: repeat url("templates/Flancrest//images/body_bg.png");
}

#footer p {
	text-align: center;
	margin: 0;
	padding: 10px;
}

#footer a:link, #footer a:visited {
	color: #ffffff;
}

#footer a:hover, #footer a:active {
	text-decoration: none;
}
	
/*</group>*/

/*<group=Bread-crumb>*/

#breadcrumbcontainer {
	text-align: right;
	padding-top: 10px;
}

#breadcrumbcontainer ul {
	list-style: none;
}

#breadcrumbcontainer li {
	display: inline;
}

#breadcrumbcontainer a {

}

#breadcrumbcontainer a:hover {

}
	
/*</group>*/

/*<group=Toolbar>*/

/* Toolbar Styles */

#navcontainer {
	padding-top: 10px;
	margin-bottom: 10px;
}

#navcontainer #current {
	color: #ffffff;
}

#navcontainer .currentAncestor {
}

/* Parent - Level 0 */

#navcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navcontainer li {

}

#navcontainer a{
	background: #ececec;
	border-bottom: 1px solid #fff;
	display: block;
	color: #424242;
	text-decoration: none;
	padding: 5px 10px;
	height: 13px;
}

#navcontainer a:hover {
	color: #ffffff;
}

#navcontainer a:active {

}

/* Child - Level 1 */

#navcontainer ul ul {
}

#navcontainer ul ul li {
}

#navcontainer ul ul a {
	padding-left: 25px;
}

#navcontainer ul ul a:hover{

}

#navcontainer ul ul #current{

}

#navcontainer ul ul .currentAncestor {

}

/* Child - Level 2 */

#navcontainer ul ul ul {
}

#navcontainer ul ul ul li {
}

#navcontainer ul ul ul a {
	padding-left: 40px;
}

#navcontainer ul ul ul a:hover{

}

#navcontainer ul ul ul #current{

}

#navcontainer ul ul ul .currentAncestor {

}
/* Child - Level 3 */

#navcontainer ul ul ul ul {
}

#navcontainer ul ul ul ul li {
}

#navcontainer ul ul ul ul a {
	padding-left: 55px;
}

#navcontainer ul ul ul ul a:hover{

}

#navcontainer ul ul ul ul #current{

}

/* Child - Level 4 */

#navcontainer ul ul ul ul ul {
}

#navcontainer ul ul ul ul ul li {
}

#navcontainer ul ul ul ul ul a {
	padding-left: 70px;
}

#navcontainer ul ul ul ul ul a:hover{

}

#navcontainer ul ul ul ul ul #current{

}

/*</group>*/

/*<group=Global Classes>*/

blockquote {
	/*Modified by Mullzk: Colored Top/Bottom-Borders instead of White Text on Colored Background*/
	/*color: #ffffff;*/
	padding: 0 5px;
}

h1 {

}

h2 {

}

h3 {

}

.imageStyle {

}

/* Main content area unordered list styles */
#contentContainer #content ul {
}

#contentContainer #content li {
}

/* Sidebar area unordered list styles */
#sidebarContainer #sidebar ul {
	margin: 10px;
	padding: 0 10px;
}

#sidebarContainer #sidebar li {
}

/* Table Styles */
table {
	font-size: 1em;
}
/*</group>*/

/*<group=Blog>*/

/*<group=Archive Page>*/

.blog-archive-background {
}

.blog-entry-summary {
	margin-bottom: 10px;
}

.blog-archive-headings-wrapper {
}

.blog-archive-entries-wrapper {
}

.blog-archive-month {
	font-weight: normal;
	font-size: 1.9em;
	margin-bottom: 5px;
}

.blog-archive-link {
	margin-bottom: 15px;
}
	
/*</group>*/

.blog-entry {
}

.blog-entry-title {
	font-weight: normal;
	margin-bottom: 3px;
	font-size: 1.9em;
}

.blog-entry-date {		
	margin-bottom: 10px;
	color: #cccccc;
}

/*styles the category link in the main entry */
.blog-entry-category {
}

.blog-entry-category a:link, .blog-entry-category a:visited {
}

/*styles the permalink link in the main entry */
.blog-entry-permalink {
}

.blog-entry-permalink a:link, .blog-entry-permalink a:visited {
}


.blog-read-more {
	display: block;
	padding-top: 10px;
	font-style: italic;
}

.blog-entry-body {
	margin-bottom: 30px;
	border-bottom: 1px dotted #59554c;
	padding-bottom: 10px;
}

.blog-entry-comments {
	padding-top: 10px;
}

/* styles the archives in the blog sidebar */
#blog-archives {
	margin-bottom: 10px;
}

.blog-archive-link-enabled {
}

.blog-archive-link-disabled {
}

/* Styles the blog categories in the blog sidebar */
#blog-categories {
	margin-bottom: 10px;
}

.blog-category-link-enabled {
}

.blog-category-link-disabled {
}

/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {
	margin-bottom: 10px;
}

.blog-rss-link {
}

.blog-comments-rss-link {
}
/*</group>*/

/*<group=File Sharing>*/

.filesharing-description {

}

.filesharing-item {
}

.filesharing-item-title a:link {

}

.filesharing-item-title a:hover {

}

.filesharing-item-title a:visited {

}

.filesharing-item-description {

}

/*</group>*/

/*<group=Photo Album>*/

/*<group=Index Page (Thumbnail view)>*/

.album-title {
	font-weight: normal;
	margin-bottom: 3px;
	font-size: 1.9em;
}

.album-description {
	margin-bottom: 75px;
	margin-top: 5px;
} 

.album-wrapper {
	display: block;
	width: 99%;
	position: relative;
}

.thumbnail-wrap {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 60px;
	margin-right: 13px;
}

.thumbnail-frame {
	position: absolute;
    bottom: 0;
    left: 0;
}

.thumbnail-frame a {
}

.thumbnail-frame a:hover {
}

.thumbnail-frame img {
	margin: auto;
	border: 3px solid #dbdbdb;
}

.thumbnail-caption {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 38px;
	display: block;
}
	
/*</group>*/

/*<group=Single Page (Photo view)>*/

.photo-background {
	margin: 10px;
}

.photo-navigation {
	background: #ffffff;
	margin-bottom: 10px;
	padding: 10px 10px 5px;
	text-align: left;
}

.photo-navigation a:link, .photo-navigation a:visited {

}

.photo-navigation a:hover {

}

.photo-frame{
	background: #f8f8f8;
	padding: 5px;
}

.photo-links {

}

.photo-title {
	font-weight: normal;
	font-size: 1.9em;
	margin: 0 0 3px;

}

.photo-caption {

}

/*</group>*/
	
/*</group>*/

/*<group=Quicktime Page>*/

.movie-description {

}
	
/*</group>*/

/*<group=Quicktime Album>*/

/*<group=Index Page (Movie Thumbnail view)>*/

.movie-page-title {
	font-weight: normal;
	margin-bottom: 3px;
	font-size: 1.9em;
}

.movie-page-description {
	margin-bottom: 15px;
	margin-top: 5px;
}

.movie-thumbnail-frame {
	width: 132px;
	float: left;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
}

.movie-thumbnail-caption {

}
	
/*</group>*/

/*<group=Single Page (Movie View)>*/

.movie-background {
	margin: 10px;
}

.movie-title {
	font-size: 2.5em;
	color: #ffffff;
	text-shadow: 0px 2px 3px #111111;
}

.movie-frame {

}
	
/*</group>*/


/*</group>*/

/*<group=Contact Form>*/
.message-text { 
} 

.required-text {
	color: #ff0000;
} 

.form-input-field {
} 

.form-input-button { 
} 
/*</group>*/
/***************************
End of content of styles.css
***************************/






/***************************
Paste content of desired stlyesheet in folder css/alignment/
Stylesheet used here: align_center.css
***************************/
#container, #footer, .blog-archive-headings-wrapper, .blog-archive-entries-wrapper {
	margin: 0px auto 10px; /* Right And Left Margin Widths To Auto */
	text-align: left; /* Hack To Keep IE5 Windows Happy */
}
/***************************
End of alignment-stylesheet
***************************/






/***************************
Paste content of desired stlyesheet in folder css/banners/
Stylesheet used here: banner_pacific.css
***************************/
#banner #insert {
	background: url("templates/Flancrest//images/pacific/pacific_header1.png") no-repeat;
}

/***************************
End of banner-stylesheet
***************************/






/***************************
Paste content of desired stlyesheet in folder css/sidebar/
Stylesheet used here: sidebar_right.css
***************************/
#container {
	background: repeat-y right top url("templates/Flancrest//images/sidebar_bg.png") #ffffff;
}

#contentContainer {
	float: left;
}

#contentContainer #content {
	padding: 10px 30px 10px 10px;
}

#sidebarContainer {
	float: right;
}

#pageHeader h1, #pageHeader h2 {
	padding-left: 10px;
}
/***************************
End of sidebar-stylesheet
***************************/






/***************************
Paste content of desired stlyesheet in folder css/styles/
Stylesheet used here: pacific.css
***************************/
a:link, a:visited {
	color: #7c4c55;
}

#banner {
	background: url("templates/Flancrest//images/pacific/header_bg.png") repeat-x;
}

#banner #insert {
	/*Modified by Mullzk: Use a user-defaulted image instead of pacific_header*/
	/*background: url("templates/Flancrest//images/pacific/pacific_header1.png") no-repeat;*/
    background: url("templates/Flancrest//images/used_image.png") no-repeat;

}

#pageHeader {
	border-top-color: #744d55;
}

#navcontainer #current {
	background: #573a41;
	color: #ffffff;
}

#navcontainer #current:hover {
	background: #573a40;
	color: #ffffff;
}

#navcontainer .currentAncestor {
	background: #573a41;
	color: #ffffff;
}

#navcontainer a:hover {
	background: #573a41;
}

#navcontainer ul ul #current{
	background: #7a4a54;
}
#navcontainer ul ul .currentAncestor {
	background: #7a4a54;
}

#navcontainer ul ul ul #current{
	background: #a05e6d;
}

#navcontainer ul ul ul .currentAncestor {
	background: #a05e6d;
}

#navcontainer ul ul  ul ul #current{
	background: #ececec;
	color: #b77786;
}

#navcontainer ul ul ul ul .currentAncestor {
	background: #ececec;
	color: #b77786;
}

blockquote {
	/*Modified by Mullzk: Colored Top/Bottom-Borders instead of White Text on Colored Background*/
	/*background: #573940;*/
	border-top: 5px solid #573940;
	border-bottom: 5px solid #573940;
}

.blog-entry-title {
	color: #362928;
}
/***************************
End of styles-stylesheet
***************************/