@charset "UTF-8";
/* CSS Document */

/* LAYOUT */

body{font-size:76%; margin:0; padding:0; color:#111; line-height:1.4em;background-attachment:fixed;} /* all subsequent fonts sized in ems ONLY. */

html, body {
	height: 100%;
	}
#container{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}
	
#subnav{
	background: url("http://www.white-ibiza.com/Websites/whiteibiza/Images/pattern.gif") repeat top left #fff; 
	position:fixed; 
	width: 170px; 
	margin-left: 10px; 
	padding: 10px 15px; 
	height:100%; 
	text-align: right; 
	color: #888;
	vertical-align:top;
			font-family:"Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif;

	}
	
#content{
	margin-left: 220px;
	padding:0;
	position:absolute;
	top:0;
	}

#heading{
	margin:15px 0 5px 0;
	}
	

/* GLOBAL MENU */

ul.globalNav {
	width:165px;
	margin:0;
	padding:0;
	z-index: 6000;
}

ul.globalNav ul{ width: auto !important }

ul.globalNav li {
	color:#aaa;
	font-size:1.3em;
	line-height:1.4em;
	margin:0;
	padding:0;
}

ul.globalNav li a{
	padding:0;
	color:#aaa;
}

ul.globalNav li.hasChildren{ position: relative }

ul.globalNav li ul {
	display: none;
	position: absolute;
	z-index: 3000;
	top: 100%;
	background: url("http://www.white-ibiza.com/Websites/whiteibiza/Images/pattern.gif") repeat top left #fff; 
}

