/*
-----------------------------------------------
copyright psdtheme(s).com
Stylesheet:  HOMEPAGE.css
Version:  1 
Revision: 1 MARCH  2008
----------------------------------------------- */

#left_side{ float:left; width:720px; min-height:400px; position:relative;}
#left_side.index{  padding-top:12px; }

#slider{
	float:left;
	width:705px;
	height:368px;
	position:relative;
}

#slider a.effects{
	position:absolute;
	left:0px;
	top:0px;
}

#slider span.shape{
	float:left;
	width:705px;
	height:368px;
	background:url(../images/layout/boxes2/big_box.png) no-repeat top left;
	position:absolute;
	left:0px;
	top:0px;
	right:0;
	z-index:10
}
#slider div.screen{
	position:absolute;
	left:1px; 
	top:0px;
	width:701px;
	height:290px;
	overflow:visible;
	z-index:1;
}
#slider div.screen ul{
	float:left;
	width:701px;
	height:290px;
	padding:0;
	margin:0;
	overflow:hidden;
}
#slider div.screen ul li{
	width:701px;
	height:290px;
	overflow:hidden;
	display:inline;
	padding:0;
	margin:0;
	float:left;
}



span.content_type{
	width:75px;
	height:26px;
	position:absolute;
	top:16px;
	left:0px;
	background:url(../images/layout/boxes2/free_icons.png) repeat-x top left;
	z-index:1;
	display:none;
}

#slider div.screen ul li:first-child span.content_type{
	display:block;
}

div.bloc span.content_type{
	top:25px;
	left:1px;
	display:block;
}

span.content_type.free{
	background:url(../images/layout/boxes2/free_icons.png)  no-repeat top right;
}
span.content_type.blog{
	background:url(../images/layout/boxes2/blog_icons.png)  no-repeat top right;
}
span.content_type.tuto{
	background:url(../images/layout/boxes2/tuto_icons.png)  no-repeat top right;
}
span.content_type.video{
	background:url(../images/layout/boxes2/videos_icons.png)  no-repeat top right;
}
span.content_type.exclusive{
	background:url(../images/layout/boxes2/tag_exclusive.png) no-repeat top right;
}
span.content_type.developer{
	background:url(../images/layout/boxes2/tag_developer.png) no-repeat top right;
}


#slider  span.content_type_bar{
	width:701px;
	height:2px;
	position:absolute;
	top:-2px;
	left:0px;
	background:url(../images/layout/boxes2/free_icons.png) repeat-x bottom left;
}

#slider  span.content_type_bar.free{
	background:url(../images/layout/boxes2/free_icons.png) repeat-x bottom left;
}
#slider  span.content_type_bar.exclusive{
	background:url(../images/layout/boxes2/tag_exclusive.png)repeat-x bottom left;
}
#slider  span.content_type_bar.developer{
	background:url(../images/layout/boxes2/tag_developer.png) repeat-x bottom left;
}

#slider div.data{
	position:absolute;
	bottom:4px;
	left:1px;
	width:676px;
	height:63px;
	background:url(../images/layout/boxes2/bottom_slider.png) repeat-x top left;
	padding:9px 0px 0px 25px;
	z-index:10;
	display:none;
}

#slider div.data#data_0{
	display:block;
}



#slider div.data a.name{
	color:white; font-size:24px; text-transform: uppercase; font-weight:bold; font-family: "Helvetica Bold",Arial,Helvetica,Geneva,sans-serif;
	text-shadow: #1c2128 0 1px 1px;
	width:480px;
	float:left;
}
#slider div.data a.name:hover{
	text-decoration:none;
}

#slider div.data div.tags {
	float:left;
	width:480px;
}

#slider div.data div.tags span{
	color:#9b884f;
	float:left;
	margin-right:8px;
}

#slider div.data div.tags ul{
	list-style-type: none; float:left;
	padding:0; margin:0;
}
#slider div.data div.tags li{
	display:inline;
	padding-right:4px;
	float:left;
}

#slider div.data div.tags ul li a{
	color:#848484;
	float:left;
}


#slider div#sliderNav{
	position:absolute;
	right:3px;
	bottom:4px;
	width:170px;
	z-index:10;
}

