/* LAYOUT
------------------------------------*/

#atff{
	display:none;
}
#wrapper{
	
	/*height:100%;
	width:100%;
	position:fixed;
	z-index:1;*/
	display:none;
}
#container{
	background:url(../images/bg.png) repeat-y center;
	/*position:absolute;
	width:100%;
	left:0px;
	top:0px;
	z-index:10;*/
}
.margin{
	margin:0 auto;
	width:948px;
	position:relative;
}

/* HEADER
------------------------------------*/

	#header{
		background:url(../images/bg-header.png) no-repeat top center;
	}
	#header h1 a{
		position:absolute;
		z-index:10;
		background:url(../images/ar-logo-sml.png);
		width:380px;
		height:67px;
		display:block;
		text-indent:-10000px;
		left:0px;
		top:55px;
	}
	#advert-top{
		position:absolute;
		z-index:10;
		width:468px;
		height:60px;
		right:0px;
		top:60px;
	}

/* MENU
------------------------------------*/

	#menu{
		border-top:2px solid #E3001A;
		padding:9px 0 0 0;
		margin:150px 0 20px;
	}
	#menu ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#menu ul li{
		float:left;
	}
	#menu ul li a{
		float:left;
		display:block;
		padding:8px 15px;
		text-transform:uppercase;
		letter-spacing:3px;
		font-size:13px;
		color:black;
		margin:0 30px 0 0;
	}
	#menu ul li a:hover,
	#menu ul li.selected a{
		color:white;
		background-color:#333333;
	}
	#menu ul li.last a{
		margin:0;
	}

/* BREADCRUMBS
------------------------------------*/

	#breadcrumbs{
		background:#F2F2F2;
		height:30px;
		overflow:hidden;
		margin:0 0 10px 0;
	}
	#breadcrumbs p{
		background:url(../images/breadcrumbs-bg.png) no-repeat right center;
		padding:0 7px 0 0;
	}
	#breadcrumbs a{
		font-size:14px;
		color:black;
		display:block;
		line-height:30px;
		background:#E6E6E6;
		padding:0 10px;
		height:30px;
		float:left;
	}
	#breadcrumbs a:hover{
		color:#666;
	}
	#breadcrumbs span{
		display:block;
		text-indent:-10000px;
		height:30px;
		background:url(../images/breadcrumbs-span-bg.png) no-repeat;
		width:8px;
		float:left;
	}
	#breadcrumbs form{
		position:relative;
	}
	#cse-search-form .gsc-input,
	#breadcrumbs .query{
		position:absolute;
		z-index:10;
		right:3px;
		top:3px;
		width:200px;
	}
	#cse-search-form .gsc-search-button,
	#breadcrumbs .button{
		border:none;
		padding:0;
		position:absolute;
		z-index:10;
		right:5px;
		top:5px;
	}
	#cse-search-form table,
	#cse-search-form tr,
	#cse-search-form td{
		padding:0;
		margin:0;
	}

	
/* CONTENT
------------------------------------*/	

	#components{
		float:left;
		width:744px;
		padding:0 0 20px 0;
	}
	
	/* article hero */
	
	#components .article-hero .author{
		padding-bottom:0;
		font-size:16px;
	}
	#components .article-hero .image{
		float:left;
		width:360px;
		margin:0 15px 0 0;
	}
	#components .article-hero .text{
		width:369px;
		float:left;
	}
	
	/* blog spot */
	
	#components .blog-spot{

	}
	#components .blog-spot h2{
		float:left;
	}
	#components .blog-spot div.items{
		float:right;
	}
	#components .blog-spot div.day{
		clear:both;
	}
	#components .blog-spot div.day p{
		background:url(../images/blog-spot-date-bg.png);
		width:77px;
		height:22px;
		text-align:center;
		color:white;
		overflow:hidden;
		margin:0 10px 0 0;
		padding:0;
		float:left;
	}
	#components .blog-spot ul{
		list-style:none;
		float:left;
		margin:0;
		padding:0;
		width:501px;
	}
	#components .blog-spot ul li a{
		color:black;
		display:block;
		background:url(../images/blog-spot-link-bg.png);
		height:22px;
		width:501px;
		overflow:hidden;
		line-height:22px;
		font-size:11px;
		float:left;
		margin:0 0 2px 0;
	}
	#components .blog-spot ul li a:hover{
		background-image:url(../images/blog-spot-link-bg-hover.png);
	}
	#components .blog-spot ul li a div.title{
		width:350px;
		float:left;
	}
	#components .blog-spot ul li a div.author{
		font-weight:bold;
		float:left;
		width:90px;
		padding:0 10px;
	}
	#components .blog-spot ul li a:hover{
		color:#666;
	}
	#components .blog-spot ul li a:hover div.author{
		color:#D3031C;
	}
	
	/* columns */
	
	#components .columns{
		
	}
	#components .columns h4{
		font-size:12px;
		background:#F2F2F2;
		margin:0 0 10px 0;
		padding:5px 0;
		font-style:italic;
	}
	#components .column{
		float:left;
		width:232px;
		margin:0 24px 0 0 ;
	}
	#components .columns .last{
		margin:0;
	}
	
	/* common */
	
	.divider{
		margin:0 0 10px 0;
		border-top:1px solid #BFBFBF;
		padding:10px 0 0 0;
	}	
	
	ul.list{
		list-style:none;
	}
	ul.list a{
		display:block;
	}
	ul.list span{
		float:right;
	}	
	p.read{
		text-align:right;
	}	
	h4.author,
	p.author{
		font-style:italic;
		color:#D3031C
	}
	
