@charset "utf-8";
/* CSS Document Main Site by Jeremiah Tolbert, for Susan Marie Groppi */

/* RESET RELOADED */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn,  font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form,  label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0; 
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Site Layout */
body {background-image:url(images/body-background-main.jpg);background-repeat:repeat-x;}
#wrapper {width:955px;margin:0 auto;position:relative;}
#wrapper-secondary {width:788px;margin:0 auto;position:relative;}
#column-right {position:absolute;;right:0;top:0;width:543px;}		
#column-right-secondary {position:absolute;;right:0;top:0;width:520px;}

/*These are the big images in the top right*/
	#header-nav {position:relative;right:0;top:0;background-image:url(images/main-nav-header-background.jpg);width:543px;height:429px;}
	#aboutme-header-nav {position:relative;right:0;top:0;background-image:url(images/aboutme-nav-header-background.jpg);width:520px;height:504px;}
	#writing-header-nav {position:relative;right:0;top:0;background-image:url(images/writing-nav-header-background.jpg);width:520px;height:504px;}
	#editing-header-nav {position:relative;right:0;top:0;background-image:url(images/editing-nav-header-background.jpg);width:520px;height:504px;}
	#academic-header-nav {position:relative;right:0;top:0;background-image:url(images/academic-nav-header-background.jpg);width:520px;height:504px;}
		#header-nav h1, #header-nav h2, #aboutme-header-nav h1, #aboutme-header-nav h2, #writing-header-nav h1, #writing-header-nav h2, #editing-header-nav h1, #editing-header-nav h2, #academic-header-nav h1, #academic-header-nav h2 {text-indent:-9999px;}
	
/* Main page columns */	
	#right-content {margin-top:25px;margin-left:125px;position:relative;}
		#front-latest-comments {float:left;width:191px;margin-right:30px;position:relative margin-left:}
			#front-latest-comments h2 {background-image:url(images/latest-comments-header.gif);width:191px;height:107px;margin-bottom:-70px;text-indent:-9999px;}
			#front-latest-comments ul, #secondary-right-content ul {margin-left:29px;font-family:Arial, Helvetica, sans-serif;font-size:12px; line-height:16px;margin-right:10px;}
			#front-latest-comments ul li,#secondary-right-content ul li {margin-bottom:8px;list-style-image:url(images/red-square.gif);padding-left:5px;}
			#front-latest-comments ul li.susan {list-style-image:url(images/red-star.gif);padding-left:3px;margin-left:2px;}
			#front-latest-comments ul li a, #secondary-right-content ul li a {color:#af0002;text-decoration:none;border-bottom:1px solid #af0002;padding-bottom:0px;}
			#front-latest-comments ul li a:hover, #secondary-right-content ul li a:hover {color:003366;border-bottom:1px dotted #af0002;}
			#front-latest:comments ul li a:visited, #secondary-right-content ul li a:visted {color:#990033;}
		#front-latest-posts {width:191px;margin-left:221px;}
			#front-latest-posts h2 {background-image:url(images/recent-posts-header.gif);width:191px;height:107px;margin-bottom:-70px;text-indent:-9999px;}
			#front-latest-posts ul {margin-left:29px;font-family:Arial, Helvetica, sans-serif;font-size:12px; line-height:16px}
			#front-latest-posts ul li {margin-bottom:8px;list-style-image:url(images/blue-square.gif);padding-left:5px;}
			#front-latest-posts ul li a {color:#003366;border-bottom:1px solid #003366;;padding-bottom:0px;text-decoration:none;}
			#front-latest-posts ul li a:hover {color:#af0002;border-bottom:1px dotted #af0002}
			#front-latest:posts ul li a:visited {color:#003366;}
	