ul.globalNav li ul a{ color: #aaa !important }

ul.globalNav li ul li{
    width: 200px;
	font: normal 12px "Arial", "Helvetica", "Freesans", sans-serif;
	text-align: left;
}

ul.globalNav li>ul {
	top: 0px;
	left:145px;
}

ul.globalNav li li {
	display: block;
	float: none;
	margin-bottom: -1px !important;
	border:1px solid #eee;
}
ul.globalNav li ul li a { display: block; padding: 4px 10px !important; }
ul.globalNav li ul a:hover{  background-color: #ddd !important }

ul.globalNav li:hover ul, ul.globalNav li.over ul {
	display: block;
}

/* SECTION MENU */

ul.sectionNav {
	margin:0 0 0 10px;
	padding:0;
}

ul.sectionNav li {
	margin:0;
	padding:0 0 5px 0;
}

ul.sectionNav li a{
	padding:0;
	color:#888;
	font-size:1.2em;
}

	
/* HOME PAGE LAYOUT */

.contentHome  {
	width: 870px;
	padding:0;
	}
	
.contentHome  .mainContent {
	width:540px;
	margin-right: 10px;
	float:left;
	padding:0;
	}

.contentHome  .rightHandSide {
	width:320px;
	float:left;
	padding:0;
	}
	
.whiteFill {
	clear:both;
	overflow:hidden;
	background: url("http://www.white-ibiza.com/Websites/whiteibiza/Images/pattern.gif") repeat top left #fff;
	margin-bottom:10px;
	padding: 15px 20px;
	};

.whiteFillForm {
	clear:both;
	overflow: auto;
	background: url("http://www.white-ibiza.com/Websites/whiteibiza/Images/pattern.gif") repeat top left #fff;
	margin-bottom:10px;
	padding: 0 15px;
	};

.whiteBox {
	background: #fff;
	border:1px solid #eee;
	padding: 5px 10px;
	};
	
.dontMiss td{
	padding-bottom:10px;
	margin-right: 10px;
}

.dontMiss td p{
	padding-bottom:10px;
	border-bottom:1px solid #eee;
}
	
/* DETAIL PAGE LAYOUT */

.contentMain  {
	width: 1030px;
	padding:0;
	}
	
.contentMain .contentMainArea {
	width: 350px; 
	float: left;
	margin-right:10px;
	}

.contentFormArea {
	width: 310px; 
	float: left;
	}

.contentMain .contentWideArea {
	width: 510px; 
	float: left;
	margin-right:10px;
}

/* DIRECTORY PAGE LAYOUT */

.contentDirectory  {
	width: 1000px;
	padding:0;
	}

.contentDirectory .contentMainArea {
	width: 320px; 
	float: left;
	margin-right:10px;
	}



/* CLEARING */

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


/* FORMAT */

abbr,acronym,dfn{
	cursor:help;
	border:0;
	}
	
a abbr,a acronym,a dfn{
	cursor:pointer;
	}
	
pre,address{
	margin:0;
	padding:0;
	}
	
p,blockquote{
	margin:0;
	padding:0 0 1em 0;
	line-height:1.4em;
	}
	
date{
	padding:0 0 1em 0;
	line-height:1em;
	font-size:.8em;	
	color:#aaa;
		line-height: 1.2em; /*1.5em of a 1em (or 16px font) = 24px*/

}
	
img{
	border:0;
	}
	
.left{
	float:left;
	}
	
.right{
	float:right;
	}
	
	ul {
list-style: none;
	margin: 0 0 10px 20px;
	padding: 0;
	}

li {
	margin: 0;
	padding: 0;
	}
	

/* FORMAT > fonts */

body,input,textarea,select{
/*font-size:.75em;  1em=16px 
line-height: 1.5em; /*1.5em of a 1em (or 16px font) = 24px*/
font-family:Georgia, "Times New Roman", Times, serif;
color:#555;
/*font:small/1.1 "Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif;color:#555;	*/
}
	
em,i{
	font-style:italic;
	}
	
strong,b{
	font-weight:bold;
	}
	
p {
	text-align:justify;
	padding-bottom: 5px;
	}
	
p strong {
	color:#000;
		font-family:"Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif;

	}

	
dfn{
	font-style:normal;
	}
	
cite{
	font-style:italic;
	}
	
code,kbd,pre{
	font-family:"Courier New",Courier,mono;
	font-size:1em;
	}

/* LINKS */

a, a:link{
	text-decoration:none; 
	color: #256EB3;
	padding:0 2px;
	}
	
a:visited{
	color: #636; 
	text-decoration:none;
	padding:0 2px;
	}
	
a:hover, a:active{
	text-decoration:none;
	background-color: #256EB3;
	color:#fff !important; 
}
	
/* HEADERS */

h1,h2,h3,h4,h5,h6 {
	font-family:"Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif;
	margin:0 0 5px 0;
	font-weight:normal;
	}
	
h1{
	font-size:1.4em;
	color:#fff;
	margin:0 0 7px 0;
	}
	
h1 strong{
	color: #111; 
	font-size:1em;
	text-transform:uppercase;
		letter-spacing:1px;

	}

.whiteFill h1 {
	color: #111;
	font-size:1.4em; 
	line-height:1.5em;
	margin:0;
}

h2 {	
	font-size:1.3em;
	line-height:1.3em;
	color: #111;
}

.contentMainArea h2 {	
	margin-bottom:15px;
	font-size:1.7em;
	color:#111;
}

.contentMainArea h1.title {	
	margin-bottom:15px;
	font-size:1.7em;
	color:#111;
}

.contentFormArea h2 {	
	margin-top:-20px;
	font-size:1.6em;
	line-height:1.6em;
}

.mainContent h1.title{
	font-size:1.5em; 
	line-height:1.4em; 
	color:#aaa;
	margin-bottom:20px;
	}
	
.mainContent h3{
	font-size:1.5em; 
	line-height:1.4em; 
	color:#000;
	margin-bottom:20px;
	}

/*RHS*/
	
.rightHandSide h2 {	
	margin-bottom:10px;
	font-size:1em;
	padding:3px 5px;
	/*background-color:#fff;
	border:1px solid #eee;*/
	background-color:#ddd;
	color:#fff;
	text-transform:uppercase;
		letter-spacing:1px;

}

.rightHandSide h2 a, .rightHandSide h2 a:visited{	
	color:#aaa;
}

.rightHandSide h2 a:hover{	
	color:#256EB3;
}


.rightHandSide h1.title {
	margin-bottom:10px;
	font-size:1.2em;
	padding:2px 7px;
	/*background-color:#fff;
	border:1px solid #eee;*/
	text-transform:uppercase;
	background-color:#ccc;
	color:#fff;
		letter-spacing:1px;

}


.contentMainArea h3 {	
	font-size:1.4em;
	color:#888;
	margin-bottom:10px;
}
	
h4{
	color:#000;
	font-size:1.1em;
	text-transform:uppercase;
		letter-spacing:1px;

	}
	

	
h5, h6{
	font-size:1.2em;
	}
	
	
.textAreaLarge h1{ 
	font-size:1.8em;
	color:#111
	}

/* MUSIC BANNER */

#subnav .banner {
	margin-top:30px;
	}

#subnav .banner h4 {
	margin:7px 0 5px;
	font-size:1.1em;
	line-height:1.3em;
}
		