#slider div#sliderNav a{
	width:83px;
	height:72px;
	background:url(../images/layout/boxes2/btn_slider2.png) repeat-y top left;
	float:left;
	padding-left:2px;
}
#slider div#sliderNav a:first-child{
	background:url(../images/layout/boxes2/btn_slider.png) repeat-y top left;
}

#slider div#sliderNav a span{
	margin-top:1px;
	background:url(../images/layout/btn_slider.png) no-repeat top right;
	width:83px;
	height:71px;
	float:left;
}

#slider div#sliderNav a:first-child span{
	background-position:top left;
}

#slider div#sliderNav a:active span{
	background-position:bottom right;

}

#slider div#sliderNav a:active:first-child span{
	background-position:bottom left;

}


div.bloc{
	float:left;
	width:345px;
	height:468px;
	position:relative;
	margin-top:17px;
	margin-right:15px;
	cursor:pointer;
}

div.bloc a.effects{
	position:absolute;
	left:0px;
	top:0px;
}

div.bloc span.shape{
	float:left;
	width:345px;
	height:468px;
	background:url(../images/layout/boxes2/small_box.png) no-repeat top left;
	position:absolute;
	left:0px;
	top:0px;
	right:0;
	z-index:10
}

div.bloc span.shape.hover{
	background:url(../images/layout/boxes2/light_small.png) no-repeat top left;
	width:365px;
	height:488px;
	left:-11px;
	top:-13px;
	opacity:0;
	z-index:20;
}

div.bloc span.screen{
	position:absolute;
	left:1px; 
	top:0px;
	width:341px;
	height:463px;
	overflow:hidden;
	z-index:1;
}

div.bloc div.data{
	position:absolute;
	left:1px; 
	bottom:4px;
	width:291px;
	overflow:hidden;
	z-index:1;
	background:url(../images/layout/boxes2/bg_title_bloc.png) bottom left;
	padding:14px 25px;
}

div.bloc div.data p.name{
	color:white; font-size:24px; line-height:22px; text-transform: uppercase; font-weight:bold; font-family: "Helvetica Bold",Arial,Helvetica,Geneva,sans-serif;
	text-shadow: #1c2128 0 1px 1px;
}

div.bloc div.data div.subline{
	float:left;
	width:100%;
	font-size:11px;
	line-height:10px;
	padding-top:8px; 
	padding-bottom:2px;
}

div.bloc div.data div.subline a.comment{
	color:#9b884f;
	margin-right:8px;
	float:left;
}
div.bloc div.data div.subline a.comment:hover{
	color:#FFF;
	cursor:pointer;
}
div.bloc div.data div.subline span.date{
	padding-left:8px;
	border-left:1px solid #6C6C6C;
	float:left;
}


div#sponsors{
	float:left;
	width:254px;
	padding-top:10px;
	background:url(../images/layout/sponsor.png) no-repeat left top;
	margin-bottom:10px;
	overflow:hidden;
	margin-left:4px;
	}
	div#sponsors a{
		float:left;
	}

/* HOME */

