* {
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
	visibility: hidden;
}
.shown {
/*	display: block;*/
	visibility: visible;
}

body {
	background: #FFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
}

#cont-out {
	width: 1000px;
	margin: 0 auto;
}
#aux {
	position: relative;
	width: 100%;
}

#header {
	margin: 20px 0;
}
#header h1 {
	font-size: 200%;
	font-weight: normal;
	color: #333;
	text-align: center;
	letter-spacing: 0.55em;
	line-height: 1.5em;
	background: url(../images/logo_top.gif) left center no-repeat;
	height: 95px;
}
#header h1 span {
	visibility: hidden;
	text-decoration: none;
}
#menu {
	float: left;
	display: inline;
	width: 230px;
	min-height: 400px;
	margin-right: 20px;
	padding-bottom: 130px;
	position: relative;
}
#menu ul.main-menu {
	list-style: none;
	margin-bottom: 20px;
	position: relative;
}
#menu ul.main-menu li,
#menu .social-links li {
	font-size: 100%;
	text-transform: uppercase;
	margin-bottom: .5em;
}
#menu ul.main-menu ul {
	list-style: none;
	margin-left: 25px;
	margin-top: .2em;
	margin: .2em 0 1em 25px;
}
#menu ul.main-menu ul {
	display: none;
}
#menu ul.main-menu li li {
	font-size: 95%;
	text-transform: lowercase;
	/*display: none;*/
}
#menu ul.main-menu li li li {
	font-size: 90%;
}
#menu ul.main-menu li.last {
	border-right: 0 none;
}
#menu ul.main-menu a,
#menu .social-links a {
	color: #777;
	text-decoration: none;
}
#menu ul.main-menu a:hover,
#menu .social-links a:hover {
	color: #444 !important;
}
#menu ul.main-menu ul a {
	color: #333;
}
#menu ul.main-menu ul a:hover {
	color: #777 !important;
}
#menu ul.main-menu .sel a {
	color: #C00;
}
#weddings #menu ul.main-menu #menu-wedding a,
#album #menu ul.main-menu #menu-album a,
#aboutus #menu ul.main-menu #menu-about a,
#backstage #menu ul.main-menu #menu-backstage a,
#guestbook #menu ul.main-menu #menu-guestbook a,
#contatti #menu ul.main-menu #menu-contatti a,
#reserved #menu ul.main-menu #menu-riservata a {
	color: #000;
}
#weddings #menu ul.main-menu #menu-wedding ul a,
#album #menu ul.main-menu #menu-album ul a,
#aboutus #menu ul.main-menu #menu-about ul a,
#backstage #menu ul.main-menu #menu-backstage ul a,
#guestbook #menu ul.main-menu #menu-guestbook ul a,
#contatti #menu ul.main-menu #menu-contatti ul a,
#reserved #menu ul.main-menu #menu-riservata ul a {
	color: #333;
}
#weddings #menu ul.main-menu #menu-wedding ul.level-2,
#weddings.book #menu ul.main-menu #menu-wedding-book ul,
#weddings.photos #menu ul.main-menu #menu-wedding-photos ul,
#album #menu ul.main-menu #menu-album ul.level-2,
#aboutus #menu ul.main-menu #menu-about ul.level-2,
#backstage #menu ul.main-menu #menu-backstage ul.level-2,
#guestbook #menu ul.main-menu #menu-guestbook ul.level-2,
#riservata #menu ul.main-menu #menu-riservata ul.level-2,
#contatti #menu ul.main-menu #menu-contatti ul.level-2 {
	display: block;
}
#menu ul.main-menu li li li.sel a,
#menu ul.main-menu li li li a:hover {
	margin-left: -20px;
	padding-left: 20px;
	background: url(../images/bullet_1.gif) 0 50% no-repeat;
	color: #999 !important;
}
#menu ul.main-menu li li li a:hover {
}

#menu .social-links {
	list-style: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#menu .social-links li {
	padding-left: 65px;
	margin: .5em 0 0;
	line-height: 25px;
}
#menu .social-links li.photoblog {
	background: url("../images/ico_photoblog.gif") 0 50% no-repeat;
	line-height: 50px;
}
#menu .social-links li.facebook {
	background: url("../images/ico_facebook.gif") 15px 50% no-repeat;
}
#menu .social-links li.youtube {
	background: url("../images/ico_youtube.gif") 15px 50% no-repeat;
	margin-top: 20px;
}

#content {
	float: left;
	display: inline;
	width: 750px;
	margin-bottom: 20px;
}
#content #col-left {
	float: left;
/*	color: #000;
	background-color: #FFF;	*/
	width: 750px;
	height: 500px;
	overflow: hidden;
}
#content #col-left img.full {
	margin: 10px;
	border: 0 none;
}
#galleria {
	height: 530px;
}
#content #col-right {
	display: none;
}
#content .bio {
	list-style: none;
	float: left;
	display: inline;
	width: 100%;
}
#content .bio li {
	float: left;
	display: inline;
	width: 375px;
}
#content .bio .francesco .testo {
	text-align: right;
}
#content .bio .francesco .image {
	float: right;
	margin: 0 0 20px 5px;
}
#content .bio .andrea .image {
	float: left;
	margin: 0 5px 20px;
}
#content .content .testo {
	font-size: 75%;
}
#content .testo h4 {
	font-size: 110%;
	font-weight: bold;
}
#content .testo h5 {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: .5em;
}
.fra-andre #content .style {
	text-align: center;
}
#content .team {
	list-style: none;
	float: left;
	display: inline;
	width: 100%;
	font-size: 75%;
	margin-left: 1px;
}
#content .team li {
	float: left;
	display: inline;
	width: 187px;
	text-align: center;
}

