/*===============================================================================
			TEMPLATE Moncler - ver 0.1 (25/06/2009)
===============================================================================*/

/*---------------------- STILI GENERICI ----------------------------------------*/
html, body{margin:0px;padding:0px;width:100%;height:100%; font-family:Arial; font-size:12px; color:#000000}
div,p{margin:0px; padding:0px;}
img{border:0px;}
ul,li{margin:0px;padding:0px;list-style-position:outside;list-style-type:none;}
h1{margin:0px;padding:0px; font-size:300%; font-style:italic; font-variant:small-caps;}
h2{margin:0px 0px 3px 0px;padding:0px; font-size:150%; font-style:italic;font-variant:small-caps;}
a{color:#000000; font-weight:bold; text-decoration:none;}
a:hover{text-decoration:underline;}

#header{text-align:right;padding:5px 20px 5px 0px;}
#header .logo{float:left; margin-left:20px;}


/*---------------------- MAIN, MIDDLE & CONTENT ---------------------------------*/
#main {min-width:1024px; max-width:1440px; min-height:768px; max-height:900px; text-align:center; margin:0px auto;clear:both;}
#middle{margin:0px;width:auto;text-align:center;}
#content{float:right;width:80%;}

/*----------------------- LISTE GENERICHE (COLLEZIONI)---------------------------*/
#content ul li span{display:block; margin-top:3px;}
#content ul li{border:1px solid #cccccc; float:left; margin:3px; width:220px;}

/*----------------------- SITEMAP ---------------------------------------*/
#content ul li.level_1{border:0; margin-bottom:10%;}
#content ul li.level_1 h1{display:block; border:1px solid #000000; width:100%;}
#content ul li.level_2{border:0; margin-bottom:7%;}
#content ul li.level_2 h2{display:block; border:1px solid #000000; width:80%; margin:auto;}
#content ul li.level_3{border:0; margin-bottom:3%;}
#content ul li.level_3 h3{display:block; border:1px solid #000000; width:60%; margin:auto;}
#content ul li.level_4{border:0; margin-bottom:10%;}
#content ul li.level_4 h4{display:block; border:1px solid #000000; width:40%; margin:auto;}
/*----------------------- BOUTIQUES ---------------------------------------*/
#content ul#cities{width:60%; margin:auto; margin-top:10%;}
#content ul#cities li{width:auto; font-weight:normal; font-size:300%; font-family:Times; height:10%;}
#content .cityBackground {width:100%; height:600px;}
#content .cityBackground ul{padding-left:3%; padding-top:15%;}
#content .cityBackground ul li{width:25%; background-color:#000000; border:0; clear:both; color:#FFFFFF; font-size:150%; font-weight:bold; padding:0; margin:0;}
#content .cityBackground ul li h1{font-size:200%;}
#content .cityBackground ul li h2{font-size:100%;}
#content .cityBackground ul li h3{font-size:80%;}
/*----------------------- STORIA ---------------------------------------*/
#content ul.tips li{width:auto; float:none; border:0px; margin:10px 0px; text-align:justify;}
#content ul.years li{width:auto; background-color:#000000; color:#ffffff;padding:0px;}
#content ul.years a{color:#ffffff;padding:4px;}
#content ul.years a:hover{color:#000000;background-color:#ffffff;font-weight:bold; text-decoration:none;padding:4px;}

/* --------------------- POSTS GENERICI (NEWS) ---------------------------------- */
#content .postList ul{clear:both; text-align:center;width:auto; display:block; width:auto; margin:auto; float:left;}
#content .postList li{border:0px; text-transform:uppercase;padding:10px; display:block;  float:left; width:300px; height:230px; margin:5px; text-align:justify;}
#content .postList span.date, .postList span.title, .postList span.subtitle {display:block;}
#content .postList span.date{font-weight:bold; padding-bottom:2px; font-size:100%; font-style:italic}
#content .postList span.title{font-weight:bold;font-size:140%;font-style:italic; text-align:left; margin-bottom:5px;}
/* ---------------------  POSTS ATTACHMENTS ---------------------------------- */
#content ul.attachments{}
#content ul.attachments li {width:220px; height:220px; overflow:hidden; border:0;}
/* ---------------------  FAQS ---------------------------------- */
#content ul.faqs{width:500px; display:block; float:left;}
#content ul.faqs li{float:none; width:auto; padding:10px; text-align:justify; border:0px;}
#content ul.faqs .question {font-size:130%; text-transform:uppercase; font-weight:bold;}
#content ul.faqs .answer{font-size:120%; padding-bottom:5px; border-bottom:3px solid #000000;}
#content ul.forms{width:400px; display:block; float:left; margin-left:20px;}
#content ul.forms li{background-color:#000000; color:#ffffff; float:none; width:auto; padding:10px; text-align:justify; border:0px;}
#content ul.forms input,
#content ul.forms textarea {width:200px;margin-bottom:5px;}
#content ul.forms li label{display:block; float:left; width:120px; font-size:120%; margin-bottom:5px;}
#content ul.forms .submit{text-align:center;}
fieldset{border:0px;}

/*  ---------------------- MENU ------------------------------------------------ */
#sidebar{float:left; text-align:left; margin:50px 0px 0px 10px;}
#sidebar .menuFirst{font-weight:bold; font-size:110%; padding:5px;}
#sidebar .menuSub{margin:1px 0px 1px 15px; font-size:90%; font-style:italic; padding:2px;}

/*  ---------------------- FOOTER----------------------------------------------- */
.separator{clear:both;}
#footer {text-align:right; padding-right:20px;}
#footer span{margin:5px;}