/*BASILS CSS 20080913 - COPY THIS TO ALL THREE WEBSITES AND KEEP IN SYNC!
/*-----------------DEFAULT CSS SETTINGS - the '*' makes these apply to everything in the CSS----*/
*{
font-family: Verdana, Arial, Helvetica, sans-serif;/* This changes the font everywhere in the body*/
font-size: 11px;
}
/*-----------Any CSS CODE does without DIV selector or class defn will apply everywhere---------*/

/*----------Basil requires his links to start as 000099 and then change to 000000 when visited. In CSS, anchor styles must be coded: link, visited, hover, active!----------*/
a:link {
	text-decoration: underline;
	color: 000099;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #000099;
	text-decoration: none;
	background-color: #FFFF99;
}
p 
{
    font-size: 11px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px;
}
/*---Used on fundamentaltechnologiesii.com on index page beside NAV - bullet points <p> but slightly larger---*/
p.largerText
{
    font-size: 13px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin: 0px;
}
li 
{
	list-style-position: inside;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 20px;
}
ul 
{
	padding: 3px;
	margin: 0px;
}
hr
{
	height: 0;
	border: 0;
	border-top: 1px thin #CCCCCC;
	noshade: noshade;
	color: #CCCCCC;
	width: 100%;
	margin: 0;
	padding: 0; /*---This changes the HR element for the entire template to a very thin pale gray line at 100% width---*/
}
/*---This definition in its entirety - ol.body - controls how the "box" of your ordered list sits in the section itself - treats the entire thing like one large table or box. So, if you set the padding element (all) to 100px, the "box" that contains your list moves 100 pixels down from the last paragrah, 100 pixels to the left of the left-hand margin, leaves 100 pixels of space between the end of the list and the start of the next paragraph and leaves 100 pixels of space from the right-hand margin.---*/
ol.body {
	padding: 0px;
	margin: 0px;
}
/*---Use the ol.body li definition to control how each bullet point behaves in your ordered list. Specifically used on angelblog.net's 'Startups The Essential To Do List'---*/
ol.body li {
	list-style-position: outside; /*---If you set this to inside the numbers are within the borders of your section. If you set this to outside, the numbers start outside the left-hand border of your section and you need to set the text-indent property to 50 or so pixels. When it is set to INSIDE the text does not line up with its own left margin - it defaults to the left-hand margin of the entire list. If you set this to outside, the text lines up with the left-hand margin of the text itself.---*/
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 0; /*---This sets the padding between the end of the number and the start of the text IF list-style-position is set to outside. IF your list-style-position is set to INSIDE, this controls the left-padding of the ENTIRE ordered list (including the numbers) and does not influence how much space you have between the number and the start of the text.---*/
	margin-bottom: 0;
	margin-left: 50px; /*---This sets the left-hand margin of the entire list, and does not set the distance between the numbers and the text.---*/
	margin-right: 0;
	margin-top: 0;
}
/*---20080527 OUTDATED - NEW DESIGN DOES NOT USE THIS FUNCTION - Banner is the text at the top of index.html page above the main text---*/
.Banner-White
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0065CE;
}
.Banner-text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
	padding: 10px;
/*---Used on index page of basilpeters.com---*/
}
.SideBoxText {
	padding: 6px;
}
/*---Bold is to bold text in the body - do not use inline styles---*/
.Bold {
	font-style: normal;
	font-weight: bold;
}
/*---Used at the bottom of all templates with copyright and meteorbytes---*/
.siteInfo a{
    color: #993300; 
}
.siteInfo a:hover{
	color: #993300;
	text-decoration: none;
	background-color: #CCCCCC;
}
/*---------------------HEADER DEFINITIONS----------------------*/
/*---h1 is the header at the top of each page just before the main text---*/
h1 
{
	font-size: 12px;
	font-weight: bolder;
	color: #0033CC;
	text-decoration: underline;
	margin-bottom: 5px;
	margin-top: 12px;
	padding-left: 8px;
}
/*---h2 is in the main text before individual paragraphs---*/
h2
{
	font-size: 11px;
	font-weight: bolder;
	color: #0033CC;
	padding-top: 10px;
	padding-left: 8px;
	margin: 0px;
	padding-bottom: 3px;
}
/*---h3 USED WHERE? Set to 24px to see where I have used it in other websites---*/
/*---h3 - Note to Linda - color not same blue as changed. Should be #0033CC. Do when figure out where h3 is.---*/
h3
{
	font-size: 24px;
	font-weight: bold;
	color: #2A5389;
	vertical-align: middle;
}
/*---20080718 Now using for -Best Practices for Angel Investors and Entrepreneurs- at the top of the AngelBlog template.---*/
h4 
{
	font-size: 11px;
	font-weight: bold;
	color: #0033CC;
	text-align: center;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 5px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0; /*--- If all the padding and margin elements are not set, the text does center in the td, but also stretches underneath so the text is further away from the hr. Setting all the elements to 0 and the padding-top to 5px moves the text just to the center of the td---*/
}
/*---h5 is small blue text, currently being used on the Investing Early page on www.fundamentaltechnologies.com under the Reuter's table---*/
h5 
{
	font-size: 10px;
	font-weight: normal;
	color: #0033CC;
	text-align: center;
	padding: 2px;
	margin: 0px;
}
/*---h6 is the large banner title text at the top left of the template. Linda added this definition so she could use a text logo rather than a picture logo.---*/
h6
{
    font-size: 24px;
	font-weight: bolder;
	color: #0033CC;
	text-align: left;
	padding: 2px;
	margin: 2px;
}

