/*** Global ***/
html	{ background: #000; }
.bg-topbar		{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/bg-topbar.png) no-repeat; }
.main-background{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/main-background.jpg) no-repeat top center; }
.bg-body		{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/bg-body.png) repeat-x top; }
.bg-mainWrap	{ border: 1px solid #252729; background-color: #2b2b2b;
	background-image: -moz-linear-gradient(top, #2b2b2b, #171717 200px, #010101); 
	background-image: -webkit-linear-gradient(top, #2b2b2b, #171717 200px, #010101); 
	background-image: -ms-linear-gradient(top, #2b2b2b, #171717 200px, #010101);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2b2b2b', EndColorStr='#010101'); 
}
	.bg-mainWrap a	{ color: #90b2c3; }
	.bg-mainWrap p	{ color: #959595; }
	.bg-mainWrap h1	{ color: #d9d9d9; }

#txt-header	{ color: #cecece; background-color: #424242;
	background-image: -moz-linear-gradient(top, #424242, #010101); 
	background-image: -webkit-linear-gradient(top, #424242, #010101); 
	background-image: -ms-linear-gradient(top, #424242, #010101);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#424242', EndColorStr='#010101'); 
}


/*** buttons ***/
a.btn	{-moz-border-radius: 5px; border-radius: 5px; color: #fff; 
    background-color: #424242;
    background-image: -moz-linear-gradient(top, #7fa2b5, #3d5f78);
    background-image: -webkit-linear-gradient(top, #7fa2b5, #3d5f78);
    background-image: -ms-linear-gradient(top, #7fa2b5, #3d5f78);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7fa2b5', EndColorStr='#3d5f78');
 }


#comments a.btn    { -moz-border-radius: 5px; border-radius: 5px; 
    background-color: #424242;
    background-image: -moz-linear-gradient(top, #7fa2b5, #3d5f78);
    background-image: -webkit-linear-gradient(top, #7fa2b5, #3d5f78);
    background-image: -ms-linear-gradient(top, #7fa2b5, #3d5f78);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7fa2b5', EndColorStr='#3d5f78');
}


/*** Bread Crumb ***/
#breadcrumb	a	{ color: #7d919b; }
#breadcrumb div.home		{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/icobc-sprite.png) 0px -7px no-repeat; }
#breadcrumb li.divider		{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/icobc-sprite.png) 0px -38px no-repeat; }


/*** Recent Activity ***/
.txt-title-recent	{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/txt-title-recent.png) no-repeat; }
	.bg-recent		{ background: #232426; border: 1px solid #000000; }



/*** Interact ***/
.bg-interact	{ height: 60px; background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/bg-interact.png) no-repeat; overflow: hidden; }
	.bg-interact a	{ display: block; height: 100%; width: 75px; float: left; }


/*** Pagination ***/
.txtPageNum01	{ background:#040604; border:1px solid #252729; color:#cecece; }
.listPager span	{ color:#444; }
.listPager a	{ background:url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/ico-pagination.png) no-repeat; }



/**** titles  ****/
.txt-title-blank	{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/blog/txt-title-blank.png) repeat-x; width: 100%; height: 20px; }
	.txt-title-blank	h3	{ font: 13px/20px Tahoma; color: #cecece; font-weight: bold; margin-left: 15px; }
	.txt-title-blank	a	{ float: right; }

	
/*** Search Field ***/
#bg-search	{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/blog/bg-search.png) no-repeat; }


/**** News ****/
#newsArticleSearch h3 span.highlight		{ background: #fffec9; }
#newsArticle a.ico-comments	{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/blog/ico-comments.png) no-repeat; }


/*** Add Comments ***/ 
.addComments textarea	{ background: #1b1c1d; }
#addCommentsWrap	{ background: #1b1c1d; }
	#addCommentsWrap p.error	{ color: red; }

		
/*** Comments ***/
#comments li.odd	{ background: #1d1e20; }
#comments li.even	{ background: #191919; }
#comments li.sub01, #comments li.sub02, #comments li.sub03, 
#comments li.sub04	{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/blog/texture.png) repeat; } 


/*** Background Color ***/
#bg-comments, .featureposts, #newsArticleSearch, #newsArticle	
{ background: #191919; }

.sidePanel
{ background: #141416; } 


/*** Border ***/
#bg-comments, .addComments textarea, #addCommentsWrap
{ border: 1px solid #252729; }


/*** Bottom ***/
#comments ul, #newsArticleSearch, #newsArtcile h4, #article
{ border-bottom: 1px solid #252729; }


/*** Left ***/
#comments li.sub01, #comments li.sub02, #comments li.sub03, #comments li.sub04	
{ border-left: 1px solid #252729; } 


/*** Top ***/
#comments li,
{ border-top: 1px solid #252729; }


/*** LRB ***/
.featureposts, .addComments, .sidePanel, #newsArticle
{ border-left: 1px solid #252729; border-right: 1px solid #252729; border-bottom: 1px solid #252729; }


/*** Font Colors ***/
#newsArticle h3 a, .sidePanel h3 a, .featureposts h3 a
{ color: #d7d7d7; } /* titles */

#newsArticle p.timestamp, .sidePanel p.timestamp, .featureposts p.timestamp, #comments span.timestamp	
{ color: #848484; clear: left;  } /* timestamp */

#newsArticle p.tags a, .sidePanel a, #newsArticle a.more-link, #newsArticle a.comments, p.comments a, #NextPrev a
{ color: #5186a1; } /* tags */

#newsArticle p.timestamp a, #comments ul.commentsList h3 a, .addComments span
{ color: #d7d7d7; } /* user name */

#newsArticleSearch p, #newsArticle p, #newsArticleSearch li, #newsArticle li, #comments p, #bg-search input, #newsArticle h4, .addComments textarea
{ color: #afafaf; } /* text color */

p.comments a 
{ color: #cecece; } /* leave comment */

form.reply-form {clear: both; padding: 10px 0 0 0;}
	form.reply-form .addComments {display: none;}

#comments p.blog-error, #comment-container p.blog-error {color: red; display: none;}

.addComments textarea.blog-error {border: 1px solid red;}

.postReply, .PostComment {cursor: pointer;}