/*
   4rsfed.com CSS 
   Author: Rob Morell
   Date:  1/17/2011

   Filename:         style.css
   Supporting Files: none
   
       

*/
/* This is draggable content from page #389 in the book. My original idea was to have car parts and you could drag them together
and be able to "build" them together. Since I was never able to get get rid of the padding and I also was not able to be able to 
click the actual image to drag instead of the padding, the idea was abandoned. Hopefully I can get some credit for having it on the site. 
Just not how I wanted it to turn out.*/
.chip {
	position: absolute;
	padding: 10px;
	border: none; 
	border-right: 3px solid #333;
	border-bottom: 3px solid #333;
	background-color: white;
	cursor: move;
	z-index: 0;
	}

#chip1 {
	top: 123px;
	left: 325px
	}

#chip2 {
	top: 505px;
	left: 195px
	}

#chip3 {
	top: 200px;
	left: 45px
	}

#chip4 {
	top: 355px;
	left: 355px
	}

#chip5 {
	top: 350px;
	left: 60px
	}


span				{color: red; }
.MPH				{color: green; }
.ET					{color: red; }

#headline			{color: white; 
					font-size: 30px; 
					font-weight:bold; 
					text-shadow: black 10px 12px 6px; }
/*In the #headline tag I used Text Drop Shadow for all of the headlines on all the pages. 
This was on page # 122 in the book. I really enjoyed reading about this CSS function, 
I think it looks very elegant and I plan on keeping this feature. 
I used font-size: to specify the size of the text that I want to show up on all pages. Page #102 in the book.
I used font-weight: to specify that I wanted each headline to be bold on all pages. Page #106 in the book.
*/
					
#firstname 			{width: 250px; }

#lastname 			{width: 251px; }

#company			{width: 218px; }

#email				{width: 221px; }

#phone				{width: 280px; }

body 				{background-color: #333333; 
					margin: 0px 0px 0px 0px;
					padding-left: 0; 
					padding-right: 0; }
/*In the body tag I used CSS to reference the background color of the whole site, 
instead of on each page via HTML. This was on page # 147 in the book. 
I chose to impliment the background-color in the body tag, because each page has a body tag and I can change the look of the site with one edit.
I chose to put a margin in the body to keep it standard from each page, so everything looks in place. This was on page#171 in the book.*/
					
					
#top	 			{margin: 10px; 
					padding: 0px; 
					height: 180px; 
					color: white; 
					background-image: url(top.jpg);
					background-repeat: no-repeat; 
					background-position:left top; }
/*In the #top tag I used CSS to display a background picture throughout the whole site, that is actually the header picture. 
I like this because I can change one line of code, and have a different picture show throughout the whole site. This was on page # 151 in the book.*/
					
					
#left 				{position: absolute; 
					left: 20px; 
					top: 250px; 
					width: 200px; 
					color: white; }
					
a:link 				{color:#ffffff;}  /* unvisited link  Page #58 in the book*/

a:visited 			{color:#ffffff;}  /* visited link Page #58 in the book */

a:hover 			{color:#ffffff;}  /* mouse over link Page #58 in the book */

a:active 			{color:#ffffff;}  /* selected link Page #58 in the book */

#main	 			{position: absolute; 
					left: 250px; 
					top: 220px; 
					color: white; 
					margin-right: 200px; }
/*I used absolute positioning on the main part of the page to position exacty where I want the "frame" to start. This was on page#198 in the book.*/
					
img					{border:0px; }

.specs	 			{font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 16px; 
					font-style: normal; 
					font-weight: bold;
					font-variant: normal; 
					text-transform: none; 
					color: Yellow; 
					text-decoration: none; }
					
#crew.li a			{text-decoration:none; }

ul 					{list-style:none; }

.link2 				{display: block; 
					font-size: 20px; 
					margin-bottom: 2px; }
					
.link2 a 			{text-decoration: none; 
					font-size: 20px; 
					color: #EAEAEA; }
					
.link2 a:hover 		{color: #F2F8FF; 
					font-size: 20px; 
					text-decoration: underline; }