/* ---CODE FOR THE LEFT HAND VERTICAL NAV---*/

/* --------20080527 This is the layout container that holds the NAV with a fixed width of 135 pixels----------*/
#leftnav {
    width: 135px;
	float: left; /* ---Floating an element left ensures the elements lines up to the left of the page---*/
	padding: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0; /*---The Padding and Margins apply to the entire box containing the NAV---*/
	background-color: #E3EDFD; /*---This sets the background color of the leftnav box itself to pale blue. This ONLY colors in the background for the NAVbox itself - NOT below.---*/
}
/*----------The leftnavlist container applies to the UL element for the list NAV and has a flex width of 100%---*/
#leftnavlist {
    padding-bottom: 0px;
	padding-left: 0; /*---This padding controls the links themselves in the list AND their bottom borders. So if you set this to 10px the links and the bottom border lines move in 10 pixels from the left---*/
	padding-right: 0; /*---near as i can tell this doesn't pad the box on the right. why?---*/
	padding-top: 0px;
    margin: 0; /*---These Padding and Margin elements apply to the leftnavlist container and affect the margins and padding of the overall NAV within the navlist box---*/
    width: 100%;
	float: left; /*---This is important as the leftnavlist container is withing the leftnav container and needs to be anchored to the left---*/
}
/*---------The leftnavlist li applies to the li elememt within the list itself. If you change the margin-left to 50px for example the first li element moves to the right within the container 50px. NEED TO FIGURE OUT WHY IT ONLY AFFECTS THE VERY FIRST LI---*/
#leftnavlist li {
    display: inline;
	list-style-type: none; /*---This makes all the links display one after another on the same line, as if the list wasn’t there. It also removes bullets, since they are only displayed when display:list-item (the default display mode for list items) is used. Some browsers are said to incorrectly display the list bullets even though display:inline has been applied to the list items. To make sure that no browsers display list bullets, I added list-style-type:none---*/
    margin: 0;
    padding: 0; /*---Standard HTML lists have a certain amount of left-indentation. The amount varies on each browser. Some browsers use padding (Mozilla, Netscape, Safari) and others use margins (Internet Explorer, Opera) to set the amount of indentation. To remove this left-indentation consistently across all browsers, set both padding and margins to "0". Leave this at 0 - not sure why only first li affected...---*/
}
#leftnavlist li a { 
    text-decoration: none;
	display: block;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px; /*---This changes the padding of the links in the NAV. If this is set to 4px, the end of the word will be 4 pixels in from the edge of the box itself. Setting this padding as the code is now ONLY pads the links themselves and leaves the borders unchanged---*/
	padding-top: 5px;
    border-bottom: 1px solid #CECECE;
}
/*----------Basil requires his links to start as 000099 and then change to 000000 when visited----------*/
#leftnavlist a:link
{
	text-decoration: none;
	color: #000099;
}
#leftnavlist a:visited
{
	color: #000000;
	text-decoration: none;
}
#leftnavlist a:hover
{
	color: #000099;/* The color the text changes to when hovering*/
	text-decoration: underline;
}
/*----------END OF CODE FOR LEFT NAV--------------------------------*/

/*----------START OF CODE FOR BODY TAG. CODED SO HRs LINE UP WITH Ps and Hs--------------------------------*/

/*---20080718 HR all the same as rest of site except that the HRs line up with the paragraphs and headers. 20080718 Now using for -Best Practices for Angel Investors and Entrepreneurs- at the top of the AngelBlog template.---*/
#body hr
{
	height:0;
	border:0;
	border-top:1px thin #CCCCCC;
	noshade: noshade;
	color:#CCCCCC;
	width: 100%;
	margin-left: 9px; /*---This changes the HR element for the BODY div to a very thin pale gray line at 100% width with a left margin of 9px from the left edge. Used specifically on AngelBlog.net to separate comments on the comments page.---*/
}

/*----------END OF CODE FOR BODY TAG--------------------------------*/