/******************************************************************
Theme Name: Apartments in Sardinia (Bones)
Theme URI: http://www.ghostds.com/
Author: Daniel Hollands
Author URI: http://www.theworldofdan.co.uk/
Version: 1.08

License: GPL or whatever
License URI: http://www.gnu.org/copyleft/gpl.html

All Default Styles are in library/css/normalize.css
I reccommend not editing those files and making all
changes here. That way if something goes awry, you
can easily revert back to the original, but that's
totally up to you. Happy Developing!
******************************************************************/

/******************************************************************
FONTS
******************************************************************/

@font-face {
    font-family: 'VictorsHandRegular';
    src: url('library/fonts/victorshand_regular-webfont.eot');
    src: url('library/fonts/victorshand_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/fonts/victorshand_regular-webfont.woff') format('woff'),
         url('library/fonts/victorshand_regular-webfont.ttf') format('truetype'),
         url('library/fonts/victorshand_regular-webfont.svg#VictorsHandRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/******************************************************************
VERTICAL CENTER
http://pmob.co.uk/pob/hoz-vert-center.htm
******************************************************************/

/* mac hide \*/
html,
body {
	height:100%;
	width:100%;
}
/* end hide */
body {
	min-height:100px;/* for good browsers*/
	min-width:100px;/* for good browsers*/
}
#outerx {
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#containerx {
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 645px;
}
#innerx {
	height: 645px;
}

/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/

/* floats */
.left { float: left; }
.right { float: right; }

/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* highlighting search term on search page */
mark, .search-term { background: #EBE16F; }

/* alerts & notices */
.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }
.help { border-color: #E0C618; background: #EBE16F; }
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; }

/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/

body {
	background-color: #40a4d1;
}

#full-screen-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:0;
}
	#full-screen-image img {
		position:absolute;
		top:0;
		left:0;
		z-index:2;
	}

	#full-screen-image #overlay {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url('library/images/overlay.png') repeat;
		z-index:5;
	}

/******************************************************************
GRID STYLES
******************************************************************/

/* 960 Grid System (http://960.gs/ ) */

#container {
	z-index: 10;
	position:relative;
}

	#container, .wrap {
		width: 940px;
		margin: 0 auto;
		padding: 0 10px;
	}

/* To Use Another Grid System, simply visit:
http://themble.com/bones/docs/grids
There, you can check out how to replace this grid with other like:
960, Blueprint, and any other custom ones.
*/

/******************************************************************
LINK STYLES
******************************************************************/

a, a:visited { color: #cccccc; }
a:hover, a:focus { color: #ffffff; }
a:active {} /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

/******************************************************************
TEXT SELECTION STYLES
******************************************************************/

/* Highlighted Text */
::selection {
	background: #6fc2f6;
	color:#fff;
	text-shadow : none;
}

/* Firefox */
::-moz-selection {
	background: #6fc2f6;
	color:#fff;
	text-shadow : none;
}

/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/

body.rtl {}
body.home {} /* home page */
body.blog {}
body.archive {} /* archive page */
body.date {} /* date archive page */
	body.date-paged-1 {} /* replace the number to the corresponding page number */
body.search {} /* search page */
	body.search-results {} /* search result page */
	body.search-no-results {} /* no results search page */
	body.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
body.error404 {} /* 404 page */
body.single {} /* single post page */
	body.postid-1 {} /* individual post page by id (i.e. body.postid-73) */
	body.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
body.attachment {} /* attatchment page */
	body.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
	body.attachment-mime-type {} /* style mime type pages */
body.author {} /* author page */
	body.author-nicename {} /* user nicename (i.e. body.author-samueladams) */
	body.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
body.category {} /* category page */
	body.category-1 {} /* individual category page (i.e. body.category-6) */
	body.category-paged-1 {} /* replace the number to the corresponding page number */
body.tag {} /* tag page */
	body.tag-slug {} /* individual tag page (i.e. body.tag-news) */
	body.tag-paged-1 {} /* replace the number to the corresponding page number */
body.page-template {} /* custom page template page */
	body.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
	body.page-paged-1 {} /* replace the number to the corresponding page number */
	body.page-parent {}
	body.page-child {}
	body.parent-pageid-1 {} /* replace the number to the corresponding page number */
body.logged-in {} /* if user is logged in */
body.paged {} /* paged items like search results or archives */
	body.paged-1 {} /* individual paged (i.e. body.paged-3) */

/******************************************************************
HEADLINES & TITLES
******************************************************************/

h1, .h1 {
	font-family: VictorsHandRegular;
}
h2, .h2 {
	font-family: VictorsHandRegular;
}
h3, .h3 {}
h4, .h4 {}
h5, .h5 {}

h1 a, h2 a, h3 a, h4 a, h5 a {}

/******************************************************************
HEADER SYTLES
******************************************************************/

header[role=banner] {
	border-bottom: 1px solid #ffffff;
	margin-bottom: 30px;
}
	#logo {
		width: 295px;
		height: 84px;
		float: left;
	}
		#logo a {
			width: 295px;
			height: 84px;
			display: block;
			background-image: url('library/images/logo.png');
		}

