/*  
Theme Name: Tarabrooch
Theme URI: http://www.tarabrooch.it
Description: Tarabrooch
Version: 1.0
Author: BeeSoft srl
Author URI: http://www.beesoft.it/
*/

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

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

BODY {
	background: url('images/bg.jpg');
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #331c02;
}

IMG { border: 0px; }

LI { list-style: none; }

A { 
	text-decoration: underline;
	color: #880002; 
	outline: 0px;
}

A:hover { text-decoration: none; }

STRONG, EM { color: #000000; }

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

#autostart { display: none; }

#header { background: url('images/bg-header.jpg') no-repeat top center; }

#header .wrap { height: 355px; }

#logo {
	margin: 0px auto 0px auto;
	width: 290px;
	height: 250px;
}

#logo A {
	background: url('images/logo-tarabrooch.jpg') no-repeat 0px 0px;
	text-indent: -90000px;
	font-size: 10px;
	overflow: hidden;
	display: block;
	width: 290px;
	height: 250px;
}

#logo A:hover { background-position: 0px -250px; }

#content .wrap { 
	background: url('images/bg-content.jpg') repeat-y; 
	overflow: hidden;
}

#content .left, #content .right { width: 400px; }

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

#footer .wrap { 
	padding: 121px 0px 0px 215px;
	height: 128px; 
	width: 775px;
}

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

#menu LI { float: left; }

#menu A {
	position: absolute;
	text-indent: -90000px;
	height: 90px;
	display: block;
}

#menu .m1 {
	background: url('images/bg-m1.jpg') no-repeat 0px 0px;
	margin-left: 37px;
	width: 105px;
	top: 217px;
}

#menu .m2 {
	background: url('images/bg-m2.jpg') no-repeat 0px 0px;
	margin-left: 138px;
	width: 121px;
	top: 167px;
}

#menu .m3 {
	background: url('images/bg-m3.jpg') no-repeat 0px 0px;
	margin-left: 222px;
	width: 141px;
	top: 249px;
}

#menu .m4 {
	background: url('images/bg-m4.jpg') no-repeat 0px 0px;
	margin-left: 622px;
	width: 190px;
	top: 249px;
}

#menu .m5 {
	background: url('images/bg-m5.jpg') no-repeat 0px 0px;
	margin-left: 730px;
	width: 136px;
	top: 146px;
}

#menu .m6 {
	background: url('images/bg-m6.jpg') no-repeat 0px 0px;
	margin-left: 837px;
	width: 136px;
	top: 236px;
}

#menu .sel A { background-position: 0px -180px; }

#menu A:hover { background-position: 0px -90px; }

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

#home { padding-top: 300px; }

#home .left { width: 540px; }
#home .right { width: 280px; }

#intro {
	/*background: url('images/bg-intro-noflash.jpg') no-repeat;*/
	position: absolute;
	margin-top: -15px;
	width: 990px;
	height: 315px;
}

#nextevents { margin-bottom: 40px; }

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

#nextevents .top { 
	background: url('images/bg-nextevents-top.jpg') no-repeat 0px 0px; 
	padding-top: 90px;
	overflow: hidden;
	width: 100%;
}

#nextevents H2 { display: none; }

#nextevents UL {
	background: url('images/bg-nextevents-bottom.jpg') no-repeat bottom left;
	padding-bottom: 35px;
	overflow: hidden;
	width: 100%;
}

#nextevents LI {
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
}

#nextevents .date {
	background: url('images/bg-date-div.jpg') no-repeat 6px 0px;
	padding-top: 10px;
	text-align: center;
	color: #ffffff;
	width: 80px;
	float: left;
}

#nextevents .d { 
	font-family: Georgia, serif;
	text-align: center;
	line-height: 30px;
	display: block;
	font-size: 30px;
}

#nextevents .m { font-size: 11px; }

#nextevents H1, #nextevents .excerpt { margin: 0px 30px 0px 95px; }

