body {
	text-align: center;
	background-color:#FFFFFF;
	font: 12px Verdana, "Lucida Grande";
        font-style: normal;
	color:#000000;
	padding: 0;
	margin: 0;
	}

/* depreciated, now only used for old journal images */
img.floatleftClear { 
float: left;
clear: left;
margin: 4px; }

/* journal body */	



/* ------------------------ */
/*      main menu css       */
/* ------------------------ */

/* background: url(menuBullet2.gif) no-repeat 4px 9px; */

#main-nav ul
{
list-style: none;
padding: 0;
margin: 0 0 0 5px !important;
margin: 0;
line-height: 1em;

border-top: 1px solid #ACACAC;
}


/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #main-nav li {padding: 4px 0 0 0 !important; }
  /* End IE5-Mac hack */

#main-nav li
{


text-decoration: none;
margin: 0 0 0 0px !important;  /* ignored by IE */
margin: -6px 0 0 0px;
padding: 0 0 0 0;
text-align: center;

}

#main-nav li a
{

text-decoration: none; font: bold 11px Verdana, "Lucida Grande"; color: #797A79; 
margin: 0 10px 0 0;
padding-top: 6px;
height: 15px !important;
height: 10px;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #main-nav li a {float:none; }
  /* End IE5-Mac hack */

#main-nav li a:hover
{
text-decoration: none; padding-top: 6px; white-space: nowrap; background: url(images/pink1x4.gif) repeat-x 100% 1%; font: bold 11px Verdana, "Lucida Grande"; color: #797A79; 
margin: 0 10px 0 0;
height: 10px;
}



#main-nav #currentpage a 
{
text-decoration: none; padding-top: 6px; white-space: nowrap; background: url(images/pink1x4.gif) repeat-x 100% 1%; font: bold 11px Verdana, "Lucida Grande"; color: #797A79; 
margin: 0 10px 0 0;
height: 10px;
}




/* ------------------------ */
/*      journal   css       */
/* ------------------------ */



	
#journalbackground {
	float: left;
	background: #fff;
	width: 585px;
	padding: 0px;
	margin: 0 5px 0 0;
	}

		

#journalentry { /* size */
	width: 570px;
	padding: 0px;
	margin: 0 5px 0 0px;
	}

.journal_title {       /* title */
	margin: 40px 0 0 0px;
	color: #FFFFFF;
	padding-left: 29px;  /* space for the image */
  	background: #000000 url(images/Bullet_square_pink.gif);
  	background-position: 3px;
  	background-repeat: no-repeat;
	font: 17px Verdana, "Lucida Grande";
	}

.journal_title a 
{
color: #FFFFFF;

}
	
.journal_title span {       /* date in title alternate*/
	
	color: #959595;
	padding: 0 10px 0 0;
	font: 17px Verdana, "Lucida Grande";
	}

.journal_date {     /* date */
	float: right;
	color: #FFFFFF;
	padding: 0px;
	font: 12px Verdana, "Lucida Grande";
	margin: -18px 10px 0 3px;
	}


.journal_category {       /* category */
	border-top: 1px solid #545454;	 
	border-left: 1px solid #545454;
	border-right: 1px solid #545454;
	text-align: right;
	margin: 0 0 0 0;
	color: #999999;
	background: #F3F3F3;
	padding-right: 29px;  /* space for the image */
  	/* background: #F3F3F3 url(images/headphones3.gif); */
  	background-repeat: no-repeat;
	font: 12px Verdana, "Lucida Grande";
	}
	
.journal_ambient {       /* ambiant */
	border-left: 1px solid #545454;
	border-right: 1px solid #545454;
	text-align: right;
	margin: 0 0 0 0;
	color: #999999;
	font: 12px Verdana, "Lucida Grande";
	padding-right: 29px;  /* space for the image */
  	background: #F3F3F3 url(images/headphones3.gif);
  	background-position: right;
  	background-repeat: no-repeat;
	}
	
.journal_body {
	border-left: 1px solid #545454;
	border-right: 1px solid #545454;
	border-bottom: 1px solid #545454;
	color:#000000;
	background: #F3F3F3;
	background: #FFFFFF;
	margin: 0;
	padding: 4px 5px 10px 10px !important;
	padding: 1px;
	text-align: left; 
	font: 12px Verdana, "Lucida Grande";
	line-height: 1.2; /* ie dissapearing text bug fix */
	
	/* height: 100%;  ie dissapearing text bug fix */
	
	}

.journal_body p {

		margin: 0 5px 15px 5px; /* 0 right bottom left */
		
		/* text-indent: 2em; */
		font: 12px Verdana, "Lucida Grande";
		 /* ie dissapearing text bug fix */
		 
		}
		
		
.journal_body img {
		
	margin: 7px 20px 13px 0;
	
	float:left;
	border: 1px solid #000000;
		
		}
		

/* force float flushing so the section div can be pulled around the images. */
			div.spacer {
				clear: both;
				height: 0px;
				background: #F3F3F3;
				font-size: 0;
			}


	