#left_home{
	float:left;
	width:302px;
	background:url(../images/home/bg_left.png) repeat-y;
	padding:55px 25px 24px 25px; 
	position:relative;
	font-size:14px;
	line-height:20px;
	min-height:800px;
	color:#707477;
}
	#left_home #top_round{
		background:url(../images/home/left_rounded.png) no-repeat;
		position:absolute;
		top:0px; left:0px;
		width:352px;
		height:5px;
	}
	#left_home #bottom_round{
		background:url(../images/home/left_rounded.png) no-repeat 0px -5px;
		position:absolute;
		bottom:0px; left:0px;
		width:352px;
		height:4px;
	}
	#left_home h1{
		text-indent:-5000px;
		background:url(../images/home/crazy_details.png) no-repeat;
		width:295px;
		height:159px;
		margin-bottom:40px;
	}	

	
	#left_home h2{
		color:#FFF;
		font-size:20pt;
		text-align:left;
		font-family:Georiga ;
		font-style:normal;
		margin-bottom:10px;
		margin:40px 0px 0px 0px;
		padding:0;
		
	}
	
	div.latest_theme{
		margin-top:20px;
		margin-bottom:30px;
		float:left;
		font-size:11px;
	}
	
	div.latest_theme a.title_latest_theme{ color:#C9C9C9; float:left;  font-weight:bold; margin-bottom:5px; margin-top:20px;}

	div.latest_theme p{
		float:left;
	}	
	
	div.latest_theme p a{
		color:#FFF;
	}
	
	#left_home ul{
		float:left;
		margin:0;
		padding:0;
		width:100%;
		}
		
	#left_home ul li{
		float:left;
		width:100%;
		list-style:none;
	}
	
	#left_home ul li a{
		display:block;
		border-bottom:1px solid #343537;
		padding-bottom:22px;
		padding-top:26px;
		font-size:12px;
		background-image:url(../images/content/mad_guys.png);
		background-repeat:no-repeat;
		padding-left:75px;
		color:#C4DAF5;
	}
	
	
	#left_home ul li a:hover{ text-decoration:none; }
	
	#left_home ul li#free a{
		background-position: left 0px;
	}		
	
	#left_home ul li#exclu a{
		background-position: left -87px;
	}	
	
	#left_home ul li#dev a{
		background-position: left -176px;
		border-bottom:none;
		padding-bottom:10px;
	}
	
	#left_home ul li a  span{ margin-top:0px; float:left; width:100%; font-weight:bold; }
	
	
	#left_home ul li#free span{
		color:#F7B340;		
	}	
	#left_home ul li#exclu span{
		color:#75ACF2;		
	}	
	#left_home ul li#dev span{
		color:#2AB17D;		
	}
	
	#left_home ul li a  p span{ margin-top:0px; float:none; width:auto; color:#FFF!important; font-size:11px; visibility:hidden; }
	
	#preview_last{
		width:302px;
		height:189px;
		overflow:hidden;
		float:left;
	}

	
#center_home{
	float:right;
	width:340px;
	margin-right:12px;
	color:#6D747E;
}

	#center_home h1{
		color:#FFF;
		font-size:20pt;
		text-align:left;
		font-family:Georiga ;
		font-style:normal;
		margin:0px 0px 15px 0px;
		padding:0;
	}	
	
	#exclusive_prices{
			background:url(../images/home/exclusive_prices.png) no-repeat right top;
			width:257px;
			height:225px;
			float:left;
			margin-bottom:10px;
	}
	
	#affiliate_box{
			background:url(../images/home/affiliate.png) no-repeat right top;
			display:block;
			min-height:106px;
			padding-right:116px;
			float:left;
			margin-bottom:40px;
	}	

	
	span.percent{
		color:#95D6E8;
		font-weight:bold;
	}
	
	#customer_box{
			background:url(../images/home/testimonial.png) no-repeat left top;
			display:block;
			min-height:100px;
			padding-left:88px;
			float:left;
			margin-bottom:40px;
	}
	
	#customer_box blockquote{ background:url(../images/home/quote_open.png) no-repeat left top; text-indent:16px; margin:0px; }
	#customer_box blockquote span{ background:url(../images/home/quote_close.png) no-repeat right bottom; padding-right:16px;  }
	p.customer{ margin-top:10px; font-size:11px; font-style:italic;}
	
	#blog_box{
			background:url(../images/home/blog.png) no-repeat right top;
			display:block;
			min-height:75px;
			padding-right:62px;
			float:left;
			margin-bottom:40px;
	}
	
	#blog_box a.blog_link{ color:#FFF; display:block; font-weight:bold; margin-bottom:5px; }
	#blog_box p.blog_meta{ float:left; margin-bottom:15px;}
	
	#twitter_box{
			background:url(../images/home/twitter.png) no-repeat left top;
			display:block;
			min-height:71px;
			padding-left:90px;
			float:left;
	}
	#twitter_box h1 a{color:#FFF; }
	
	#twitter_box .shout{
		float:left;
		margin-bottom:20px;
	}
		
		.shout .time{
			font-style:italic; color:#949CA7;
		}
		.shout a{
			text-decoration:unerline;
		}
		
		
		
	
	#center_home .description{
		float:left;
		width:100%;
		font-size:12px;
		line-height:16px;
	
	}
	
		#center_home .description a{ color:#FFF; font-size:11px; }