body { 
 background-color: #BFDFFF; 
 background-image: url(http://www.gibes.org/blogopad/background.jpg);
 background-repeat: no-repeat;
 margin-left: 10px; 
 margin-right: 10px; 
 margin-top: 10px; 
 font-size: 14px; 
 color: black;
 font-family: tahoma,verdana,trebuchet,sans-serif; 
}

a:link { 
 color: #333399; 
 font-size: 14px; 
 font-weight: bold; 
 text-decoration: underline; 
}

a:visited { 
 color: #333399; 
 font-size: 14px; 
 font-weight: bold; 
 text-decoration: underline; 
}

a:active { 
 color: #333399; 
 font-size: 14px; 
 font-weight: bold; 
 text-decoration: underline; 
}

a:hover { 
 color: red; 
 font-size: 14px; 
 font-weight: bold; 
 text-decoration: none; 
}

#wrapper {
margin: 0px auto;
padding-bottom: 10px;
width: 740px;
}


/*---  LEFT SIDE BAR ---*/
#menu {
 width: 175px;
 float: left;
 font: 12px tahoma,verdana,trebuchet,sans-serif;
 padding-right: 10px;
 text-align: right;
 color: black;
 background-color: #3399FF;
 margin-left: 10px;
 padding-bottom: 30px;
 border-right: 1px solid blue;
}


/*---  MAIN PAGE CONTENT ---*/
#content {
 width: 560px;
 float: left;
 text-align: left;
 margin-left: 10px;
 margin-bottom: 60px;
 padding-bottom: 30px;
 padding-left: 10px;
 voice-family: "\"}\"";
 voice-family: inherit;
}

/*body>#content {*/
/* width: 420px;*/
/*}*/

body {
margin: 0 auto;  
padding: 0;
}


/*---  FOOTER CONTENT ---*/

#footer {
position:relative;
top:auto;
width:100%;
left:0;
margin: 0;
padding: 5px 10px;
background-color: #3399FF;
color: #333;
}


/*--- blank space used skip past background image ---*/

.headerSpacer {
 margin-bottom: 140px; 
}

/*--- header title for main areas ---*/

.headertitle {
 text-align: left;
 font-size: 36px; 
 font-family: "Comic Sans MS",Kaufmann,tahoma,ariel; 
 color: black;
 padding-left: 5px;
 margin-top: 40px;
 margin-bottom: 44px; 
}

/*--- "member" links: login, register, calendar, etc. ---*/

.loginLinks, .loginLinks a { 
 color:       #000000;
 font-family: tahoma,verdana,trebuchet,sans-serif;
 font-size:   13px; 
}
.loginLinks a:link    { color:  #003399; font-weight: bold;}
.loginLinks a:visited { color:  #003399; font-weight: bold;}
.loginLinks a:active  { color:  #999999; font-weight: bold;}
.loginLinks a:hover   { color:  red; font-weight: bold;} 



/*--- for footer menu ---*/

.footerlinks, .footerlinks a:link, .footerlinks a:active, .footerlinks a:visited, .footerlinks a:hover{
 font-family: tahoma,verdana,trebuchet,sans-seri;
 font-size:   12px;
}
.footerlinks a:link    { color: #333399; font-size: 12px; font-weight: bold; text-decoration: underline;}
.footerlinks a:visited { color: #333399; font-size: 12px; font-weight: bold; text-decoration: underline;}
.footerlinks a:active  { color: #333399; font-size: 12px; font-weight: bold; text-decoration: underline;}
.footerlinks a:hover   { color: white;  font-size: 12px; font-weight: bold; text-decoration: none;}


/*--- line between menu items in sidebar ---*/

.menuSpacer {
 border-bottom: 1px solid #BFDFFF;
 margin-bottom: 15px; 
}


/*---  Used in Trackback and Pingback page.  ---*/

H2 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   17px;
 color:       #333333;
 font-weight: bold;
}

/*---  Used in Weblog templates to format the title of entries  ---*/

H3 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   14px;
 color:       #333333;
 font-weight: bold;
}

/*---  Used in weblog.php in the left side-bar, and archives.php page to format the date header  ---*/

H4 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       white;
 margin-top: 2px;
 margin-bottom: 5px;
 font-weight: bold;
}

/*---  Used in comment templates to format text used in the comment form. ---*/

H5 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       black;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}



/*---  Weblog entry formatting.  ---*/

.weblog {
 padding-bottom: 12px;
 border-bottom:1px solid blue;
}

/*---  Name of author in weblog entries ---*/

.author {
 font-family: tahoma,verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       blue;
 font-weight: normal;
}

/*---  Paragraph formatting in weblog entries ---*/

p {
 font-family: tahoma,verdana,trebuchet,sans-serif;
 font-size:   15px;
 color:       black;
 margin-top: 2px;
 margin-bottom: 4px;
 font-weight: normal;
 text-align:  left;
}



/*--  Default form field formatting. --*/

form {
  margin-top:         0px;
}

/*--  Input field formatting. --*/

.input {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  height:             1.6em;
  padding:            .3em 0 0 2px;
  margin-top:          3px;
  margin-bottom:       3px;
} 

/*--  Input text-area formatting --*/

.textarea {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  margin-top:         3px;
  margin-bottom:      3px;
}

/*--  Submit button formatting. --*/

.button {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}

/*--  Pull-down menus. --*/

.pulldown {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}





/* THE FOLLOWING CSS IS USED WITH THE MINI-CALENDAR */


/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #333333;
 font-weight: bold;
}

/*  Navigational links in the header of mini-calendar  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #ffffff; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #000000; text-decoration: underline;}


/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}