/*-----------------------------------------------------------
Description: 360 IT Archive
Version: 1.0
Author: Marta Matos
Author URI: www.aspevents.net
-----------------------------------------------------------*/
.clear{clear:both;}

/*Leading Article*/
#article{}
	#article h2.arch_headline{border:0;}
	#article .arch_date{color:#767676; font-weight:bold; font-size:12px; text-transform:uppercase; margin-right:10px; margin-top:4px; float:left;}
	#article .arch_from{color:#767676; margin-bottom:7px; float:left; margin-top:4px;}
	#article .arch_abstract img{margin-bottom:10px;}
	#article .arch_descript img{margin-bottom:10px;}
	#article .arch_more_info{height:39px; background:url(../g/2010/template/more_info_bg.gif); position:relative; }
	#article .arch_more_info a{color:#fff; margin:13px 0 0 25px; position:relative; float:left;}
	#article .arch_more_info a:hover{color:#bebebe;}
		.arch_addthis{float:left; margin:0 0 0 15px;}
		.arch_subrss{float:left; margin:0 0 0 0px;) repeat-none;}
		.arch_subrss img {vertical-align: middle; padding-right: 5px;}
		.arch_subreg img {vertical-align: middle; padding-right: 5px;}


/*Site homepage list*/
#article{}
	.home_thumb{float:left; position:relative; width:70px; margin:0 0px 10px 0; vertical-align: top; padding: 0px;}
	.home_date{color:#767676; font-weight:bold; font-size:11px; text-transform:uppercase; margin-top:0px;}
			h2.home_headline{color:#005389; border:none; padding:0; margin:0; font-size:15px;}
				h2.home_headline a{color:#005389; font-size:15px;}
				h2.home_headline a:hover{color:#666; font-size:15px;}
	.home_from {color:#767676; margin-bottom:20px; margin-top:0px; font-size:10px;}



/*Article List*/
.arch_tab_menu{background:url(../g/2010/template/tab_bg.gif) repeat-x;}
#article_list{ padding-bottom:20px; float:left; position:relative;}
	.arch_date{color:#767676; font-weight:bold; font-size:12px; text-transform:uppercase; margin-top:15px;}
	#article_list .arch_from{font-size:10px; }
	.arch_article_item{position:relative; float:left; margin-top:7px; border-bottom:solid 1px #ccc; width:580px; padding-bottom:6px; margin-bottom:12px;}
		.arch_thumb{float:left; position:relative; width:70px; margin:0 10px 10px 0;}
		.arch_thumb_detail img {float:left; position:relative; padding:0px 10px 10px 0;}
		.arch_content{float:left; position:relative; margin-bottom:15px; width:496px; _width:476px;}
			h2.arch_headline{color:#005389; border:none; padding:0; margin:0;}
				h2.arch_headline a{color:#005389;}
				h2.arch_headline a:hover{color:#666;}
			.arch_abstract{}
			.arch_descript{}
			.arch_more_info a:hover{color:#666;}
.article_spacer{}

/*Article Detail*/

#article_detail .arch_tab_menu{margin-top:15px;}
#article_detail{float:left; position:relative; padding-bottom:20px;}
	.arch_tab_menu{}
		.arch_tab_menu a{}
	#article_detail h2.arch_headline{margin:20px 0 0 0; padding:0;}
	#article_detail .arch_date{color:#767676; font-weight:bold; font-size:12px; text-transform:uppercase; margin:0; padding:0;}
	#article_detail .arch_from {font-size:10px; margin:0 0 10px 0; line-height:1.2;}
	#article_detail .arch_from a {font-size:10px; color:#942e3b; margin:0 0 10px 0; line-height:1.2;}
	#article_detail .arch_from a:hover {color:#015389;}
	h3.arch_byline{margin:0px 0 0px 0; display: none;} /* set to zero as per Jamie to reduce a gap on full article view, Richard*/
	.arch_thumb2{}
	/*.arch_descritp { margin-top: 0px;} set to zero to remove gap between image and article view, Richard*/
	/*.arch_descritp p{ margin-top: 5px;} set to zero to remove gap between image and article view, Richard*/
.article_spacer{}
	#article_detail .arch_more_info{height:39px; width:576px; background:url(../g/2010/template/more_info_bg2.gif); position:relative; float:left; }
		#article_detail .arch_more_info a{color:#fff; margin:13px 0 0 30px; position:relative; float:left;}
		#article_detail .arch_more_info a:hover{color:#bebebe;}
			#article_detail .arch_addthis{float:left; margin:0 0 0 0px;}
			
.article_spacer{}

/* RSS icon */

#rss_blog {float: right;}
#rss_blog2 {float: right; margin-top: 20px;}