/*  
Theme Name: Biru
Author: Bob 
Author URI: http://www.blogohblog.com/
*/


body{
        font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	background-color: #1a1a1a;
	background-image: url(images/bg_overlay.png);
	background-repeat: repeat;
	background-position: center top;
}

a:link { text-decoration: none; color : #416e90; border: none;}
a:active { text-decoration: none; color : #416e90; border: none;}
a:visited { text-decoration: none; color : #416e90; border: none;}
a:hover	{ text-decoration: none; color : Red; border: none; cursor: default; } 

/* Original: a:hover { text-decoration: none; color : #555353; border: none; cursor: default; filter: Gray; } */
/* Then changed from this because the "filter" parameter didn't validate
   a:hover	{ text-decoration: none; color : Red; border: none; cursor: default; filter: Gray; } */
/* >>>>> width in the next line controls the overall width of the page. (originally 850px) */
/* >>>>> It also sets color and size of the border around main table.
/* >>>>> border: was originally #ccffff) */

#wrap { background:#fff; margin: 0px auto; padding: 0px; width: 850px; border:#505050 6px solid; }

/* >>>>> blogtitle refers to the title (SailOntario) at the top of page (Header).  The blogdesc 
is just below it */

#blogtitle { background:#fff; font-family: Georgia, "Times New Roman", Times, serif; color: #163868; text-align:left; font-size:40px; line-height:100%; padding-top:20px; padding-left:10px; padding-bottom:10px; text-transform:uppercase; text-align:left;}

#blogdesc { background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; color: #163868; text-align:left; font-size:12px; line-height:100%; padding-left:15px;
padding-bottom:10px; text-align:left; }

div.hr { height: 0px;  background: #fff url(images/hr.gif) repeat-x scroll center; margin-left:5px; margin-right:5px; clear:both; }

div.hr hr {  display: none; }

/* >>>>> The next line controls the length of the line under each heading in the sidebar.  
         The width was 200px  */
#left { margin: 10px 0; padding: 10px; float: left; width: 150px; margin-bottom:10px; }

#left h2 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
#left ul { list-style-type: none; margin: 0 ; padding: 0; }
#left ul li { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
#left ul li ul { list-style-type: square; margin: 0px; padding: 0 3px; }
#left ul li ul li { list-style-type:none;  background: transparent url(images/bullet.gif) no-repeat 0 4px; padding: 0px 0px 2px 14px; border: 0; margin: 0;  }

/* ****** The next line controls the width of the main body.  The difference between this and the page
width is the sidebar width.  Default width = 580px     */
#right { margin-top:10px; line-height: 16px;  padding: 10px ; float: right; width: 640px; border-left:3px solid #f3f3f3; overflow:hidden; }


/* ***** Changed so that titles of posts wouldn't be indented. The issues was caused by the fourth parameter of the margin being set to 7px (top-margin, right-margin, bottom-margin, left-margin)

"dashed 1px #ccc" determines the thickness and the color of the dashed line that is under the title of the post
Original:

   #right h2 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;} */

#right h2 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 0px; border-bottom: dashed 1px #ccc;}
#right img { border:4px #eeeeee solid; }

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.alignright { float: right; }
.alignleft { float: left; }
.postmetadata { background:#f8fbfc; font-size:10px; padding:10px; border-bottom:#3399cc 1px solid; border-top:#3399cc 1px solid; }

.comments h3 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
.bobcomment { vertical-align:middle; margin-bottom:3px;  padding:3px; background:#f8fbfc;  }

ol.commentlist { padding: 0; margin: 0 0 1px; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; }
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}
#footer { padding:20px; clear:both;}

/* ---- Added to make table width fixed in PHPLinkDirectory ---- */

table.link-width {width: 638px;}

/* ---- Added to make the PgRank cell a fixed width in PHPLinkDirectory ---- 
  Width has to be 1px, 0 doesn't work right - cell expands for some reason when when PageRank = No */

 td.pagerank {padding: 0px; width: 1px;}

/* ---- Following are need for the page ranks to display properly in PHPLinkDirectory ---- */

div.prg {
   width: 40px;
   border: 1px solid #999999;
   height: 3px;
   font-size: 1px;
}

div.prb {
   background: #5eaa5e;
   height: 3px;
   font-size: 1px;
}

table.formPage {
   border: 1px solid #A0A0A0;}

.label {
   text-align: right;}

.buttons {
   border-top: 1px solid #A0A0A0;
   text-align: center;}

.count {
   color: #6f6f6f;
   font-size: 8pt;
   font-weight: normal;}

#links a {
   font-size: 10pt;}

#links p {
   margin: 0 0 7px 0;}
 
#path {
   margin-top: 2px;
   padding: 3px;
   background: #D9E8F9;
   line-height: 19px;
   border-top: 1px solid #5e74b3;}

.submit {
   float: right;
   vertical-align: bottom;}

.text, .btn {
   font-size: 8pt;
   font-family: Verdana, Tahoma, Arial, sans-serif;}

input.text {
   color: #000000;
   border: 1px solid #5e74b3;}

textarea.text {
   font-size: 8pt;
   border: 1px solid #5e74b3;}

select {
   font-size: 8pt;
   border: 1px solid #5e74b3;}

.captcha {
   border: 1px solid #5e74b3;
   margin-top: 10px;}

form {
   display: inline;
   margin: 0;
   padding: 0;}

.btn {
   font-size: 8pt;
   font-weight: bold;
   border: 1px solid #5e74b3;
   background-color: #FFAA11;/*#FFCC33;*/
   cursor: pointer;
   height: 17px;}

span.req {
   margin-left: 3px;
   color: #FF0000;
   font-weight: bold;}

.sort {
   color: #000000;}

p.subcats {
   margin: 0px 0px 7px 0px;
   padding: 0px;}

div.pr {
   font-size: 6pt;
   color: #000000;
   float: left;
   height: 30px;
   margin-right: 5px;}