/*

Theme Name: Maria Diana 2006
Theme URI: http://www.mariadiana.it/
Description: The theme used for the first real version of mariadiana.it
Version: 1.0
Author: Monica Michelis and Silvano Stralla

Created on September 18, 2006 by Monica Michelis and Silvano Stralla

*/

/* Resetting default padding and margin */
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans", Verdana, sans-serif;
	color:  #999;
	text-align: center;
	background: #fff url(_img/bg_body.gif) no-repeat 50% 0;
}

/* Hidden content */
#skip,
hr { 
	display: none;
}

div {
	margin: 0;
	padding: 0;
}

/* Page layout STRUCTURE
------------------------------ */

.wrapper {
	width: 600px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
}

/* --- HEADER --- */

#header {
	background: #fff url(_img/bg_header.gif) repeat-x 0 0;
	height: 115px;
}

#logo { padding: 11px 0 0 0; }

/* --- NAV --- */

#nav {
	position: absolute;
	top: 5px;
	right: 0;
	width: 310px;
	height: 35px;
	z-index: 100;
}

/* Clear both tricks */
#nav:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Clear-fix for IE5/Mac \*//*/
#nav {
	display: inline-block;
}
/*  */

#nav ul { list-style-type: none; }

#nav li { float: right; }

#nav a {
	margin: 0;
	padding: 0;
	display: block;
	width: 100px;
	height: 35px;
	background: #fff url(_img/bg_nav.gif) no-repeat 0 0;
	text-decoration: none;
	text-indent: -9999px;
}

li#collezioni a { background-position: 0 0px; }
li#news a 	{ background-position: -100px 0px; }
li#contatti a 	{ background-position: -200px 0px; }

body.collezioni li#collezioni a { background-position: 0 -35px; }
body.collezioni li#news a 	{ background-position: -100px -35px; }
body.collezioni li#contatti a 	{ background-position: -200px -35px; }

body.news li#collezioni a { background-position: 0 -70px; }
body.news li#news a	  { background-position: -100px -70px; }
body.news li#contatti a   { background-position: -200px -70px; }

body.contatti li#collezioni a { background-position: 0 -105px; }
body.contatti li#news a	      { background-position: -100px -105px; }
body.contatti li#contatti a   { background-position: -200px -105px; }

/* --- CONTENT --- */

#content {
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

/* Clear both tricks */
#content:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Hides from IE-mac \*/
* html #content { height: 1%; }
/* End hide from IE-mac */

#breadcrumb {
	position: relative;
	min-height: 115px;
	height: auto !important;
	height: 115px;
}

#breadcrumb p {
	padding: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
}

#fb {
	position: absolute;
	left: 0;
	bottom: 40px;
	margin-left: 10px;
        z-index: 1000;
}

#fb p {
	position: absolute;
	left: 140px;
	top: 3px;
        z-index: 1000;
}

/* --- FOOTER --- */

#footer { 
	font-family: "Lucida Sans", Verdana, sans-serif;
	text-align: center;
}

#footer img { vertical-align: -4px; }

#footer .claim {
	border-bottom: 1px solid #fff;
	padding: 5px;
	color: #fff;
	background: #999;
	font: 189% "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
}

#footer .copy {
	font-size: 85%;
  padding: 5px;
	background: #eee;
}

/* TYPOGRAPHY
------------------------------ */

h1,
h2 {
	margin: 5px 10px;
        clear: both;
	font: 1.5em bold "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
	color: #666;
}

h2 { color: #999; }

h1 a,
h2 a,
h3 a { text-decoration: none; }

p,
dd { font-size: 92%; }

a,
a:hover { 
        color: #999;
        text-decoration: none;
        border-bottom: 1px solid #eee;
        padding-bottom: 1px;
}

        a:hover { color: #c13520; }

        #header a,
        #header a:hover { border-bottom: none; }

a img { border: none; }

/* --- GRID --- */

.grid { float: left; }
.column { width: 200px; }

.left { float: left; }
.right { float: right; }

.r1 { min-height: 115px; height: auto !important; height: 115px; }
.r2 { min-height: 235px; height: auto !important; height: 235px; }
.r3 { min-height: 355px; height: auto !important; height: 355px; }
.r4 { min-height: 475px; height: auto !important; height: 475px; }
.r5 { min-height: 595px; height: auto !important; height: 595px; }

.c1  { width: 50px; }
.c2  { width: 100px; }
.c3  { width: 150px; }
.c4  { width: 200px; }
.c5  { width: 250px; }
.c6  { width: 300px; }
.c7  { width: 350px; }
.c8  { width: 400px; }
.c9  { width: 450px; }
.c10 { width: 500px; }
.c11 { width: 550px; }
.c12 { width: 600px; }

.btg { border-top: 5px solid #f2f2f2; }
.btw { border-top: 5px solid #fff; }

.bbg { border-bottom: 5px solid #f2f2f2; }
.bbw { border-bottom: 5px solid #fff; }

.grid h1,
.grid h2 {
	margin: 5px 10px;
	clear: both;
	font: bold 114% "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
	color: #666;
}

.grid h2 { color: #999; }

.grid p { 
	margin: 5px 10px;
	font-size: 85%;
}

.grid p.details {
	font: 85% "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
	color: #999;
}

.grid ul,
.grid ol {
	margin: 5px 10px 5px 25px;
}
	
	body.news .grid ul,
	body.collezioni .grid ul { padding: 0 0 5px; }

.grid dl {
	margin: 5px 10px;
}

.grid li,
.grid dd {
	margin: 2px 0;
	font: normal 85% "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
}

/* --- FORM --- */

form fieldset {
	display: block;
	padding: 10px;
	margin: 10px;
	border-width: 2px 0 0;
	border-style: solid;
	border-color: #f2f2f2;
}

form legend {
	margin: 0;
	padding: 3px 5px 0;
	font: 114% "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
	color: #999;
}

form .field {
	margin: 0;
	border-bottom: 1px dotted #ccc;
	padding: 5px 0 0;
	clear: both;
}

form .field:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

form .field {display: inline-table;}

/* Hides from IE-mac \*/
* html form .field { height: 1%; visibility: visible; }
form .field {display: block; }
/* End hide from IE-mac */

form .field:hover {
	background: #eee;
}

form .field h4 {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	width: 100px;
	color: #666;
	font: normal 100% "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
}

form .field p {
	padding: 0;
	margin: 0 0 5px 0;
	color:  #999;
}

form p.submit {
	margin: -10px 0 5px 0;
	text-align: center;
}

form .field ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

form div.input {
	margin-left: 100px;
}

form input.text,
form textarea {
	border: 1px solid #ccc;
	font: normal 114% "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
}

/* Dimensioni standard per le larghezze dei campi di tipo testo e per le textarea */

form .shorter { width: 2.5em; }
form .short 	{ width: 4em; }
form .normal	{ width: 13em; }
form .long 	{ width: 19em; }
form .longer	{ width: 22em; }

	/* --- Search form --- */

	.search-form {
		margin: 40px 20px;
	}

	.search-form p {
		text-align: center;
	}

	.search-form input.text {
		border-width: 3px;
		padding: 5px 3px;
		color: #666;
	}