/*

  al.css
  Ask Leo! CSS
  (Replaces both pss.css, and Moveable Type's site-style.css)

                            (h, s, l)
    logo color:     #0c4599 (153, 218, 83)
    3/4 Color       #1369E9 (153, 218, 126)
    Half Color      #5F9AF3 (153, 218, 169)
    Quarter         #AFCDF9 (153, 218, 212)
    Eighth          #D6E5FC (153, 218, 233)
    Sixteenth       #EAF2FE (153, 218, 244)
    32nd            #F3F8FF (153, 218, 249)
    64th            #F9FBFF (153, 218, 252)
*/

/*** Standard Element Overrides & Customizations */

a { 
	text-decoration: none;
	color:#ff6926;
 }
/* a:link      { text-decoration: #ff6926; } */
/* a:visited   { text-decoration: #ff6926; } */
/* a:active    { text-decoration: #ff6926; } */
a:hover     { text-decoration: underline; }

BODY
{ /* Use body to set the background color of the page outside the
  primary fullpage div, and defaults like font inheritted by all
  elements (other than stupid td of course) */
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  padding: 0;
  background: #383838;
  margin:0;
  padding:0;
  text-align: center;
}

H1 {
  /* article titles, mostly */
  }

H2 {
  /* article titles in listings mostly */
  }

H2 A {
  }

/*** primary custom classes for content layout */

.fullpage
{ /* Essentially the outermost container, other than the <body> itself,
  into which we put stuff. Defines the fixed width of the content,
  and any margins site wide. */
  background-color: #fff;
  margin:0 auto;
  text-align: left;
  padding: 0;
  width: 760px;
  border:1px solid #5f5f5f;
}

.header
{ /* traditionally the top of the page. Includes header elements like
  logos, perhaps navigation, all above content. */
  position: relative;
  margin: 0;
  padding: 0;
  height: 250px;
  width:760px;
  background: url(tcfpBanner.jpg) no-repeat
  }

.headerleft
{
  /* optional - "stuff" to be placed on the left side of the header
  */
  }

.headerright
{
  position: absolute;
  top:90px;
  *top:85px;
  left:475px;
  width:260px;
  height:110px;
  border:none;
  color: #fff;
  font-size:14px;
  }
.headerright p {
	font-size:12px;
	margin:0 0 5px 0;
}
.headerright input.inputTxt {
	border:1px solid #fff;
	background: #000;
	height:20px;
	width:190px;
	color:#fff;
	margin:0 0 10px 0;
	*margin-bottom:5px;
}
input.submitBtn {
	border:none;
	background:none;
	color:#ff6926;
	font-size:18px;
	line-height: 24px;
	float:right;
	margin:-10px 0 0 0;
}
#cse-search-box {
	margin:15px 0 30px 20px;
}
.menubar
{  /* menu bar placed at the top of some pages under the header */
  padding-left: 50px;
  padding-right: 50px;
  } 

.content
{ /* the actual content area of a page */
  margin: 0;
  padding-left: 20px;
  /*padding-right: 50px;*/
  width:500px;
  height: auto !important;
  min-height:1200px;
  height:1200px;
  }

.contenthead
{ /* optional: upper part of content on a page. Perhaps an intro or
  something */
  }

.contentfoot
{ /* optional: lower part of content on a page. */
  }
  
.sidebar
{ /* a column, typically to the right of the content, that contains
  assorted items like nav, features or whatnot. */
  float: right;
  display: inline;
  width: 170px;
  margin:-65px 45px 0 0;
  *margin-right:15px;
  }

.sideitemhead
{ /* a header for an item or section in the sidebar */
  }

.sideitem
{ /* an item or section in the sidebar */
  }

.footer
{ /* typically rectangular area at the bottom of every page */
}

.footerleft
{
  /* optional - "stuff" to be placed on the left side of the footer
  */
  }

.footerright
{
  /* optional - "stuff" to be placed on the left side of the footer
  */
  }
  

/*** custom classes for specific items */
.abstract
{ /* summary / abstract box at the top of entries */
  }
  
.adblock
{ /* Google Ad Block */
  background-color: #ffffff;
  float:left;
  margin-bottom: 20px;
  margin-right: 20px;
  padding-right: 20px;
  }

.entrydateheader
{ /* the date line, typically on the index page */
  font-weight: bold;
  }  

.entrytitle
{ /* title line, typically on the index page */
  font-size: 15px;
  font-weight: bold;
  }
  
.entrymorelink
{ /* the link to the rest of the entry, typically on index page. May also include the static text with the link */
  margin-bottom: 0;
  }
  
.entrybyline
{
  /* date stamp or whatever at bottom of an entry */
  margin-top: 0;
  }  
  
.rightimage
  {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  }

.centerimage
  {
  text-align: center;
  }

.rightimage img, .centerimage img {
  border: 1px solid #0c4599;
  }
  
  
.comments-head {
  font-size: larger;
  font-weight: bold;
  margin-top: 20px;
  }

.comment-body {
  margin-left: 10px;
  }

.comments-post {
  font-size: smaller;
  text-decoration: underline;
  }

.entrycommentform {
  margin-top: 20px;
  }

/* Hidden/Visible
 * these classes are used to hide the "Submit" button when comments are
 * submitted.
 */
.clHidden
{
/*  visibility: hidden; */
  display: none;
}
.clVisible
{
/*  visibility: visible; */
  display: block;
}
  
