﻿/*  
Theme Name: whitehorizons
Description: A Child Theme of Thematic
Template: thematic
Theme URI: www.divydovy.com
Author: David Lockie/divydovy
Author URI: www.divydovy.com
Version: 0.1
Copyright (C)2011 White Horizons Chalets
Black icons used under Creative Commons license from: http://thinkdesignblog.com/free-vectors-social-networking-icons-10-colors2-styles.htm 26/08/11
*/
@import url('../thematic/library/styles/reset.css');
@import url('../thematic/library/styles/typography.css');
@import url('../thematic/library/layouts/2c-r-fixed.css');
@import url('../thematic/library/styles/images.css');
@import url('../thematic/library/styles/default.css');
@import url('../thematic/library/styles/plugins.css');

/* Colors
Blue - 0c82cc
*/

body { font-family:Tahoma, "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; background-color:black; }
input, textarea { font-family:Tahoma, "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; color:#333; }
a, a:link, a:visited { text-decoration:none; }
.clearfix { position:relative; display:block; width:100%; float:none; clear:both; height:1px; line-height:1px; font-size:1px;  text-indent:-9999px; }
.cufon-loading { display:none; }

/* Wrapper */
#wrapper { width:960px; margin:0 auto; }

/* Header */
#header { height:220px; width:960px; margin:10px 0 0; padding:0; background:white url('images/white-horizons-header.png') left top no-repeat; }
	/* Branding */
	#branding, #blog-title, #blog-title span, #blog-title a { float:left; height:176px; width:525px; margin:0; padding:0; }
	#blog-title a { display:inline-block; text-indent:-9999px; }
	#blog-description { display:none; }
	/* Menu */
	#access { float:left; width:958px; height:40px; border-bottom:1px solid #ccc; margin:0 1px; background-color:white; }
	.skip-link { display:none; }
	.menu { float:left; width:960px; height:40px; }
	.sf-menu { float:left; border-right:none; height:40px; }
	.sf-menu li { background-color:white; height:40px; }
	.sf-menu a, .sf-menu a:link, .sf-menu a:visited { border:0 none; text-decoration:none; color:black; font-size:18px; height:20px; padding:10px 20px; }
	.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu ul a:hover, .sf-menu ul a:active, .sf-menu li.current-menu-item a, .sf-menu li.current-menu-ancestor a { background:white none; border:0 none; outline:0 none; color:#0c82cc; }
	.sf-menu li.current-menu-ancestor ul a, .sf-menu li.current-menu-item ul a { color:black; }
	.sf-menu li.current-menu-ancestor ul li.current-menu-item a { color:#0c82cc; }
		/* Sub-menus */
		.sf-menu ul { border:1px solid #ccc; border-top-width:0; }
		.sf-menu ul a, .sf-menu ul a:link, .sf-menu ul a:visited { background-color:white; height:auto; }
		.sf-menu ul a:hover, .sf-menu ul a:active { background-color:#fafafa; }
		.sf-menu ul li { height:auto; }
		.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:40px; }

/* Main */
#main { width:100%; margin:0; padding:20px 0 0; background-color:white; position:relative; }
	#main a, #main a:link, #main a:visited { color:#0c82cc; }
	#main a:hover, #main a:active { color:#333; }
#container { display:inline-block; float:left; width:680px; margin:0; padding:0; }
#content { width:640px; padding:0 20px; margin:0; }
.entry-content .wp-post-image { float:left; margin:0 20px 20px 0; }
.entry-content .wp-post-image.alignright { float:right; margin:0 0 20px 20px; }
h1.entry-title { color:#0c82cc; }

/* Pages */
.entry-content h2 { padding-top:0; color:#0c82cc; }
.hand-of-sean { font-size:24px; color:#333; float:right; }
	/* Homepage */
	.page-template-page-homepage-php #container { width:960px; margin:0; padding:0; }
	.page-template-page-homepage-php #content { width:960px; margin:0; padding:0; }
	.page-template-page-homepage-php h1.entry-title { display:none; }
	#home-carousel-container { width:918px; padding:20px; background-color:#333; border:1px solid white; border-width:0 1px; }
	#home-carousel-container h1 { padding:0 0 20px; color:#0c82cc; text-align:center; font-size:24px; line-height:30px; }
		/* Carousel */
		#home-carousel, #home-carousel .carousel-list-item, #home-carousel .jcarousel-container, #home-carousel .jcarousel-clip, #home-carousel .jcarousel-list li.jcarousel-item { width:920px; height:400px; }
		#home-carousel { position:relative; margin:0; overflow:hidden; z-index:1; }
		#home-carousel .carousel-text-container { width:240px; padding:20px; float:right; color:white; }
		#home-carousel .carousel-text-container h2 { padding:0 0 14px; }
		#home-carousel .carousel-text-container a:hover, #home-carousel .carousel-text-container a:active { color:#999; }
		.entry-content #home-carousel img { padding:0; margin:0; }
		#home-carousel #mycarousel { margin:0; padding:0; }
		#home-carousel ul, #home-carousel ul li { list-style:none inside; }
		#home-carousel .jcarousel-skin { margin:0; z-index:1; }
		#home-carousel .jcarousel-container { position:relative; margin:0 auto; padding:0; }
		#home-carousel .jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; }
		#home-carousel .jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; }	
		#home-carousel .jcarousel-list li.jcarousel-item { float:left; display:inline-block; list-style:none inside; }
			/* Slide Controls */
			a.carouselbuttonNext, a.carouselbuttonNext:link, a.carouselbuttonNext:visited { display:block; width:45px; height:45px; background:url("images/carousel-right-arrow.png") no-repeat -45px 0; position:absolute; top:355px; right:0; text-indent:-9999px; z-index:3; }
			a.carouselbuttonNext:hover, a.carouselbuttonNext:active { background-position:-90px 0; }
			a.carouselbuttonPrev, a.carouselbuttonPrev:link, a.carouselbuttonPrev:visited { display:block; width:45px; height:45px; background:url("images/carousel-left-arrow.png") no-repeat -45px 0; position:absolute; top:355px; right:50px; text-indent:-9999px; z-index:3; }
			a.carouselbuttonPrev:hover, a.carouselbuttonPrev:active { background-position:0 0; }
			#home-carousel #mycarousel-controls { position:absolute; top:190px; left:0; margin:0; padding:5px; display:block; z-index:3; background:transparent none; }
			#home-carousel #mycarousel-controls li { display:inline-block; float:left; width:13px; height:13px; list-style:inside none none; padding:3px; margin:0; text-indent:-9999px; }
			#home-carousel #mycarousel-controls li a, #home-carousel #mycarousel-controls li a:link, #home-carousel #mycarousel-controls li a:visited { display:inline-block; float:left; width:13px; height:13px; color:white; font-size:0; text-indent:-9999px; padding:0; background:transparent url('') left top no-repeat; }
			#home-carousel #mycarousel-controls li a:hover, #home-carousel #mycarousel-controls li a:active { background-position:left -13px; }
			#home-carousel #mycarousel-controls li a.mycarousel-controls-on, #home-carousel #mycarousel-controls li a.mycarousel-controls-on:link, #home-carousel #mycarousel-controls li a.mycarousel-controls-on:visited, #home-carousel #mycarousel-controls li a.mycarousel-controls-on:hover, #home-carousel #mycarousel-controls li a.mycarousel-controls-on:active { background-position:left -13px; }
		/* Content Panels */
		.entry-content .content-panel { display:inline-block; float:left; clear:none; width:260px; min-height:230px; margin:0 20px; background-color:white; padding:10px; }
	/* Chalet pages */
	.page-template-page-chalet-view-php #container { width:960px; margin:0; padding:0; }
	.page-template-page-chalet-view-php #content { width:920px; margin:0 20px; padding:0; }
	.page-template-page-chalet-view-php h1.entry-title { display:none; }
	.main-chalet-description-container { width:600px; display:inline-block; float:left; }
	.right-chalet-sidebar { width:280px; display:inline-block; float:right; border:1px solid #0c82cc; padding:10px; }
	.key-features-container, .your-holiday-container { width:100%; }
	/* Locations */
	body .slickr-flickr-slideshow div p { font-style:normal; color:#999; text-align:center; }
/* Booking Tables */
.table-bookings { width:640px; border:0 none; background-color:black; color:white; text-align:center; border-bottom:20px solid black; }
.table-bookings tr { border:0 none; }
.table-bookings th, .table-bookings td { background-color:black; color:white; text-align:center; border:0 none; padding:0; margin:1px 0 0; width:120px; border:5px solid black; border-width:0 5px; }
.table-bookings th { padding:10px 0; font-weight:bold; }
	.table-bookings th.dates, .table-bookings td.dates { width:120px; }
.table-bookings td { background-color:#0000ff; }
	.table-bookings td.dates { background-color:transparent; }
	.table-bookings td.booked { background-color:#333; }
	/* Single chalet page tweaks */
	.table-bookings.single-chalet { width:600px; }
	.table-bookings.single-chalet th, .table-bookings.single-chalet td { width:110px; }
	.table-bookings.single-chalet th.dates, .table-bookings.single-chalet td.dates { width:100px; }
/* Booking Forms */
.gform_wrapper .top_label .gfield_label { color:#0c82cc; }
	
/* Blog */
.blog .hentry { padding:25px 0 0; }	
.entry-meta { font-style:normal; }
.entry-meta .n { text-transform:none; letter-spacing:normal; font-size:13px; }
.entry-meta abbr { border:0 none; cursor:normal; font-size:inherit; font-style:normal; letter-spacing:normal; text-transform:none; }
.entry-utility a { font-style:normal; text-decoration:none; }
	
/* Sidebar - Primary */
#primary.main-aside { display:inline-block; position:relative; top:0; border:0 none; border-left:1px dotted #ccc; width:215px; right:0; float:right; padding:0 20px 0; margin:0; }
#primary.main-aside ul, #primary.main-aside ul ul { display:inline-block; float:left; width:215px; padding:0; margin-left:0; list-style:inside none none; }
#primary.main-aside li { list-style:inside none none; float:left; margin-left:0; padding-left:0; width:215px; }
#primary.main-aside h3.widgettitle { font-style:normal; font-size:18px; padding:20px 0 10px; color:#333; }
#primary.main-aside li.widget_text h3.widgettitle { display:none; }
#primary.main-aside li.widget_text h3.widgettitle.display-override { display:inline-block; } 
	/* Book now */
	#sidebar-book-now a { display:inline-block; float:left; width:215px; height:135px; background:white url('images/white-horizons-button-book-now.png') left top no-repeat; text-indent:-9999px; }
	/* Newsletter Sign-up */
	#primary.main-aside .gform_wrapper { margin:0; }
	#primary.main-aside li.gform_widget form { margin:0; }
	#primary.main-aside .gform_wrapper ul { width:215px; }
	#primary.main-aside .gform_wrapper li { width:215px; margin:0; }
	#primary.main-aside .gform_wrapper .top_label .gfield_label { font-weight:normal; }
	#primary.main-aside .gform_wrapper .top_label input.medium { width:94%; margin-bottom:0; height:24px; line-height:24px; padding:0 2px; font-size:14px; color:#666; }
	#primary.main-aside .gform_wrapper .gform_footer { margin:0; padding:10px 0 0; }
	/* Follow us */
	#primary.main-aside #sidebar-social-media a { display:inline-block; float:left; width:60px; height:60px; margin-right:10px; background-position:left top; background-repeat:no-repeat; text-indent:-9999px; }
	#primary.main-aside #sidebar-social-media a.twitter { background-image:url('images/white-horizons-button-twitter.png'); }
	#primary.main-aside #sidebar-social-media a.facebook { background-image:url('images/white-horizons-button-facebook.png'); }
	#primary.main-aside #sidebar-social-media a.rss { background-image:url('images/white-horizons-button-rss.png'); }
	/* Flickr */
	#primary.main-aside .slickr-flickr-gallery { width:215px; float:left; }
	#primary.main-aside .slickr-flickr-gallery li { width:85px; }
	#primary.main-aside #sidebar-flickr a.custom-flickr-link { display:inline-block; float:left; width:145px; height:60px; padding-left:70px; background:white url('images/white-horizons-button-flickr.png') left top no-repeat; }

/* Footer */
#footer { width:958px; margin:0 auto 10px; border:0 none; border:1px solid white; border-width:0 1px 1px; background-color:#333; color:white; height:auto; }
#siteinfo { display:none; }
	/* Subsidiary */
	#subsidiary { width:920px; padding:20px 0 0; margin:0 20px; border-top:0 none; }
	/* 1st Subsidiary Aside - Footer Menu & Latest Blog */
	#first.aside { float:left; width:100%; margin:0; padding:0; height:390px; }
	#first.aside a { color:white; text-decoration:none; }
	#first.aside a:hover, #first.aside a:active { color:#0c82cc; }
	#first.aside ul, #first.aside ul li { float:left; margin:0; padding:0; list-style:inside none none; }
	#first.aside h3.widgettitle { display:none; }
		/* Nav menu */
		#first.aside li.nav-menu { width:610px; }
		#first.aside #footer-menu { padding:0; }
		#first.aside #footer-menu li { width:140px; margin-right:10px; border-bottom:1px solid white; position:relative; }
		#first.aside #footer-menu li a { display:inline-block; font-size:16px; padding:15px 0 5px; }
			/* Sub menus */
			#first.aside #footer-menu li ul.sub-menu { position:absolute; top:30px; left:0; padding-top:10px; }
			#first.aside #footer-menu li ul.sub-menu li { float:left; border-bottom:0 none; }
			#first.aside #footer-menu li ul.sub-menu a { font-size:12px; padding:5px 0; }
		/* Latest Blog */
		#first.aside li.php_widget { width:310px; color:white; }
		#first.aside li.php_widget .entry-content { padding-top:0; }
		body #first.aside li.php_widget .entry-content h2 a { padding-top:0; font-size:16px; padding:15px 0 6px; border-bottom:1px solid white; display:inline-block; width:310px; color:white; }
		body #first.aside li.php_widget h1.entry-title { display:inline-block; }
		body #first.aside li.php_widget h3 { padding:5px 0 10px; font-style:normal; font-weight:bold; }
		body #first.aside li.php_widget a { color:#0c82cc; }
		body #first.aside li.php_widget a:hover, .page-template-page-homepage-php #first.aside li.php_widget a:active { color:white; }
	/* 2nd Subsidiary Aside - Contact Details & Copyright */
	#second.aside { float:left; width:100%; margin:0; padding:0; clear:both; color:#999; }
	#second.aside a { color:white; text-decoration:none; }
	#second.aside a { color:#0c82cc; }
	#second.aside a:hover, #second.aside a:active { color:red; }
	#second.aside ul, #second.aside ul li { float:left; margin:0; padding:0; list-style:inside none none; }
	#second.aside h3.widgettitle { display:none; }
	#second.aside p#footer-cta { font-size:23px; padding:20px 0 10px; text-align:center; }
	#second.aside p#footer-copyright { width:60%; float:left; color:#999; height:13px; line-height:13px; padding-top:22px }
	#second.aside p#footer-copyright a { color:#999; }
	#second.aside p#footer-copyright a:hover, #second.aside p#footer-copyright a:active { color:#0c82cc; }
	#second.aside p#footer-copyright a.admin-link:hover, #second.aside p#footer-copyright a.admin-link:active { color:#999; }
		/* Copyright */
		#second.aside li.php_widget { width:100%; }
		/* Social Icons */
		#second.aside p.social-icons { width:39.5%; float:right; }
		#second.aside p.social-icons a { display:inline-block; float:right; width:40px; height:40px; margin-right:10px; text-indent:-9999px; background:black url('images/white-horizons-buttons-social-black.png') left top no-repeat; } /* Facebook by default */
		#second.aside p.social-icons a.twitter { background-position:-40px 0; }
		#second.aside p.social-icons a.rss { background-position:-120px 0; }
		#second.aside p.social-icons a.flickr { background-position:-80px 0; }