#wrapper {
background: #FFFFFF url(imgs/blg_footer_w.gif) no-repeat bottom;
}
/*----------------- BOX -----------------*/
/***** BLOG BOX *****/
#blogWrapper {
	width: 100%;
	margin: 0px;
	padding: 13px 0px 10px;
}
* html #blogBox {
	font-size: 11px;
	/*background: #FFFFFF url(imgs/blg_header_bg_w_ie.gif) no-repeat left top;*/
	margin: -8px 0px 0px;
	padding: 0px;
	width: 812px;
	clear: both;
}
#blogBox {
	font-size: 11px;
	background: #FFFFFF url(imgs/blg_main_bg_w.gif) repeat-y left;
	margin: 0px;
	padding: 0px;
	width: 812px;
	clear: both;
}
#blogBody {
	font-size: 11px;
	color: #000000;
	line-height: 200%;
}
#blogBody p a:link {
	color: #FF0000;
	text-decoration: none;
}
#blogBody p a:visited {
	color: #FF0000;
	text-decoration: none;
}
#blogBody p a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#blogBody p a:active {
	color: #FF0000;
	text-decoration: none;
}

/*----------------- HEADER -----------------*/
/***** HEAD BOX *****/
#blogHeaderBox {
	margin: 0px;
	padding: 0px 0px 110px;
	font-size: 11px;
	background: #FFFFFF url(imgs/blg_header_bg_w.gif) no-repeat left bottom;
}
* html #blogHeaderBox {
	margin: -18px 0px 0px;
	padding: 0px;
	font-size: 11px;
	clear: both;
	background: #FFFFFF url(none) no-repeat;
}

#blogTree {
	width: 812px;
	height: 25px;
	clear: both;
	margin: 0px;
	padding: 0px;
}

#blogTree ul#blogTreeNavi {
	margin: 0px;
	padding: 6px 0px 0 6px;
	top: 0px;
	width: 798px;
	height: 19px;
	display: block;
	font-size: 10px;
}

ul#blogTreeNavi li {
  display: inline;
  margin: 0px;
  padding: 0px;
  float: left;
}

ul#blogTreeNavi li.naviArrow {
  display: inline;
  margin: 0px;
  padding: 0px 6px;
}

ul#blogTreeNavi li a {
	float: left;
	margin: 0px;
	padding: 0px;
	text-decoration: none ! important;
	display: block;
}

/***** BLOG HEAD *****/
#blogHeaderTitle {
	background-color: #FFFFFF;
	padding-top: 12px;
}
/***** TREE *****/
#blogTree {
	background-color: #FFFFFF;

}
/***** PHOTO *****/
* html #blogPhoto {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 175px;
	clear: both;
}
#blogPhoto {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 175px;

}
/***** NAME *****/
* html #blogName {
	float: right;
	margin: 0px;
	padding: 0px 0px 9px;
	background: #FFFFFF url(imgs/blg_header_bg_w_ie.gif) no-repeat right bottom;
}

/**** update by darren *******/
#blogName 
{
	color: white;
	float: right;
	width:617px;
	height:80px;
	margin: 0px;
	padding: 10px;
	background: #999999 url(none);
}

/***** RSS *****/
* html .blogRss {
	position: absolute;
	height: 14px;
	width: 44px;
	left: 765px;
	top: 210px;
	visibility: visible;
}
.blogRss {
	position: absolute;
	height: 14px;
	width: 44px;
	left: 765px;
	top: 210px;

}

/*----------------- MAIN CONTENTS -----------------*/
/***** BOX *****/
* html #blogMainBox {
	background: url(imgs/blg_body_footer_w.gif) no-repeat left bottom;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

#blogMainBox {
	background: url(imgs/blg_body_footer_w.gif) no-repeat left bottom;
	text-align: left;
	vertical-align: top;
}
#blogMainBox2 {
	width: 571px;
	color: #000000;
	margin: 0px;
	padding: 20px;
}

#blogMainBox p a:link {
	color: #FF0000;
	text-decoration: none;
}
#blogMainBox p a:visited {
	color: #FF0000;
	text-decoration: none;
}
#blogMainBox p a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#blogMainBox p a:active {
	color: #FF0000;
	text-decoration: none;
}

p {
line-height: 20px;
}



#oyadama #box #blogWrapper #blogBox #blogMainBox #blogMainBox2 .blogPosted a:link {
	color: #000000;
	text-decoration: none;
}
#oyadama #box #blogWrapper #blogBox #blogMainBox #blogMainBox2 .blogPosted a:visited {
	color: #000000;
	text-decoration: none;
}
#oyadama #box #blogWrapper #blogBox #blogMainBox #blogMainBox2 .blogPosted a:hover {
	color: #FF0000;
	text-decoration: underline;
}

/*----------------- SIDE CONTENTS -----------------*/
/***** BOX *****/
#blogSideBox {
	width: 200px;
	color: #000000;
	text-align: right;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	background: url(imgs/blg_side_footer_w.gif) no-repeat 1px bottom;
}
#blogSideBox2 {
	text-align: left;
	background: #FFFFFF;
	margin: 0px 0px 0px 1px;
}



#blogSideBox a:link {
	color: #FF0000;
	text-decoration: none;
}
#blogSideBox a:visited {
	color: #FF0000;
	text-decoration: none;
}
#blogSideBox a:hover {
	color: #FF0000;
	text-decoration: none;
}


