p.whiteline {
    margin-top: 0em;
    margin-bottom: 1em;
}

p.break {
    margin-top: 0em;
    margin-bottom: 0em;
}

.bb-quote, .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;
    white-space: pre;
    overflow: auto;
    max-height: 24em;
}

.bb-quote {
    background-color: #DDDDDD;
    padding: 10px;
}

.bb-list-ordered-d {
    list-style-type: decimal;
}
.bb-list-ordered-la {
    list-style-type: lower-alpha;
}
.bb-list-ordered-ua {
    list-style-type: upper-alpha;
}

      .serendipity_findmore {
        margin: 5px auto 5px auto;
        padding: 5px;
        text-align: center;
      }

      .serendipity_findmore img {
        border: 0px;
      }

      .serendipity_diggcount {
          float: left;
      }

      .findmore_like_button img, .findmore_like_button iframe {
        cursor: pointer;
    }

    .lazyload_switcher {
        margin-right: 0.5em;
        display: inline;
        float: left;
        margin-top: 4px;
    }

    .findmore_like_button {
        display: inline-block;
        vertical-align: middle;
        margin-right: 2em;
    }

    .google_like {
        width: 150px;
        height: 21px;
    }

    .gplus_like {
        display: inline;
    }

    .serendipity_findmore_like {
        vertical-align: middle;
        height: 21px;
    }

/* templates/default/style_fallback.css  */
/* This is the templates/default/style_fallback.css file.
   It emits CSS rules that all templates should have.
   Classes are declared on top of the file, so if you
   want to make changes in your own template, you
   should override the rules on the bottom of your
   style.css template. 
   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* Default image classes for left/right/usual layout */
.serendipity_image_center {
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_left {
  float: left;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_right {
  float: right;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

/* Default listing without spacers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* Messages: Centered, important, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

/* Embedded images with comments inside the s9y image manager */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 10px;
    text-align: center;
}

/* END OF style_fallback.css */
/* templates/ipersonality/style.css  */
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { 
	margin: 0; padding: 0; 
} 
body {
	margin: 0; padding: 0;
	font: 70%/1.5em  Tahoma, 'Trebuchet MS', Arial, Sans-serif;
	background: #F2F3F5;
	color: #444;	
	text-align: center;		
}

/* links */
a {
	background: transparent;
	color: #00478A;
	text-decoration: none; 
}
a:hover {
	background: transparent;
	color: #0057BD;
	text-decoration: underline;	
}

/* headers */
h1, h2, h3, h4, h5 {
	font: bold 1.1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #333;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; text-transform: uppercase; color: #6B4D2E;}
h3 { font-size: 1.2em; }
h4 { color: #050082; }
h5 { color: #6B4D2E; }

#main h1, #rightbar h1 {
	padding: 10px 0px 2px 5px;
	margin: 0 10px;
	border-bottom: 1px dashed #D5D5D5; 	
}	

#sidebar h1 {
	padding: 10px 0px 2px 35px;
	margin: 0;
	background: url(templates/ipersonality/img/square_arrow.gif) no-repeat 7px 12px;	
	color: #FF8200;
}

.serendipity_date,
.serendipitySideBarTitle {
    font-family: "Trebuchet MS", Tahoma, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    text-align: right;
  	 padding: 0px 0px 2px 5px;
	 margin: 0 10px;
	 border-bottom: 1px dashed #D5D5D5; 	
}

.serendipitySideBarTitle {
    font-family: "Trebuchet MS", Tahoma, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    margin: 10px 15px 0px;
    text-align: left;
}

.serendipity_title {
    font-family: "Trebuchet MS", Tahoma, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
}

p, h1, h2, h3,
h4, h5, h6,
.serendipitySideBarContent, pre {
	margin: 0;
	padding: 10px 15px;
}

p { padding: 0 15px 5px; }

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;	
}

dl {
	margin: 10px 15px;
	padding: 0 15px;
}
dt {
  font-weight: bold;  
  color: #FF8200; 
}
dd {
  margin-left: 0;
  padding: 0 0 5px 0;
}

hr {margin: 0 15px; padding: 0; background:#f2f2f2;height:1px;color:#EFF0F1;border:none;clear:both}

/* images */
/* img {
	border: 1px solid #eee;
        margin: 10px 15px;
	padding: 5px;
	background: #FAFAFA;
}

img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
} */

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1.2em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #eee;    
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
/*	margin: 15px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(templates/ipersonality/img/quote.gif) no-repeat 5px 10px; 
	border: 1px solid #eee; 
	font-weight: bold; */
    margin: 15px 30px 15px 15px;
    padding-left: 15px;
    border-left: 4px solid #00478A;
}

/* hidden element */
span.cacher {background: #ff8200; color: #ff8200}
span.cacher img {visibility: hidden }
span.montrer {background: transparent; color: #000000} 
span.montrer img {visibility: visible }

/* form elements */
form {
	margin:10px 15px; 
	padding: 0;
	border: 1px solid #eee; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input,
select {
	padding: 4px;
	border:1px solid #eee;
	font: normal 1em/1.5em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:350px;
	padding:4px;
	font: normal 1em/1.5em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #333;	
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0; 
	padding: 0;	
}
.searchform p { margin: 10px; padding: 0; }
.searchform input.textbox { 
	width: 90px;
	color: #333; 
	height: 18px;
	padding: 2px;	
	vertical-align: middle;
	border: 1px solid #777;
}
.searchform input.button { 
	font: bold 11px Tahoma, 'Trebuchet MS', Sans-serif; 
	color: #333;	
	width: 50px;
	height: 18px;
	border: none;
	vertical-align: middle;
}
.searchform input.checkbox { 
	font: bold 9px Tahoma, 'Trebuchet MS', Sans-serif; 
	color: #333;	
	border: none;
	vertical-align: middle;
}

/*****************/
/*    Layout     */
/*****************/

#content, #header, #footer-columns, #footer-bottom {
	width: 880px;	
}

#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	margin: 0; padding: 0;
	background: #FFF url(templates/ipersonality/img/contentbg.gif) repeat-x 0px 1px;		
	border-bottom: 1px solid #D4D6D6;
	text-align: left;	
}
#content {
	margin: 15px auto 0 auto;
        padding:0;		
}

/* header */
#header-wrap {
	background: #222 url(templates/ipersonality/img/headerbg.jpg) repeat-x 0% 0%; 
	margin: 0; padding: 0;
	height: 165px;
	width: 100%;
}
#header {
	position: relative;
	height: 165px;		
	margin: 0 auto;	
	padding: 0;
}
#header #site-logo {
	position: absolute;
	background: url(templates/ipersonality/img/site-logo.gif) no-repeat 0% 0%;
	width: 110px;
	height: 78px;
	
	/* change the values of top and Left to adjust the position of the site-logo */
	left: 10px; top: 20px;
}
#header h1#logo-text {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 35px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #FFF;
		
	/* change the values of top and Left to adjust the position of the logo-text */
	top: 25px; left: 130px;	
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #DDD;
	
	/* change the values of top and Left to adjust the position of the slogan */
	top: 68px; left:195px;		
}

