#blog, #contentRIGHT #blog {text-align: left; margin:0; padding:0; list-style:none; width:100%; }

#headerBar{   margin: 0px auto; clear:both; } /*  top  only  */


 #contentRIGHT  .numberWrap, .numberWrap{ display:block; clear:both; list-style:none;margin:0; padding:  0; height:26px; border-bottom:1px solid #ccc } /* ul */ 
  #contentRIGHT  .numberWrapBottom, .numberWrapBottom{   border-bottom:0; border-top:1px solid #ccc; margin-top:10px; } /* ul */ 
.numberWrap  li, #contentRIGHT .numberWrap  li { display:block; float:left; list-style:none; margin:0; padding:0}

.numberWrap  li.pageLabel , #contentRIGHT .numberWrap  li.pageLabel{ font-size:11px; font-weight:bold ; color:#666666; padding:6px 6px 0 0 ;}
.numberWrap  li a{
	display:block;
	float:left;
	padding:1px 0px; width:17px; text-align:center;
	border:1px solid #ccc;
	text-decoration: none;
	background-color:#f1f1f1;
	color:#666666;
	font-size:11px;
	margin: 4px 4px 0 0 ;
	font-weight:bold
}  
 
.numberWrap a:hover { border-color:#666666; background-color:#666666; color:#fff; text-decoration:underline} 
.numberWrap .selPage{ border-color:#999; background-color:#999; color:#FFFFFF; text-decoration:none} 
 


#blog li , #contentRIGHT #blog li{
	margin:0 0 10px 0;
	list-style:none;
	clear:both;
	padding: 0 0  0 0;
}




/*content  inside  !!*/
#blog  p , #contentRIGHT #blog   p,
#blog  a , #contentRIGHT #blog   a,
#blog  ul li , #contentRIGHT #blog   ul li{
	color:#333333;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif; text-decoration:none
	}
#blog  p , #contentRIGHT #blog   p ,
#blog  h1, #contentRIGHT #blog   h1,
#blog  h2, #contentRIGHT #blog   h2,
#blog  h3 , #contentRIGHT #blog   h3{ margin: 0 0 5px 10px ; padding: 0px;}

#blog li ul  , #contentRIGHT #blog li ul  { margin:5px  0; padding: 0  }
#blog li ul li , #contentRIGHT #blog li ul li { margin:3px 0 0 15px; list-style: disc; list-style-position:inside; clear: none; padding: 0 0  0 0px;  }
#blog ul li a , #contentRIGHT #blog ul  li a , #contentRIGHT #blog p a{ color:#003366; text-decoration:none; font-weight: normal}
#blog ul li a:hover , #contentRIGHT #blog ul  li a:hover , #contentRIGHT #blog p a:hover{ color:#003366; text-decoration: underline; }
 

#blog  h1, #contentRIGHT #blog   h1,
#blog  h2, #contentRIGHT #blog   h2,
#blog  h3 , #contentRIGHT #blog   h3{ font-size:14px; font-weight:bold}


.blogImageWrap{ display:block; float:right; width:250px;}

.blogImageWrap a { 
	margin: 6px 0 10px 10px; 
	width:240px;
	text-align:right;
	display:block; 
} 

.blogImageWrap a img{ max-width:220px; max-height:220px; padding:5px;border:2px solid #e1e1e1}

.ytPlayerWrap, 
#blog p.ytPlayerWrap{ display:block; text-align:left; clear:both; margin:10px 0 5px 0  }

.ytPlayeriFrame {background:transparent;  border:0; margin: 0px auto; border:0px solid #000; clear:both; display:block; margin:0;height: 406px; width:650px;} 

#blog p.tags  , #contentRIGHT #blog p.tags { clear:both; margin:5px 0 0 0 0}

#blog p.tags a , #contentRIGHT #blog p.tags a {
	color:#669900;
	font-size:12px;
	font-weight:bold;
	padding: 0 3px 0 0;text-decoration:none
}

#blog p.tags a:hover , #contentRIGHT #blog p.tags a:hover { text-decoration:underline}

 
 
 /*  over rides here as h1,h2,h3 etc set above for inside #blog*/
 
.blogHeadWrap { /*  heads*/
	background-color: #f1f1f1;
	clear: both;
	height:26px;
	line-height:28px;
	margin:7px auto;
	border-bottom:4px solid #ccc;
	}
	 	
	
 #contentRIGHT #blog .blogHeadWrap  .titles,
 #blog .blogHeadWrap  .titles,
  #blog .blogHeadWrap  a.titles,
.blogHeadWrap a.titles {/* title*/
	font-size: 14px;
	width: 580px;
	float:left;
	padding:0 0 0 8px;
	margin:0;
	font-weight:bold;
	overflow:hidden;
	height: 30px;
	color: #333; 
	display:block ; font-family: Arial, Helvetica, sans-serif
}

 #contentRIGHT #blog .blogHeadWrap  h3,
 #blog .blogHeadWrap  h3,
.blogHeadWrap h3 {  /*  dates*/
	font-size: 11px; 	 
	width:  110px;
	float:right;
	padding:0 10px 0  0;
	font-weight:bold;
	display:block;
	text-align: right;
	color:#f5f5f5;
	overflow:hidden;
	height: 22px;
}