body	{
	color: #333;
	background: #fff;
	margin: 25px 0 25px 0;
	padding: 0;
text-align: center;
	}


/* from JaRen' */



.bg {
	background: url(../../images/bg.jpg) bottom left fixed repeat;
	padding :0;
	margin :0;
}

.hide	{
	display: none;
	}
	

div#topgap	{
height: 20px;
text-align: center;	
}

div#topshadow	{
height: 4px;
	background: url("../../images/topshadow.gif") center no-repeat;
margin: 0;
padding: 0;
}


	
p, td, li, ul, ol, h1, h2, h3, h4, h5, h6	{
		font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
		}

html p	{
	margin-top: 0;
	margin-bottom: 1em;
	text-align: left;
	font-size:  0.85em;
	line-height: 1.5;


	}


#pharkb {

width: 610px;
height: 76px;
text-indent: -5000px;
background:  url(../../images/banpic_blog.jpg) no-repeat left top; 
margin: 0px; /*stops unwanted margin in ie */
} 

#pharka {

width: 610px;
height: 76px;
text-indent: -5000px;
background:  url(../../images/banpic_archive.jpg) no-repeat left top; 
margin: 0px; /*stops unwanted margin in ie */
} 



#logolink {/* provides link to phark logo with transparent gif*/
	position: absolute;

top: 29px;

left: 4px;

	text-align: left;

	margin-right: auto;

	margin-left: auto;

	padding: 0px 0 0px 0;

width: 200px;

height: 68px;

}

h1	{
	font-size: 1.15em;
	font-weight: bold;
margin-bottom: 3px;
color: #666;
	}

/* =breadcrumb 	
h2	{
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 0.25em;
	margin-top: 0.5em;
	}*/



	
table#breadcrumb	{
	background: url("../../images/holderbc.gif");
	}		

table#breadcrumb p 	{
	font-size: 11px;
	margin-top: 10px;
	padding: 0px 0 0 10px;
	text-align: left;	
	color: #999;
	font-weight : bold; 
}

table#breadcrumb p a:link	{
	font-size: 11px;
	font-weight : normal; 
	text-decoration : none;
	color: #999;
}


table#breadcrumb p a:visited {
	font-weight : normal; 
	text-decoration : none;
	color: #999;
	}

table#breadcrumb p a:hover {
	font-weight : normal; 
	text-decoration : underline;
	color: #999;
	}

table#breadcrumb p a:active {
	font-weight : normal; 
	text-decoration : none;
	color: #f90;
	}
	
.youarehere {
color: #FAC11F;
	}
/* =main */

#primarycontent	{
	padding: 25px 10px 0 10px;

	}

#primarycontent p	{
width: 368px;/* should match p.right because p influences that */
	}




#primarycontent img	{
	margin: 0px 0px 0px 0px;
	}



.divider {
height: 3px;
border-bottom: 1px solid #CCC; 
width: auto;
margin-bottom: 3px;	}

.archivehead	{
	font-size:  0.95em;
line-height: 1.1em;
	font-weight : normal; 
	text-decoration : none;
	color: #333;
	padding: 5px 0px 0px 5px;
	}
.archivefn	{
	font-size:  11px;
margin-top:-6px;
	font-weight : normal; 
	text-decoration : none;
	color: #666;
	padding: 0px 0px 0px 5px;
height: 7px;
	}	
	






/* =nav */
table#topborder	{ 
	background: transparent;
	}



table#nav	{ /* - */
	background: url("../../images/holdernav.gif") ;
	}

table#nav td	{
	font: 11px verdana, arial, sans-serif;
	text-align: center;
	}

table#nav td a	{
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	}
	
#nav td a:link, #nav td a:visited {
	background: transparent url(../../images/bgpat.gif) repeat;
	display: block;
	margin: 0;
	width: 100px;
	line-height: 25px;
	} 

#nav td a:hover {
	color: #f60;
	background: white url(../../images/nopat.gif) repeat;
	} 

td#home a:link, td#home a:visited {/* =no img for non in state as in ja-ren.com/default.asp */
	color: #c30;
	background: transparent url(../../images/lhbutton_off.gif) repeat;
	width: 100px;
	line-height: 25px;
	} 

td#home a:hover {/* =no img for non in state as in ja-ren.com/default.asp */
	color: #f60;
	background: white url(../../images/lhbutton_on.gif) repeat;
	width: 100px;
	line-height: 25px;
	} 


/* =footer */

table#footer	{
margin: 0;
padding: 0;
position: relative;/* ensures proper localised positioning in ie */
	background: url("../../images/holderfoot.gif") top left no-repeat;
height: 63px;
	}			

table#footer p	{
	font-size: 11px;
	margin-top: 15px;
text-align: center;	
padding-left: 31px;/* adjusting for arrow on right 43+20 margin */
}

div#botshadow	{
height: 3px;
	background: url("../../images/botshadow.gif") center no-repeat;
