/*hello 60s*/
/* Primer styles */
body, div, p, small, img, span, 
object, form, ul, li, b,
textarea, input, a, a:link, 
a:visited, a:hover, a:active 		{ margin: 0px; padding: 0px;}


/* HTML selectors */

body 								{ margin: 15px 0px 0px 0px; text-align: center; background: #000000;}
p 									{ margin: 0px 1px 2px 20px; width: 450px; font: normal 13px/16px "Lucida Sans", Arial, Helvetica, sans-serif; color: #663333;}
small								{ font: normal 9px/11px "Lucida Sans", Arial, Helvetica, sans-serif; color: #333; background: transparent;}
ul 									{ color: #80837A; background: transparent;}
li 									{ list-style: square outside;}
input 								{ font: 11px/12px "Lucida Sans", Arial, Helvetica, sans-serif;}
img									{ border : 0px solid #000;}
hr									{ display: none;  }
b									{
	font: bold 15px/20px "Lucida Sans", Arial, Helvetica, sans-serif;
	color: #9B3584;
	text-decoration: underline;
}	 									 
h2			{	font: normal 20px/18px "Lucida Sans", Arial, Helvetica, sans-serif;}


/* weblog styles */

#MainContent						{ border-right: 2px solid #630E50;  border-bottom: 2px solid #630E50; border-left: 2px solid #630E50; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 794px ;;
									  font: normal 11px/15px "Lucida Sans", Arial, Helvetica, sans-serif; text-align: left; color: #000;}
.blogpage, .contactpage,
.morepage							{
	border-top: 1px solid #80837A;
	background: #e0c802 url(images/back60.jpg) repeat-y;
	  
}
.linkspage, .searchpage				{ border-top: 1px solid #80837A; background: #fff url(images/backlink.jpg) no-repeat;}
 
.dateHeader							{
	clear:both;
	text-transform: uppercase; 
	letter-spacing: 5px;
	margin-top: 25px;
	margin-bottom: 10px;
	width: 90%;
	background: transparent;
	color: #FFFFFF;
	padding: 2px 2px 2px 10px;
	background: #9B3C45;
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
		 
}
.blogClose 							{
	margin: 0px 25px 4px 0px ;
	font: normal 10px/10px "Lucida Sans", Arial, Helvetica, sans-serif;
	color: #000033;
	background: transparent;
	
}

/*small links */
.blogClose a,  						 
.blogClose a: link {color: #000000;  }
.blogClose a:visited {color: #000000;}
.blogClose a:hover {color: #e0c802 text-decoration: underline;}
.blogClose a:active {color: #000000;
}

.blogText 							{
	margin: 0px 25px 20px 15px ;
	font: normal 12px/12px "Lucida Sans", Arial, Helvetica, sans-serif;
	color: #000033;
	background: transparent;

}
.blogLogin							{ font: bold 12px "Lucida Sans", Arial, Helvetica, sans-serif; }
.blogMore							{ margin: 5px 25px 10px 25px;} 
.blogMore,
.blogMore a							{ font: bold 11px "Lucida Sans", Arial, Helvetica, sans-serif;}
.blogTitle 							{
	margin: 10px 10px 10px 20px;
	font: bold 10px/11px "Lucida Grande", "Lucida Sans Unicode"verdana, lucida, helvetica,  sans-serif;
	color: #e0c802;
	background: #9B3584;
	border: dashed  1px #000000;
	padding: 4px;
}
.blogTitle2 							{
	margin: 10px 10px 10px 10px;
	font: normal 18px/16px "Lucida Grande", "Lucida Sans Unicode"verdana, lucida, helvetica,  sans-serif;
	color: #000000;
	background: #ECEC00;
	letter-spacing: 3px;
	width: 450px;
	border: thin dotted #000000;
	padding: 4px;
	  
}
 
/* menu styles */

ul.MenuBox 							{ display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 19px; overflow: hidden; text-align: left; color: #fff; background: #80837A url(images/menuitemback.gif) repeat-x 50% 50%;}
li.MenuText 						{ float: right; display: inline; margin: 1px 0px 0px 0px; padding: 0px 10px 0px 10px; height: 18px; overflow: hidden; list-style: none; color: #fff; background: transparent;}
li.MenuTextSelected 				{ float: right; display: inline; margin: 1px 0px 0px 0px; padding: 0px 10px 0px 10px; height: 18px; overflow: hidden; list-style: none; color: #80837A; background: transparent url(images/menuitembackwt.gif) repeat-x top left;}
li.MenuText a,
li.MenuTextSelected a				{ margin: 0px; padding: 0px 0px 3px 0px; height: 17px; font: normal 12px/17px "Lucida Sans", Arial, Helvetica, sans-serif;}

ul.MenuBox2 						{ clear: both; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 19px; overflow: hidden;  width: 270px color: #fff; background: #80837A url(images/menuitemback.gif) repeat-x 50% 50%;}


/* information box */


#infoBOX 							{
	clear: both;
	float: right;
	width: 280px;
	text-align: left;
	display: inline;
	margin-right: 20px;
}
#MainContent>#infoBOX 				{ margin: 0px 10px 5px 10px }
#infoBOX p 							{ clear: both; float: right; width: 260px;   margin: 0px; font: normal 11px  "Lucida Sans", Arial, Helvetica, sans-serif; color: #000; background: transparent; display: inline;}
#infoBOX small						{ clear: both; float: right; display: block; border-bottom: 2px solid #80837A; padding: 0px 0px 8px 0px; width: 250px;display: inline; }
 
 
/* search styles */

#simplesearchform					{ margin: 0px 0px 10px 0px; text-align: center;}
.searchkeywords						{ border: 1px solid #80837A; margin: 0px 0px 0px 0px; width: 146px; text-align: left;}
.searchresultsheader				{ border-bottom: 1px dotted #80837A; margin: 10px 25px 10px 25px; font: bold 13px/12px "Lucida Sans", Arial, Helvetica, sans-serif; color: #000; background: transparent;}
.searchresultslink					{ margin: 10px 25px 0px 25px; font: bold 11px/15px "Lucida Sans", Arial, Helvetica, sans-serif; color: #000; background: transparent;}
.searchresultsnumber				{ float: left; width: 20px; font: bold 13px/15px "Lucida Sans", Arial, Helvetica, sans-serif; color: #000; background: transparent;}
.searchresultstext					{ margin: 5px 25px 5px 25px; padding: 0px 0px 0px 20px; font: bold 11px/15px "Lucida Sans", Arial, Helvetica, sans-serif; color: #000; background: transparent;}
.searchresultsauthor				{ clear: both;margin: 0px 25px 20px 25px; padding: 0px 0px 0px 20px; font: normal 10px/10px "Lucida Sans", Arial, Helvetica, sans-serif; color: #999; background: transparent;}


/* contact page */
			
#contactform 						{ display: block; padding: 10px 0px 20px 25px; width: 240px;}
.formcontent #fromID,
.formcontent #subjectID,
.formcontent #messageID 			{ margin: 0px 0px 8px 0px; width: 240px;}
.linksfooter 						{ clear: both; margin: 10px 10px 10px 10px; padding: 10px 0px 0px 0px; border-top: 1px dotted #80837A; height: 40px; vertical-align: middle; text-align: right; color: #80837A; background: #fff url(images/starlogo.gif) no-repeat top left;}
.clearme 							{ clear: both; font: normal 1px/0px "Lucida Sans", Arial, Helvetica, sans-serif;}


/* additional styles */

.flashbox 							{ float: left; margin: 150px 0px 0px 104px; width: 110px; height: 116px; overflow: hidden; background:  url(images/star.jpg);}
.floatbug							{ clear: both; margin: 0px; padding: 0px; font: normal 1px/0px "Lucida Sans", Arial, Helvetica, sans-serif;}
div[class=floatbug]					{ margin: 0px 0px -4px 0px;} /* safari bug fix that IE doesn't like */
.CloseBox							{ margin-top: 20px;}
.prev								{ float: left; display:block; text-align: left; width:100px;}
.next								{ float: right; display:block; text-align: right; width:100px;}
 

/* link colors */
 
 
/* link colors */

a:link 		{
	color: #000000;
	text-decoration: none;
	font-size:   13px;
	font-weight: normal;
	letter-spacing: 1px;
	font-weight: normal;
}
a:visited 
	{
	color: #000000;
	text-decoration: none;
	font-size:   13px;
	font-weight: normal;
	letter-spacing: 1px;
	  }
a:hover {
	color: #990000;
	background-color: #ccd333;
	text-decoration: underline;
	background-image: url(images/cool_sm.gif);
	background-position:  left center;
	background-repeat: repeat-y;
	 
}
a:active 	{ color: #FFF; background: #000;}





ul a 								{ font: normal 10px/13px "Lucida Sans", Arial, Helvetica, sans-serif;}
ul a:link 							{ color: #3366CC; background: transparent;}
ul a:visited						{ color: #80837A; background: transparent;}
ul a:hover  						{ color: #990000; background: transparent;}
ul a:active 						{ color: #FFF; background: #000;}

.MenuText a,
.MenuText a:link,
.MenuText a:visited					{ text-decoration: none; color: #FFF; background: transparent; }
.MenuText a:hover 					{ text-decoration: none; color: #0FF; background: transparent; }
.MenuText a:active					{ text-decoration: none; color: #FFF; background: transparent; }
.MenuTextSelected a,
.MenuTextSelected a:link,
.MenuTextSelected a:visited,
.MenuTextSelected a:hover,
.MenuTextSelected a:active			{ text-decoration: none; color: #000000; background: transparent;}

.header a:hover 					{ color: #000000; background: #990000;}
.header a:active 					{ color: #333333; background: transparent;}

.blogMore a:link					{ color: #990000; background: transparent;}
.blogMore a:visited 				{ color: #CC3300; background: transparent;}
.blogMore a:hover 					{ color: #FF9933; background: transparent;}
.blogMore a:active 					{ color: #000000; background: transparent;}

 
/*IMAGES*/
.imgright {
 	border:1px solid #000;
	margin: 3px;
	padding: 2px;
	float: right;}
.imgleft {
	border:1px solid #000;
	margin: 3px;
	padding: 2px;
	float: left;
	text-align:center;
	}
.imgbot {
	border:1px solid #000;
	margin: 3px;
	padding: 2px;
	}
	
img { border: 0; }
img.border1 { border: 1px solid #333; }
.framed {
	padding: 4px;
	border: 1px solid #CCC;
	margin: 4px;
	width: 210px;
	background-position: center;
}
  
 .firstline {
	font-size: 1.0em; font-weight: bold;
	letter-spacing: .1em;
}
  
.mainText {
  	font-weight:normal;
	padding: 0.4em;
	margin:8px 10px 10px ;
	border: 1px solid #696969;
	background:#ECEC00;
	width: 450px;
	border-bottom: 1px solid #696969;
	 
  }
 
  /*links for main page*/
  
.mainText a {color: #663333;	font-family: "Courier New", Courier, mono;	font-size: 1em;  }
.mainText a: link {color: #663333;	  }
.mainText a:visited {color: #663333;}
.mainText a:hover {background-color: #e0c802 text-decoration: underline;}
.mainText a:active {color: #663333;}
		
 		
span.textBlock { /* In text pullqoute*/
	float: right;
	font-size: 1.0em;
	width: 10em;
	color: #9B3584;
	padding: 1em;
	margin: .5em;
	background: #e0c802 ;
	border: 1px dotted #999999;
	text-align: left;
	line-height: 0.9em;
	 
  }

span.block { /* pullqoute main body single line left*/
	float: left;
	font-size: 0.9em;
	width: 90%;
	color: #9B3500;
	padding: 1em;
	margin: .5em;
	margin-bottom: 20px;
	border-left: 1px dashed #999999;
	text-align: left;
	line-height: 0.9em;
	 
  }
 .block { /* pullqoute2*/
	padding: 0.4em;
	margin:8px ;
	background: #ECEC00;
	width: 90%;
	 }
img.bl {
display: block;
margin:0px 6px 6px 6px;}

p.block { /* pullqoute2*/
	clear:both;
	font-size: 0.8em;
	width: 40em;
	color: #9B3584;
	padding: .5em;
	margin: .5em;
	background: #ECEC00;
	 
	text-align: left;
	line-height: 0.9em;
	 
  }

p.block a {color: #663333;	font-family: "Courier New", Courier, mono;	font-size: 1em;  }
 p.block a: link {color: #663333;	  }
 p.block a:visited {color: #663333;}
 p.block a:hover {background-color: #e0c802 text-decoration: underline;}
 p.block a:active {color: #663333;}

span.mainTitle {
	 
	width: 90%;
	font: normal 1.7em "Lucida Grande", "Lucida Sans Unicode"verdana, lucida, helvetica,  sans-serif;
	color: #9B3584;
	padding: 0px 5px 5px 28px;
	margin: 8px 15px 10px 0px;
	border-bottom: 1px dotted #999999;
	text-align: left;
	line-height: 1.2em;
	background: transparent url(/hello/images/face.gif) top left no-repeat;
	 	
	  
  }
span.secTitle  { /* title new-weblog*/
	float: left;
	font: normal 1.7em "Lucida Grande", "Lucida Sans Unicode"verdana, lucida, helvetica,  sans-serif; 
	width: 18.3em;
	color: #9B3584;
	padding: 1em;
	margin: .3em;
	border: 1px dotted #999999;
	text-align: left;
	line-height: 0.9em;
	display: inline;
	 
  }
   		
span.detect {
	float: right;
	clear: both
	font-size:  .8em;
	color: #9B3584;
	padding: 1em;
	margin: 2.5em;
	background: #e0c802;
	border: 1px dotted #999999;
	text-align: left;
	line-height: 0.9em;
 
	 
}

 
#top { 
	background-image: url(images/blogback60.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.theme{
	font: bold small-caps normal 12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color: #000000;
	 
	width: 200x;
	text-align: center;
	margin: 10px;
	height: 40px;}
	 
 
.spacer {
  
 margin-bottom: 20px; 
}

/* News NAV BAR */
 #navcontainer
{
margin: 10px 0 0 10px;
padding: 0;
height: 20px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
 
width: 90px;
height: 18px;
border-top: 1px solid #ECEC00;
border-left: 1px solid #ECEC00;
border-bottom: 1px solid #ECEC00;
border-right: 1px solid #ECEC00;
padding: 0;
margin: 0 0 10px 0;
color: #000000;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #930;
background: #f5d7b4;
}

#navcontainer a:active
{
background: #c60;
color: #000;
}

#navcontainer li#active a
{
background: #c60;
border: 1px solid #c60;
color: #000;
}

/* right hand side, ie. Where the Rest goes */
#linkList {  font-size:   'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; line-height: 1.1em; padding-left: 20px;}
#linkList h5, #linkList h6 {margin: 0;}
#linkList h5 {font: 87% 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; font-weight: normal; color: #E5ECF8; background-color: #7DA4D4; margin: 0; margin-top: 8px; padding-left: 4px; width: 116px;}
#linkList h6 {font-size: 87%; font-weight: normal;}

#linkList a:link {color: #000000; /*#4F7CB3;*/ font-size:9px; font-weight: normal; text-decoration: none;}
#linkList a:visited {color: #000000; /*#7DA4D4;*/ font-size:9px; font-weight: normal; text-decoration: none;}
#linkList a:hover, #linkList a:active {text-decoration: underline; color:#FF0000;}
#linkList li {list-style-type: none; list-style-image: none; padding: 0; margin: 0;}
#linkList li a:link, #linkList li a:visited {display: block; margin: 0px; padding: 1px;}
#linkList li a:hover {color: #FF0000;   text-decoration: none;}

#linkList ul, #linkList dl {width: 120px; padding: 0; margin: 0;}

#alsoAvailable {padding: 5px 0 5px 0;}

/* hacking away for IE's benefit. Otherwise float: left would have been great */
#alsoLinks li {width: 127px; line-height: 1.4em; margin-bottom: -0.6em;}
#alsoLinks li.li2, #alsoLinks li.li4, #alsoLinks .li6, #alsoLinks .li8 {position: relative; left: 130px; top: -1em;}

.cam {margin-left: 10px;}
.grad { font-size: 10px  'Lucida Sans Unicode', 'Lucida Grande'; color:#000000; font-weight: normal; text-align:center}