#content .comments {
	font-size: 90%;
}
#content .comments dl {
}
#content .comments dt {
	color: #777;
	margin-bottom: 1em;
}
#content .comments dt.pari,
#content .comments dd.pari {
}
#content .comments dt .data {
	float: right;
	font-size: 90%;
	margin-right: 15px;
}
#content .comments dt .data span {
	margin-left: .5em;
}
#content .comments dt strong {
	text-transform: uppercase;
}
#content .comments dd {
	margin-bottom: 2em;
}
#content .add {
	margin: 20px 10px 5px;
	padding-top: 10px;
	border-top: 1px solid #DDD;
}

#content .add .addcomment a {
	color: #777;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 90%;
}
#content .add {
	margin-top: 1em;
}
#content .add form {
	margin: 10px auto;
	width: 350px;
}
#content .add form p label {
	float: none;
	width: 100%;
	margin: 0;
	text-align: left;
	display: block;
	color: #333;
	font-size: 90%;
}
#content .add form p .fields {
	margin-left: 0;
}
#content .add form p .campi {
	font-size: 85%;
	width: 348px;
}
#content .add form p.notes {
	margin-left: 0;
	font-size: 85%;
}
#content .add form p.buttons a {
	color: #FFF;
	background: #777;
	text-decoration: none;
	font-size: 100%;
	padding: 3px 5px;
	margin: 0.5em 1em;
	display: inline-block;
	border: 1px solid #777;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
#content .add .error {
    color: #F30;
    background: #FED url("../images/ico_warning.png") 0 0 no-repeat;
    font-size: 85%;
    position: absolute;
    margin-left: 5px;
    line-height: 32px;
    padding-left: 35px;
	min-width: 75px;
}
#content .add .success {
    color: #090;
    background: #DFD url("../images/ico_ok.png") 0 0 no-repeat;
    line-height: 32px;
    padding-left: 35px;
    margin-top: 1em;
}
#content form p .submit {
	font-size: 90%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* textarea counter */
#customWidget {
	position: relative;
	height: 36px;
}

.originalDisplayInfo {
	font-size: 80%;
	color: #777;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: right;
}

.warningDisplayInfo {
	font-size: 80%;
	color: #F30;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: right;
}
#content .contact-form {
	width: 325px;
	background: #CCC;
	margin: 20px auto;
	padding: 5px 0;
}
#content .contact-form p label {
	margin-left: 5px;
	font-size: 90%;
}
#content .contact-form .campi {
	width: 200px;
}
#content .contact-form p.buttons {
	clear: left;
	float: none;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}


#footer {
	text-align: left;
	font-size: 80%;
	color: #333;
	clear: both;
	width: 100%;
	min-height: 45px;
	padding-top: 20px;
}
#footer a {
	color: #EEE;
}
#footer a:hover {
	color: #999;
	text-decoration: none;
}
#footer .copy {
}

form p {
	clear: left;
	float: left;
	width: 100%;
	margin: 5px 0;
}
form p.pulsanti {
	clear: left;
	float: none;
	text-align: right;
}
form p.pulsanti input {
	margin: 10px;
}
form p label {
	float: left;
	width: 30%;
	margin-right: 10px;
}
form .campi {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #CCC;
	color: #555;
}
#contatti form .campi {
	width: 155px;
}
form .campi.highlight {
	background-color: #FCC;
	color: #F30;
}

form#form-login {
	float: left;
	width: 70%;
	margin: 150px 0 30px 15%;
	padding: 20px 0 5px;
	border: 1px solid #999;
}
form#form-login p {
	margin-bottom: 10px;
}
form#form-login p label {
	margin-left: 25px;
}
form#form-login p.pulsanti {
	text-align: center;
}

/* stili specifici di pagina */


/* stili specifici area riservata */
#reserved #content .content {
	overflow: auto;
	margin-right: 0;
}
#reserved #content .warning {
	color: #F30;
}
#reserved #content a {
	color: #333;
}
#reserved #content a:hover {
	color: #999;
}
#reserved #content p {
	margin: .5em 0;
}

#reserved .gallery {
	float: left;
	width: 100%;
}
#reserved .gallery .album,
#reserved .gallery .photo {
	float: left;
	width: 135px;
	margin: 5px 13px 8px 0px;
	border: 1px solid #999;
}
#reserved #content .gallery .album a,
#reserved #content .gallery .photo a {
	color: #333;
	text-decoration: none;
}
#reserved #content .gallery .album a:hover,
#reserved #content .gallery .photo a:hover {
	color: #999;
	text-decoration: underline;
}
#reserved #content .gallery h3 {
	color: #333;
	margin-bottom: .5em;
}
#reserved #content .gallery h3 .back {
	float: right;
	font-size: 70%;
	margin: 0 10px;
}
#reserved #content .gallery h3 .back a {
	text-decoration: none;
}
#reserved .gallery .album .image,
#reserved .gallery .photo .image {
	margin: 5px;
	text-align: center;
	max-width: 135px;
	max-height: 135px;
	overflow: hidden;
}
#reserved .gallery .album .name,
#reserved .gallery .photo .name {
	text-align: center;
	font-size: 80%;
	overflow: hidden;
	margin: 0 5px 5px;
	cursor: default;
}
#reserved .gallery .album .image img,
#reserved .gallery .photo .image img {
	background: #333;
	border: 0 none;
}

#reserved .gallery .album {
	min-height: 140px;
}


