/*
Theme Name: White Ibiza
Theme URI: http://blog.white-ibiza.com/
Description: White Ibiza Wordpress Theme
Version: 1.0
Author: Natalie Chaponell, Federico Capoano
Author URI: http://www.white-ibiza-studio.com/
Tags: white ibzia
	This theme is for White Ibiza Blog

*/

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

/* BACKGROUND IMAGES */

body{ margin:0; padding:0; color:#333; line-height:1.4em;} /* all subsequent fonts sized in ems ONLY. */
body#missw {background: url("http://www.white-ibiza.com/Websites/whiteibiza/Images/pattern.gif");}

/* LAYOUT */

html, body {
	height: 100%;
}

#container{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size:76% !important; 
}
	
#subnav{
	background-color: #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;
			border:1px solid #eee;
	}
	
#content{
	margin-left: 220px;
	padding:0;
	position:absolute;
	left: 7px;
	/*top: 424px;*/
	}

#heading{
	margin:15px 0;
	}
	
#heading h1 a { color: #888 !important }
	
/* 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: auto;
	background-color: #fff;
	margin-bottom:10px;
	padding: 20px;
	border:1px solid #eee;	};
	
/* DETAIL PAGE LAYOUT */

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

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


/* CLEARING */

.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clear, clear2{
	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;
	}
.whiteFill p{
	text-align:justify;
	}
	
#subnav p{
	margin:0;
	padding: 0;
	line-height:1.3em;
	}
date{
	padding:0 0 1em 0;
	line-height:1.2em;
	font-size:.9em;	
}
	
img{
	border:0;
	}
	
.left{
	float:left;
	}
	
.right{
	float:right;
	}

/* FORMAT > fonts */

body,input,textarea,select{
font-family:Georgia, "Times New Roman", Times, serif;
color:#555;
	}
	
em,i{
	font-style:italic;
	}
	
strong,b{
	font-weight:bold;
	}
	
p {
	color: #444; 
	margin: 2.5px 0
	}
	
p strong {
	font-weight:bold;
	color:#111;
	}

	
dfn{
	font-style:normal;
	}
	
cite{
	font-style:italic;
	}
	
code,kbd,pre{
	font-family:"Courier New",Courier,mono;
	font-size:1em;
	}
	
ul, li {
	margin: 0;
	padding-bottom:5px;
	list-style: none;
	}

/* 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; 
}
	

/* 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:#888;
	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
	}

	
#content ol li{
	padding: 0 0 0 20px !important;
	margin: 2.5px 0;
	list-style: outside decimal;
}

/* NAVIGATION */

#subnav a{
	color: #aaa; 
	text-decoration:none; 
	padding:0 2px;
	}

#subnav a:hover, #subnav a.selected, #subnav a.selectedPage {
	background-color:#aaa;
	color:#fff;
	}

#subnav h2 {
	margin:5px 0 0 0;
	}
	
#subnav .banner {
	margin: 30px 0 20px 0; 
	font-size:1.25em;
	color:#666;
	}
		
#subnav p {
	font-size:13px; 
	color: #aaa; 
	margin:0;
	}

#subnav p a.selected {
	color:#fff;
	background-color:#aaa;
	}

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

#breadcrumbs{
	margin-bottom:10px;
	}
	
#breadcrumbs{
	color:#888;
	font-size:.9em;
	float:left;
			font-family:"Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif;
}
	
#breadcrumbs a{
	color:#888;
	}
	
#breadcrumbs  .bc {
	font-size:1.2em;
	}


/* FOOTER */

#footer{
	background: url("images/pattern.gif") repeat top left #fff;
	overflow:auto;
	color:#888; 
	clear:both; 
	margin-top:20px; 
	padding: 20px; 
	font-family:Georgia,"Times New Roman",Times,serif;
}

html:not([lang*=""]) #footer{ overflow: hidden }

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

#footer .left-last{
float:left;
	width:127px;
	padding:10px 0 20px 0;
	}
	
.footerText {
	margin: 10px 0; 
	font-family:Georgia,"Times New Roman",Times,serif; 
	font-size:1.2em;
	margin-bottom:20px; 
}
	
.footerText a{
	color: #666; 
	text-decoration: none;
	}
	
.footerText p {
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif; 
	font-size:11px; 
	margin-top:10px;
	}

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


	
/* home page content */

.listItem {
	clear:both;
	min-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:410px;
	vertical-align:top;
	}

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

.thumbItem .thumbImage {
	width:75px;
	margin-right: 10px;
	float: left; 
	}
	
.thumbText {
	float: left; 
	text-align:justify;
	vertical-align:top;
	width:190px;
	}
	
.mainItem {
	width:240px;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
	margin-right: 10px;
	}

.mainItem .mainImage {
	width:240px;
	margin-bottom:10px;
	}
	
.mainText {
	text-align:justify;
	width:240px;
	vertical-align:top;
	}
	


#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: 85%; padding: 0 15px 10px 15px;font-size:.95em;}

*:first-child+html #navigation { height: 30px }
*:first-child+html .mainContent .whiteFill { overflow: hidden }

ul.categories {
   float:left;
   line-height:normal;
	margin:0;
	padding:0;    
}

