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

Theme Name: Hotelia
Theme URI: http://www.wpzoom.com/themes/hotelia
Version: 2.0.6
Author: WPZOOM
Author URI: http://www.wpzoom.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public 
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file.

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Page Structure  --------------------  All Theme Files
2.  Page Structure: Header -------------  header.php
3.  Page Structure: Main Content  ------  All Theme Files
4.  Single: Post/Page Styling ----------  single.php, page.php
5.  Comments Styling -------------------  comments.php 
6.  Page Structure: Footer  ------------  footer.php
7.  Miscellaneous ----------------------  
8.  Homepage Slider  -------------------  

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


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

0. CSS Reset  -------------------------  All Theme Files

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


html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  
input, textarea {margin: 0; padding: 0; font-size: 100%;}  
ul {list-style: none;}  
img, fieldset {border: 0;}
em {font-style: italic;}
strong {font-weight: bold;}


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

1. Page Structure: Common layout elements

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

body {font-family: Georgia,serif; font-size: 62.5%; color: #484848; text-align:center; background: #fff url(images/backs/16.gif) repeat top left; }
a {text-decoration:none; color:#845723; }
a:hover {text-decoration:none; color: #991818; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; color:#333; line-height: 1.2em;}
p {margin: 0 0 10px; }
li {list-style-type: none; }

::-moz-selection{background:#333; color:#fff;}
::selection{ background:#333; color:#fff; }

#wrap {width:100%; margin: 0 auto; text-align:left; padding: 40px 0 30px; }
#wrap div.shadowTop, #wrap div.shadowBottom {width: 980px; height: 10px; margin: 0 auto; background: transparent url(images/shadowTop.png) no-repeat top left; }
#wrap div.shadowBottom {background-image: url(images/shadowBottom.png);}
#wrap div.shadowWide {width: 980px; margin: 0 auto; background: transparent url(images/shadowWide.png) repeat-y top left; }
#wrap div.frameWide {background-color: #fff; width: 958px; margin: 0 auto; border-left: solid 1px #fff; border-right: solid 1px #fff; }
#wrap div.wrap {width: 920px; margin: 0 auto;}
#wrap div.clear, #wrap div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#wrap div.sep {font-size:1px; height: 1px; margin:10px 0; line-height: 1px; border-top: solid 1px #ddd; }


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

2. Page Structure: Header

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

#header {padding: 30px 0 30px; }
#logo {text-align: center; }
#logo h1 { font: 42px/100% 'Montaga', 'Calisto MT', 'Bookman Old Style', Bookman, 'Goudy Old Style', Garamond, 'Hoefler Text', 'Bitstream Charter', Georgia, serif; margin: 0; }
#logo h1 a { color: #222; }
#logo #tagline { font: 100 23px 'Lato', sans-serif; margin: 0; }

/* 2. Menu Area */
#menuTop {margin-bottom: 20px; }

#nav {background: #aaa url(images/backMenu.png) repeat-x top left; height: 40px; line-height: 40px; }

#menuhead, #menuhead ul {margin:0; padding:0; position:relative; line-height:18px; z-index:300; width:100%; }
#menuhead {margin-left: 10px; }
#menuhead a {display:block; padding:5px 10px; color:#fff; text-decoration:none; text-shadow: #845723 1px 1px 1px;}  
#menuhead a:hover, #menuhead .current-menu-item > a {background-color:#fff; color:#845723; text-shadow: none;}  
#menuhead li {float:left; display: inline; position:relative; line-height: 30px; font-size: 12px; text-transform: uppercase; }
#menuhead li li {line-height: 24px; text-transform: none; font-size: 11px; }  
#menuhead ul {position:absolute; display:none; width:120px; top:40px; left:0;}  
#menuhead ul a {border-left:1px solid #333; border-right: 1px solid #333; background-color: #444; text-shadow: none;}  
#menuhead li ul {width:130px;}  
#menuhead li ul a {width:130px; float:left; display:inline; border-bottom:1px solid #555;}  
#menuhead ul ul {top:auto;}  
#menuhead li ul ul {left:130px; margin:0 0 0 10px;}  
#menuhead li:hover ul ul, #menuhead li:hover ul ul ul, #menuhead li:hover ul ul ul ul {display:none;}  
#menuhead li:hover ul, #menuhead li li:hover ul, #menuhead li li li:hover ul, #menuhead li li li li:hover ul {display:block;}

#searchform label {display: none;}
#s {font-family: Georgia, serif; display:block; background: transparent url(images/backSearch.png) repeat-x top left;	border: solid 1px #999;	height:24px; width:250px; font-size: 14px; padding-left: 5px; margin-bottom: 10px;	}
#searchsubmit {font-size: 10px; text-transform: uppercase; padding: 6px 15px; width: auto; background: none; background-color: #845723; color: #fff; border: none;}
#searchsubmit:hover {background-color: #674218; }

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

3. Page Structure: Main Content

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

h1 {font-size: 32px; line-height: 38px; font-weight: normal; margin-bottom: 24px; }
.teaser {margin-bottom: 24px; padding-bottom: 6px; border-bottom: solid 1px #ddd; }
.teaser h1 {margin-bottom: 12px; }
#homeGallery {margin-bottom: 50px;}

#content {font-size: 14px; line-height: 20px; }
.column {float: left; display: inline; }
.column p {margin-bottom: 14px;}
.column-narrow {width: 300px; margin-right: 30px; }
.column-wide {width: 590px; margin-right: 30px; }
.column-full {width: 920px; margin-right: 0; }
.column-last {margin-right: 0;}

div.wrapper-reversed div.column {
	float: right;
}

div.wrapper-reversed div.column-wide {
	margin-right: 0;
	margin-left: 30px;
}


.column-narrow .widget {margin-bottom: 20px; }
.column-narrow .widget h2 {font-size: 18px; line-height: 26px; text-transform: uppercase; margin-bottom: 20px; }
.column-narrow .widget p {margin-bottom: 16px;}
.column-narrow ul {margin-bottom: 30px;}

.posts .post {margin: 0 0 20px; }
.posts .post h2 {font-size: 20px; line-height: 26px; margin-bottom: 20px;}
.posts .post .thumb {float: left; display: inline; margin-right: 20px; }
.posts .post .thumb img,
div.thumb img {padding: 1px; border: solid 1px #b0b0b0;}
h2 a {color: #333;}
h2 a:hover {color: #991818; }

div.single img {margin-bottom: 20px; }

p.postmetadata {font-size: 11px; line-height: 18px; color: #999; }

/* 3. Content Area */
div.single .alignleft {float: left; display: inline; margin: 0 15px 10px 0; }
div.single .alignright {float: right; display: inline; margin: 0 0 10px 15px; }

.navigation {margin: 10px 0; font-size: 18px; text-align: center;  }

div.info {
	overflow: hidden;
}

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

4. Single: Post/Page Styling

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

.post-content {
	font-size: 13px;  
	line-height: 23px; 
	max-width: 590px;
}

.column-full .post-content {
	max-width: 920px;
}

.post-content h2, 
.post-content h3, 
.post-content h4, 
.post-content h5, 
.post-content h6 {
	font-weight: bold;
	margin: 12px 0 12px;
	line-height: 1.25em; 
}

.post-content h1 {
	font-size: 32px;
	line-height: 36px;
}

.post-content h2 {
	font-size: 26px;
	line-height: 32px;
}

.post-content h3 {
	font-size: 22px;
	line-height: 26px;
}

.post-content h4 {
	font-size: 18px;
	line-height: 24px;
}

.post-content h5 {
	font-size: 16px;
	line-height: 22px;
}

.post-content h6 {
	font-size: 14px;
	line-height: 20px;
}

.post-content p {
	margin-bottom: 1em; 
}

.post-content img {
	margin-bottom: 20px; 
}

.post-content img.alignnone, 
.post-content img.aligncenter, 
.post-content img.alignleft, 
.post-content img.alignright {
	max-width: 590px;
	width:auto;
 	height:auto;
}

.column-full .post-content img.alignnone, 
.column-full .post-content img.aligncenter, 
.column-full .post-content img.alignleft, 
.column-full .post-content img.alignright {
	max-width: 920px;
	width:auto;
 	height:auto;
}

.post-content ul, 
.post-content ol {
	margin: 0 0 1em 1em; 
}
.post-content li ul, 
.post-content li ol {
	margin-bottom: 0; 
}
.post-content li {
	list-style-position: outside; 
	margin-left: 20px;
} 
.post-content ul li {
	list-style-type: square;
}
.post-content ol li {
	list-style-type: decimal; 
}
.post-content blockquote {
    color:#999;
    border-left: solid 3px #ececec;
    padding: 0 15px;
    margin: 10px;
}
.post-content a {
	text-decoration:none; 
}
.post-content a:hover {
	text-decoration:underline; 
	cursor: pointer; 
}


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

5. Comments Styling

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

div.post-content ol.comments {padding: 1em 0; margin:0; }
div.post-content ol.comments a {text-decoration: none;}
div.post-content ol.comments div.comment-body {position: relative; }
div.post-content ol.comments div.reply {position: absolute; top: 0; right: 0; }
div.post-content ol.comments li {list-style-type: none; margin: 0 0 1em; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; }
div.post-content ol.comments li ul.children {padding: 10px 0 0; }
div.post-content ol.comments li ul.children li {clear: left; margin: 0 10px 10px 10px; }


div.post-content ol.comments {font-family: Helvetica, Arial, Tahoma, sans-serif; }
div.post-content ol.comments .vcard {}
div.post-content ol.comments img.avatar { float: left; display: inline; margin: 0 15px 15px 0; border: solid 4px #ccc; }
div.post-content ol.comments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; margin-left: 0; }
div.post-content ol.comments cite.author {color: #333;}
div.post-content ol.comments span.says {display: none; }
div.post-content ol.comments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
div.post-content ol.comments blockquote {font-size: 12px; line-height: 18px; }
div.post-content ol.comments p {text-shadow: #fff 1px 1px 1px;}
div.post-content ol.comments li.comment {background-color: #f9f9f9; }
div.post-content ol.comments li.bypostauthor { background-color: #f1f1f1; }

.afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a { background: #845723; color: #fff; padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px;  }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover { background: #336699; text-decoration: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}

#commentform {margin-top: 15px; clear: left; font-family: Helvetica, Arial, Tahoma, sans-serif; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform label {float: left; display: inline; font-weight:normal; line-height: 26px; font-size: 11px; text-transform: none; margin-left: 10px; }
#commentform input {clear: left; float: left; display: inline; width: 300px;	padding: 6px 0 2px 5px;	font-size: 12px; margin-bottom: 10px; }
#commentform textarea {	width: 550px; height: 100px;	padding: 2px; margin-bottom: 10px;	}
#commentform input, #commentform textarea {background: #fff url(images/backSearch.png) repeat-x top left;	 border: 1px solid #ccc; color: #333; }
#commentform #submit {font-size: 11px; text-transform: uppercase; padding: 10px 15px; width: auto; background: none; background-color: #336699; color: #fff; border: none; cursor: pointer; }
#commentform #submit:hover {background-color: #005599; }
#commentform label {text-align: left; font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; }
#commentform input {width: 40%;	padding: 8px 0 8px 7px;	font-size: 14px; margin-bottom: 10px; }
#commentform textarea {	width: 98%; height: 110px; padding: 4px; margin-bottom: 10px; font-size: 14px; line-height: 20px;	}


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

6. Page Structure: Footer

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

#footer {margin: 30px 0 0; font-size: 11px; }
#footer a {text-decoration: underline; }
#footer a:hover {text-decoration: none; }
#footer p {text-align: center; }
#footer ul {display: block; text-align: center; margin-bottom: 5px; }
#footer ul li {display: inline; padding: 0 5px; line-height: 16px;}
#footer .wrap {padding-bottom: 20px;}
#footer p.copy a {color: #444; text-decoration: none;}
#footer p.copy a:hover { }


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

7. Miscellaneous

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

/* WPZOOM Twitter Widget */

ul.twitter-list li {
	margin-bottom: 12px;
}

.twitter-timestamp {
	color: #999;
	font-size: 11px;
	font-style: italic;
	display: block;
}

/* Begin Images */
.post-content .aligncenter {	display: block;	margin-left: auto;	margin-right: auto;	}
.post-content .alignright {	margin: 0 0 5px 20px;	display: inline;	}
.post-content .alignleft {	margin: 0 20px 5px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}

/* Caption for images */
.post-content .wp-caption { background-color: #f9f9f9; border: solid 1px #e9e9e9; padding: 10px 8px; text-align:center; }
.post-content .wp-caption img { background:none; margin:0 0 10px; border:0 none; max-width:100%; width:auto; height:auto;}
.post-content .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; line-height: 1.4em; margin:0; padding:4px 0 0; text-align:center; }
.post-content .wp-caption.aligncenter { margin:0 auto 15px; }

/* [gallery] shortcode styling */
.post-content .gallery { margin: auto; text-align:center; clear:both; }
.post-content .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; width: 30%; }
.post-content .gallery img { border: solid 4px #f6f3ee; padding: 10px; margin-bottom: 5px; }
.post-content .gallery-caption { margin-left: 0; }
.post-content div.gallery img:hover {border: solid 4px #d46670; }

/* Recent Posts */
ul.posts-side div.thumb {
	display: inline;
	float: left;
	margin-right: 15px;
}

ul.posts-side h3 {
	font-weight: bold;
	line-height: 1.6em;
}

ul.posts-side p.postmetadata {
	
}

/* Recent Comments */
ul.recent-comments-list {margin: 0; padding: 0; font-size: 12px; }
.recent-comments-list img.avatar { margin-right: 12px; float: left;}
.recent-comments-list li {padding: 0 0 10px; margin:0 0 10px; border-bottom: solid 1px #eee; } 

#searchform label {font-weight: bold; font-size: 11px; display: none; }
#searchform input {float: left; display: inline; height: 18px; padding: 4px; border: solid 1px #ccc; }
#searchform input#s {width: 150px;}
#searchform input#searchsubmit {	border: none; font-size: 11px; font-weight: bold; height: 28px; width: 60px; padding:0; background-color:#bd1c1c; border: none; color: #fff; margin-left: 2px; }

/* Calendar Widget */
#calendar_wrap table {width: 100%;}
#calendar_wrap caption {font-weight: bold; font-size: 12px; line-height: 22px; }
#calendar_wrap th {background-color: #f1f1f1; text-align: center; }
#calendar_wrap td {text-align: center; }
#calendar_wrap tbody a {font-weight: bold;} 
#calendar_wrap tfoot td {text-align: left;} 

.widget #flickr_badge_wrapper {padding: 0; margin:0;}
.widget #flickr_badge_wrapper .flickr_badge_image {list-style-type: none; float: left; display: inline; padding:0; margin: 0 8px 8px 0; }
.widget #flickr_badge_wrapper .flickr_badge_image img {padding: 1px; border: solid 5px #ddd; }

/* Pagination */
div.navigation {border-top: solid 1px #e1e1e1; font-size: 11px; margin: 10px ; padding-top: 10px; text-align: center; }
div.navigation p {margin: 0;}
div.navigation a {padding: 7px 10px; line-height: 24px; color: #333; }
div.navigation .current { font-weight:bold; background-color: #a17326; color: #fff; padding: 7px 10px; line-height: 24px;}
div.navigation a:hover {
	background: none;
	background-color: #a17326; 
	color: #fff;
}

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

81. Homepage Slider

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

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {margin-bottom: 50px; position: relative; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flexslider .flex-next {opacity: 0.7; }
.flexslider .flex-prev {opacity: 0.7; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

#showcase .flex-direction-nav a {
	background:url(images/arrows.png) no-repeat;
	cursor: pointer;
	position: absolute;
	top: 43%;
	width: 39px;
	height: 39px;
	text-indent:-9999px; 
	z-index: 200;
}

#showcase a.flex-next {	background-position:-39px 0; right:10px;}
#showcase a.flex-prev { left:10px; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center; z-index: 100;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #d1a02d; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #a17326; }
.flex-control-paging li a.flex-active { background: #a17326; cursor: default; }