/***** PROFILE *****/
#blogProfile_name {
	font-size: 11px;
	font-weight: bold;
	background: #FFFFFF no-repeat left top url(imgs/blg_profile_w.gif);
	margin-top: 20px;
	padding: 40px 10px 0px;
	width: 180px;
}
#blogProfile_career {
	font-size: 10px;
	width: 180px;
	margin: 0px;
	padding: 10px 10px 0px;
	line-height: 160%;
}
#oyadama #box #blogWrapper #blogBox #blogSideBox #blogSideBox2 #blogProfile_career a:link {
	color: #FF0000;
	text-decoration: none;
}
#oyadama #box #blogWrapper #blogBox #blogSideBox #blogSideBox2 #blogProfile_career a:visited {
	color: #FF0000;
	text-decoration: none;
}
#oyadama #box #blogWrapper #blogBox #blogSideBox #blogSideBox2 #blogProfile_career a:hover {
	color: #FF0000;
	text-decoration: underline;
}

/***** CALENDAR *****/
#calendar {
	font-size: 10px;
	line-height: 135%;
	background: url(imgs/blg_calendar_w.gif) no-repeat left top;
	margin: 20px 0px 0px;
	padding: 40px 10px 0px;
	width: 180px;
	text-align: center;
}

#calendar table {
	margin: 0px;
	padding: 0px;
	width: 170px;
}


#calendarMonth a:link {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
#calendarMonth a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
#calendarMonth a:hover {
	color: #FF0000;
	text-decoration: none;
	font-weight: normal;
}
.calendarTxt01 {
	color: #000000;
	font-size: 10px;
	text-align: center;
}
.calendarTxt01 a:link {
	font-weight: bold;
	text-decoration: none;
	background-color: #CCCCCC;
	padding: 3px;
	margin: 1px;
}
.calendarTxt01 a:visited {
	font-weight: bold;
	text-decoration: none;
	background-color: #CCCCCC;
	padding: 3px;
	margin: 1px;
}
.calendarTxt01 a:hover {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
	background-color: #CCCCCC;
	padding: 3px;
	margin: 1px;
}
.calendarTxt02 {
	color: #FF0000;
	font-size: 10px;
	text-align: center;
}


/***** SEARCH *****/
#blogSearch {
	background: url(imgs/blg_search_w.gif) no-repeat left top;
	margin: 20px 0px 0px;
	padding: 40px 10px 0px;
	width: 180px;
}
input {
	font-size: 11px;
	border: 1px solid #666666;
}


/***** RECENT POSTS *****/
#blogRecePost {
	font-size: 11px;
	line-height: 135%;
	background: url(imgs/blg_post_w.gif) no-repeat left top;
	margin: 20px 0px 0px;
	padding: 40px 10px 0px;
	width: 180px;
}
#blogRecePost ul {
	width: 180px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#blogRecePost ul li {
	margin: 8px 0px 0px;
	padding: 0px 10px;
	width: 160px;
	background: url(imgs/blg_post_w_arrow.gif) no-repeat left top;
}


/*----------------- TEXT -----------------*/
/***** MAIN CONTENTS *****/
#blogMainBox {
	font-size: 11px;
	line-height: 135%;
	color: #000000;
}
#blogMainBox a:link {
	color: #000000;
	text-decoration: none;
}
#blogMainBox a:visited {
	color: #000000;
	text-decoration: none;
}
#blogMainBox a:hover {
	color: #FF0000;
	text-decoration: none;
}

#blogMainBox h2 {
	font-size: 14px;
	line-height: 135%;
	color: #000000;
	background: url(imgs/blg_title_w.gif) no-repeat left bottom;
	margin: 0px 0px 4px;
	padding: 10px 20px 6px 48px;
	width: 500px;
}

#blogMainBox2 h4 {
	font-size: 12px;
	color: #000000;
	background: url(imgs/blg_trackback_w.gif) no-repeat left bottom;
	margin: 0px;
	padding: 10px 20px 0px 73px;
	width: 465px;
	font-weight: normal;
	height: 30px;
}

/* POSTED */
.blogPosted {
	background-image: url(imgs/blg_line_w.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 10px 0px 40px 0px;
	width: 568px;

}

/***** SIDE CONTENTS *****/
#blogSideBox {
	font-size: 11px;
	line-height: 135%;
	color: #000000;
	background-image: url(imgs/blg_side_footer_w.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px;
	padding: 0px 0px 20px;
}
#blogSideBox a:link {
	color: #000000;
	text-decoration: none;
}
#blogSideBox a:visited {
	color: #000000;
	text-decoration: none;
}
#blogSideBox a:hover {
	color: #FF0000;
	text-decoration: none;
}

/**********Add By Photosharp ****************/
#blogMyPhotosharp {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(imgs/blg_MyPhotosharp_w.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 20px 0px 0px; WIDTH: 180px; PADDING-TOP: 40px
}
#blogMyFriends {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(imgs/blg_MyFriends_w.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 20px 0px 0px; WIDTH: 180px; PADDING-TOP: 40px
}
#blogCategories {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(imgs/blg_Categories_w.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 20px 0px 0px; WIDTH: 180px; PADDING-TOP: 40px
}
#blogAlbum {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(imgs/blg_Albums_w.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 20px 0px 0px; WIDTH: 180px; PADDING-TOP: 40px
}


#blogMainBox .Tbl { background: #cccccc}
#blogMainBox .Tbl TD { background: #ffffff; color: #111111; padding:2px; height:20px;}
#blogMainBox .Tbl TD.header { background: #dddddd; color: #000000; text-align:center; font-weight:bold; padding:2px;}