/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/
nav[role=navigation] {
	margin-top: 10px;
}

	nav[role=navigation] .menu {}
	nav[role=navigation] .menu ul {
		float: right;
		margin-top: 50px;
	}

		nav[role=navigation] .menu ul li {}
			nav[role=navigation] .menu ul li a {
				color: #fefefe;
				font-weight: 700;
				padding: 4px 6px;
				text-shadow: #000000 1px 1px 1px;
			}
				nav[role=navigation] .menu ul li a:hover {
					/*background: #4eabd2;*/
					color: #fff;
				}

				nav[role=navigation] .menu ul li:first-child a {}

		nav[role=navigation] .menu ul li.current-menu-item a, .nav ul li.current_page_item a {}

		nav[role=navigation] .menu ul li ul.sub-menu, nav[role=navigation] .menu ul li ul.children {
			background: #4598bb;
		}
			nav[role=navigation] .menu ul li ul li a {}
				nav[role=navigation] .menu ul li ul li a:hover {}
			nav[role=navigation] .menu ul li ul li:last-child a {}
			nav[role=navigation] .menu ul li:hover ul { }
				nav[role=navigation] .menu ul li ul li ul.sub-menu { }
					nav[role=navigation] .menu ul li ul li:hover ul.sub-menu { }


/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/

#content {}
	#main {
		width: 295px;
		height: 474px;
		overflow: hidden;
		float: left;
		background: rgba(102,102,102,.8);
	}

	.no-rgba #main {
		background-image: url('library/images/no-rgba-main.png');
	}

		article[id*=post-] {
			padding: 10px 5px 0 10px;
		}

		.single-title {}
		.page-title {}
		.archive_title {
			padding: 0 20px;
		}

		/* want to style individual post classes? Booya! */
		.post-id {} /* post by id (i.e. post-3) */
		.post {} /* general post style */
		.page {} /* general article on a page style */
		.attachment {} /* general style on an attatchment */
		.sticky {} /* sticky post style */
		.hentry {} /* hentry class */
		.category-slug {} /* style by category (i.e. category-videos) */
		.tag-slug {} /* style by tag (i.e. tag-news) */

		/* post meta */
		.meta {}
			.meta time {}

		/* post content */
		.post_content {}

			.post_content p {}
			.post_content ul, .post_content ol, .post_content table, .post_content dl {}
			.post_content ul, .post_content ol {}
			.post_content li {}
			.post_content ul li {}
			.post_content ol li {}

			.post_content h2 {}
			.post_content h3 {}

			.post_content blockquote {}
			.post_content blockquote:before {} /* this adds the quote before the blockquote */

			.post_content dl {}
			.post_content dt {}
			.post_content dd {}

			.post_content img {}
			.post_content video {}
			.post_content object {}
			.post_content pre, .post_content code {
				font-size: 0.9em;
				line-height: 1.7em;
				padding: 1em;
				background: #eee;
				border: 2px solid #cecece;
			}

			.wp-caption {}
			.wp-caption img {}
			.wp-caption p.wp-caption-text {}

			/* image gallery / subpages styles */

			.gallery dl,
			.subpages dl
			{
				margin-top: 0 !important;
				margin-bottom: 4px !important;
			}
			.gallery dt,
			.subpages dt
			{
				text-align: right !important;
			}
			.gallery dd,
			.subpages dd
			{}
			.gallery dl a,
			.subpages dl a
			{
				text-decoration: none;
			}
			.gallery dl img,
			.subpages dl img
			{}
			.gallery-caption,
			.subpage-caption
			{}

			.subpages {
				margin-top: 322px;
			}
			.subpages .subpage-item {
				float: left;
				margin-top: 10px;
				text-align: center;
				width: 25%;
			}
			.subpages img {
				border: 2px solid #cfcfcf;
			}
			.subpages .subpage-caption {
				margin-left: 0;
			}

			.subpage-icon span
			{
				display: block;
				text-align: center;
				position: relative;
				height: 20px;
				line-height: 20px;
				background: rgba(255,255,255,.8);
				color: #000000;
				margin: -25px 8px 0;
				width: 150px;
				font-weight: bold;
			}

			.no-rgba .subpage-icon span
			{
				background-image: url('library/images/no-rgba-subpages.png');
			}

			.size-full {}
			.size-large {}
			.size-medium {}
			.size-thumbnail {}

		article[id*=post-] footer {}