#subnav .banner p {
	font-size:.9em; 
	margin:0;
	line-height:1.4em;
	text-align:right;
	padding-bottom:0;
	}

#subnav .banner img {
	float:right;
	padding-left:10px;
	}
	
/* BREADCRUMBS */

#breadcrumbs{
font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	text-transform:uppercase;
	color:#fff;
	font-size:.9em;
	float:left;
		letter-spacing:1px;

	}
	
#breadcrumbs a{
	color:#fff;
	}
	
#breadcrumbs  .bc {
	font-size:1em;
	}


/* FOOTER */

#footer{
	background:#fff url("http://www.white-ibiza.com/Websites/whiteibiza/Images/pattern.gif") repeat top left ;
	overflow:auto;
	color:#888; 
	clear:both; 
	margin-top:20px; 
	padding: 20px; 
	font-size:.85em;
}

#footer ul{
	list-style-type:none;
	padding:0;
	margin: 10px 0 0 0; 
	}
	
#footer ul li{
	display:block;
	padding:0 0 1px 0; 
	}
	
#footer ul li a{
	margin-left: 0px;
	text-decoration: none; 
	color: #888;
	}
	
#footer a:hover{
	text-decoration: none; 
	background:#aaa;
	color:#fff;
	}
	
#footer ul.copyright{
	border-top:1px #eee solid;
	list-style-type:none;
	
	padding:10px 0;
	margin: 0; 
	}
#footer .left-last{
float:left;
	width:127px;
	padding:10px 0 20px 0;
	}
	
#footer ul.copyright li{
	display:inline;
	margin-right:20px;
	padding:0;
	}
#footer .left{
	width:127px;
	padding-right:4px;
	border-right:1px solid #eee;
	margin:10px 8px 20px 0;
	}
		

#footerNew{
	background:#fff url("http://www.white-ibiza.com/Websites/whiteibiza/Images/pattern.gif") repeat top left ;
	overflow:auto;
	clear:both; 
	margin-top:20px; 
	padding: 20px; 
}
	
ul.footerNav{
	list-style-type:none;
	margin:0;
	padding:0; 
	}
ul.footerNav li{
	font-size:.95em;
	font-weight:bold;
	width:70px;
	margin:10px 10px 10px 0;
	float:left;
	}

ul.footerNav li.haschildren a{
	padding:0;
	text-transform:uppercase;
		letter-spacing:1px;

	}

ul.footerNav a{
	padding:0;
	color:#aaa;
	}

ul.footerNav li ul{
	padding:0;
	margin:5px 0 0 0;
	}

ul.footerNav li ul li{
	font-size:.85em;
	font-weight:normal;
	padding:0;
	margin:0 0 2px 0;
	}	
	
#footerNew .footerImage {
	width: 100px; 
	padding:0; 
	}
	
#footerNew .left{
	width:127px;
	padding-right:4px;
	border-right:1px solid #eee;
	margin:10px 8px 20px 0;
	}
	
#footerNew .left-last{
	float:left;
	width:127px;
	padding:10px 0 20px 0;
	}
	
#footerNew .footerText {
	margin: 10px 0; 
	margin-bottom:20px; 
	color: #aaa; 
}
	
#footerNew .footerText a{
	padding:0;
	color: #aaa; 
	font-size:.9em;
	text-transform:uppercase;
	font-weight:bold;
	}
	
#footerNew .footerText p {
	margin-top:5px;
	text-align:left;
	font-size:.9em;
	}

#footerNew ul.copyright{
	border-top:1px #eee solid;
	list-style-type:none;
	padding:10px 0;
	margin: 0; 
	}
	
#footerNew ul.copyright li{
	display:inline;
	margin-right:20px;
	padding:0;
	}
#footerNew ul.copyright li a{
	display:inline;
	margin-right:20px;
	color: #aaa; 
padding:0;
	}

.footerText {
	margin: 10px 0; 
	margin-bottom:20px; 
}
	
.footerText a{
	color: #aaa; 
	font-size:1em;
	text-transform:uppercase;
	font-weight:bold;
		letter-spacing:1px;

	}
	
.footerText p {
	margin-top:5px;
	text-align:left;
	}
	
/* home page content */

