/**********************************************************************************
* style.css                                                                       *
***********************************************************************************
* The Cutest Baby                                                                 *
* =============================================================================== *
* Site Version:               1                                                   *
* Copyright 2003-2004 by:     Chris Reilly                                        *
*           2004-2009 by:     Gary M. Gadsdon                                     *
* Created by:                 Chris Reilly                                        *
* Support, News, Updates at:  http://babysimpson.co.uk                            *
**********************************************************************************/
body
{ 
  background: #508BC7;
  color: #ffffff; 
  font-family: verdana; 
  font-size: 10pt;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px; 
}
.mainarea a img
{ 
  border: 1px solid #FFFFFF;
}
.mainarea a img:hover
{
  border: 1px solid #FF0000;
}
#whole
{
  border-left: 0px; 
  border-right: 2px; 
  border-top: 0px; 
  border-bottom: 0px;
  border-color: white; 
  border-style: solid; 
}

.heading 
{ 
  font-size: 20px; 
  border-width: 0px; 
}

.content 
{ 
  border-width: 1px; 
  border-top: 4px;
  border-color: white; 
  border-style: solid;
  background: #017EE1; 
}
.updates
{
  margin-top: 20px;
  margin-bottom: 5px;
  padding: 5px;
  background: #86B6E8;
  border: 1px solid #FFFFFF;
  height: 38px;
}
.updates img
{
  float: left;
  padding-right: 5px;
}
.updates span
{
  font-size: 10px;
}
.nav 
{ 
  color: white; 
  text-decoration: none; 
  text-transform: uppercase;
  text-align: center; 
  font-size: 20px; 
  font-family: impact; 
}

a:link 
{ 
  color: white; 
  text-decoration: underline;
}
a:visited 
{ 
  color: white; 
  text-decoration: underline;
}
a:hover 
{ 
  color: red; 
  text-decoration: underline;
}

.smalltext
{
 font-size: 10px;
}
.searchtext
{
  font-size: 8.5px;
}
.normaltext 
{
 font-size: 10pt;
}
.largetext 
{
  font-size: 16pt;
  font-weight: bold;
  text-transform: uppercase;
}
.captext
{
  text-transform: uppercase;
  font-weight: bold;
}
.eptext
{
  font-size: 12pt;
  font-weight: bold;
}
.approvebg
{
  color: #CC0000;
  font-weight: bold;
}
.meaction
{
 color: red;
}
.hrcolor
{
  height: 1px;
  border: 0px;
  color: #000000;
  background-color: #000000;
}
a:hover img
{
 color: red;
}
.content
{
  padding-left: 5px;
  padding-top: 1px;
  padding-right: 5px;
  padding-bottom: 2px;
}
.buddies
{
  background-image: url(../slices/slice19.gif);
  padding-right: 50px;
}
.bordercolor
{
  background-color: #000000;
  padding: 0px;
}
.windowbg
{
  color: #FFFFFF;
  background-color: #005ACE;
  border: 1px solid #000000;
}
.asciibg
{
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #000000;
}
/* A quote, perhaps from another post. */
blockquote
{
  color: #000000;
  background-color: #D7DAEC;
  border: 1px solid #000000;
  border-top: 0px solid #000000;
  padding: 1px;
  font-size: 10px;
  line-height: 1.4em;
  width: 100%
}
/* A code block - maybe even PHP ;). */
.code
{
  color: #000000;
  background-color: #dddddd;
  font-family: monospace;
  font-size: 11px;
  line-height: 1.3em;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 2px;
}
/* The "Quote:" and "Code:" header parts... */
.quoteheader
{
  background: url(../images/quote.gif) #91BDFF right no-repeat;
  color: #000000;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
  line-height: 1.2em;
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 5px;
  border: 1px solid #000000;
}
.quoteheader a:link, .quoteheader a:visited, .quoteheader a:hover
{
  color: #000000;
  text-decoration: underlined;
}
.codeheader
{
  background: url(../images/code.gif) #91BDFF left no-repeat;
  color: #000000;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
  line-height: 1.2em;
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 70px;
  border: 1px solid #000000;
}
/* A fake IE information bar */
.infobar 
{
 font: message-box;
}

/* Please adjust the values if the infobar is not looking good */
#infobar 
{  display: block;
  color: #000000;
  width: 100%;
  background: #FFFFE1;
  border-bottom: solid 1px #999999;
  text-decoration: none;
  cursor: default;
  padding: 2px 0em 2px 0px;
  font-family: tahoma, sans-serif;
  font-size: 8pt;
}
.padder
{
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 1px;
}
.imageviewer
{
  background: url(../slices/slice-13.gif) left top no-repeat;
  background-color: #C09FE1;
}
.panelpadder
{
  background:url(../slices/slice12.png);
  padding-top: 20px; 
  padding-left: 5px;
  padding-right: 5px; 
  padding-bottom: 5px;
}
.borderremove img
{
  border: 0px;
}
.acronym
{
  cursor: default;
}
.wall div
{
  border-top: 0px;
  background-color: #005ACE;
}
.wall div.labels
{
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-color: #005ACE;
}
.wall img
{
  margin: 0px;
  padding-top: 0px;
}
.promo div
{
  padding: 0px;
  margin: 0px;
}
.promo img
{
  margin-bottom: 0px;
  padding: 0px;
}
.promoep
{
  float: left;
  border: 1px solid #FFFFFF;
  border-top: 0px;
  background-color: #005ACE;
}