/*
Theme Name: Hotelia
Theme URI: http://www.proudthemes.com/2010/06/hotelia/
Description: Hotelia Theme
Version: 1.0
Author: ProudThemes
Author URI: http://www.proudthemes.com
Tags: fixed-width, two-columns, widgets
*/


* {padding:0; margin:0; border: none; outline:0; }
body {font-family:Georgia,serif; font-size: 62.5%; color: #2f3133; 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; }
p {margin: 0 0 10px; }
li,p {line-height: 1.6em; }
li {list-style-type: none; }

#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 {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: dotted 1px #888; }

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

#header {padding: 30px 0 30px; }
#logo {text-align: center; }

/* 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: 20px; }  
#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. Content Area */
h1 {font-size: 24px; line-height: 30px; font-weight: normal; margin-bottom: 24px; }
.teaser {margin-bottom: 24px; padding-bottom: 6px; border-bottom: dotted 1px #b0b0b0; }
.teaser h1 {margin-bottom: 12px; }
#homeGallery {margin-bottom: 20px;}

#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;}

.column-narrow .widget {margin-bottom: 40px; }
.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 {padding: 1px; border: solid 1px #b0b0b0;}
h2 a {color: #333;}
h2 a:hover {color: #991818; }

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

p.postmetadata {font-size: 11px; text-transform: uppercase; line-height: 18px; color: #666; }

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

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

.content-big h2, .content-narrow .widget h2 {font-size: 24px; }
.content-big h3 {font-size: 20px; }
.content-big h4 {font-size: 18px; }
.content-big h5 {font-size: 16px; }
.content-big h6 {font-size: 14px; }

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


.single ol.comments {font-family: Helvetica, Arial, Tahoma, sans-serif; }
.single ol.comments .vcard {}
.single ol.comments img.avatar { float: left; display: inline; margin: 0 15px 15px 0; border: solid 4px #ccc; }
.single ol.comments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; margin-left: 0; }
.single ol.comments cite.author {color: #333;}
.single ol.comments span.says {display: none; }
.single ol.comments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
.single ol.comments blockquote {font-size: 12px; line-height: 18px; }
.single ol.comments p {text-shadow: #fff 1px 1px 1px;}
.single ol.comments li.comment {background-color: #f9f9f9; }
.single 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: 6px 15px; width: auto; background: none; background-color: #336699; color: #fff; border: none; }
#commentform #submit:hover {background-color: #005599; }

.single p {margin: 0 0 14px; }
.single ul, .single ol {margin-left: 20px; }
.single li {list-style-position: inside;} 
.single ul li {list-style-type: square;}
.single ol li {list-style-type: decimal;} 
.single blockquote {margin-left: 20px; padding-left: 20px; font-style: italic; border-left: dotted 2px #aaa; }
.single h2, .single h3, single.h4, single h5, .single h6 {margin: 14px 0; }
.single .content-narrow .widget ul, .single .content-narrow .widget ol {margin-left: 0;}
.single .content-narrow .widget li {list-style-type: none; }


/* 4. Footer Area */
#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;}

/* Captions */
.wp-caption {	float: left; display: inline; text-align: center;	padding: 0 5px 5px 5px;	margin: 0 10px 10px 0;}
.wp-caption p { font-family: Helvetica, Arial, Tahoma, sans-serif;	text-align: center;	font-size: 11px;	text-transform: uppercase;}

.widget ul.gallery li {float: left; display: inline; width: 75px; margin-right: 15px; margin-bottom: 15px; }
.widget ul.gallery li img {padding: 1px; border: solid 1px #aaa;}