/* AND ANOTHER THING */

#pagehead { margin-bottom: 10px; }
#pagetitle { width: 550px; height: 160px; background: url('../images/head_rants_small.gif') top left no-repeat; }
	#pagetitle h2 a { display: block; width: 550px; height: 130px; }

body.index #pagehead { margin-bottom: 40px; }
body.index #container { background: url('../images/back_rants_photo.jpg') top left no-repeat; }
body.index #pagetitle { width: 950px; height: 170px; background: url('../images/head_rants.gif') 160px 0px no-repeat; }
	body.index #pagetitle h2 { background-image: none; } 
		body.index #pagetitle h2 a { display: block; width: 950px; height: 170px; }

#rant { position: relative; float: right; width: 720px; }
	body.listing #rant { width: 710px; }
#archivenav { float: left; width: 220px; }
	
	.ranthead { width: 720px; height: 50px; background: url('../images/rants/cantstand.gif') top left no-repeat; }
		.ranthead h3 { font-size: 0px; text-indent: -9999px; overflow: hidden; width: 650px; height: 50px; margin-left: 70px; }
			.ranthead h3 a { display: block; width: 650px; height: 50px; background: #222222; background-position: 0px 0px; background-repeat: no-repeat; }
				body.index .ranthead h3 a:hover { background-position: 0px -50px; }
	body.listing #rant h3 { font-size: 0px; text-indent: -9999px; overflow: hidden; width: 710px; height: 50px; background-color: #222222; background-position: 5px 5px; background-repeat: no-repeat; }
			
	.rantbody { width: 660px; margin-left: 10px; padding: 10px 15px 12px 15px; border-width: 0 10px 10px; border-color: #222222; border-style: solid; background: white; margin-bottom: .625em; }
		.rantbody p { font: normal 100%/1.5em Georgia; color: #222222; text-indent: 0; padding-right: 5px; }
			.rantbody p+p { text-indent: 1.5em; }
			.rantbody p abbr { font-size: 75%; letter-spacing: 0.0833em; border: 0; }

			.rantbody p.timestamp { font: normal 75%/1.5em Arial; color: #999999; border-top: 1px solid #999999; margin-top: 0.75em; padding-top: 0.75em; text-indent: 0; }
				p.timestamp a { color: #999999; }
				p.timestamp a:hover { color: #222222 !important; background-color: #ffd11a; }

	#rantnav { width: 710px; }
		body.archive #rantnav { margin-left: 10px; }
		body.listing #rantnav { margin-top: 0.75em; }
		#rantnav p { width: 350px; font: bold 125%/1.1em Arial; text-transform: uppercase; }
			#rantnav p.rantprev { float: left; } #rantnav p.rantnext { float: right; }
			#rantnav p a { display: block; width: 295px; color: #222222; text-decoration: none; }
				#rantnav p.rantprev a { padding: 32px 30px 8px 25px; background-position: top left; background-repeat: no-repeat; background-color: #d9d9d9; text-align: left; }
					#rantnav.rantentry p.rantprev a { background-image: url('../images/rant_prev.gif'); }
					#rantnav.monthly   p.rantprev a { background-image: url('../images/rant_prev_month.gif'); }
					#rantnav.category  p.rantprev a { background-image: url('../images/rant_prev_category.gif'); }
				#rantnav p.rantnext a { padding: 32px 25px 8px 30px; background-position: top right; background-repeat: no-repeat; background-color: #d9d9d9; text-align: right; }
					#rantnav.rantentry p.rantnext a { background-image: url('../images/rant_next.gif'); }
					#rantnav.monthly   p.rantnext a { background-image: url('../images/rant_next_month.gif'); }
					#rantnav.category  p.rantnext a { background-image: url('../images/rant_next_category.gif'); }
			#rantnav p a:hover { background-color: #ffd11a; }
	
	.rantsummary { border-bottom: 1px solid #999999; padding: 0.75em 0; }
		.rantsummary h4 { font: bold 150%/1em Arial; text-transform: uppercase; margin-bottom: 0.25em; }
			.rantsummary h4 a { text-decoration: none; color: #222222; }
				.rantsummary h4 a:hover { background-color: #ffd11a; }
	.rantsummary p { font: normal 100%/1.5em Georgia; color: #222222; text-indent: 0; padding-right: 5px; }
		.rantsummary p.timestamp { font: normal 75%/1.5em Arial; color: #999999; padding-top: 0.5em; text-indent: 0; }
			.rantsummary p.timestamp a { color: #999999; }

			
/* ARCHIVENAV */

	#archivenav .archivemenu { margin-bottom: 0.75em; border-bottom: 1px solid #ffd11a; padding-bottom: 0.375em; background: white; }

	body.index #archivenav { position: relative; width: 950px; margin-top: 0; }
		body.index .archivemenu { width: 230px; }
			body.index #archive_about { position: absolute; left: 0; top: -11em; width: 205px; }

			body.index #archive_recent, body.index #archive_monthly, body.index #archive_category, body.index #archive_syndication { float: left; }
					body.index #archive_recent, body.index #archive_category, body.index #archive_syndication { margin-right: 10px; }
					
	.archivemenu h3 { font: bold 100% Arial; }
		#archive_about.archivemenu { background-color: #e6e6e6; padding: 0.5em 15px 0.5em 10px; border-bottom: 0; }
			#archive_about h3, #archive_about p { line-height: 1.5em; }
			#archive_recent h3, #archive_monthly h3, #archive_category h3, #archive_syndication h3 { background-color: #ffd11a; margin-bottom: 0.125em; padding: 0.1875em 5px 0.125em; }
		.archivemenu p, .archivemenu li { font: normal 75%/1.25em Arial; }
			.archivemenu ul { list-style-type: square; margin: 0 10px 0 18px; }
				.archivemenu ul li { padding-top: 0.25em; }
					.archivemenu ul li a { color: #222222; }
					.archivemenu ul li a:hover { background-color: #ffd11a; }