/*--- TOTAL AREA which covers output of all records plus editor ---*/
div#sblog
{
   background-color:#d9e3e9;
   padding:5px;
}
/*--- COVERS the area of one record ---*/
div.sblogTable
{
background-color:#d9e3e9;

 /*  border: 1px solid red; */

/* border-top: 1px dashed Gray; */
} 
/*--- COVERS the table of one record ---*/
table.sblogTable
{
   margin: 0px 0 0;
   padding-top: 0px;
   width:100%;
   background-color:#d9e3e9;
   /*border-top: 1px dashed Gray;*/
}
/*--- AREA which covers name, web, and Email ---*/
td.nameBackground
{
background-color:#cdd7e3;
}
/*--- AREA which covers image area ---*/
td.imageBackground
{
   /* background-color:#fff; */
}
/*--- AREA which covers message ---*/
td.messageBackground
{
background-color:#d9e3e9; 
}
/*--- CONFIGURES image max sizes if allow_url_fopen is off ---*/
img.sBlogImage
{
   border: none;
 /*---  max-height:680px;
   max-width:680px;---*/
  
}
 
/*--- CONFIGURES padding (distance) between all table cells ---*/
div.sblogTable td 
{
   padding:3px;
}
/*--- CONFIGURES styling of date and time output ---*/
span.sbdatetime
{
   font-weight: lighter;
   font-family: verdana;
   font-size: 0.65em;
}
/*--- CONFIGURES styling of name output ---*/
span.sbname
{
   font-weight: bold;
   font-size: 13px;
   color: #bf2f2f;
}

span.sbname link:hover
{
   font-weight: bold;
   font-size: 1.2em;
   color: #bf2f2f;
}
/*--- CONFIGURES styling of text message/comment ---*/
span.sbmessage
{
   font-weight: normal;
   font-size: 1.0em;
}
/*--- SEPARATOR ---*/
#sblog hr
{
  /* visibility:visible;*/
   visibility:hidden;
   width:100%;
   /*margin:10px 0;
   text-align:left;*/
}
/*--- EDITOR - determines small letters ---*/
div.sbSmallText
{
   font-size:80%;
   font-style:normal;
}
/*--- EDITOR- CONFIGURES styling of mandatory star ---*/
#sblog span.star
{
   color:Red;
   padding-left:2px;
}
/*--- EDITOR - styling of the newMessage button ---*/
#newMessage1 a
{
   font-weight:normal;
   font-size: 5px;
   border:0px none #d9e3e9;
   display:inline;
   padding:0px 0px;
   text-decoration:none;
   background-color:#d9e3e9;
   color:#d9e3e9;
   margin-left: 300px;
}
#newMessage1 a:hover
{
   text-decoration:none;
   background-color:#d9e3e9;
   color:#d9e3e9;
}
/*--- EDITOR - styling of the input fields ---*/
div#sblog div#editor input,div#sblog div#editor textarea
{
   border:1px solid #aaa;
}
div#sblog input:focus,div#sblog textarea:focus
{
   background-color:#eee;
}
/*--- EDITOR - Popup message if no Javascript ---*/
#sblog #noJavascript
{
   color:red;
   margin-left:5px;
}
/*--- EDITOR - Positioning of editor ---*/
#editor
{
   position:relative;
}
/*--- EDITOR - Styling of the three editor submit buttons ---*/
#sblog #inputsubmit input{
   margin:0;
   padding:0;
   border:1px solid #aaa;
   background-color:#547182;
   color: #fff;
}
#sblog #inputsubmit input:hover
{
   background-color:#bf2f2f;
}
a:link
{
text-decoration:none;
color:#bf2f2f;
font-family:verdana, helvetica, arial, sans-serif;
font-size:13px;
}
a:active, a:visited
{
text-decoration:none;
color:#bf2f2f;
font-family:verdana, helvetica, arial, sans-serif;
font-size:13px;
}
a:hover
{
text-decoration:underline;
color:#bf2f2f;
font-family:verdana, helvetica, arial, sans-serif;
font-size:13px;
}