/* Designed by Franýois PLANQUE - http://fplanque.net/ */
/* Adapted by Momo 20.6.2006 */

@import url(../../rsc/css/basic.css);  /* Import basic styles */
@import url(../../rsc/css/img.css);  /* Import standard image styles */
@import url(../../rsc/css/blog_elements.css);  /* Import standard blog elements styles */
@import url(../../rsc/css/forms.css);  /* Import default form styles */
@import url(../../rsc/css/comments.css);  /* Import default comment styles */

body {
  background: white /* url("img/Bandeau.gif") no-repeat top left*/;
  padding: 0px;
  margin: 0px;
  color: #000;
  font: 84% "Frutiger LT", Arial, Helvetica, sans-serif;
}

p,h3, h4 {
  text-align: left;
}

h2 {
  text-align: left;
  display: none;
}

a {
  color: rgb(75,122,142);
}

a:visited {
  color: rgb(75,122,142);
}
a:hover {
  color: #9ae;
}

h3 {
  color: #78a;
  font-size: 140%;
}
h4 {
  color: #78a;
  font-size: 110%;
}

table.invisible
{
  margin: 1ex;
  border-collapse: collapse
}
table.invisible td
{
  padding: 0ex 1ex;
}
td.right
{
  text-align: right;
}
div#pageFooter {
  clear: both;
  background-color: #fff;
  width: 100% /*738px*/;
  margin: 0 auto;
  padding: 0 0 1ex 0;
}
p.baseline {
  border-top: 0px solid #ddd;
  text-align: center;
  font-size: 74%;
  color: #999;
  padding: 1ex;
  margin: 0;
}
hr {
  height: 0;
  border: 0;
  border-top: 1px solid #78a;
}

div#wrapper {
  background: white;
/*  background-size: 50% 50%; wait CSS3.... and put the image here...."*/
  width: 100% /*740px*/;
  margin: 0 auto;
  padding: 0;
}


div.pageHeader {
  padding: 1ex;
  margin: 0 1px 1ex 1px;
  border-bottom: 0px solid #ddd; /*FINAL: to remove */
  text-align: center;
  background: white;
  width:70%
}

h1#pageTitle {
  color: #fff;
  font-size: 10%;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

h1#pageTitle img {
  width: 100%;
  padding: 0px 0px 2ex 0px;
  border: 0px;
}

ul#bloglist {
  background-color: #fff;
  border-bottom: 1px solid #000;
  margin: 0 1px;
  padding: 0;
  list-style-type:none;
  padding: .5ex 0;
}
ul#bloglist li {
  border-right: 1px solid #000;
  display: inline;
  padding: .5ex 1em;
}

a.BlogButton,
a.BlogButtonCurr {
  font-weight: bold;
  text-decoration: none;
}
a.BlogButton {
  color: #000;
}
a.BlogButton:hover {
  text-decoration: underline;
  color: #9ae;
}
a.BlogButtonCurr,
a.BlogButtonCurr:visited {
  color: #78a;
}
a.BlogButtonCurr:hover {
  text-decoration: underline;
  color: #9ae;
}

.bMore {
  text-align: center;
}
.bMore a {
  font-weight: bold;
  font-size: 110%;
}

.pageSubTitle {
  color: #fff;
  letter-spacing: 4px;
  text-align: center;
  vertical-align: middle;
  border: 0px;
  padding-right: 6px;
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 6px;
  font: 109% "Frutiger LT", Arial, Helvetica, sans-serif;

}
div.stats{
  float: right;
  padding-right: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 0px;
}

/* Styles for main area (left) */
h2 {
  font-family: "Courier new";
  padding-top: 50px;
  color: #AF5E9D;
  font-size: 180%;
  margin: 0;
  margin: 1ex;
  border-bottom: 0px solid #78a; /*FINAL: to remove */
}

/* Styles for posts */
.bPosts {
  float: left;
  width: 75%;/* de pageHeader*/
  overflow: hidden;
  background: white ; /*#900 FINAL: to set to white*/
}

.bPosts p.center {
  text-align: center;
}


.bPost, .bPostpublished
{
  clear: both;
  margin: 0 2.5ex;
  padding: 0;
  border-bottom: 0px solid #ddd;/* FINAL: to remove*/

}
.bPost code{
  display:none;
}
.bSmallHead {
  font-size: 80%;
  color: #999;
  margin: 2ex 0 1ex 0;
  text-align: left;
}
.bTitle {
  margin: 1ex 0;
}


h3.bTitle {
  display: none;
}


.bText {
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
}

.bText img {
  display: block;
  margin-left: auto;
  margin-right: auto;  border: 0px solid #78a;/* FINAL: to remove*/
/* for Firefox, Opera and others: */
  max-width: 100%; 
}



.bMore img {
  width: 15px;
  height: 15px;  
}

.bSmallPrint
{
  clear: both;
  color: rgb(75,122,142);
  font-size: 100%;
  margin: 1ex 0 2ex 0;
  text-align: left;
}

.bComment
{
  text-align : left;
  width: 90%;
}

