/*
Theme Name: Fanciullaccia Theme
Theme URI: 
Author: Obsidianart team
Author URI: http://www.obsidianart.com/
Description: Theme for La Fanciullaccia
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fanciullaccia
*/

/*debug*/
pre.debug{background-color:#E29808;color: #eee; padding: 20px;margin:5px 0px;padding: 10px;white-space: pre-wrap;}

/*UTILS*/
.alpha40 {
	background:transparent url('./css/images/bg-40.png') scroll repeat 0 0;
}

.alpha60 {
	background:transparent url('./css/images/bg-60.png') scroll repeat 0 0;
}
.alpha80 {
	background:transparent url('./css/images/bg-80.png') scroll repeat 0 0;
}


body {
	background-color: #999;
	font-family: 'Simonetta', cursive;
	font-size: 14px;
	color: #333;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Papyrus, 'Simonetta', cursive;
	font-weight: normal;
}

#page {
    position: relative;
    z-index: 2;
}


/*HEADER*/
#header {
	
}
.header header {
	padding-top: 48px;
	padding-bottom: 51px;
	text-align: center;
}

/*Language*/
.language-selector {
	padding-top:5px;
	padding-bottom:5px;
	text-align: right;
}

.language-selector ul {
	list-style-type: none;
	display:inline-block;
	width:220px;
}

.language-selector ul li {
	display: inline-block;
}

.language-selector ul li.language-switcher-label {
	margin-left:2px;
	float:left;
}

.language-selector ul li.flag {
	width: 27px;
	height: 21px;
	margin-right:10px;
}

.language-selector ul li a {
	display:inline-block;
	vertical-align: top;
}

.language-selector ul li img {
	vertical-align: top;
}

.carousel-wrapper {
	padding-top: 10px;
	padding-bottom: 10px;
}
.carousel-wrapper ul{
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}
.carousel-wrapper ul li{
	float: left;
}
.carousel-wrapper .carousel{
	max-height: 188px;
	height: 188px;
	overflow: hidden;
	position: relative;
}

/*main menu*/
.primary_menu_wrapper {
}
#primary_menu ul{
	list-style: none;
	padding-top:10px;
}


#primary_menu li.current_page_item a{
	text-decoration: underline;
}

#primary_menu li.current_page_item h3:after {
	content: '*'
}

#primary_menu li a:hover {
	text-decoration: underline;
}

#primary_menu >div >ul > li{
	float:left;
	margin-right: 15px;
	height:47px;
	position:relative;
	width:157px;
}

#primary_menu >div >ul > li.large {
	width: 207px;
}

#primary_menu >div >ul > li:after {
	display: block;
	content: ' ';
	width: 100%;
	position: absolute;
	bottom: -4px;
	left: 0;
	height: 10px;
	background: transparent url('./css/images/menu-bg.png') scroll no-repeat 0 -251px;
}


#primary_menu >div > ul > li.large:after {
	background-position: -165px -250px;
}

#primary_menu >div > ul > li .single-menu-container{
	display:inline-block;
	width:157px;
	overflow:hidden;
	text-align:center;
	font-family: Papyrus, 'Simonetta', cursive;
	font-size:18px;
	white-space: nowrap;
	line-height: 59px;
	font-weight: bold;
	color: #333;
	position: absolute;
	top:0px;
}

#primary_menu >div > ul > li a {
	text-decoration:none;
	color: #333;
}

#primary_menu >div > ul > li a {
	text-decoration:none !important;
	color: #333;
}

#primary_menu >div > ul > li a:hover {
	text-decoration:underline !important;
}

/*#primary_menu >div >ul >li a:hover {
	position: absolute;
	bottom: 0px;
	height:auto;
}*/

#primary_menu >div >ul >li .single-menu-container{
	background:transparent url('./css/images/menu-bg.png') scroll no-repeat 0 0px;
	display:block;
}
#primary_menu >div >ul >li.large .single-menu-container{
	background-position: -165px 0px;
	width: 207px;
}