.directoryItem {
	clear:both;
	min-height:60px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
	}
.directoryText {
	float: left; 
	text-align:justify;
	width:470px;
	vertical-align:top;
	}

	
/*LISTS*/

#content .textArea ul.padding {padding: 0;margin:0;font-size:12px;font-weight:normal;}
#content .textArea ul.padding li {padding: 0 0 5px 0;margin:0; list-style:none; font-size:11px; letter-spacing:-1px;}
#content .textArea ul.padding a{color: #256EB3;text-decoration:none;}
#content .textArea ul.padding a:hover{color: #256EB3; text-decoration:underline;}

#content .textAreaConditions {clear: left;width: 450px; padding: 10px; margin: 20px 0; background: #eee; text-align:justify;}
#content .textAreaConditions p {font-size: .8em; color: #444;}

.listingTextCalendar {float: left;  width: 750px; padding: 0 15px 10px 15px;font-size:.95em;}



/* FORMS */

form{
	margin:0;
	padding:0;
	width:auto;
}

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

.searchInput {
	padding: 0.1em;
	font-size: 1em;
	margin:0;
	color:#111;
}

.searchButton {
	background: #eee;
	color: #888;
	padding: 0.1em 0.5em;
	font-size: 1em;
	border:1px solid #eee;
	}


/* Subscribe
--------------------------------------- */

.subscribeInput {
	padding: 0.1em;
	font-size: 1em;
	margin-top:5px;
}

.subscribeButton {
	background: #111;
	color: #fff;
	padding: 0.1em 0.5em;
	font-size: 1em;
	border:1px solid #888;
	}

/* Events Calendar
--------------------------------------- */

.eventsElement{padding:0;margin:0;}
.eventsElement .eventsList{padding:0;margin:0;}

.eventsElement .eventsList ul {margin:0; padding:0;}

.eventsElement .eventsList ul li {margin:0; padding:0 0 5px 0; line-height:1.4em; font-size:.9em;}