/* header menu */
#header ul {
	position: absolute;
	right: 10px; bottom: 2px;
	font: bold 16px 'Trebuchet MS', sans-serif;
	margin: 0; padding: 0;		
	list-style: none;	
	color: #FFF;	
}
#header ul li {
	display: inline;
}
#header ul li a {
	float: left;
	padding: 3px 12px;	
	color: #FFF;
	text-decoration: none;	
}
#header ul li a:hover {
	color: #FF8200;
}
#header ul li#current a {
	color: #FF8200;	
}
/* header menu end */

#header #header-links {
	position: absolute;
	top: 15px; right: 10px;		
	color: #FF8200;
}
#header #header-links a {
	color: #BDBDBD;
}
#header #header-links a:hover {
	color: #CCC;
}

/* main column */
#main {
	float: left;
	padding: 10px 10px 0 5px;
	width: 57%;	
	border-right: 1px solid #f2f2f2;
}

/* sideabar */
#sidebar {
	float: left;
	width: 21%;
	margin: 0;	padding: 0; 
	display: inline;	
}
#sidebar .sidebox {
	margin: 10px 0; padding: 0 0 15px 0;
	background: #f6f6f6;
	border: 1px solid #E5E5E5;
}
#sidebar ul.sidemenu {
	list-style: none;
	margin: 5px; padding: 0 5px;
	text-decoration: none;			
}
#sidebar ul.sidemenu li {
	border-bottom: 1px dashed #DEDEDE;
	padding: 5px 5px 5px 10px;	
}
#sidebar ul.sidemenu li.top{	
	border-top: 1px dashed #DEDEDE;
}
#sidebar ul.sidemenu a {	
	font-weight: bold;
	text-decoration: none;	
	margin: 5px 0;
	padding: 0;	
	color: #333;
}
#sidebar ul.sidemenu a:hover {
	font-weight: bolder;
	text-decoration: none;	
	margin: 5px 0 5px 0;	
	color: #EA9900;
}

/* rightbar */
#rightbar {
	clear: right;
	float: right;
	width: 20%;
	padding: 0;	margin: 0;		
}

/* footer */
#footer-wrap {
	clear: both;
	float: left;
	width: 100%;	
	font-size: 95%;	
	text-align: left;
	padding: 15px 0;
}
#footer-wrap a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#footer-wrap a:hover {
	color: #000;	
}
#footer-wrap p {
	padding:10px 0;
}
#footer-wrap h2 {
	color: #666666;
	margin: 0;
	padding: 0 10px; 
}

