/*
-----------------------------------------------
Base styles
author:   ClockLabs Ltd
version:  $Revision: 1.15 $ $Date: 2005/03/10 19:33:29 $
----------------------------------------------- */

body {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems. If you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000000;
	background-color: #ffffff;
}
.content {
	margin: 0em;
	padding: 0em 0em 1em 1em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
/*	text-align:justify;*/
}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
}
.narrow2{
	width: 50%;
	line-height: 1.5em;
}

/*
* Generic stuff.
*/

/* Remove the blue bar around any linked image.*/
img {
    border:0px;
}

/*img.screenshot {
    border-width:2px;
    border-color:#2b70a7;
    border-style:solid;
} */

/*
*  Styles for the top navbar.
 */
#navbar td {
  margin:0;
  padding:1px 30px 2px 30px;
  white-space:nowrap;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-weight:bold;
  font-size: 1.15em;
  background:#2b70a7;
  }

#navbar td a {
  color: white;
  text-decoration:none;
}

#navbar td a:hover {
  text-decoration:underline;
}


/*
*  Styles for the left navbar.
 */
.menu {
        background-color: white; 
        padding: 3px 8px 4px 8px;
        margin: 0px; 
		font-size: 1.2em;
line-height: 1.4em;
        border: solid 1px #2b70a7;	
		width: 9.5em;
}        

.menu .menuitem { 
    padding: 0px 0px 2px 10px;  
/*	width: 50%; */
	font-size: 0.95em;
	line-height: 1.3em;
    /* background-position: top left; */
   background-position: .0em .3em;
}

/*
* Styles for specific sections 
*/

/* Footer */

.footer {
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  font-size: 0.8em;
  text-align:center;
  margin-top:2em;
  margin-bottom:2em;
}

/* The Splash screen.*/
.greetings {
  font-size:250%;
  /*font-weight:bold; */
}


.button{
	color:#ffffff;
	background-color:#2b70a7;
	font-size: 1em;
	text-decoration:none;
	border-style:solid;
	border-color:#000000;
}

.yourCart{
  text-decoration: none;
  margin-left: 0px;
  margin-right: 0px;
}

.blue{
 color:#2b70a7;
}


p.buying {
	margin-top: 5px;
	margin-bottom: 0px;
}

/* typography*/

a:link {
	color: #2b70a7
}
a:visited {
	color: #7c85bc
}
a:hover {
	color: #DE7D54
}

/*a:active {
	color: #0000FF
} */

h1 {
	font-size: 2.0em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.6em;
	margin: 1.2em 0em 0.4em 0em;
	font-weight: bold;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 0.4em 0em;
	font-weight: bold;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 0.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 0em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 0em 0em;
	font-weight: bold;
	}

ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}

p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 1em 0em 1em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

small{
	font-size: 0.8em;
	line-height: 1.3em;
}

.bordered{
	border: solid 1px #2b70a7;
	padding: 1em 1em 1em 1em;
}

li > .bordered {
	margin-top: 0em;
	}