/*Secondary page columns*/		
	#secondary-right-content {margin-top:25px;margin-left:265px;position:relative;}		
		#secondary-posts {width:227px;}
		#secondary-posts h2 {height:107px;width:227px; text-indent:-9999px; margin-bottom:-70px;}
		h2#aboutme-header {background-image:url(images/aboutme-posts-header.gif)}
		h2#writing-header {background-image:url(images/writing-posts-header.gif)}
		h2#editing-header {background-image:url(images/editing-posts-header.gif)}
		h2#academic-header {background-image:url(images/academic-posts-header.gif)}
		
/* Main text column styling.  This should be all the possible tags, but you never know. */
#text-body {position:absolute;left:0;right:0;width:450px;padding:115px 0px 0px 55px;z-index:2;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:1.3;}
	#text-body p {margin-bottom:1.0em;}
	#text-body h1 {font-size:24px;color:#df4f00;letter-spacing:2px;margin-bottom:8px;}
	#text-body h2 {font-size:18px;color:#014bad;letter-spacing:1.5px;margin-bottom:6px;014bad}
	#text-body h3 {font-weight:bold;margin-bottom:4px;}
	#text-body blockquote {margin: 10px 15px;color:#666666;}
	#text-body a {text-decoration:none;border-bottom:1px solid #af0002; padding-bottom:1px;color:#af0002;}
	#text-body a:visited {color:#af0000;border-bottom:1px solid #af0000;}
	#text-body a:hover {color:#660000;border-bottom:1px dotted #660000;}
	#text-body strong {font-weight:bold;}
	#text-body em {font-style:italic;}
	#text-body ul {margin-left:25px;padding-left:15px;	list-style-type:disc; margin-top:15px;margin-bottom:15px;}
	#text-body ol {margin-left:30px;padding-left:15px;list-style-type:decimal; margin-top:15px;margin-bottom:15px;}
	#text-body 	ol li  {;font-size:14px;line-height:18px;color:#af002;}
	#text-body  ul li {font-size:16px;color:#af002;}
	#text-body li {font-family:Arial, Helvetica, sans-serif;}
	#text-body li p {color:#000000;font-size:12px;line-height:1.0;}

#footer {background-image:url(images/footer-background.jpg);height:94px;width:344px;position:relative;padding-top:65px;padding-left:105px;background-repeat:no-repeat;}
	#to-top {background-image:url(images/triangle.gif);padding-left:25px;background-repeat:no-repeat;padding-right:5px;font-weight:bold;}
	#copyright {position:absolute;font-size:10px;top:130px;left:90px;}
	#footernav {font-family:Arial, Helvetica, sans-serif;font-size:12px;margin-top:10px;}

/*Generic classes for basic tasks*/
.outline {border:1px solid red;}
.left {text-align:left;}
.right {text-align:right;}
.clear {clear:both;}

/*Navigation Code */
#nav {position:absolute;top:166px;left:137px;width:166px;height:160px;}
#nav-secondary {position:absolute;width:166px;height:160px;top:283px;left:272px;}
	#nav li, #nav-secondary li {width:166px;border:0px;position:absolute;}
	#nav li a, #nav-secondary li a {text-indent:-9999px;display:block;position:absolute;;width:166px;}
	#nav li a:visited, #nav-secondary li a:visited {text-decoration:none;}
	#nav li a:hover, #nav-secondary {}
		#about  {top:0px;height:32px;}
		#about a {height:32px;}
		#writing {top:30px;height:30px;}
		#writing a {height:30px;}
		#editing {top:60px;height:39px;}
		#editing a {height:39px;}
		#academic {top:98px;height:29px;}
		#academic a {height:29px;}
		#blog {top:127px;height:32px;}
		#blog a {height:32px;}
			#about a:hover {background:transparent url(images/about-me-over.jpg);}
			#writing a:hover {background:transparent url(images/writing-over.jpg);}
			#editing a:hover {background:transparent url(images/editing-over.jpg);}
			#academic a:hover {background:transparent url(images/academic-over.jpg);}
			#blog a:hover {background:transparent url(images/blog-over.jpg);}