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


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

/* the container that site beside the sidepnael */
#journalbackground {
	float: left;
	background: #fff;
	width: 585px;
	padding: 0px;
	margin: 0 5px 0 0;
	}

		
.journal_entry_container{
border: 1px solid #000;/* hack for IE . it needs a border in this setup */
margin: 40px 0 0 0;
padding: 0;
width: 570px;
}

.journal_title {       /* title */
	margin: 0;
	color: #FFF;
	/*padding-left: 29px; */ /* space for the image */
  	background: #000000 url(http://www.portfoliohub.com/images/Bullet_square_pink.gif);
  	background-position: 3px 4px;
  	background-repeat: no-repeat;
	font: 17px Verdana, "Lucida Grande";
	
	float: left;
	padding: 0;
	width: 570px;
	}

.journal_title a:link, .journal_title a:visited, .journal_title a:active
{
float: left;
color: #FFF;
font: 17px Verdana, "Lucida Grande";
width: 440px;

}

.journal_title a:hover
{
float: left;
color: #CCC;
font: 17px Verdana, "Lucida Grande";
width: 440px;
}

.date_container{
float: left;
margin-left: 29px !important;
margin-left: 13px; /* hack for more IE non logical stupidity */
margin-right: 10px;
color: #959595;
padding: 0;
font: 17px Verdana, "Lucida Grande";
}
.journal_date_day, .journal_date_day2,.journal_date_year, .journal_date_month{
float: left;
margin: 0;
color: #959595;
padding: 0;
font: 17px Verdana, "Lucida Grande";} 


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

.journal_category {       /* category */
clear: left;

	
	text-align: right;
	margin: 0;
	color: #999999;
	background: #F3F3F3;
	padding-right: 29px;  /* space for the image */
  	background-repeat: no-repeat;
	font: 12px Verdana, "Lucida Grande";
	
	
	}
	
.journal_ambient {       /* ambiant */

	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(http://www.portfoliohub.com/images/headphones3.gif);
  	background-position: right;
  	background-repeat: no-repeat;
	
	}


	
.journal_body {
clear: left;

	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 8px 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 */
width: auto !important;
width: 570px;
	margin: 0;
	padding: 2px 55px 2px 0px;
	text-align: right;
	color: #636563;
  	padding-left: 74px;
  	background: #000000 url(http://www.portfoliohub.com/images/comment1.gif);
  	background-position: 295px;
  	background-repeat: no-repeat;
	font: 12px Verdana, "Lucida Grande";
	}
	
	.journal_commentcount a:link, a:visited, a:active, a:hover {       /* 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(http://www.portfoliohub.com/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(http://www.portfoliohub.com/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(http://www.portfoliohub.com/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(http://www.portfoliohub.com/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(http://www.portfoliohub.com/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(http://www.portfoliohub.com/images/Bullet_square_blue.gif);
  		background-position: 3px;
  		background-repeat: no-repeat;
		font: 12px Verdana, "Lucida Grande";
		margin: 10px 0 10px 0;
		padding: 0 0 0 25px;
		}
	
/*.sidepanel_heading2*/
	#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;
		}





/* 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;
font: bold 12px Verdana, "Lucida Grande";
}

#subnav-journal li a {
text-decoration:none;
background-image:url(http://www.portfoliohub.com/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(http://www.portfoliohub.com/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;
}


#journal_image_title{float: left; margin-top: 10px;}
#journal_image_count{float: right; margin-top: 10px;}
#journal_image_nav{clear: right; float: right;}
#journal_image_back{clear: left; float: left; margin-bottom: 10px;}
#journal_image_image{clear: both; margin-top: 10px;}