.journal_commentcount {       /* comments count */
	margin: 0px 0 10px 0px;
	padding: 2px 55px 2px 0px;
	text-align: right;
	color: #636563;
  	padding-left: 74px;
  	background: #000000 url(images/comment1.gif);
  	background-position: 295px;
  	background-repeat: no-repeat;
	font: 12px Verdana, "Lucida Grande";
	}
	
	.journal_commentcount a {       /* comments count */
	
	
  	color: #9C9E9C;
	font: 12px Verdana, "Lucida Grande";
	}



.journalcomments, h1, h2, h3{       /* comments FULL VIEW TEXT */
	
	margin: 0 35px 0 90px;
	font: 12px Verdana, "Lucida Grande";
	text-align: left;
	color: #000000;
	
	}	


.journalcomments h1 {       /* comments FULL VIEW */
	margin: 5px 0 0 0;
	
	border: 1px solid #545454;	 
  	padding: 0 7px 0 25px;
  	background: #F3F3F3 url(images/comment1.gif);
  	background-position: 3px 4px;
  	background-repeat: no-repeat;
	
	}
	
.journalcomments h2 {       /* comments FULL VIEW2 'alternate colour' */
	
	margin: 5px 0 0 0;
	
	border: 1px solid #545454;	 
  	padding: 0 7px 0 25px;
  	background: #E0E0E0 url(images/comment1.gif);
  	background-position: 3px 4px;
  	background-repeat: no-repeat;
	
	}		

.journalcomments h3 {       /* preview. like h1, but attached to type box */
	margin: 0 10px 0 40px;
	
	border-left: 1px solid #545454;	 
	border-right: 1px solid #545454;	
	border-bottom: 1px solid #545454;	
  	padding: 5px 7px 0 25px;
  	background: #CACACA url(images/comment1.gif);
  	background-position: 3px 7px;
  	background-repeat: no-repeat;
	
	}

blockquote {
	width: 80%;
	text-align: left;
	font: 14px Verdana, "Lucida Grande";
	font-style: italic;
	line-height:140%;
	margin:10px;
	background: url(images/closequote2.gif) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 25px 5px 0px;
}
blockquote:first-letter {
	background: url(images/openquote2.gif) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}




#sidepanel {
	background: #fff;
	width: 143px;
	float: right;
	/*border-left: 1px solid #545454; */
	padding: 0 0 0 0;
	margin: 0;

	}
	
	#sidepanel p {
		color: #222222;
		font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0 3px 10px 3px;
		}

	#sidepanel h1 {
		
		
  		background: url(images/Bullet_square_blue.gif);
  		background-position: 3px;
  		background-repeat: no-repeat;
		font: 11px Verdana, "Lucida Grande";
		margin: 10px 0 10px 0;
		padding: 0 0 0 25px;
		}
	

	#sidepanel h2 {                /* Dustin is ugly */
		color: #FFFFFF;
		background: #000000;	
		font: 12px Verdana, "Lucida Grande";
		margin: 0 0 0 0;
		padding: 0 0 0 5px;
		}

#copyright {

	clear: both;
	/*border-top: 1px solid #545454;*/
	background-color: #FFFFFF;
	padding: 0px;
	}
	
	#copyright td {
		color: #636563;
		font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 3px 340px;
		padding: 0;
		}

/* journal image hover popup CSS */

.searchImg {
	border: 1px solid #E0E0E0;
	
	}

#trailimageid
{
	font-size: 0.75em;
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 286px; /* the width of the image box */
	height: 0px;
	z-index: 200;
}

/* image style 2 - left align box */
			.image-leftbar2 {
				float: left;
				margin: 0 10px 0 0;
				padding: 3px;
				border: dotted #999 1px;
				background-color: #eee;
			}

			img.image-leftbar2b { /* applies it to only the image, not the link */
				width: 100px;
				clear: left; /* removes the old float css */
				display: block;
				margin: 0 auto;
				border: solid #eee 1px;
				
			}





/* ---------------------------- */
/* main journal month item list */
/* ---------------------------- */

#subnav-journal ul {
list-style:none;
margin:0;
padding:0;
}

#subnav-journal li {
padding:0;
}

#subnav-journal li a {
text-decoration:none;
background-image:url(images/Bullet_lightgrey.gif);
background-position:3px 5px;
background-repeat:no-repeat;
font:12px Verdana, "Lucida Grande";
color:#666;
margin:0;
padding:0 0 0 25px;
}

#subnav-journal li a:hover,#subnav-journal #currentpage a {
text-decoration:none;
background-image:url(images/Bullet_pink.gif);
background-position:3px 5px;
background-repeat:no-repeat;
font:12px Verdana, "Lucida Grande";
color:#FF3063;
margin:0;
padding:0 0 0 25px;
}


.pages {
    padding: 1em;
    margin: 1em 0;
    clear: left;
    font-size: 85%;
}

.pages a, .pages span {
    display: block;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    float: left;
    background: #fff;
}
/* orange #EE7A07 */
.pages span.current {
	border: 1px solid #FF3063;
	font-weight: bold;
	background: #FF3063;
	color: #fff;
}

.pages a {
	border: 1px solid #31B3DE;
	text-decoration: none;
}

.pages a:hover {
	border-color: #FF3063;
	color: #FF3063;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
        border: 1px solid #ddd;
        color: #999;
}