/*  
Theme Name: CHALET GABRY
Theme URI: http://www.chaletgabry.it
Description: CHALET GABRY
Version: 1.0
Author: Webjuice
Author URI: http://www.webjuice.it
*/

/**************************************************************************************/

* { padding: 0px; margin: 0px; }

BODY {
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	background: #A80259;
	font-size: 13px;
	color: #FFFFFF;
}

IMG { border: 0px; }

LI { list-style: none; }

A { 
	text-decoration: underline;
	color: #FFFFFF;
	outline: none;
}

A:hover { 
	text-decoration: none; 
	color: #DDA5C2;
}

/**************************************************************************************/

#container { background: url('images/bg-container.jpg'); }

#container .fade { background: url('images/bg-fade.jpg') repeat-x bottom; }
#container .img { background: url('images/bg-container-img.jpg') no-repeat bottom; }

#container .wrap { 
	padding: 80px 0px 30px 0px;
	min-height: 710px;
}

#container .doodles {
	position: absolute;
	width: 100%;
	z-index: 10;
	left: 0px;
	top: 0px;
}

#container .doodles .left, #container .doodles .right { 
	height: 400px; 
	width: 285px;
}

#container .doodles .left { 
	background: url('images/doodle-left.png') no-repeat;
	float: left;
}

#container .doodles .right { 
	background: url('images/doodle-right.png') no-repeat;
	float: right;
}

#header { height: 180px; }

/**************************************************************************************/

#logo {
	background: url('images/logo-chaletgabry.png') no-repeat;
	width: 300px;
	height: 145px;
}

#logo H1 {
	text-indent: -900000px;
	font-size: 10px;
}

#flash-photo {
	background: url('images/photo.png') no-repeat; /*questo poi va tolto */
	position: absolute;
	margin-top: -40px;
	margin-left: 340px;
	z-index: 100;
	width: 580px;
	height: 480px;
}

/**************************************************************************************/

#menu {
	position: absolute;
	margin-left: 450px;
	z-index: 100;
	top: 130px;
}

#menu LI {
	margin-right: 30px;
	float: left;
}

#menu LI A, #menu .sel {
	text-indent: -90000px;
	display: block; 
	float: left;
	height: 20px;
}

#menu .m5 { margin-right: 0px; }

#menu LI A:hover, #menu .sel { height: 30px; }

#menu .m1, #menu .m1 A, #menu .m1 .sel { width: 52px; }
#menu .m2, #menu .m2 A, #menu .m2 .sel { width: 58px; }
#menu .m3, #menu .m3 A, #menu .m3 .sel { width: 84px; }
#menu .m4, #menu .m4 A, #menu .m4 .sel { width: 63px; }
#menu .m5, #menu .m5 A, #menu .m5 .sel { width: 68px; }

#menu .m1 { background: url('images/menu-m1.png') no-repeat; }
#menu .m2 { background: url('images/menu-m2.png') no-repeat; }
#menu .m3 { background: url('images/menu-m3.png') no-repeat; }
#menu .m4 { background: url('images/menu-m4.png') no-repeat; }
#menu .m5 { background: url('images/menu-m5.png') no-repeat; }

/**************************************************************************************/

#main .sidebar { 
	position: absolute;
	z-index: 100;
	width: 300px;
}

#main .sidebar LI { 
	margin-bottom: 10px;
	padding-top: 25px;
	height: 70px; 
}

#main .sidebar LI A {
	text-indent: -90000px;
	height: 50px; 
	display: block;
}

#main .link1 { background: url('images/link-chalet.png') no-repeat; }
#main .link2 { background: url('images/link-risto.png') no-repeat; }
#main .link3 { background: url('images/link-gallery.png') no-repeat; }
#main .link4 { background: url('images/link-eventi.png') no-repeat; }
#main .link5 { background: url('images/appartamenti.png') no-repeat; }
#main .link6 { background: url('images/cerimonie.png') no-repeat; }