input.bComment, 
textarea.bComment
{
  background-color: #eee;
  border: 1px solid #ccc;
  width: 97%;
  padding: 2px;
  margin: 0ex;
}
select.bComment    /* Used by the profile form */
{
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1px;
  margin: 0ex;
}

.permalink_right
{
display: none;
}



/* Styles for stats */
div.statbloc
{
  float: left;
  width: 44%;
  margin: 0 0 2ex 1.5ex; 
  border: 1px solid #78a;
}
div.statbloc h3
{
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  color: #FFFFFF;
  text-align: center;
  background: #78a;
  padding: 1ex;
}

input.submit,
input.reset {
  background-color: #ddd;
  color: #78a;
  border: 1px solid #000;
  font-weight: bold;
  padding: 1px;
}

input.submit:hover {
  color: #000;
  text-decoration: underline;
}

/* Styles for sidebar (right) */
.bSideBar {
  width: 25% /*259px*/;  
  float: right;
  overflow: visible;
  /* background: #900; */
  position : absolute;
  top: 0px;
  right:0px;

}

.bSideItem {
  margin: 2ex;
  padding: 0 0 2ex 0;
  border-bottom: 0px solid #ddd;/* FINAL: to remove*/
  text-align: left;
}
.bSideItem ul, ol {
  margin-left: -10px;
  padding-left: 10px;
  margin-top: 0px;
  margin-bottom: 8px;
  text-align: left;
  list-style-type: none;
}

.bSideItem li {
    background: url(img/bullet.gif);
    background-repeat: no-repeat;
    background-position: -4px 0.3em;
    padding-left: 16px;
    padding-top:5px;
}

.bSideItem li.New {
background-attachment:scroll;
background-color:transparent;
background-image:url(img/bullet-New.gif);
background-position:1px 0.7em;
background-repeat:no-repeat;
}

.bSideItem li li {
  margin-left: -16px;
  list-style-image: none;
  list-style-type:none;
  padding: 0 0 1px 0;
}

.bSideItem h2 {
  text-align: left;
  display: block;
  padding-top: 0px;
  margin-top: -3ex;
  font-size:0%
}

.bSideItem h2 img
{
  width: 50%;
  overflow:visible;
  position:relative;
  left: 10%;
  top:30px;
}

.bSideItem h3
{
  text-align: left;
  font-size: 100%;
}

.bSideItem h3 img
{
  width: 100%;
  overflow:visible;
  position:relative;
  left: -30%;
  bottom: -15px;
}

.bSideItem h4 {
  text-align: left;
  margin-top: 4ex;
  margin-bottom: 0px;
  font-size: 0%;
}

.bSideItem h4 img
{
  width: 70%;
  overflow:visible;
  position:relative;
  left: 0%;
  top: -0px;
}

.bSideItem h5 {
  text-align: left;
  margin-top: 2ex;
  margin-bottom: 0px;
}

.bSideItem h5 img
{
  width: 30%;
  overflow:visible;
  position:relative;
  left: 0%;
}

.bSideItem ul ul{
  margin-left: 8px;
  padding-left: 8px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.bSideItem form {
  margin-top: 0px;
  margin-bottom: 0px;
}

.bSideItem p strong {
  font-size:0%
}


.dimmed
{
  color: #aaa;
  font-size: 84%;
}
input.SearchField
{
  background-color: #eee;
  border: 1px solid #ccc;
  padding: .5ex;
  width: 96%;
  margin: 0ex;
}

/* Calendar: */
table.bCalendarTable caption.bCalendarCaption {
  font-size: 1.5em ! important;
}
table.bCalendarTable {
  font-size: 0.9em ! important;
}

th.bCalendarHeaderCell {
  font-size: 0.9em ! important;
}

caption.bCalendarCaption {
  border: 1px solid #ccc;
  background-color: rgb(144, 19, 67);
  border-bottom: 0;
  color: rgb(144, 19, 67);
}

caption.bCalendarCaption a{
  text-decoration: none;
  color: #fff;
}

table.bCalendarTable {
  border: solid 1px rgb(144, 19, 67);
  border-collapse: separate;
}
table.bCalendarTable tfoot td {
  background-color: rgb(144, 19, 67);
  border-top: 1px solid rgb(144, 19, 67);
}
table.bCalendarTable tfoot a {
  text-decoration: none;
}
table.bCalendarTable tfoot a:hover {
  background-color: rgb(144, 19, 67);
  color: #fff;
}
th.bCalendarHeaderCell {
  color: rgb(144, 19, 67);
}
#bCalendarToday {
  background-color: rgb(144, 19, 67);
}


div.bCommentInclude /* Entire comment block */
{
   margin: -1.5ex 0ex 0ex 2.3ex;
   overflow: hidden;
}

div.bCommentText/* Entire comment block */
{
   font-size: 0.9em;
   overflow: hidden;
   padding: 0.5ex 0ex 0em 0;
}


.bSideItem table
{
  border: 1px solid #ccc;
  background-color: white;
  border-bottom: 0;
  font-size: 8.5px
}

.authimage { margin: 5px 10px 0 0; }