/*
-----------------------------------------------
design website style sheet
Name:     alanpeto.com
Designer: Alan T. Peto
URL:      alanpeto.com
Date:     29 MAY 2006
----------------------------------------------- */


A 		{ color: blue; text-decoration: none; } 
span.pagetitle { font-family: Trebuchet MS; font-size: 14pt; color: #FF9900; font-weight: bold }
A:link	{ color: blue; text-decoration: none; } 
A:visited	{ color: blue; text-decoration: none; } 
A:active	{ color: blue; text-decoration: none; } 
A:hover	{ border-top:1px solid #0000FF; border-bottom:1px solid #0000FF; color: #FF0000; text-decoration: none; border-left-width:1px; border-right-width:1px } 


/* Help Balloon Tooltip */
.help-balloon {
  position: absolute;
  display: none;
  width: 279px;
  height: 82px;
  background: url(http://www.alanpeto.com/images/hnsi2_bubble_up.gif) no-repeat;
}
.help-balloon p {
  font:11px arial;color:#666;
  padding:15px;
  margin:0;
}

/* Basic Set 1 Hyperlinks */
basic1:link	{ color: blue; text-decoration: none; } 
basic1:visited	{ color: blue; text-decoration: none; } 
basic1:active	{ color: blue; text-decoration: none; } 
basic1:hover	{ color: red; text-decoration: none; } 



.date 	{ 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	color: #006699; 
	line-height:120%; 
	text-transform:uppercase;
	}

.sidebar	{ 
	font-family: verdana, sans-serif; 
	font-size: 10px; 
	color: #000000;
	 }

#note 	{
 	color: #666;
	font-family: Verdana, Geneva, Arial; 
	font-size: 10px;  
	line-height:150%;
	text-align: justify;
	padding:5px;
	
		 }

.main 	{ 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	line-height: 150%; 
	text-align:justify; 
	}

.body	{ 
	font-family: arial,Trebuchet MS, Georgia,arial, verdana, sans-serif; 
	font-size: 8.5pt; 
	color: #000000; 
	line-height:150%; 
	}

.p	{ 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	line-height:150%; 
	text-align:justify; 
	}

.quote2 	{ 
	font-family: georgia, serif; 
	font-size:11px; 
	color: #000000; 
	line-height:150%; 
	background-color: #EEEEEE; 		
	padding:20px; 
	border: 5px solid #ccc;
	}	
	

.title 	{ 
	font-family: verdana, sans-serif; 
	font-size: 16px; 
	color: #666666; 
	font-weight: bold; 
	letter-spacing:.1em;
	}

.quote 	{ 
	width:425px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:15px;
	border:1px dashed #F2F2F2;
	background-color:#F2F2F2;
	}	

#plainquote 	{ 
	width:400px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:15px;
		}

.description 	{ 
	font-family: verdana, sans-serif; 
	font-size: 10px; 
	color: #999966; 
	text-transform:uppercase; font-weight:bold; 
	letter-spacing:.2em; 
	padding:5px;
	}


	
.image{
	border-style:outset;
	border-color: red;
	border-width:10px;
      }

.quote{
	border-style:groove;
	border-color:navy;
	border-width:15px;
      }
    
.boximage{
	border: 1px solid;
	border-color: #cccccc; 
	padding: 10px
      }
      
      
<!-- COMMENT BOX CSS -->


.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
}

.commentfooter{
background: url(http://www.alanpeto.com/imags/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}