margin: 0;
padding: 0;
}

#footup {
	position: absolute;
	display: block;
	left: 547px;
	bottom: 10px;
	height: 47px;
	width: 43px;
}

#footup a:link, #footup a:visited {

	display: block;
width: 43px ;
	background: url("../../images/totop.gif") top left no-repeat;

}



#footup a:hover {

	background-position: 0 -108px;

}



#footup a:active {

	background-position: 0 -216px;


}






/* END from JaRen' */


div { 
text-align: left; 
}



#container { 
position: relative;/* this is important - it gets the absolute divs to not be fixed at the side but to move with all nesting */
width: 610px; 
padding: 0px; 
	background: url("../../images/holder.gif");
margin-left: auto; 
margin-right: auto;
align: center;
}

#header { 
	background: url("../../images/holderbc.gif");

height: 76px; 
}
/* #logo {
width: 186px; 
float: left; 
padding-bottom: 
10px; 
}-

 #search { 
	padding: 15px 0px 0px 0px;
width: 195px;
margin-right: 15px;
}*/

#clear { 
clear: both; 
}


#bar { 
clear: both; 
background: #999999; 
height: 25px; 
}

#top { 
height: 10px; 
clear: both; 
}


/*#body { 
clear: left; 
width: 400px;  
	padding: 25px 220px 0 10px; -margin-bottom: 15px; 
margin-top: 15px; */

}

.comments {
color: #454545;
font-size: 11px;
width: 390px; 
}

p.pollQuestion {  
color: #666666; 
font-size: 10px; 
background-color: #F1F1F1; 
padding-left: 2px; 
border: 1px solid #CCCCCC;
}

p.pollAnswer {  
color: #666666; 
font-size: 10px; 
background-color: #FFFFFF; 
padding-left: 20px; 
}

#content {
width: 610px;

}


#right_menu {

}/* clear: both; 
float: right; 
*/
/* =Sidebar display attributes 	 */

#sidebar	{
width: 210px;
	}

#sidebar img	{
	margin: 0px 0px 0px 0px;
	}



#sidebar p	{/* non-linkable info text */
	margin-top: 0.1em;
	font-size:  0.75em;
padding: 0px 30px 0 15px;}


#sidebar p a:link {/* imported from ja-ren2.css for sm_ian etc */
	font-weight : bold; 
	text-decoration : none;
	color: #000;
	background: transparent; 
	}

#sidebar p a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #666;
	background: transparent; 
	}

#sidebar p a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #f60;
	background: transparent; 
	}

#sidebar p a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #f90;
	background: transparent;  
	}

#sidebar h1	{
padding: 25px 30px 0 15px;	
	}

	#sidebar .divider {
border-bottom: 1px solid #FFF; 
padding: 0px 30px 0 15px;	
margin-left: 4px;
margin-right: 20px;
line-height: 1.4em;
}




.right_menu_content { 
width: 210px; 
padding: 5px 0px 0 0px;	
}



.right_menu_content a:link {/* linkable text such as body under recent post 
*/ 
color: #000;
font-size: 11px;
text-decoration: none; 
line-height: 1.2em;
}

.right_menu_content a:visited { 
color: #333;
font-size: 11px;
text-decoration: none; 
line-height: 1.2em;
}


.right_menu_content a:hover { 
color: #000000;
font-size: 11px;
text-decoration: underline; 
}

.right_menu_content a:active { 
color: #f90;
font-size: 11px;
text-decoration: none; 
}

/* =Sidebar specifics 

  */

.post { 
margin-left: 15px;
background: url("../icons/cube.gif") no-repeat 0px 0px; 
margin-bottom: 6px;/*provides some leading  */
}



.sbarcomments { /*not to be confused with .comments which is part of the main text area  */
margin-left: 15px;
background: url("../icons/comments.gif") no-repeat 0px 0px; 
margin-bottom: 6px;/*provides some leading  */
}

.category { 
margin-left: 15px;
background: url("../icons/category.gif") no-repeat 0px 0px; 
margin-bottom: 6px;/*provides some leading  */
}

.calendarempty { 
margin-left: 15px;
}

p.calendar { 
text-align: left; 
color: #454545; 
font-size: 10px; 
background-color: #F1F1F1; 
padding: 3px; 
}

#sidebar h3 { /*  */

border-bottom: 1px dotted #454545; 
padding: 0px 30px 0 15px;	
font-size: 12px;
background: url("../icons/arrow.gif") no-repeat 0px 50%; 
margin-left: 15px;
margin-right: 25px;
line-height: 1.4em;
}
.right_menu li {
border-bottom: 1px dotted #CCCCCC;
padding: 2px;
}



 .date { 
color: #999; font-size: 11px; 
}
/*
h1 { 
margin: 0; 
margin-bottom: 10px; 
padding: 0; 
font-weight: normal; 
font-size: 25px; 
color: #454545;
}

#top h1 { 
color: #FFFFFF; 
padding-left: 25px; 
padding-top: 65px; 
line-height: 110%;
}*/


