/*===========================================================================================
Arnoldo e Batois
- - - - - - - - - - - - - - - - - - - - - - - - - - -

Description:		Base setup styles
Filename:			aeb.css
Theme Name:     	style is art
Theme URI:			http://www.intersezione.com
Version:			2 beta
Date:				SEP 6, 2010
Author: 			Intersezione srl
Company:			Intersezione srl

/*=================================================================== Specifiche del layout */

@charset "utf-8";

body{
	background:		url(/themes/arnoldo/img/bg-body.gif) top left repeat-x #bcbcba;
}

#wrapper-extra{
	margin:			0 auto;
	width:			100%;
	overflow:		hidden;
	min-width:      960px;
	min-height:	    400px;
	height:			auto!important;
	height:			400px;
}

#wrapper{
	margin:			0 auto;
	width:			100%;
	overflow:		hidden;
	min-width:      960px;
}

div#container-extra{
	width:			960px;
	margin:			0 auto;
	height:			100%;
}

div#container{
	float:			left;
	display:		inline;
	width:			960px;
}

#header,
#longbanner,
#content,
#footer{
	clear:			both;
	float:			left;
}

#header {
	margin-bottom:	20px;
	height:			40px;
}

#header #menu{
	
}

#header #menu ul{
	
}

#header #menu ul li{
	
}

#header #menu ul li a{
	float:			left;
	display:		inline;
	padding:        5px 15px;
	background:		#000;
	color:			#fff;
	margin-right:	2px;
}

#header #menu ul a.padd1{
	padding-bottom: 5px;
}

#header #menu ul a.padd2{
	padding-bottom: 15px;
}

#header #menu ul a.padd3{
	padding-bottom: 7px;
}

#header #menu ul a..padd4{
	padding-bottom: 5px;
}

#header #menu ul a.padd5{
	padding-bottom: 10px;
}

#header #menu ul a.padd6{
	padding-bottom: 15px;
}

#header #menu ul li a:hover{
	background:		#333333;
	color:			#fff;
}

#header #menu ul li.current a{
	background:		#fff;
	color:			#000;
}

#header #menu ul li ul li a{
	font-size:		13px;
	display:		block;
	visibility:		visible;
}

#header #lang{
	text-align:		right;
	font-size:		10px;
}

#header #lang a{
	background:		url(/themes/arnoldo/img/arrow.png) right 4px no-repeat;
	color:			#b1b1af;
	padding-right:  13px;
}

#header #lang a:hover{
	background:		url(/themes/arnoldo/img/arrow-on.png) right 4px no-repeat;
	color:			#fff;
}

#header #lang ul li ul{
	background:		#333333;
}

#header #lang ul li ul li{
	background:		#333333;
	padding:        3px 0;
}

#header #lang ul li ul li a{
	background:		none;
	color:			#b1b1af;
	padding-right:  13px;
	margin:			3px 0;
}

#header #lang ul li ul li a:hover{
	background:		none;
}

#content{
	
}


#content #menu{
	position:		relative;
	margin-top:		250px;
}

#content #menu .sf-menu ul{
	left:			174px;
	top:			0;
	background:		none;
}

#content #menu .sf-menu ul li{
	width:			150px;
	background:		none;
}

#content #menu ul{
	float:			left;
	width:			100%;
}

#content #menu ul li{
	float:			right;	
	text-align:		right;
}

#content #menu ul li a{
	float:			right;
	display:		inline;
	clear:			both;
	padding:        7px 15px;
	padding-right:  7px;
	background:		#000;
	color:			#fff;
	margin-bottom:	2px;
	text-transform:	lowercase;
	text-align:		right;
	font-size:		14px;
}

#content #menu ul a.padd1{
	padding-left: 35px;
}

#content #menu ul a.padd2{
	padding-left: 55px;
}

#content #menu ul a.padd3{
	padding-left: 60px;
}

#content #menu ul a..padd4{
	padding-left: 35px;
}

#content #menu ul a.padd5{
	padding-left: 45px;
}

#content #menu ul a.padd6{
	padding-left: 45px;
}

#content #menu ul li a:hover{
	background:		#333333;
	color:			#fff;
}

#content #menu ul li.current a{
	background:		#fff;
	color:			#000;
}

#content #menu ul li ul li a{
	font-size:		13px;
	display:		inline;
	visibility:		visible;
}

#content #gallery-extra{
	margin-top:		20px;
	margin-bottom:	20px;
}

#content #gallery{
	
}


.shadow{
	-moz-box-shadow:0 0 10px #666666;
	box-shadow: 0 0 10px #666666;
	-webkit-box-shadow: 0 0 10px #666666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#6666666');
	margin:3.5px;
	margin-bottom:7px;
}

.shadow:hover{
	-moz-box-shadow:0 0 10px #000000;
	box-shadow: 0 0 10px #000000;
	-webkit-box-shadow: 0 0 10px #000000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	margin:3.5px;
	margin-bottom:7px;
}


