/*************************
* MOLESKINE  v0.2        *
* by websushi.it		 *
************************/


#hp #main {width:960px; margin:0 auto; text-align:left;  background:url("../img/dot_v.gif") 725px 0  repeat-y; float:left;}

#hp #topHp {background:#f0eedf; height:360px;}
#hp #mainCol {width:725px; float:left;}
#hp #rightCol {width:235px; float:right;}

/* post on the top */
#hp #topHp img {margin-left:30px; float:left;}
#hp #topHp #postHp {width:360px; height:330px; background:#fff; float:right; margin-right: 30px;}
#hp #topHp #postHp #tit  {padding:10px 30px 10px 10px;}
#hp #topHp #postHp #tit h3 {font-size:11px; line-height:11px; color:#4c4d4f; font-weight:normal; padding-bottom:10px; padding-top:20px; margin:0;}
#hp #topHp #postHp #tit h2 {
	font: 30px/1.1 georgia;
	color:#740a35;
	margin:0;
	padding-bottom: 15px;
}
#hp #topHp #postHp #tit p {margin:15px 0;}
.mainPostImage { float: left; position: relative; }
.mainPostImage span { background: url(http://www.moleskine.com/img/play_video.png) no-repeat top center; cursor:pointer; height:50px; position:absolute; top:140px; left: 265px; width:50px; }
#topHp object { margin-left: 30px; float: left; }


/* Link con freccina */
#hp #topHp #postHp a.link { background: url(../img/arr_red.gif) no-repeat left; padding-left: 8px; }

#hp #mainCol #hpContent {margin:0px 15px 30px 30px; } /* width: 680px */

.twoBoxHp {width:325px; height: 300px; position: relative; background:#fff;}
.twoBoxHp h3 {padding:3px 10px 5px;}
.twoBoxHp p.summary {height:40px;}
.twoBoxHp p {padding:2px 25px 6px 10px; margin:0; font-size:11px;}

#chooseHp {margin:20px 0; padding:0px 10px 0px 0px;}
#chooseHp table td { font: normal 10px verdana; text-align: center; padding-right: 2px; }
#chooseHp table td img { margin-top: 10px; }

/* three box homepage */
.boxNewsHp {width:32%; height:250px; margin-right:6px; float:left; background:#fff; position: relative; border-top: 6px solid #878B70;}
.boxAboutHp {width:32%; height:250px; margin-right:6px; float:left; background:#fff; position: relative; border-top: 6px solid #878B70;}
.boxTradeHp {width:32%; height:250px; margin-right:6px; float:left; background:#fff; position: relative; border-top: 6px solid #81a6ab;}
.boxInTheNewsHp {width:32%; height:250px; float:left; background:#fff; position: relative; border-top: 6px solid #878B70;}
#threeBox { position: relative; width: 100%; }
#threeBox .cont {padding:10px; }
#threeBox h3 {margin-top:0; margin-bottom:15px; font: bold 18px Verdana;}
#threeBox .text {font-size:11px; line-height:13px; }
#threeBox .text ul {list-style: none; margin: 0px 0px 30px 0px; padding: 0; }
#threeBox .text ul li { padding: 5px 0px 5px 12px; border-bottom: 1px dotted #ccc; background: url(../img/arr_red.gif) no-repeat left;}
#threeBox .text ul li a { color: #900; }
#threeBox .text ul li a:hover { color: #444; }
#threeBox .link, .twoBoxHp .link, .sidebarBox .link {padding-left: 10px; font-size:11px; margin-top:6px; color:#740a35; position: absolute; bottom: 10px;}

#threeBox .boxTradeHp .link {color:#225870;}
#threeBox .boxTradeHp a.boxLink {color:#225870; background:url("../img/arr_blue.gif") center right no-repeat;}

/* sidebar */
#hp #rightCol  .sidebarBox {margin:0px 30px 20px 15px; background:#fff;}
#hp #rightCol  .sidebarBox h3 {margin-top:0;}