/*---  DEFAULT STYLES ---*/

body { 
 height:100%; 
 background-color: #ffffff; 
 margin-top: 0; 
 margin-right: 0; 
 margin-left: 0; 
 margin-bottom: 0;
 font-size: 12px; 
 font-family: verdana,trebuchet, sans-serif; 
}

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

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

a:hover { 
 color: #666666; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: none; 
}

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


/*---  PAGE HEADER BANNER ---*/

#page_header_banner {
 width: 100%;
 height: 95px;
 background-image: url(../Fireworks/images/banner_bkgrd_img.jpg);
 background-repeat: repeat-x;
 padding: 0;
 margin: 0;
 border-bottom: 2px solid #000;
}

#mainsite_link_logo {
 float: left;
 margin: 0;
 padding: 0;
 padding-right: 82px; 
 }
 
#hypnohighway_banner {
  width: 525px;
  margin: 0;
  padding: 0;
  float: left;
}


/*---  MAIN PAGE CONTENT ---*/

.content {
 width: 520px;
 text-align: left;
 margin: 0;
 margin-top: 35px;
 margin-left: 210px;
 margin-right: 0px;
 margin-bottom: 60px;
 padding: 0;
 padding-right: 50px;
 padding-bottom: 30px;
 padding-left: 20px;
 border-right: 1px dotted #999;
 voice-family: "\"}\"";
 voice-family: inherit;
}
body>#content {
 width: 520px;
}

/* --- use this, optionally, for background image for content area:
  background-image: url('./images/bg_tile_blue.gif');
  background-repeat: repeat-y;
---*/

.content img {
 margin: 0;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 30px;
 float: right;
 border: 1px solid #666;
 }
 
 .left_img img {
  align: left;
}

/*---  LEFT SIDE BAR ---*/

#menu {
 position: absolute;
 left: 0;
 top: 99px;
 width: 175px;
 font: 11px/12px verdana,trebuchet,sans-serif;
 text-align: right;
 color: #333;
 background-color: #CCCCFF;
 margin: 0;
 padding: 0;
 padding-top: 8px;
 padding-right: 5px;
 padding-bottom: 170px;
 border-right: 1px dotted #999;
}

.logonav_link a {
 font: 10px/11px verdana,trebuchet,sans-serif;
 font-weight: bold;
}

.rss_feed {
 margin: 0;
 margin-top: 10px;
}


.rss_feed a {
 font: 9px/10px verdana,trebuchet,sans-serif;
 font-weight: bold;
}

.links_xtraleading a {
 line-height: 1.5;
 }



/*--- "MEMBER" LINKS: LOGIN, REGISTER, CALENDAR, ETC. ---*/

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


/*--- DOTTED LINE BETWEEN MENU ITEMS IN SIDEBAR ---*/

.menuSpacer {
 border-bottom: 1px dotted #999;
 margin: 0;
 margin-bottom: 15px; 
}


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

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

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

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

/*---  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:       #fff;
 background-color: #752E99;
 border-top: 1px dotted #999;
 border-left: 1px dotted #999;
 border-right: 1px dotted #999;
 border-bottom: 1px dotted #999;
 margin: 0;
 margin-top: 2px;
 margin-bottom: 5px;
 padding: 0;
 padding-top: 3px;
 padding-left: 3px;
 padding-right: 3px;
 padding-bottom: 4px;
 font-weight: bold;
}

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

H5 {
 font-family: verdana,trebuchet,sans-serif;
 font-size: 11px;
 color: #666666;
 margin: 0;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}

/*---  Used in the Event Calendar for the page headline; not part of the weblog. ---*/

H6 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 line-height: 1.7em;
 color: #FFFFFF;
 background-color: #660099;
 text-indent: 3px;
}

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

.weblog {
 padding: 0;
 padding-bottom: 20px;
 border-bottom: 1px dotted #999999;
}

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

.author {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #999999;
 font-weight: normal;
 padding: 0;
 padding-top: 10px;
}

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

p {
 font-family: verdana,trebuchet,sans-serif; 
 font-size:   12px;
 color:       #000;
 margin: 	  0;
 margin-top: 7px;
 margin-bottom: 7px;
 font-weight: normal;
 text-align:  left;
}



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

form {
  margin:         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: 			  0;
  padding:            .3em 0 0 2px;
  margin: 			   0;
  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: 0;
  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;
  margin: 0;
  margin-bottom:	  10px;
}

/*--  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;}




/*	Formats elements for Search Results page - instead of using the search.css file	*/


/*-- Table formatting (profile form, new registration form, etc.) 		DISABLED

table {
 border: 1px dotted #999;
}
--*/

/*-- Default table heading formatting --*/

th  .colorBG {
 font-family: verdana,trebuchet,sans-serif; 
 font-size: 11px;
 font-weight: bold;
 text-align: center;
}

/*-- Background table color, used in search results page --*/
.colorBG {
 background: #aaaaff;
}

/*-- Default table cell formatting --*/

td .right {
 font-family: verdana,trebuchet,sans-serif; 
 font-size: 11px;
}

/*-- aligns text to the right, in the search table --*/

.right {
 text-align: right;
}



/*--  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-top:         .3em;
  padding-left:		   0;
  padding-bottom:	   0;
  padding-right:	   2px;
  margin: 			   0;
  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;
  margin: 			  0;
  margin-bottom:	  10px;
}


.table_no_border {
 border: 0;
 }
 
 /*-- FOOTER ---*/
 
 /* ##### Footer ##### */

#footer {
  width: 100%;
  color: #666666;
  background-color: #CCCCFF;
  font-size: 90%;
  text-align: center;
  line-height: 1.25em;
  margin: 0;
  padding: 1em 4mm 1em 4mm;
  clear: both;
}

#footer a {
 font-size: 90%;
 }
 

/* -- NOTE: These classes are used to format the footer for the Calendar page only, NOT for the Blog pages. -- */
 
 .footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	line-height: 1.2em;
	color: #CCCCCC;
	text-align: center;
}

.footer p {
    color: #CCCCCC;
    font-size: 90%;
    text-align: center;
}

.footer a {
    font-size: 90%;
}