#primary_menu ul li ul {
	width:100%;
	white-space: normal;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	font-family: Simonetta, cursive;
	margin-top:-10px;
	padding-top:0;
}

#primary_menu ul ul li:before {
	content:''
}

#primary_menu ul ul li {
	width:100%;
	display: inline-block;	
}

#primary_menu ul ul li:last-child {
	margin-bottom:10px;
}


/*Sidebar*/
#words_of_our_guests {
	margin-left:-32px;
}

#sidebar {
	padding-top:7px; 
	position: relative;
	left: 15px;
}

/*original postit
.post-it {
	background:transparent url('./css/images/post-it-bg.png') scroll repeat-y top left;
	min-height: 200px;
	position:relative;
	margin-bottom:30px;
}

.post-it a {
	color: #333;
	text-decoration:none;
}

.post-it a:hover {
	text-decoration: underline;
}

.post-it:before {
	background: transparent url('./css/images/post-it-bottom-bg.png') scroll no-repeat top right;
	content: ' ';
	position: absolute;
	display: block;
	bottom: 0px;
	right: -5px;
	width: 7px;
	height: 42px;
}

.post-it-wrapper {
	padding:13px;
}

.post-it ul {
	list-style-position: inside;
}

.post-it.current_page_item h3{
	text-decoration: underline;
}
*/





.post-it {
	background:transparent url('./css/images/cardboard.png') scroll repeat-y top left;
	min-height: 200px;
	position:relative;
	margin-bottom:30px;
}

.post-it a {
	color: #333;
	text-decoration:none;
}

.post-it a:hover {
	text-decoration: underline;
}

.post-it-wrapper {
	padding:30px 13px 20px 13px;
}

.post-it ul {
	list-style-position: inside;
}

.post-it.current_page_item h3{
	text-decoration: underline;
}




.banners {
	overflow:hidden;
}

.banners a.picture_banner_link {
	float:left;
	margin-left:5px;
	margin-bottom:5px;
}

.banners a.picture_banner_link.first {
	margin-left:0;
}

/*Content*/
#main > .entry-content {
	padding-bottom: 25px;
}

#content {
	margin-bottom:20px;
}

#main {
	background:transparent url('./css/images/notebook-main-bg.jpg') scroll repeat-y top right;
	position: relative;
	min-height: 690px;
	padding-top:20px;
	overflow:hidden;
	padding-bottom: 60px;
	right: -9px;
}

#main:before {
	content:' ';
	background:transparent url('./css/images/notebook-side-bg.png') scroll repeat-y top left;
	width:71px;
	display:block;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	padding-bottom:30px; /*footer space*/
}

#main > .footer {
	position:absolute;
	bottom:10px;
	left:73px;
	z-index: 2;
	width:575px;
}

#main .prefix_one_and_half_breaks_grid {
	
	
}

/*
 * TODO Stefano 
 * Ho reso generica questa regola. cambiala se credi, l'originale è qui nel commmento
 * article.post-entry.in-book-entry{*/

article ul {
	list-style-position: outside;
	padding-left: 18px;
}



.post-entry.in-book-entry{
	padding-top:30px;
	padding-bottom:30px;
	padding-left: 85px;
	padding-right: 20px;
}

.paragraph_img {
	position:relative;
	text-align:center;
}

.paragraph_img.right {
	margin-left: 10px;
	float:right;
}

.paragraph_img.left {
	margin-right:10px;
}

.paragraph_img_frame {
	background:transparent url('./css/images/photoframe-scotch.png') scroll no-repeat top left;
	height:270px;
	width:270px;
	display:block;
	position:absolute;
	top: -38px;
	left: -31px;
	z-index: 1; 
}

.paragraph_img.right .paragraph_img_frame {
	left:auto;
	right:-20px;
}


ul.in-book-entry {
	list-style-type: none;
}