#nextevents H1 { 
	padding-top: 5px;
	font-size: 16px; 
}

#nextevents .excerpt { line-height: 22px; }

#nextevents .more {
	background: url('images/bg-more.jpg') no-repeat;
	padding: 0px 15px 3px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #ecd9c0;
	display: block;
	float: right;
}

#nextevents .more:hover { color: #ffffff; }

#nextevents .all { 
	padding-right: 20px;
	text-align: right;
	color: #880002; 
}

#nextevents .all A { font-weight: bold; }

#lastcomm {
	background: url('images/bg-lastcomm.jpg') no-repeat;
	height: 200px;
}

#lastcomm H2 { display: none; }

#lastcomm { padding: 57px 30px 0px 30px; }

#lastcomm UL {
	overflow: hidden;
	height: 140px;
}

#lastcomm LI { line-height: 28px; }
#lastcomm LI:first-letter { padding-left: 25px; }

#lastcomm LI A {
	text-decoration: none;
	font-style: italic;
	color: #331c02;
}

#lastcomm LI A:hover { text-decoration: underline; }

#lastcomm .author { text-align: right; }

#lastcomm .all { 
	padding-top: 20px;
	text-align: right;
	color: #880002; 
}

#lastcomm .all A { font-weight: bold; }

#link-food {
	background: url('images/bg-link-food.jpg') no-repeat;
	height: 130px;
	width: 590px;
}

#link-food A { 
	text-indent: -90000px;
	display: block;
	height: 130px;
	width: 590px;
}

#link-guest {
	background: url('images/bg-link-guest.jpg') no-repeat;
	width: 375px;
	height: 85px;
}

#link-guest A {
	text-indent: -90000px;
	display: block;
	width: 375px;
	height: 85px;
}

#link-guest.small {
	background: url('images/bg-link-guest-small.jpg') no-repeat;
	width: 275px;
}

#link-guest A.small { width: 275px; }

#link-facebook {
	margin-top: 30px;
	background: url('images/bg-link-facebook.jpg') no-repeat;
	width: 275px;
	height: 85px;
}

#link-facebook A {
	text-indent: -90000px;
	display: block;
	width: 275px;
	height: 85px;
}


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

.page { padding: 0px 50px 0px 50px; }

.section {
	margin: 15px 0px 10px -30px;
	height: 45px;
}	

.section H2 {
	text-indent: -90000px;
	font-size: 10px;
}

.s0 { background: url('images/bg-section-s0.jpg') no-repeat; }
.s1 { background: url('images/bg-section-s1.jpg') no-repeat; }
.s2 { background: url('images/bg-section-s2.jpg') no-repeat; }
.s3 { background: url('images/bg-section-s3.jpg') no-repeat; }
.s4 { background: url('images/bg-section-s4.jpg') no-repeat; }
.s5 { background: url('images/bg-section-s5.jpg') no-repeat; }
.s6 { background: url('images/bg-section-s6.jpg') no-repeat; }
.s7 { background: url('images/bg-section-s7.jpg') no-repeat; }

.s1b { background: url('images/bg-section-s1b.jpg') no-repeat; }
.s1c { background: url('images/bg-section-s1c.jpg') no-repeat; }

.s2b { background: url('images/bg-section-s2b.jpg') no-repeat; }

.text {
	background: url('images/bg-stars.jpg') no-repeat bottom center;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.text H2 {
	margin: 30px 0px 10px 0px;
	padding-left: 40px;
	font-size: 22px;
	color: #880002;
}

.text P {
	margin-bottom: 10px;
	line-height: 30px;
	font-size: 16px;
}

.text P:first-letter { margin-left: 40px; }

.text UL { margin: 20px 0px 20px 0px; }
	
.text LI {
	background: url('images/bg-arrow.jpg') no-repeat 0px 0px;
	margin-bottom: 10px;
	padding-left: 40px;
	line-height: 30px;
	font-size: 16px;
}

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

#cabaret UL { margin-top: 50px; }
#cabaret LI { height: 390px; }

#cabaret .text {
	background: url('images/bg-text-cabaret.jpg') no-repeat;
	padding: 80px 150px 0px 50px;
	min-height: 450px;
}