h2 { /* headline for main content*/
font-size: 1.2em; 
font-weight: bold; 
margin-bottom: 5px; 
padding-bottom: 3px;
color: #454545; 
border-bottom: 1px dashed #CCCCCC; 
width:380px;
}



p {/* body for entire content area*/	
margin: 0; 
margin-bottom: 5px; 
color: #333; 
}
/* =p right*/
p.right { 
text-align: right; 
color: #666666; 
font-size: 1em; 
background-color: #F1F1F1; 
padding: 5px; 
border: 1px solid #CCCCCC;
width: 340px;
margin-left:0;
}

/* relate to html p */

a:link { 
	font-weight : bold; 
	text-decoration : none;
color: #c30; 
	background: transparent; 
}

a:visited { 
	font-weight : bold; 
	text-decoration : none;
color: #c30; 
	background: transparent; 
}

a:hover { 
	font-weight : bold; 
	text-decoration : underline;
color: #f60; 
	background: transparent; 
}


a:active { 
	font-weight : bold; 
	text-decoration : underline;
color: #f90; 
	background: transparent; 
}





p.right a:link { 
	font-weight : bold; 
	text-decoration : none;
color: #c30; 
font-size: 10px;
	background: transparent; 
}

p.right a:visited { 
	font-weight : bold; 
	text-decoration : none;
color: #c30; 
font-size: 10px;
	background: transparent; 
}

p.right a:hover { 
	font-weight : bold; 
	text-decoration : underline;
color: #f60; 
font-size: 10px;
	background: transparent; 
}


p.left { 
text-align: left; 
color: #454545; 
font-size: 10px; 
font-weight: bold;
background-color: #F1F1F1; 
padding: 5px; 
border: 1px solid #CCCCCC;
}



.comment_name { 
color: #454545; 
font-size: 11px;  
}

td.commentright { 
text-align: right;

margin-bottom: 0px;
}


p.lblog { 
text-align: center; 
font-size: 10px;
}

form { 
padding-top: 10px;
margin-left: 15px; /* indents entire search area */ 
}

form.comments { 
margin-left: 0px; /* indents entire search area */ 
margin-top:4px;
width: 360px;/* fixed bug in ie 5.5 pc (too wide and pushes sm to left */
}

input {
border: 1px solid #c0c0c0; 
color: #454545; 
font-size: 11px; 
}

input.searchText { 
width: 115px; 
height: 13px; 
}

input.searchSubmit { 
color: #FAC11F; 
background: #fff; 
border: 1px solid #c0c0c0;	
font-size: 10px; 
	font-weight : bold; 
width: 45px; 
height: 19px; 
	margin: 0 0 -1px 0;
padding-bottom: 0 0 2px 0; 
}

.searchresults { 
color: #70A1C7;
}


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

#bar li { 
margin: 0; 
padding: 0; 
padding-top: 4px; 
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px; 
border-right: 1px solid #FFFFFF; 
float: left; 
display: block;
}

#bar li.active { 
background: #99CC00; 
color: #FFFFFF; 
padding-bottom: 4px; 
}


}
/* #footer li { 
float: left; 
padding: 0; 
height: 15px;
vertical-align: middle;	
padding-right: 25px;
font-size: 11px;  */




/* #bar a:link { 
color: #FFFFFF; 
font-size: 11px;
text-decoration: none; 
font-weight: bold;
} 

#bar a:visited { 
color: #FFFFFF;  
font-size: 11px;
text-decoration: none;
font-weight: bold; 
}

#bar a:hover { 
color: #CCCCCC; 
font-size: 11px;
text-decoration: none;
font-weight: bold;
}

#bar a:active { 
color: #FFFFFF; 
font-size: 11px;
text-decoration: none; 
font-weight: bold;
} border: solid 5px red; */


.footimg { 
background: transparent top left no-repeat; 
background-position: 0 -108px;
width: 610px;
height: 13px;}


	



a img { 
border: 0; 
}

a img:active { 
border: 0; 
}

span.highlight { 
color: #abd6f1; 
}

span.hide { 
display: none; 
}

span.underline {
text-decoration: underline; 
}


/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:5px;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#f60;font:11px/12px verdana,arial,sans-serif;font-weight:bold;  }
body div#toolTip p em { display:block;margin-top:3px;color:#fff;font-style:normal;font-weight:normal; }
body div#toolTip p em span { font-weight:bold;color:#fff; }


.noheight {

padding:0;

margin:0;

width: 100%;

font-size: 1%;

  color: #CCC;

	background: #CCC url(../../images/bg.jpg) bottom left fixed repeat;

}



.noheight a:link, .noheight a:visited {

  color: #CCC;

}





.noheighttarget {

padding:0;

margin:0;

width: 100%;

font-size: 1%;

  color: #FFF;
	background:  url(../../images/holderbc.gif);

}