/*
CSS: screen.css
Primary use: Structure and styles which appear throughout site
Depends on: screen.css
Extended by: nothing

Notes:
For styles which are only used when javascript is enabled.


Contents:
1.0 Community tabs
2.0 Links
3.0 Archive categories expand

*/

/******************************************************************
1.0 Community tabs
/*****************************************************************/
/*#blk-community{ background:none; visibility:hidden; overflow:hidden; margin:0 0 10px 1px; padding-left:0; padding-right:0; position:relative; width:319px; }*/
#blk-community{ background:none; 
		/*visibility:hidden; */
		overflow:hidden; 
		/*margin:0 0 10px 1px; */
		margin:0 0 1px 1px; 
		padding-left:0; 
		padding-right:0; 
		position:relative; 
		/*border-bottom:1px solid #7f7f7f; */
		min-height:214px;
		width:319px; }
/*.community-item{ background:none; left:0; padding-top:11px; position:absolute; top:15px; width:319px; z-index:1; }*/
.community-item{ background:none; left:0; position:absolute; top:5px; width:319px; z-index:1; }
#blk-community .first{ padding-top:15px; }
.community-item h3{ background:#fff; border:1px solid #7f7f7f; border-bottom:0; font-size:1em; font-weight:bold; padding:3px 5px 7px; position:absolute; top:-13px; z-index:2; }
#blk-community .selected h3{ padding:3px 5px 9px; top:-15px; z-index:30; }
/*#.community-item ul{ background-color:#fff; border-top:1px solid #7f7f7f; padding:5px 10px 0 9px; position:relative; }
#.community-item ul#recentcomments{ height:150px; overflow:auto; }*/
.community-item ul{ background-color:#fff; 
		border-top:1px solid #7f7f7f; 
		padding:5px 10px 0 12px; 
		position:relative; 
		overflow:auto; }


/******************************************************************
2.0 Links
/*****************************************************************/
.blk-links h2 span{ color:#666; font-size:0.667em; padding-left:5px; }
.blk-links h3{ background-image:url('../image/ic-list-controls.gif'); background-position:right 3px; background-repeat:no-repeat; color:#005689; cursor:pointer; }
.blk-links h3:hover,
.blk-links h3:active{ background-color:#005689; background-position:right -20px; color:#fff; }
.blk-links ul ul{ display:none; }
.blk-links .selected h3{ background-position:right -46px; }
.blk-links .selected h3:hover,
.blk-links .selected h3:active{ background-position:right -68px; }


/******************************************************************
3.0 Archive categories expand
/*****************************************************************/
.blk-archive-children .expand-wrapper{ margin-bottom:2em; position:relative; width:610px; }
.blk-archive-children ul{ overflow:hidden; width:610px; }
.blk-archive-children .btn2{ background-image:url('../image/ic-list-controls.gif'); background-position:right 3px; background-repeat:no-repeat; bottom:-2em; color:#005689; cursor:pointer; padding:3px 20px 3px 10px; position:absolute; right:0; }
.blk-archive-children .btn2:hover,
.blk-archive-children .btn2:active{ background-color:#005689; background-position:right -20px; color:#fff; }
.blk-archive-children .btn-close{ background-position:right -46px; display:none; }
.blk-archive-children .btn-close-top{ background-position:right -46px; bottom:auto; display:none; top:-1em; }
.blk-archive-children .btn-close:hover,
.blk-archive-children .btn-close:active,
.blk-archive-children .btn-close-top:hover,
.blk-archive-children .btn-close-top:active{ background-position:right -68px; }


/******************************************************************
4.0 Form validation
/*****************************************************************/
#commentform{ overflow:hidden; }
#respond .error{ background:#ffdfdf !important; margin:5px 0!important; padding:5px 10px!important; width:90%; }
#respond .comment-text.error{ width:97%;/*IE 6*/ }