.eventsElement .eventsList li a, .eventsList li .eventDate{color:#aaa!important;padding:0;}
				
.textAreaCalendar p date  {
	color: #aaa;
	font-size:0.9em;
	line-height: 1.2em; /*1.5em of a 1em (or 16px font) = 24px*/

	}
	
.textAreaCalendar {
	clear: left;
	width: 870px; 
	padding: 20px; 
	margin: 10px 0 0px 0px; 
	background: url("http://www.white-ibiza.com/Websites/whiteibiza/Images/pattern.gif") repeat top left #fff;
	}

.eventsCalendar table {
	border: 1px solid #999;
	width: 100%;
	border-collapse: collapse;
	background-color:none;
	}

.eventsCalendar table table, .eventsCalendar table table td {
	border: none;
	width: 100%;
	background-color:none;
	border-collapse: collapse;
	}
	
.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay   {
	padding: 0 5px;
	background-color:none;
	border: 1px solid #ddd;
	}	

	/* Calendar nav row
--------------------------------------- */

.calendarTitle td {
	text-align: center;
	color: #ccc;
	font-weight: bold;
	font-size:1.5em;
	}

.calendarNextPrevious {
	padding: 5px 0;
	font-weight: normal;
	color: #ccc !important;
	}

.calendarNextPrevious a {
	color: #ccc !important;
	font-weight: normal;
	}

/* Calendar day headers
--------------------------------------- */
.calendarDayHeader {
	background-color: #fff;
	color: #666;
	font-weight: normal;
	height: 1px;
	text-align: center;
	font-size:1.3em;
	padding:10px 0;
	}

.calendarDay, .calendarOtherMonthDay, .calendarWeekendDay {
	background: url("http://www.white-ibiza.com/Websites/whiteibiza/Images/pattern.gif") repeat top left #fff;
	vertical-align:top;
	color: #bbb;
	padding-top:5px;
	padding-bottom:15px;
	font-size:3em;
	line-height:50px;
	}

.calendarDay a, calendarOtherMonthDay a, .calendarWeekendDay a {
	color: #555;
	font-size:11px;
	line-height:14px;
	}

/* Calendar day formats
--------------------------------------- */

.calendarToday {
	background: url("images/patternGrey.gif") repeat top left #fff;
	vertical-align:top;
	color: #bbb;
	padding-top:5px;
	padding-bottom:15px;
	font-size:3em;
	line-height:50px;
}
.calendarToday a {
	color: #111;
	font-size:12px;
	line-height:13px;
}

.calendarToday a:hover, .calendarWeekendDay a:hover, .calendarOtherMonthDay a:hover, .calendarDay a:hover, .calendarNextPrevious a:hover {color: #256EB3;}

	
/* Event styles
--------------------------------------- */

.event h2	{
	font-size:110%;
	}
	
.event .eventDate	{
	padding: 10px 0;
	font-weight:bold;
	}	
	
.element {
	width: 100%;
	}
.textElement {
	width: 100%;
	}

.light{
	color: #777;
	}



/* BLOG STYLES */

.blogList h2.postTitle a {
 	color:#888;
	text-decoration:none;
	font-size:.85em;
}

/* IE7 trick */

*:first-child+html .paddingLight li{
	border: 1px solid transparent;
}



/* FILTERS */
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */

.nomargin { margin: 0 }
.intro { margin: 5px 0 15px }

.photoGalleryElement { margin-bottom: 5px !important; }

/* <textEditor> */


/* THUMB ITEMS */

.thumbItem {
	clear:both;
	height:75px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
	}

.thumbItem .thumbImage {
	width:75px;
	margin-right: 20px;
	float: left; 
	}
	
.thumbText {
	float: left; 
	text-align:left;
	vertical-align:top;
	width:180px;
	}
	
.thumbText  h3 {	
	font-size:1.2em;
	color:#aaa;
	margin-bottom: 7px;
}

.thumbText h3 a{	
	color:#256EB3;
	padding:0;
}

.thumbText h3 a:hover{	
	background:256EB3;
	color:#fff;
}

.thumbText p{
	color:#aaa;
	font-size:.9em;
	}

.thumbTextLong {
	float: left; 
	text-align:justify;
	vertical-align:top;
	width:350px;
	}

.rightHandSide .thumbText p { text-align: left }


/*LIST ITEMS*/
.listItem {
	clear:both;
	height:100px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
	}

.listItem .listImage {
	width:66px;
	margin-right: 20px;
	float: left; 
	}
	
.listText {
	float: left; 
	text-align:justify;
	width:390px;
	vertical-align:top;
	}

.listText h2{
	font-size:1.3em;
	color:#111;
	}

.listText h2 a{
	color:#111;
	}

.listText h5{
	color:#111;
	text-transform:uppercase;
	font-size:.95em;
	letter-spacing:1px;
	}
	
.listText h5 a{
color:#000;
	}

.listText p strong{
	color:#333;
	text-transform:uppercase;
	font-size:.95em;
		letter-spacing:1px;

	}
.listText p {
		font-size:.9em;
		line-height:1.4em;
}
	
/*MAIN ITEMS*/

.leftcol {
	width:240px;
	float:left;
	}

.rightcol {
	width:240px;
	float:right;
	}

.mainItem {
	width:240px;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
	}

.mainItem .mainImage {
	width:240px;
	margin-bottom:10px;
	}
	
.mainText {
	width:240px;
	height:150px;
	vertical-align:top;
	text-align:justify;
	}
.mainText h2{
	font-size:1.3em;
	color:#111;
	}

.mainText h2 a{
	color:#111;
	}

.mainText h5{
	color:#111;
	text-transform:uppercase;
	font-size:.9em;
		letter-spacing:1px;

	}
	
.mainText h5 a{
color:#111;
	}

.mainText p strong{
	color:#111;
	text-transform:uppercase;
	font-size:.9em;
		letter-spacing:1px;

	}
.mainText p {
	text-align:left;
		font-size:.9em;
}

.2colleft h2, .2colright h2 {	
	margin-top:10px;
}
	
/* </textEditor> */

h2.feed a, h2.facebook a { padding-right: 35px; background: url(http://blog.white-ibiza.com/wp-content/themes/white-ibiza/images/rss.png) no-repeat scroll right center; }
h2.feed a:hover, h2.facebook a:hover{ background-color: #256EB3 }
h2.facebook a{ background-image: url(http://blog.white-ibiza.com/wp-content/themes/white-ibiza/images/facebook_24.png) }

div.sldw_caption h3 
{ 
font-weight:normal !important; 
font-size: 13px !important; 
text-decoration: none !important; 
color: #fff !important; 
}

div.sldw_caption_hover h3
{ 
font-weight:normal !important; 
font-size: 13px !important; 
text-decoration: none !important; 
color: #fff !important; 
}