/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0px;
	padding:0px;
	background-image:url(bg.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	letter-spacing:normal;
	font-variant:normal;
	font-size:14px;
	text-align:justify;
	}
		
h3 {
    margin-top: 0px;
    padding-top: 0px; /*gets rid of margins that firefox rendersin headers*/
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	letter-spacing:2px;
	font-variant:small-caps;
	text-align:left;
	}
		
div#head {
	position:absolute;
	width:800px;
	height:332px;
	left:0px;
	top:0px;
	}
	

	

	
div#left {
	position:relative; /* because this is the longest column, it is postioned relative in order to keep it in the flow of the html doc.*/
	top:380px;
	width:365px;
	text-align:justify;
	border-right:dashed;
	border-right-width:thin;
	border-right-color:#CCCCCC;
	padding-right:30px;
	/*height:1000px; make sure you specify the height in order to get exact dimentions, along with border thickness*/
	}
	
	
div#right {
	position:absolute;
	top:380px;
	left:425px;
	width:365px;
	text-align:justify;
	}
	

	
div#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

div#footer {
	padding-top:380px; /*compenstaetes for the banner at top*/
	}
	
	/*
div#footer {
	background-image:url(Bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:50px;

	
	}
	*/
	

	
.date {
	font-weight:bold;
	}
	
#slap {
	padding-left:125px;
	}
	

	
#nav {
	position:absolute;
	left:38px;
	top:332px;
	}

#nav a {
	float:left;
	text-indent:-5000px;
	}
	
#about {
	background-image:url(nav_about_up.gif);
	background-repeat:no-repeat;
	width:128px;
	height:37px;
}

#about:hover {
	background-image:url(nav_about_up.gif);
	background-repeat:no-repeat;
	background-position:0 -37px;
	width:128px;
	height:37px;
	}
	
#pod {
	background-image:url(nav_pod_up.gif);
	background-repeat:no-repeat;
	width:126px;
	height:37px;
	}

#pod:hover {
	background-image:url(nav_pod_up.gif);
	background-repeat:no-repeat;
	background-position:0 -37px;
	width:126px;
	height:37px;
}

#books {
	background-image:url(nav_books_up.gif);
	background-repeat:no-repeat;
	width:99px;
	height:37px;
	}
	
#books:hover {
	background-image:url(nav_books_up.gif);
	background-repeat:no-repeat;
	background-position:0 -37px;
	width:99px;
	height:37px;
	}

#doc {
	background-image:url(nav_doc_up.gif);
	background-repeat:no-repeat;
	width:175px;
	height:37px;
	}
	
#doc:hover {
	background-image:url(nav_doc_up.gif);
	background-repeat:no-repeat;
	background-position:0 -37px;
	width:175px;
	height:37px;
	}
	
#quote {
	background-image:url(nav_quote_up.gif);
	background-repeat:no-repeat;
	width:105px;
	height:37px;
	}

#quote:hover {
	background-image:url(nav_quote_up.gif);
	background-repeat:no-repeat;
	background-position:0 -37px;
	width:105px;
	height:37px;
	}
	
#link {
	background-image:url(nav_link_up.gif);
	background-repeat:no-repeat;
	width:95px;
	height:37px;
	}
	
#link:hover {
	background-image:url(nav_link_up.gif);
	background-repeat:no-repeat;
	background-position:0 -37px;
	width:95px;
	height:37px;
	}
	
	/*podcast.html*/
	
div#rickyshow {
	position:absolute;
	top:380px;
	}
	
div#series1 {
	position:absolute;
	width:250px;
	top:525px;
	height:555px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#CCCCCC;
	}
	
div#series2 {
	position:absolute;
	width:250px;
	top:525px;
	left:270px;
	height:555px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#CCCCCC;
	}
	
div#series3 {
	position:absolute;
	width:250px;
	top:525px;
	left:540px;
	height:555px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#CCCCCC;
	}
	
div#special1 {
	position:absolute;
	width:250px;
	top:1095px;
	height:710px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#CCCCCC;
	}
	
div#special2 {
	position:absolute;
	width:250px;
	top:1095px;
	left:270px;
	height:710px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#CCCCCC;
	}
	
	/*books.html*/
	
div#book1 {
	position:absolute;
	top:380px;
	}
	
div#book2 {
	position:absolute;
	top:810px;
	}
	
#worldpic {
	float:left;
	}
	
#jelly {
	float:right;
	}
	
	/*docs.hrml*/
	
div#animals {
	position:absolute;
	top:550px;
	left:-30px;
	}
	
div#hol {
	position:absolute;
	top:550px;
	left:405px;
	}
	
div#health {
	position:absolute;
	top:955px;
	left:-30px;
	}
	
div#sci {
	position:absolute;
	top:955px;
	left:405px;
	}
	
div#fool1 {
	position:absolute;
	top:1360px;
	left:-30px;
	}
	
div#fool2 {
	position:absolute;
	top:1360px;
	left:405px;
	}
	
div#fool3 {
	position:absolute;
	top:1765px;
	left:-30px;
	}
	
	/*quotes.html*/
	
div#form {
	position:absolute;
	top:500px;
	border-top-width:2px;
	border-top-style:dashed;
	width:750px;
	padding-top:20px;
	}
	
#bold {
	font-weight:bold;
	}
	
	/*links.html*/
	
div#karl_com {
	position:absolute;
	top:420px;
	width:250px;
	height:450px;
	}
	
karlpilkington_com {
	margin-top:50px;
	}
	
div#ricky_com {
	position:absolute;
	top:420px;
	left:270px;
	width:250px;
	}
	
div#pilkipedia_com {
	position:absolute;
	top:420px;
	left:540px;
	width:250px;
	}
	
div#karlsnob_com {
	position:absolute;
	top:790px;
	width:250px;
	}