ul.categories ul {
	margin: 0;
	list-style: none;
}
  ul.categories ul {
	margin: 0;
	list-style: none;
}
  ul.categories li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	list-style: none;
}
ul.categories a {
	display: block;
	color: #888;
	text-decoration: none;
	padding: 7px 12px 8px;
}
.contentHome ul.categories a {
	font-size:1.3em;
	font-family:"Trebuchet MS", Arial, Sans;
}
	 
ul.categories a:hover{
	background-color: transparent;
	text-decoration: underline;
}
	
ul.categories a:hover,  ul.categories a:active{	color:#111 }

.sidebarlist padding{
	margin:0;
	padding:0;
}

.post { clear: both; margin-top: 10px; padding-bottom: 10px }
.post small{ font-size: 11px; color: gray }
.single .hentry{ margin-top: 0 }

.post .entry img{ margin: 5px 0 }
#content .post h2.title{ margin-bottom: 0 !important; font-size: 20px }
#content .post h2.title a{ padding: 0 }
#content .single h2.title, .pagetitle{ color: #6f6f6f }
.info{ margin: 0; padding: 0; color: gray }
.author, .time { color: #a6a6a6; font-weight: bold }

.more-link{
	display: block;
	margin-top: 10px;
	padding: 0 0 0 20px !important;
	background: url(images/read.png) no-repeat scroll left center;
	font-size: 12px;
	font-weight: bold
}

.alignleft{
	float: left;
	padding-right: 2%;
	width: 48%;
	line-height: 15px;
}
.alignright{
	float: right;
	padding-left: 2%;
	width: 48%;
	text-align: right;
	line-height: 15px;
}
.aligncenter{ text-align: center !important; margin: 0 auto }
.aligncenter p { text-align: center }
.navigation{ overflow: auto }

.tagcloud{ line-height: 24px }
h2.feed a, h2.facebook a { padding-right: 35px; background: url(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(images/facebook_24.png) }
#twitter-feed{ padding-bottom: 0 !important; margin-left: -15px }

.post .postmetadata{
	padding: 15px;
	border: 1px solid #aaaaaa;
	background-color: #ededed;
	font-weight: bold;
}

.entry .postmetadata{
	padding: 5px 5px 15px 15px;
	border-top: 0 none;
}

span.category a{
	padding-left: 20px;
	background: url(images/folder.png) no-repeat scroll left center;
}
span.category a:hover{
	background-color: #256EB3;
}

span.comments a{
	padding-left: 20px;
	background: url(images/comments.png) no-repeat scroll left 0;
}
span.comments a:hover{
	background-color: #256EB3;
}

.tweetPic{ float: left; margin-top: -5px }
.tweet { line-height: 17px }

.search h3{ margin-bottom: 0 }
#searchform{ margin-left: 10px }

/* Comments */

h3#comments 						{ margin: 0 !important; font-size: 18px }
.commentmetadata					{ font-size: 11px }
.commentlist, .commentlist li	{ list-style-type: decimal }

.textinput, #s, textarea, #securitycode{ border: 1px solid #aaaaaa }

#commentform .textinput, #commentform textarea { padding: 5px; font-size: 12px; width: 220px }
#commentform textarea{ width: 400px }
#securitycode { margin-top: 5px; padding:12px; height:16px; font-size:14px; text-align:center; font-weight: bold }
#cas_image { margin-top: 5px }

.button, #searchsubmit{
	background-color: black;
	color: white;
	border:1px solid black;
	font: bold 11px "Arial", "Helvetica", "Freesans", sans-serif;
}

.navigation{ margin-top: 10px }
#respond h3{ margin: 0 0 5px !important }
#respond label { margin-left: 4px; color: gray }
#respond label small{ font-size: 11px }

.tags{ padding: 0 0 0 20px; margin-top:10px; background: url(images/tag_blue.png) no-repeat scroll left center }
.post .tags{ margin-top: 0 }

.love h5{
	font-size: 18px;
	font-weight: bold;
	color: #205991;
}

.love p{
	font-weight: bold;
	padding: 12px 0 0px 38px;
	margin: 0;
	background: url(images/rss-big.png) no-repeat scroll left center;
	font-size: 13px;
	height: 30px;
}

.love p.newsletter{ background-image:  url(images/mail.png) }
.love p.share{ background-image:  url(images/heart.png) }

/* sociable */

div.sociable {
	margin: 5px 0 0;
	padding: 15px 15px 0px 15px;
	border: 1px solid #aaaaaa;
	border-bottom: 0 none;
	background-color: #ededed;
}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	margin: 0 auto !important;
	padding: 5px 0 !important;
	text-align: center;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.sociable ul a:hover{ background-color: transparent !important }

#secureimgdiv p, #secureimgdiv small { font-size: 11px !important; color: gray; }
#secureimgdiv label { margin-left: 0px !important }
#secureimgdiv a:hover { background: transparent none }
#secureimgdiv p { line-height: 18px }

/* GLOBAL MENU */

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

ul.globalNav ul{ width: auto !important }

ul.globalNav li {
	padding: 0;
	font-size:1.6em;
	line-height:1.4em;
}

#subnav ul.globalNav li a{ padding: 0 }

ul.globalNav li.hasChildren{ position: relative }

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

ul.globalNav li ul a{ color: #707070 !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:170px;
}

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

#subnav a.selectedPage, #subnav a.selectedPageRoot, #subnav a.selectedPageParent{
	padding:1px 5px;
	background-color:#aaa;
	color:#fff !important;
}

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