/*
CSS for Bubble Under site
*/
body{
	font-family: Helvetica, serif;
	background: url(diamond140.jpg);
	background-repeat: repeat-y;
	background-position:left ;

	
	
	line-height: 125%;
	}
		>use quotes around multiple word fonts such as "Courier New", first item listed, is 
		first item used, if not compatible next in list is used<
		>line-height is the space between lines<
		>padding is the space between the element in question<
	
		> Use of the comma means "or"<
		>If rules contradict, the later declarations overrule the earlier ones<


	p {
  font-size: XX-small;
  color: navy;
}

#entry {
 padding-top: 5px; 
}
				
		
>>>>>>>>>>borders<<<<<
		>if you wanted to make a black border around a subject, you can use the following<
.simpleblackborder {
	border-width: 5px;
	border-style: solid; (otherstyles include inset,dashed etc. page 131)
	border-color: black;
	}		
	
p.sketchsize {
	position: absolute;
	top: 20px;
	right: 185px;
	border-top:0px solid black;
	border-left: 0px solid black;
	border-right: 0px solid black;
	border-bottom:0px solid black;	
	}	
	>padding top here is "0" because it is from the top of the #entry<
	

	

	
	
>>>>>>>>>>>>>>>>links<<<<<<<<<<<<<<	
		>links should always be specified in the order of link, visited, hover, active<
#navigation a {
	 text-decoration: none; font-size: small;
	 padding-left: 260px;
	}

p.navigation1 {
	padding-left: 230px;
	 position: absolute;
	top:0px;
	color:red;}

p.navigation2 {
	padding-left: 200px;
	position: absolute;
	top:775px;
	font:black;}
	
p.copyright{
	padding-left: 420px;
	color:black;
	position: absolute;
	top:794px;
	}
a {   
  	font-weight: ####; 
	}

a:link {
	text-decoration: none;
  	color: white;
  	font-size: small;
	}

a:visited {
	text-decoration: none;
  	color: grey;
  	font-size: small;
	}

a:active {
	text-decoration: none;
 	 color: white;
  	background-color: none;
  	font-size: small;
	}
	
	
>>>>>>>>>>>>>>>>>>

h1 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: x-large;
	}

li {
  font-size: small;
}

h1 {
  font-size: x-large;
}

h2 {
  color: blue;
  font-size: medium;
  font-weight: normal;
}

em {
  text-transform: uppercase;
}

h1, h2, h3 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  background-color: navy;
  color: white;
}

>>>>>>>>>>>class selector<<<<<<<<<<<
>>>>>>>The following is known as a class selector. It is denoted by its period.<<<<<
>>"letter-spacing" is the amount of space between the letters<<
>>To apply this style ad it as a class to an element. Simply typing "class="fun"" withing the <><<
>>>>There is a BIG difference between class selectors and id selectors (#). There can only be one
id selector per html page whereas class selectors have no limit. (page 108) <<<


.fun {
  	color: #339999;
  	font-family: Georgia, Times, serif;
  	letter-spacing: 0.05em;
	}

blockquote.fun {
  font-style: italic;
}

.signature {
	position: absolute;
	top:0px;
	left: 350px;
	}
	
	#whitenapkin p {
  font-style: italic;
  font-family: Georgia, Times, serif;
  border-top: 0px;
  border-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 800px;
  padding-left: 0;
  margin: 0;
  background: url(whitenapkin.jpg);
 
}