/* SIDEBAR
------------------------------------*/		
	
	#sidebar{
		width:180px;
		float:right;
		padding:0 0 20px 0;
	}
	#sidebar .subscribe{
		background:#e5e5e5;
		padding:9px;
		position:relative;
		margin:0 0 15px 0;
	}
	#sidebar .subscribe h3{
		font-style:italic;
		color:#727272;
	}
	#sidebar .subscribe p{
		margin:0;
		padding:0;
	}
	#sidebar .subscribe .price{
		position:absolute;
		z-index:10;
		bottom:-15px;
		right:-10px;
	}
	#sidebar .block{
		background:#F2F2F2;
		padding:9px;
		position:relative;
		font-size:11px;
		margin:0 0 15px 0;
	}
	#sidebar .simple h1,
	#sidebar .block h1{
		font-size:18px;
	}
	#sidebar .simple h2,
	#sidebar .block h2{
		color:#666666;
		font-size:15px;
	}
	#sidebar .simple h3{
		font-size:14px;
	}
	#sidebar .block h3{
		font-size:14px;
		border-top:1px solid white;
		padding:5px 9px;
		margin:0 -9px;
	}
	#sidebar .simple h4{
		font-size:11px;
	}
	#sidebar .block h4{
		font-size:11px;
		border-top:1px solid #dedede;
		border-bottom:1px solid #dedede;		
		padding:5px 0;
		margin-bottom:5px
	}
	#sidebar .simple p,
	#sidebar .block p{
		line-height:14px;
	}

/* MODULES
------------------------------------*/

	.module-item{
		padding-bottom:10px;
		margin-bottom:30px;
		/*border-bottom:1px solid #BFBFBF;*/
		position: relative;
	}
	.module-comment-pending{
		color:teal;
	}
	.module-comment-text{
		font-size:11px;
		line-height:14px;
	}
	.module-next{
		float:right;
	}
	.module-image-preview{
		float:right;
		margin:0 0 5px 20px;
	}
	.module-profile{
		position: absolute;
		z-index: 10;
		right: 0px;
		top:0px;
	}
	.module-profile .links{
		float:left;
		padding:5px 10px 0 0;
	}
	.module-profile .links p{
		margin:0;
		padding:0;
	}
	.module-profile .image{
		float:right;
		display:block;
		width:50px;
		height:50px;
		overflow:hidden;
		border:1px solid #ccc;
	}
	.module-title{
		margin:0;
		padding:0 50px 0 0;
	}
	.module-date{
		color:gray;
		margin:0;
		padding:0;
	}
	.module-addthis{
		float:right;
	}
	.module-options .print{
		margin:0 10px 0 0;
		background:url(../images/icon-print.png) no-repeat left center;
		padding:0 0 0 20px;
	}
	.module-options .comments{
		margin:0 10px 0 0;
		background:url(../images/icon-comment.png) no-repeat left center;
		padding:0 0 0 20px;
	}
	.module-more{
		margin:0 10px 0 0;
		background:url(../images/icon-down.png) no-repeat left center;
		padding:0 0 0 20px;
	}
	.module-hide{
		margin:0 10px 0 0;
		background:url(../images/icon-up.png) no-repeat left center;
		padding:0 0 0 20px;
	}

	/* people module */

	.profile .image{
		float:left;
		width:130px;
		margin:0 20px 20px 0;
	}
	.profile .details{
		float:left;
		width:590px;
	}
	.profile .details .rss{
		margin:10px 10px 0 0;
		padding:0;
	}
	.profile .details .rss a{
		background:url(../images/rss.png) no-repeat right center;
		width:16px;
		height:16px;
		float:right;
		display:block;
		padding:0 30px 0 0;
		line-height: 16px;
	}

	
/* FOOTER
------------------------------------*/	

	#footer{
		clear:both;
		padding:20px 0 30px 0;
		border-top:1px solid #BFBFBF;
		font:12px Arial, Helvetica, sans-serif;
		color:#666666;
	}
	#footer .cyberdesign{
		font-size:9px;
	}