#footer-columns {
	color: #888;
	margin: 0 auto; 
	padding: 0;			
}
#footer-columns ul {
	margin: 0; 
	padding: 0;
	list-style: none;
}
#footer-columns li {
	border-bottom: 1px dashed #DEDEDE;	
}
#footer-columns li a {
	display: block;
	line-height: 2em;
	font-weight: normal;
	padding-left: 10px;
	width: 96%;
}
#footer-columns .col3, .col3-center {
	float: left;
	width: 31%;
}
#footer-columns .col3-center { 
	margin: 0 10px; 
}

/* bottom */
#footer-bottom {
	clear: both;
	color: #666;	
	margin: 0 auto; 
	padding: 0;
}

/* Alignment classes */
.float-left   { float: left;}
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center;	}
.align-justify { text-align: justify; }

/* display classes */
.clear  { clear: both; }
.block  { display: block; }
.hide   { display: none; }	
.orange { /* color: #EA9900; */ color: #FF8200; }

/* others */
.post-footer {
	background-color: #FAFAFA;
	padding: 5px; 
	margin: 20px 15px 10px 15px;
	font-size: 95%;
	border: 1px solid #eee;
}
.post-footer .date {
	background: url(templates/ipersonality/img/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(templates/ipersonality/img/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(templates/ipersonality/img/page.gif) no-repeat left center;
	padding-left: 20px;
        margin: 0 10px 0 5px;
}

/*** Some s9y-specific stuff ***/
/* centering something     */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* messages from s9y */
.serendipity_msg_important {
    color: red;
    margin-bottom: 1em;
}
.serendipity_msg_notice {
    color: green;
    margin-bottom: 1em;
}

.serendipity_entry_extended {
    clear: both;
}

/*** Additional plugin styles needed for the modernized output code ***/
/*** added by Matthias 'YellowLed' Mees                             ***/

.container_serendipity_archives_plugin ul,
.container_serendipity_syndication_plugin ul,
.container_serendipity_authors_plugin ul,
.container_serendipity_plugin_entrylinks ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0;
}

/* prevent styling of the extended placeholder, */
/* otherwise the background image is visible    */
#extended {
    background: none;
    display: none;
}

/* styling the continue reading byline, needed   */
/* to stop firefox making the link 100% wide     */
.continue_reading {
    display: block;
    padding-top: 10px;
}

/*** s9y image manager ***/
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 10px 15px;
    padding: 0;
    text-align: center;
}

.serendipity_imageComment_left { margin: 0 15px 10px; }
.serendipity_imageComment_right { margin: 0 15px 10px; }

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left { float: left; }
.serendipity_imageComment_right { float: right; }

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 1%;
    clear: both;
    font-size: 80%;
    text-align: center;
}

a.homelink2 { color: #fff; }

table.serendipity_calendar a {
    font-weight: bold;
    text-decoration: none;
}

.serendipity_calendar img { margin: 0; padding: 0; }

td.Today { border: 1px solid #ff8200; }

table.serendipity_calendar a:hover { text-decoration: none; }

td.serendipity_weekDayName {
    font-weight: bold;
    text-align:center;
}

td.serendipity_calendarHeader a:link,
td.serendipity_calendarHeader a:visited,
td.serendipity_calendarHeader a:hover {	text-decoration: none; }

td.serendipity_weekDayName { border-bottom:1px solid #ddd; }

tr.serendipity_calendar td { text-align:center; }

td.FirstInRow { background-color: #f6f6f6; }

.plugin_comment_wrap {
    color: #626262;
    margin: 0 0 10px;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    background-color: #fafbfc;
    line-height: 1.5em;
}

.plugin_comment_wrap br,
.serendipity_comment_captcha br { line-height: 1px; }

.plugin_comment_body { font-style: oblique; }

.serendipity_xml_icon img {
	border: none;
        margin: 0 3px 0 0;
	padding: 0;
	background: transparent;
}

.serendipitySideBarContent form {
	margin: 0; 
	padding: 0;
	border: none; 
	background-color: #fff; 
}

#serendipity_categories_list li input { margin-right: 3px; }

.serendipity_pageFooter {
	padding: 5px; 
	margin: 20px 15px 10px 15px;
	font-size: 95%;
}

.serendipity_entrypaging { margin-bottom: 10px; }

#searchform { margin: 0; }

#serendipity_comment { padding: 5px; }

#checkbox_remember,
#checkbox_subscribe {
    float: left;
    margin-right: 5px;
    padding: 5px;
}

.serendipity_commentsLabel label {
    float: left;
    margin: 0;
}

.serendipity_commentsLabel br { clear: left; }

.serendipity_commentsLabel {
    padding: 10px 0;
    vertical-align: top;
}

.serendipity_comment {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    margin: 0 15px 10px;
}

.serendipity_commentBody,
.serendipity_comment_source {
    line-height: 1.5em;
    padding: 3px;
}

.comment_oddbox { background-color: #f6f6f6; }

.comment_evenbox { background-color: #efefef; }

.serendipity_entry_body img { margin: 0px 3px 2px 3px; }