ul.in-book-entry .gallery-cover {
	position: relative;
	float: left;
	padding-left: 5px;
	padding-right: 15px;
	margin-left: 31px;
	padding-bottom: 28px;
	margin-bottom: 50px;
}

ul.in-book-entry .gallery-cover .img_frame {
	background: transparent url('./css/images/gallery-frame.png') scroll no-repeat top left;
	height: 270px;
	width: 270px;
	display: block;
	position: absolute;
	top: -34px;
	left: 13px;
}

ul.in-book-entry .gallery-cover header {
	position: absolute;
	z-index: 1;
	top: 134px;
	left: 37px;
	width: 175px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

ul.in-book-entry .gallery-cover header h2{
	font-size: 18px;
	color: #333;
}

ul.in-book-entry .gallery-cover a:hover header h2{
	text-decoration: underline;
}


/*photogallery detail page*/
.single-photogallery h1{
	text-align: center;	
}

.single-photogallery .content {
	margin-bottom:20px;
}

ul.single-photogallery-list {
	list-style-type:none;
	position:relative;
	right:-30px;
	padding-top:20px;
}


.single-photogallery-list li {
	position:relative;
	width:165px;
	height:170px;
	float:left;
	margin-right:27px;
	margin-bottom:27px;
}

.single-photogallery-list img{
	opacity:1;
}

.single-photogallery-list a:hover img{
	opacity:0.7;
}

.single-photogallery-list li .photo_frame{
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	height: 200px;
	width: 200px;
	top: -18px;
	left: -19px;
}

li.sf_1 .photo_frame{
	background-image:url('./css/images/frame-mall-1.png');
}

li.sf_2 .photo_frame{
	background-image:url('./css/images/frame-mall-2.png');
}

li.sf_3 .photo_frame{
	background-image:url('./css/images/frame-mall-3.png');
	top: -26px;
}

li.sf_4 .photo_frame{
	background-image:url('./css/images/frame-mall-4.png');
}

li.sf_5 .photo_frame{
	background-image:url('./css/images/frame-mall-5.png');
	left: -23px;
}

li.sf_6 .photo_frame{
	background-image:url('./css/images/frame-mall-6.png');
	top: -27px;
	left: -27px;
}

.sbc-calendar-month {
	height: 223px;
}

#sbc-calendar .sbc-loader {
	position: absolute;
	top: 0;
	width: 195px;
	height: 252px;
	opacity: 0.6;
	text-indent: -9999em;
	background: transparent url('./css/images/loading.gif') scroll no-repeat center center;
}

.calendar_section .calendar_object{
	float:left;
	position:relative;
	top:10px;
}

.calendar_section .calendar_object .top,
.calendar_section .calendar_object .left,
.calendar_section .calendar_object .right,
.calendar_section .calendar_object .bottom {
	display:block;
	position:absolute;
	background:transparent url('./css/images/calendar-frame.png') scroll no-repeat top left;
}

.calendar_section .calendar_object .top {
	width: 210px;
	height: 20px;
	top: -13px;
	left: -10px;
} 

.calendar_section .calendar_object .left {
	width: 16px;
	height: 257px;
	top: -13px;
	left: -10px;
} 

.calendar_section .calendar_object .right {
	width: 16px;
	height: 257px;
	top: -13px;
	right: 17px;
	background-position: top right;
} 

.calendar_section .calendar_object .bottom {
	width: 210px;
	height: 39px;
	bottom: -8px;
	left: -10px;
	background-position: bottom left;
} 

.sbc-status-booked {
	text-decoration:line-through;
}



#page-footer {
    padding-left: 37px;
    background: transparent url('./css/images/flower.png') scroll no-repeat center left;
    text-align: center;
}

#page-footer footer{
    padding-right: 37px;
    background: transparent url('./css/images/flower.png') scroll no-repeat center right;
    padding-top: 4px;
    padding-bottom: 4px;
}

/*Fullscreen background plugin*/
#background-image {
    position:absolute;
    z-index:1;
}