#link-cabaret {
	background: url('images/bg-link-cabaret.jpg') no-repeat;
	height: 85px;
	width: 390px;
	float: right;
}

#link-cabaret A { 
	text-indent: -90000px;
	display: block;
	height: 85px;
	width: 390px;
}

#link-events {
	background: url('images/bg-link-events.jpg') no-repeat;
	margin: 0px auto 0px auto;
	height: 85px;
	width: 390px;
}

#link-events A { 
	text-indent: -90000px;
	display: block;
	height: 85px;
	width: 390px;
}

#link-gallery {
	background: url('images/bg-link-gallery.jpg') no-repeat;
	margin: 10px auto 30px auto;
	height: 285px;
	width: 400px;
}

#link-gallery A { 
	text-indent: -90000px;
	display: block;
	height: 285px;
	width: 400px;
}

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

#archive { 
	overflow: hidden;
	width: 890px;
}

#archive UL {
	margin-top: 40px;
	width: 120%; 
}

#archive LI {
	margin-right: 100px;
	height: 390px;
	width: 390px;
	float: left;
}

.wp-pagenavi {
	background: url('images/bg-stars.jpg') no-repeat top center;
	font-family: Georgia, serif;
	text-align: center;
	padding-top: 40px;
	font-size: 22px;
}

.wp-pagenavi .pages { margin-right: 30px; }

.wp-pagenavi .current, .wp-pagenavi A { padding: 5px; }

.wp-pagenavi .current {
	font-weight: bold;
	color: #000000;
}

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

#single { 
	overflow: hidden;
	width: 890px;
}

#single .gallery { width: 120%; }

#single .gallery LI {
	background: url('images/bg-image.jpg') no-repeat 0px 0px;
	margin-right: 55px;
	height: 230px;
	width: 175px;
	float: left;
}

#single .gallery A {
	margin: 5px auto 35px auto;
	overflow: hidden;
	display: block;
	width: 160px;
	height: 120px;
}

#single .gallery .zoom {
	background: url('images/bg-zoom.png') no-repeat;
	position: absolute;
	cursor: pointer;
	width: 160px;
	height: 120px;
}

#single .gallery IMG { width: 160px; }

#single .gallery CITE {
	background: url('images/bg-quotes.jpg') no-repeat 0px 0px;
	font-size: 12px;
	display: block;
}

#single .gallery CITE:first-letter { padding-left: 25px; }

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

.post .photo {
	background: url('images/bg-photo.jpg') no-repeat;
	padding: 20px;
	width: 350px;
	height: 140px;
}

.post .photo A { 
	overflow: hidden;
	display: block;
	width: 350px;
	height: 140px;
}

.post .photo IMG { width: 350px; }

.post .date {
	background: url('images/bg-date.png') no-repeat;
	margin: -10px 0px 0px -10px;
	padding-top: 5px;
	text-align: center;
	position: absolute;
	color: #ffffff;
	width: 70px;
	height: 55px;
}

.post .d { 
	font-family: Georgia, serif;
	text-align: center;
	line-height: 30px;
	display: block;
	font-size: 30px;
}

.post .m { font-size: 11px; }

.post H1 {
	padding: 0px 10px 0px 10px;
	margin-bottom: 10px;
	font-size: 18px;
}

.post .excerpt { 
	padding: 0px 10px 0px 10px;
	line-height: 25px; 
}

.post .gallery { margin-top: 40px; }
.post .gallery LI { margin-right: 40px !important; }

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

#food UL { min-height: 130px; }
#food LI { margin-bottom: 30px; }

#food LI H1 { font-size: 18px; }

#food .left, #food .right { text-align: center; }

#food .left { padding-left: 25px; }
#food .right { padding-right: 25px; }

#food .left H2, #food .right H2 {
	text-indent: -90000px;
	height: 105px;
}