.shadowthumb{
	-moz-box-shadow:0 0 10px #333333;
	box-shadow: 0 0 10px #333333;
	-webkit-box-shadow: 0 0 10px #333333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
	margin:3.5px;
	margin-bottom:7px;
	float:	left;
	margin-right:10px;
}

#detail .hold img{
	-moz-box-shadow:0 0 10px #333333;
	box-shadow: 0 0 10px #333333;
	-webkit-box-shadow: 0 0 10px #333333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
	margin:3.5px;
	margin-bottom:7px;
	float:	left;
	margin-right:10px;
}

#content #gallery-extra a.buttonized{
	float:			left;
	display:		block;
	width:			20px;
	height:			20px;
	position:		absolute;
	bottom:			-30px;
}

#content #gallery-extra a.buttondown{
	background:		url(/themes/arnoldo/img/button-up.png) top left no-repeat;
	right:			0;
}

#content #gallery-extra a.buttonup{
	background:		url(/themes/arnoldo/img/button-down.png) top left no-repeat;
	right:			30px;
}

#content #gallery-extra a.disabled{
	cursor:			default;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

#content #gallery img{

}

#content #detail{
	
}

#content #detail .txt{
	font-size:		12px;
	line-height:	1.8em;
	margin-bottom:	20px;
}

#content .txt a{
	color:			#fff;
}

#content #detail .press{
	font-size:		12px;
	line-height:	1.8em;
	margin-bottom:	20px;
	border-bottom:	1px solid #999;
	padding-bottom: 10px;
}

#content #detail .news{
	font-size:		12px;
	line-height:	1.8em;
	margin-bottom:	20px;
	border-bottom:	1px solid #999;
	padding-bottom: 10px;
}

#link a{
	padding-left:   25px;
	line-height:	20px;
	background:		url(/themes/arnoldo/img/hacken.png) center left no-repeat;
	font-size:		11px;
	font-weight:	bold;
}

#content #detail h3{
	font-size:		18px;
	margin-bottom:	5px;
}

#content #detail h3 a{
	color:			#fff;
}

#content #detail h3 a:hover{
	color:			#fff;
}

#content #detail .rivista{
	color:			#ccc;
	font-style:		italic;
}

#content #detail #title{
	margin-bottom:	10px;
}

#content #detail #title h2{
	font-size:		24px;
	color:			#d0d0d0;
}

#content #detail #title h2 strong{
	text-transform:	uppercase;
	color:			#fff;
}

#content #detail #txt{
	font-size:		12px;
	color:			#fff;
	line-height:	17px;
}

#content #detail #download{
	margin-top:		20px;
}

#content #detail #download a{
	padding-left:   40px;
	padding-top:    5px;
	padding-bottom: 5px;
	background:		url(/themes/arnoldo/img/download.png) top left no-repeat;
	font-size:		16px;
	text-transform:	uppercase;
	color:			#fff;
}

#content #detail #download a:hover{
	background:		url(/themes/arnoldo/img/download-on.png) top left no-repeat;
	color:			#ffcc00;
}

#content #logo a{
	float:			right;
	display:		inline;
	width:			78px;
	height:			425px;
	background:		url(/themes/arnoldo/img/logo-arnoldobatois.png) top right no-repeat;
}

#content #logo a:hover{
	background:		url(/themes/arnoldo/img/logo-arnoldobatois-on.png) top right no-repeat;
}

#borsa{
	background:		url(/themes/arnoldo/img/borsa.png) top center no-repeat;
	height:			453px;
}

#footer{
	background:		url(/themes/arnoldo/img/bg-footer.png) top center no-repeat;
	padding-top:    30px;
	margin-top:		20px;
	text-align:		center;
	font-size:		10px;
	color:			#666666;
}

#footer a{
	color:			#666666;
}

#footer a:hover{
	color:			#000;
}

#footer #intersezione a{
	float:			left;
	display:		inline;
	width:			78px;
	height:			5px;
	margin:			10px auto;
	margin-left:	441px;
	background:		url(/themes/arnoldo/img/powered.gif) top left no-repeat;
}

#footer #intersezione a:hover{
	background:		url(/themes/arnoldo/img/powered-on.gif) top left no-repeat;
}

#mood{
	position:		relative;
	height:			460px;
	height:			460px!important;
	overflow:		hidden;
	background:		url(/themes/arnoldo/img/loader.gif) 50% 50% no-repeat;
}

#mood img{	
	height:			460px;
	height:			460px;
}

#mood #prevImg{
	background:		url(/themes/arnoldo/img/prev.png) top left no-repeat;
	float:			left;
	width:			30px;
	height:			30px;
	position:		absolute;
	left:			10px;
	top:			215px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

#mood #nextImg{
	background:		url(/themes/arnoldo/img/next.png) top left no-repeat;
	float:			left;
	width:			30px;
	height:			30px;
	position:		absolute;
	right:			10px;
	top:			215px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

#mood #prevImg:hover,#mood #nextImg:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}