#main .section { 
	padding-left: 350px; 
	margin-bottom: 40px;
}

#main .section .cont { min-height: 200px; }

#main .section P { 
	line-height: 200%;
	margin-bottom: 10px; 
}

#main .section STRONG, #main .section EM { font-size: 18px; }

#main .section EM { font-weight: bold; }

#main .section H2 {
	margin-bottom: 10px;
	font-size: 20px; 
}

#main .section .cont UL { margin-bottom: 10px; }

#main .section .cont LI {
	line-height: 200%;
	padding-left: 15px;
}

#main .section .title { padding-top: 5px; }

#main .section .title H1 {
	text-indent: -90000px;
	margin-bottom: 25px;
	font-size: 10px;
	height: 95px;
}

#main .section .title .s1 { background: url('images/section-s1.png') no-repeat; }
#main .section .title .s2 { background: url('images/section-s2.png') no-repeat; }
#main .section .title .s3 { background: url('images/section-s3.png') no-repeat; }
#main .section .title .s4 { background: url('images/section-s4.png') no-repeat; }
#main .section .title .s5 { background: url('images/section-s5.png') no-repeat; }

#main .address {
	margin-bottom: 40px;
	overflow: hidden;
	width: 100%;
}

#main .left { float: left; }

#main .right { 
	text-align: right;
	float: right; 
}

#subcontent .txt H1 {
	background: url('images/bg-txt.png') no-repeat;
	text-indent: -90000px;
	font-size: 10px;
	height: 105px;
	float: left;
	width: 309px;
}

#main.home #subcontent { padding-top: 450px; }

/**************************************************************************************/

#gallery {
	overflow: hidden;
	width: 550px;
}

#gallery UL { width: 600px; }

#gallery LI {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

#gallery A {
	background: #DDA5C2;
	display: block;
	float: left;
	padding: 5px;
	width: 92px;
	height: 92px;
}

#gallery A:hover { background: #FFFFFF; }

#gallery IMG { width: 92px; height: 92px; }	/*questo poi va tolto! al posto delle immagini ci metti le thumbnails 92x92px */

/**************************************************************************************/

#box-news { 
	background: url('images/box-news.png') no-repeat;
	padding: 20px 20px 0px 20px;
	margin-left: 350px;
	min-height: 85px;
	width: 510px;
}

#box-news UL { padding-right: 70px; }

#box-news H1 { 
	margin-top: 10px;
	line-height: 150%;
	font-size: 14px; 
}

#box-news A { 
	text-decoration: none;
	color: #FFFFFF; 
}

#box-news A:hover { text-decoration: underline; }

#box-news .date {
	line-height: 12px;
	font-size: 10px;
	color: #DDA5C2;
}

#box-news .feed {
	background: url('images/icon-feed.png') no-repeat;
	width: 52px;
	height: 53px;
	float: right;
}

#box-news .feed A {
	text-indent: -90000px;
	display: block;
	width: 52px;
	height: 53px;
}

/**************************************************************************************/

#footer { 
	background: url('images/bg-footer.jpg') #A80259 repeat-x; 
	line-height: 24px;
	font-size: 12px;
	color: #DDA5C2;
}

#footer A { 
	text-decoration: none;
	color: #FFFFFF; 
}

#footer A:hover { text-decoration: underline; }

#footer .img { 
	background: url('images/bg-footer-img.jpg') no-repeat top center;
	height: 180px;
}

#footer .wrap { padding-top: 50px }

#footer .left { float: left; }

#footer .right { 
	text-align: right;
	float: right; 
}

#address {
	padding: 10px 20px 0px 20px;
	height: 90px;
}

#credits { 
	padding: 0px 20px 0px 20px;
	font-size: 10px; 
}

/**************************************************************************************/

.wrap {
	margin: 0px auto 0px auto;
	overflow: hidden;
	width: 900px;
}