/* General page style. The scroll bar colours only visible in IE5.5+ */
body {  
	margin: 0px;
	padding: 0px;
	scrollbar-highlight-color: #E5E5E5;
	scrollbar-shadow-color: #4B4B4B;
	scrollbar-3dlight-color: #4B4B4B;
	scrollbar-arrow-color: #4B4B4B;
	scrollbar-track-color: #E6E6E6;
	scrollbar-darkshadow-color: #E6E6E6;
}

/* General font families for common tags */
font,th,td,p { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color : #262626;
}

a:link,a:active,a:visited { 
	text-decoration: none;
	color : #303030; 
}

a:hover	{ 
	text-decoration: none;
	color : #CC0000;
}

/* Post */
.storyTitle {
	font-weight:900;
	color: #757575;
}

.storyTime {
	font-size:10px;
	font-style:italic;
	font-weight:600;
	color: #AAAAAA;
}

.storyContent {
	margin:0px;
	padding:2px;
	line-height: 14px;
}

.storyComment {
	font-size:10px;
	font-style:italic;
	font-weight:600;
	color: #757575;
}

a.storyComment,a.storyComment:visited {
	font-size:10px;
	font-style:italic;
	font-weight:600;
	color: #757575;
}

a.storyComment:hover {
	font-size:10px;
	font-style:italic;
	font-weight:600;
	color: #CC0000;
}

.viewCurrent {
	font-size:10px;
	font-style:italic;
	font-weight:600;
	color: #757575;
}

a.viewCurrent,a.viewCurrent:visited {
	font-size:10px;
	font-style:italic;
	font-weight:600;
	color: #757575;
}

a.viewCurrent:hover {
	font-size:10px;
	font-style:italic;
	font-weight:600;
	color: #CC0000;
}

/* The text used in rite side */
.riteText {
	font-size:10px;
	line-height: 12px;
}

/* The txst used in b2calendar */
.b2calendarmonth {
	font-size:10px;
	font-weight:800;
	line-height: 12px;
}

.b2calendartoday {
	font-size:10px;
	font-weight:600;
	color: #CC0000;
	line-height: 12px;
}

.b2calendarlinkpost {
	font-size:10px;	
	color: #FFAA55;
	line-height: 12px;
}

a.b2calendarlinkpost,a.b2calendarlinkpost:visited {
	font-size:10px;
	color: #FFAA55;
	line-height: 12px;
}

a.b2calendarlinkpost:hover {
	font-size:10px;
	color: #CC0000;
	line-height: 12px;
}

.b2calendarheadercell {
	font-size:10px;
	line-height: 12px;
}

.b2calendarcell {
	font-size:10px;
	line-height: 12px;

}

.b2calendaremptycell {
	line-height: 12px;
}

/* This is for ShoutBox */
input.inputtext {
	background-color: #EEEEEE;
	color: #666666;
	border-top: 1px none;
	border-right: 1px none;
	border-left: 1px none;
	border-bottom: 1px solid #666666;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width: 150px;	
}

input.button {
	background-color : #CCCCCC;
	color : #000000;
	font-size: 10px;
	font-weight : 600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	width: 45px;
}



/* This is the outline round the tables */		
td.top 	{ 
	background-color: #EEEEEE; 
	background-image: url(image/frame/rite_frame_top.gif);
}
		
td.bot	{ 
	background-color: #EEEEEE; 
	background-image: url(image/frame/rite_frame_bot.gif);
}
		
td.left	{ 
	background-color: #EEEEEE; 
	background-image: url(image/frame/rite_frame_left.gif);
	repeat-y; 
}
		
td.right { 
	background-color: #EEEEEE; 
	background-image: url(image/frame/rite_frame_right.gif);
	repeat-y; 
}
		
td.white { 
	background-color: #FFFFFF; 
	background-image: url(image/frame/main_frame_white.gif); 
}
		
td.black {
	background-color: #000000;
	background-image: url(image/frame/main_frame_black.gif);
}

td.blog_div {
	background-color: #EEEEEE;
	background-image: url(image/frame/blog_div.gif);
}