#food .left H2 { background: url('images/bg-title-food1.jpg') no-repeat; }
#food .right H2 { background: url('images/bg-title-food2.jpg') no-repeat; }

#food .left UL { background: url('images/bg-food1.jpg') no-repeat; }
#food .right UL { background: url('images/bg-food2.jpg') no-repeat; }

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

#frm-newsletter {
	background: url('images/bg-newsletter.jpg') no-repeat 0px 0px;
	padding: 30px 10px 0px 10px;
	overflow: hidden;
	width: 240px;
	height: 36px;
	float: left;
}

#frm-newsletter .frm-text {
	background: transparent;
	margin-top: 6px;
	padding: 3px;
	border: 0px;
	width: 190px;
	color: #ffffff;
	float: left;
}

#frm-newsletter .frm-submit {
	background: transparent;
	cursor: pointer;
	border: 0px;
	width: 35px;
	height: 35px;
	float: right;
}

#credits {
	margin-top: 30px;
	font-size: 14px;
	line-height: 25px;
	float: right;
	width: 450px;
}

#credits SMALL { font-size: 11px; }

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

#frm-contact { padding-left: 30px; }

#frm-contact .credits { display: none; }

#frm-contact .fieldwrap {
	margin-bottom: 10px;
	font-size: 16px;
}

#frm-contact LABEL {
	font-family: Georgia, serif;
	margin-bottom: 5px;
	display: block;
	font-weight: bold;
}

#frm-contact .fmtext {
	background: url('images/bg-frm-text.jpg') no-repeat 0px 0px;
	font-size: 16px;
	border: 0px;
	padding: 15px;
	width: 310px;
	height: 20px;
}

#frm-contact .fmtextarea {
	background: url('images/bg-frm-textarea.jpg') no-repeat 0px 0px;
	font-size: 16px;
	border: 0px;
	padding: 15px;
	width: 310px;
	height: 140px;
}

#frm-contact .submit { margin-bottom: 10px; }

#frm-contact .submit INPUT {
	background: url('images/bg-submit.jpg') no-repeat;
	font-family: Georgia, serif;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	border: 0px;
	width: 115px;
	height: 50px;
}

#frm-contact .alert P {
	margin-bottom: 10px;
	line-height: 180%;
}

#google {
	background: url('images/bg-map.jpg') no-repeat;
	margin: 60px 0px 50px 0px;
	padding: 30px;
	width: 330px;
	height: 210px;
}

#google .zoom {
	margin-top: 20px;
	text-align: center;
}

#map {
	background: #b18b5c;
	width: 330px;
	height: 210px;
}

#address { text-align: center; }

#address H2 { font-size: 22px; }

#address P {
	margin-bottom: 20px;
	line-height: 180%;
	font-size: 16px;
}

#address .tel, #address .mail {
	margin-bottom: 20px;
	padding-left: 115px;
	text-align: left;
	font-size: 20px;
	color: #880002;
	width: 250px;
	height: 85px;
}

#address .tel { 
	background: url('images/bg-tel.jpg') no-repeat; 
	padding-top: 15px;
	height: 70px;
}

#address .mail { 
	background: url('images/bg-mail.jpg') no-repeat; 
	line-height: 85px;
}

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

#comments { padding-right: 30px; }

#comments .num {
	border-bottom: 2px dotted #8b5730;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 20px;
}

#comments .head { padding-left: 15px; }

#comments .mytxt {
	background: url('images/bg-comm-div.jpg') no-repeat top left;
	padding: 30px 0px 0px 15px;
	line-height: 160%;
	font-style: italic;
}

#comments LI { margin-bottom: 40px; }

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

#playlist, #ymp-getplayer, #ymp-btn-close, #ymp-btn-pop { display: none !important; }

.ymp-color-main, .ymp-color-tray { background: #880002 !important; }

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

.wrap {
	margin: 0px auto 0px auto;
	width: 990px;
}

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

.required { color: #880002; }