/* Style Sheet main.css created by Dan W. Armeneau 2005/02/23 */
/* This file controls the look and feel of http://terremoto.ca */
/* BLANK */
/* The background image can be changed here. */
body
{
   background-image: url('http://www.terremoto.ca/images/floater2.png');
   background-repeat: no-repeat;
   background-position: center;
   background-attachment: fixed;
   font-family: Verdana,Geneva,Arial,Sans-serif;
   font-size: 11px;
   color: #000000;
   text-align: left;
}
/* This allows changes to the various headings */
h1
{
   font-family: Verdana,Geneva,Arial,Sans-serif;
   color: GrayText;
}
h2
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #808080;
}
h3
{
	font-family:				"MS Serif", "New York", serif;
	color: 						#ff0000;
}
/* This is how the 'Acronym' tag gets handled */
acronym
{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
   color: Red;
}
/* Had to add this so I wouldn't get an underline under images that linked elsewhere. */
a
{
	text-decoration:			none;
}
/* This changes the look and feel of the postings. */
p
{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
   text-align: left;
   line-height: 1.5em;
   padding: 0px;
   margin-bottom: 1.5em;
}
p a
{
	font-weight:				bold;
	color:						#0000ff;
	text-decoration:			none;
}
p a:hover
{
	color:						#ff0000;
   background-color: Yellow;
	text-decoration:			underline;
}
/* This controls the look of the link comments on the various */
/* pages linked off the link_list.html file. */
li
{
   display: list-item;
   list-style-type: disc;
   font-family: Verdana,Geneva,Arial,Sans-serif;
   font-weight: bold;
   font-size: 13px;
   color: #999999;
}
li a
{
   font-weight:				bold;
	color:					#0000ff;
	text-decoration:			none;
}
li a:hover
{
   	color:					#ff0000;
   background-color: 	    Yellow;
	text-decoration:			underline;
}
/* This controls the look of the links on the various */
/* pages linked off the link_list.html file. */
dt a
{
	font-family:				Verdana,Geneva,Arial,Sans-serif;
	font-size:					14px;
	font-weight:				bold;
	color:						#0000ff;
	text-decoration:			none;
}
dt a:hover
{
   color: #ff0000;
   background-color: Yellow;
   text-decoration: underline;
}
/* This should control the Drop Cap in the individual Posts */
.dropcap
{
   float: left;
   margin-top: 0px;
   margin-bottom: 0px;
   color: #b4b4b4;
   padding-top: 9px;
   padding-right: 5px;
   padding-bottom: .1em;
   font-size: 64px;
   line-height: 32px;
   font-weight: bold;
   font-family: "Times New Roman", Times, serif;
}
/* This controls the look of the title in the posts. */
.heading a
{
	font-family: 				Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 					16px;
	font-weight: 				bold;
	text-decoration: 			none;
	color: 						#0000ff;
}
.heading a:hover
{
	color:				      #0000ff;
	text-decoration:	      none;
}
/* This controls the look of the main links */
/* on the link_list.html file. */
.main a
{
	color:						#0000ff;
	font-family:				Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:					12px;
	font-weight:				bold;
	text-decoration:			none;
}
.main a:hover
{
	color:						#ff0000;
   background-color: Yellow;
	text-decoration:			underline;
}
/* This controls the look of the section headings */
/* on the link_list.html file */
.quick
{
   color: Purple;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   font-variant: small-caps;
}
/* This controls the look of the 'quick-links' section */
/* of the link_list.html file. */
.quicklinks a
{
	color:						#9966ff;
	font-family:				Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:					12px;
	font-weight:				bold;
	text-decoration:			none;
}
.quicklinks a:hover
{
	color:						#ff0000;
   background-color: Yellow;
	text-decoration:			underline;
}
/* This controls the look of the left column when index.shtml */
/* is open. The actual contents are located at the following: */
/* /blosxom/head.html */
.sidebar
{
   color:						#000000;
	text-align:					left;
	font-family:				Verdana, Geneva, Arial, sans-serif;
	font-size:					11px;
}
.sidebar a
{
   color:						#0000ff;
	font-size:					11px;
	font-weight:				bold;
	text-decoration:			none;
}
.sidebar a:hover
{
   color:						#ff0000;
   background-color: Yellow;
	font-size:					11px;
	text-decoration:			underline;
}
/* This section is actually part of the 'sidebar' section above. */
.title
{
	color:						#000000;
	font-family:				Verdana, Geneva, Arial, sans-serif;
	font-size:					12px;
	font-weight:				bold;
}
/* This controls the look of the 'date' in the 'blog' postings. */
.dateheader
{
   font-size:					11px;
	font-weight:				bold;
	color:						#0000ff;
}
/* This controls the look of the 'Title' in the 'blog' postings. */
.pagetitle
{
	font-size:					18px;
	font-weight:				bold;
	color:						#0000ff;
}
/* Link back to Terremoto */
p .headhome a
{
   font-size: smaller;
   color: Silver;
   text-decoration: none;
}
/* This is the CSS Menu Bar */
 #navcontainer ul
{
padding: .3em 0;
margin: 0;
list-style-type: none;
background-color: #add8e6;
color: #000000;
width: 100%;
font: normal 100% arial, helvetica, sans-serif;
text-align: left;
}

 #navcontainer li { 
 display: inline;
 }

 #navcontainer li a
{
   text-decoration: none;
   background-color: #add8e6;
   color: #808080;
   padding: .2em 1em;
   border-right: 0px;
}

 #navcontainer li a:hover
{
background-color: #ffff00;
color: #ff0000;
}
/* This is the end of hte CSS Menu Bar */
/* SOS of Picture Album */
.pic
{
   padding: 1em 1em 2em 1em;
   border: 1px solid black;
   background: white;
   text-align: center;
}
.pictext
{   
    font-weight: bold;
    color:black;
    position:relative;
    top: -1.7em;
}
/* EOS of Picture Album */
/* SOS Grey Title Bars */
.greytitlebar
{
   width: 750px;
   height: 20px;
   color: Gray;
   font-family: sans-serif;
   font-size: 85%;
   font-weight: bold;
   text-align: center;
   padding: 0.05em;
   background-color: #cccccc;
}
/* EOS Grey Title Bars */
/* SOS The Red Pull-Quote Box */
.pullquote 
{
   width: 140px;
   background: silver;
   color: black;
   float: right;
   border: 1px solid black;
   font-size: 18px;
   font-weight: bold;
   line-height: 140%;
   padding: 10px;
   margin-left: 15px;
}
#span_1 a:hover
{
		color:						#ff0000;
   background-color: Yellow;
	text-decoration:			underline;
}
/* EOS The Red Pull-Quote Box */
/* A little experimenting going on here 
#logo
{
	background-image: url('http://www.terremoto.ca/images/terremotologo1.jpg');
	background-repeat: no-repeat;
	height: 150px;
	display: block;
}
*/
/* This is the end of the main.css Style Sheet */
/* Rev: 20050415 */