/********** www.ianrawlinson.com CSS style sheet **************/

/******* GLOBAL STYLES *******/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	color: #660000;
	font-size: small;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

/* creates a 950 x 600px 'window' for the home page */
#container { width: 950px;
             height: 600px;
			 margin: 0px;
			 padding: 0px;
}

a { color: #000033; text-decoration: none; } 

a:hover { color: #660000; text-decoration: underline; }

#footer { clear: both;
          color: #999;
          width: 950px;
          height: 15px;
          font-size: smaller;
		  font-weight: 500;
		  text-align: right;
		  line-height: 2em;
		}
		
#footer a { color: #666; }

#footer a:hover { text-decoration: underline; }



/******* HOME PAGE STYLES *******/

#name { position: absolute;
        top: 80px;
		left: 50px;
		width: 220px;
	  }
       
#home-thumb-left { position: absolute;
                   top: 0px;
				   left: 320px;
				   width: 115px;
				 }
				 
#home-thumb-middle { position: absolute;
                   top: 0px;
				   left: 455px;
				   width: 115px;
				 }
				 
#home-thumb-right { position: absolute;
                   top: 0px;
				   left: 595px;
				   width: 115px;
				 }
				 
				 
ul#captions, ul#captions li, ul#links, ul#links li { position: absolute;
                                                     list-style: none; 
							                        }  
		 
li.about {
	top: 74px;
	left: 727px;
	width: 252px;
		 }

li.pipe {
	top: 15px;
	left: 736px;
	width: 5px;
		 }
		 
li.contact  {
	top: 7px;
	left: 792px;
	width: 60px;
		    } 
		  
#home-bottom { position: absolute;
          top: 255px; 
		}
		
/* background image for the main area of the home page */
#main { /* background-image: url(image/home_left_brick.jpg); */
        float: left;
		width: 635px;
		height: 398px;
		margin: 0px;
		padding: 0px;
}

/* home page text */
#main p { font-family: Arial, Helvetica, sans-serif;
		  padding: 50px 300px 0px 50px;
		  line-height: 2em;
		  font-weight: 600;
		  font-size: 70%;
}




/******* THUMBNAIL PAGES *******/

/* area for the top banner */
#banner { width: 950px;
       height: 85px;
	   float: left;
	   margin: 0px;
	   padding: 0px;
	   background-image: url(image/banner.jpg);
}

#nav { clear: both;
       position: absolute;
       top: 95px;
	   width: 700px;
	   left: 40px;
	   color: #660000;
	 }

#title { clear: both;
         position: absolute;
		 width: 150px;
		 left: 40px;
		 top: 180px;
		}
		
#thumb { clear: both;
         position: absolute;
		 top: 150px;
		 left: 230px; 
   		 width: 720px; 
		}

#thumb img.r1 { padding: 0px 15px 15px 0px; }

#continued {
	         position: absolute;
	         width: 120px;
	         color: #660000;
	         left: 42px;
	         top: 268px;
		   }
		   
#continued p { font-size: small;
               font-weight: 700;
               line-height: 1.2em;
		     }

#click {
	         position: absolute;
	         width: 130px;
	         color: #660000;
	         left: 42px;
	         top: 346px;
	    }
		   
#click p { font-size: smaller;
           font-weight: 500;
           line-height: 1.2em;
		 }


/******* IMAGE PAGES *******/

#image { clear: left;
         position: absolute;
		 width: 480px;
		 left: 350px;
		 top: 117px;
		 
   		}
		
#caption { position: absolute;
           width: 280px;
		   left: 40px;
		   top: 240px;
		   color: #660000;
		  }

#caption p { font-size: small;
             font-weight: 500;
             line-height: 1.5em;
		   }
		   
#caption p.heading { font-weight: 900; }

#nav-image { clear: both;
	         position: absolute;
	         width: 130px;
	         left: 150px;
	         top: 446px;
			}


/****** NON-THUMB PAGE STYLES ******/


/* non-thumb-page headers */
#contact h1, #bio h1
           { margin: 0px 35px 0px 20px;
			 font-family: Arial, Helvetica, sans-serif;
             font-weight: 600;
		     font-size: 100%;
			 color: #660000;
			 line-height: 1.7em;
			 background-color: white;
}

/* text for biography page */

#bio { margin-top: 20px; }

#bio p { margin: 0px 50px 20px 20px;
         font-family: Arial, Helvetica, sans-serif;
         font-weight: 400;
		 color: #660000;
		 background-color: white;
		 line-height: 1.6em;
}

#bio p.shows { margin: 10px 30px 0px 30px;
         font-family: Arial, Helvetica, sans-serif;
         font-weight: 400;
		 font-size: 72%;
		 color: #330000;
		 background-color: white;
		 line-height: 1.4em;
}

/* text for press page */
#press p { margin: 20px 30px 0px 30px;
           font-family: Arial, Helvetica, sans-serif;
           font-weight: 400;
		   font-size: 72%;
		   color: #330000;
		   background-color: white;
}

/* link style for press page */
#press a { font-size: 95%;
           font-weight: 400;
           color: white;
           background-color: #B74707;
           text-decoration: none;
		   padding: 2px;
}

/* mouseover effect for press page */
#press a:hover { text-decoration: none;
                 color: #81F9CC; 
			     background-color: #B74707;
}


/****** INTERACTIVE FORM PAGE STYLES ******/

/* table layout for interactive form page */
#contact table { margin-left: 20px;
                 width: 650px;
                 padding: 2px;
		         border: 2px solid #990000;
}

/* form headings (left 'column' of form) and border */
#contact th { font-family: Arial, Helvetica, sans-serif;
              font-weight: 500;
		      font-size: 100%;
			  color: #000033;
			  background-color: white;
			  text-align: right;
			  padding-right: 10px;
			  border: 1px dashed #CCC;
}

/* form layout style and border */
#contact td { font-weight: 400;
              font-size: 100%;
			  border: 1px dashed #CCC;
}