/******************************************************************
Custom Scroller: http://www.webappers.com/2010/12/29/fully-customizable-content-scrollbar-jquery-plugin/
******************************************************************/

#mcs_container{position:relative; width:295px; height:474px;}
#mcs_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container .customScrollBox .container{position:relative; width:280px; top:0; float:left;}
#mcs_container .customScrollBox .content{clear:both;}
#mcs_container .customScrollBox img{border:5px solid #fff;}
#mcs_container .dragger_container{position:relative; width:4px; height:424px; float:left; margin:25px 0; background:#808080; cursor:pointer -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:s-resize;}
#mcs_container .dragger{position:absolute; width:6px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#mcs_container .dragger_pressed{position:absolute; width:6px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:s-resize;}
#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:15px; margin-right:12px; text-decoration:none; right:0; filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity:0.20; opacity:0.20;}
#mcs_container .scrollUpBtn{top:16px; background:url(mcs_btnUp.png) center center no-repeat;}
#mcs_container .scrollDownBtn{bottom:12px; background:url(mcs_btnDown.png) center center no-repeat;}
#mcs_container .scrollUpBtn:hover,#mcs_container .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}


/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/

/* page navigation */
.page-navigation, .wp-prev-next { }
	.bones_page_navi, .wp-prev-next ul { }
		.bones_page_navi li { } /* regular links */
			.bones_page_navi li a { padding: 3px 6px; }
				.bones_page_navi li a:hover { color: #f01d4f; }
		.bones_page_navi li.bpn-current { padding: 3px 6px; border-bottom: 2px solid #f01d4f; } /* current page link */
				.bones_page_navi li.bpn-current:hover {}
		.bones_page_navi li.bpn-prev-link { } /* previous link */
			.bones_page_navi li.bpn-prev-link a { padding: 0; }
				.bones_page_navi li.bpn-prev-link a:hover { background: none; }
		.bones_page_navi li.bpn-next-link { font-weight: 700; } /* next page link */
			.bones_page_navi li.bpn-next-link a { padding: 0; }
				.bones_page_navi li.bpn-next-link a:hover { background: none; }
		.bones_page_navi li.bpn-last-page-link {} /* last page link */
			.bones_page_navi li.bpn-last-page-link a {}
				.bones_page_navi li.bpn-last-page-link a:hover { background: none; }
		.bones_page_navi li.bpn-first-page-link {} /* first page link */
			.bones_page_navi li.bpn-first-page-link a {}
				.bones_page_navi li.bpn-first-page-link a:hover { background: none; }

	/* fallback previous & next links */
	.wp-prev-next {}
		.wp-prev-next ul {}
			.wp-prev-next .prev-link {}
			.wp-prev-next .next-link {}

/******************************************************************
COMMENT STYLES
******************************************************************/

#comments {}/* h3 comment title */
	#comments span {
		font-weight: 700;
		color: #1a90db;
	} /* number of comments span */

.comment-nav {}
	.comment-nav ul {}
		.comment-nav ul li {}

.commentlist {
	margin: 0 20px;
}
	.commentlist li {
		margin-bottom: 1.5em;
		padding: 0.7335em 10px;
	}
		.commentlist li[class*=depth-] {
			padding-left: 20px;
			margin-top: 1.1em;
		}
			.commentlist li.depth-1 {
				margin-left: 0;
				margin-top: 0;
			}
				.commentlist li:not(.depth-1) {
					margin-right: -10px;
					margin-top: 0;
					padding-bottom: 0;
				}
			.commentlist li.depth-2 {}
			.commentlist li.depth-3 {}
			.commentlist li.depth-4 {}
			.commentlist li.depth-5 {}
			.commentlist li:last-child {
				margin-bottom: 0;
			}
				.commentlist li ul.children li {}
				.commentlist li ul.children li.alt {}
				.commentlist li ul.children li.byuser {}
				.commentlist li ul.children li.comment {}
				.commentlist li ul.children li.depth-1 {} /* change number for different depth */
				.commentlist li ul.children li.bypostauthor {}
				.commentlist li ul.children li.comment-author-admin {}
				.commentlist li ul.children .alt {}
				.commentlist li ul.children .odd {}
				.commentlist li ul.children .even {}
			.commentlist .alt {}
			.commentlist .odd { background: #eee; }
			.commentlist .even { background: #fefefe; }
			.commentlist .parent {}
			.commentlist .comment {}
			.commentlist .children { border-left: 2px solid #6ac8d3; }
			.commentlist .pingback {}
			.commentlist .bypostauthor {}
			.commentlist .comment-author {}
			.commentlist .comment-author-admin {}
			.commentlist .thread-alt {}
			.commentlist .thread-odd {}
			.commentlist .thread-even {}

			.commentlist .vcard { margin-left: 55px; }
				.commentlist .vcard cite.fn { font-weight: 700; font-style: normal; }
				.commentlist .vcard time { float: right; }
					.commentlist .vcard time a { color: #999; }
						.commentlist .vcard time a:hover { text-decoration: underline; }
				.commentlist .vcard img.photo {}
				.commentlist .vcard img.avatar { position: absolute; left: 20px; padding: 2px; border: 1px solid #cecece; background: #fff; }
					.commentlist .vcard cite.fn a.url {}
				.commentlist .comment-meta {}
					.commentlist .comment-meta a {}
				.commentlist .commentmetadata {}
					.commentlist .commentmetadata a {}
			.commentlist li .comment_content { margin-left: 55px; }
				.commentlist li .comment_content p { margin: 0.7335em 0 1.5em; }
				.commentlist li ul { }
				.commentlist .comment-reply-link { text-decoration: none; float: right;  background: #4598bb; padding: 3px 5px; color: #fff; opacity: 0.65; margin-bottom: 10px; font-weight: 700; }
					.commentlist a.comment-reply-link:hover { opacity: 1; }


/******************************************************************
COMMENT FORM STYLES
******************************************************************/

#respond {}
	#comment-form-title {}
		#cancel-comment-reply {}
			#cancel-comment-reply a {}
	#commentform {}
		.comments-logged-in-as {}
		#comment-form-elements {}
			#comment-form-elements li {}
				#comment-form-elements label {}
				#author, #email, #url, #comment {}
					#author:focus, #email:focus, #url:focus, #comment:focus {}
				#author, #email, #url {}
			#allowed_tags {}
				#comment {}
				#submit {}

/******************************************************************
OTHER
******************************************************************/

#other {
	width: 640px;
	height: 496px;
	float: right;
}


/******************************************************************
Home Intro
******************************************************************/

.introtext {
	width: 320px;
	min-height: 80px;
	margin: 200px auto 0 auto;
	padding-left: 90px;
	background-image: url('library/images/annmarie-thumb.jpg');
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 1.3em;
	font-style: italic;
	text-shadow: #000000 1px 1px 1px;
}

.introtext span {
	display: block;
	float: right;
	font-family: VictorsHandRegular;
	font-size: 2em;
	margin-right: 60px;
}


/******************************************************************
FOOTER STYLES
******************************************************************/

footer[role=contentinfo] {
	border-top: 1px solid #ffffff;
	text-shadow: #000000 1px 1px 1px;
}

	footer[role=contentinfo] a,
	footer[role=contentinfo] a:visited,
	footer[role=contentinfo] a:hover,
	footer[role=contentinfo] a:focus
	{
		color: #ffffff;
		text-decoration: none;
	}

	footer[role=contentinfo] .contact {
		float: left;
		width: 460px;
		font-size: 1.0em;
		font-weight: bold;
		margin-left: 10px;
	}
		footer[role=contentinfo] .contact span {
			font-size: 1.7em;
		}
	footer[role=contentinfo] .credit {
		float: right;
		width: 460px;
		text-align: right;
		margin-right: 10px;
	}


/******************************************************************
Clean-contact
******************************************************************/

.CleanContact { text-align: left; display: block; border:0; }
.CleanContact input[type="text"] { width: 100%; margin-bottom: .5em; }
.CleanContact label { clear: none; display: inline; text-align: left; }
.CleanContact textarea{ width: 100%; height: 10em; margin-bottom: .5em; font-size: 1.2em}
.CleanContact label em { font-weight: bold; font-style: normal; }
.CleanContact_msg { font-weight: bold;  padding: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.CleanContact_msg.ok{ background-color: #8dff87; border: solid 1px #e6f4d7; color: #000; margin: 2em 0 2em 0;}
.CleanContact_msg.err{ background-color: #ff9595; border: solid 1px #fff; color: #000;}


/******************************************************************
MEDIA QUERIES & DEVICE STYLES
To use a responsive design, it's reccomended to use the responsive version of Bones. You can find it on github: https://github.com/eddiemachado/bones-responsive
******************************************************************/

@media only screen and (min-width: 480px) {
	/* insert styles here */
}

@media only screen and (min-width: 768px) {
/* insert styles here */
}

@media only screen and (min-width: 992px) {
/* insert styles here */
}

@media only screen and (min-width: 1382px) {
/* insert styles here */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */
}

/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/

@media print { }

/******************************************************************
IE SPECIFIC FIXES
******************************************************************/

/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.

To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }

To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }

To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }


Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/