/*
	Theme Name: Loft Hotel
	Theme URL: http://lofthotel.ca/
	Description: Loft Hotel custom theme built on the Genesis Framework
	Author: Mint Pixel
	Author URI: http://mintpixel.ca
	Version: 0.1
	Template: genesis
*/

/* built on top of Genesis, don't delete Genesis */

body {
	background:#B1ADAC url("images/bg.gif") repeat-x;
	color:#686060;
	font-family:Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 12px;
	margin: 0 auto 0;
	padding: 0;
	line-height: 20px;
	}

p {
	padding: 0;
	}


/***** TradeGothic Headings ********************/	
h1, h2, h3, h4, h3.booking, #nav li {
font-family: 'TradeGothicLTExtended', sans-serif;
	}
	
	
/***** Hyperlinks ********************/

a, a:visited {
	color: #000;
	text-decoration: underline;
	}
	
a:hover {
	color: #745243;
	text-decoration: underline;
	}
	
a img {
	border: none;
	}
	
a:focus, a:hover, a:active {
	outline: none;
	}

/***** Wrap ********************/

#wrap {
	background: transparent;
	width: 968px;
	margin: 0 auto 0;
	padding: 0;
	}

/***** Header  ********************/

#header {
	width: 968px; 
	height: 150px;
	margin-bottom: 10px;
	background: url(images/header_bg.jpg);
	}


/***** Image Header - Partial Width ********************/

.header-image #header #title-area {
	background: url(images/logo.jpg) left top no-repeat;
	}

.header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {
	display: block; 
	float: left;
	width: 197px;
	height: 149px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	left: 5px;
	}
	
.header-image #title-area #description {
	display: block;
	overflow: hidden;
	}

/***** Image Header - Full Width ********************/

.header-full-width #title-area, .header-full-width #title-area #title, .header-full-width #title-area #title a {
	width: 968px;
	}
	
/***** Navigation Menus ********************/

#social_buttons {
	color: #eee;
	font-size: 18px;
	float: right;
	font-family: 'TradeGothicLTExtended', sans-serif;
	padding: 0 10px 10px 0;
}

#nav {
	background:url("images/nav_bg.gif") repeat-x;
	border-bottom:#796C66 solid 1px;
	height:34px;
	margin: none;
	padding-bottom:1px;
	padding-left:18px;
	padding-right:0;
	padding-top:0px;
	text-align:left;
	width:948px;
	color: #3D3531;
	margin: 0 auto;
	}

#nav, #subnav {
	text-transform: uppercase;
	overflow: hidden;
	clear: both;
	}

#nav ul, #subnav ul, #header ul.nav, #header ul.menu {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#nav li, #subnav li, #header ul.nav li, #header ul.menu li {
	float: left;
	list-style: none;
	}
	
#header ul.nav li, #header ul.menu li {
	background: #333333;
	text-transform: uppercase;
	}
	
#nav li a, #subnav li a, #header ul.nav li a, #header ul.menu li a {
	color: #FFFFFF;
	display: block;
	font-size: 12px;
    margin: 0;
	padding: 7px 42px 5px 0px;
	text-decoration: none;
	position: relative;
	}

#nav li a:hover, #nav li a:active, #nav .current_page_item a, #nav .current-cat a, #nav .current-menu-item, #subnav li a:hover, #subnav li a:active, #subnav .current_page_item a, #subnav .current-cat a, #subnav .current-menu-item, #header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a, #header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a {
	background: transparent;
	color: #3D3531;
	}
	
#nav li a.sf-with-ul, #subnav li a.sf-with-ul, #header ul.nav li a.sf-with-ul, #header ul.menu li a.sf-with-ul {
	padding-right: 25px;
	}	
	
#nav li a .sf-sub-indicator, #subnav li a .sf-sub-indicator, #header ul.nav li a .sf-sub-indicator, #header ul.menu li a .sf-sub-indicator {
	background: url(images/arrow-down.png);
	display: block;
	width: 10px;
	height: 10px;
	top: 12px;
	right: 10px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited, #subnav li li a, #subnav li li a:link, #subnav li li a:visited, #header ul.nav li li a, #header ul.nav li li a:link, #header ul.nav li li a:visited, #header ul.menu li li a, #header ul.menu li li a:link, #header ul.menu li li a:visited {
	background: #333333;
	color: #FFFFFF;
	width: 158px; 
	font-size: 11px;
	margin: 0;
	padding: 5px 10px 5px 10px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	position: relative;
	}
	
#nav li li a:hover, #nav li li a:active, #subnav li li a:hover, #subnav li li a:active, #header ul.nav li li a:hover, #header ul.nav li li a:active, #header ul.menu li li a:hover, #header ul.menu li li a:active {
	background: #000000;
	}

#nav li li a .sf-sub-indicator, #subnav li li a .sf-sub-indicator, #header ul.nav li li a .sf-sub-indicator, #header ul.menu li li a .sf-sub-indicator {
	background: url(images/arrow-right.png);
	top: 10px;
	}

#nav li ul, #subnav li ul, #header ul.nav li ul, #header ul.menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 180px;
	}

#nav li ul a, #subnal li ul a, #header ul.nav li ul a, #header ul.menu li ul a { 
	width: 160px;
	}

#nav li ul ul, #subnav li ul ul, #header ul.nav li ul ul, #header ul.menu li ul ul {
	margin: -31px 0 0 179px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfHover ul ul, #subnav li.sfHover ul ul ul, #header ul.nav li:hover ul ul, #header ul.nav li:hover ul ul ul, #header ul.nav li.sfHover ul ul, #header ul.nav li.sfHover ul ul ul, #header ul.menu li:hover ul ul, #header ul.menu li:hover ul ul ul, #header ul.menu li.sfHover ul ul, #header ul.menu li.sfHover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfHover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfHover ul, #subnav li li.sfHover ul, #subnav li li li.sfHover ul, #header ul.nav li:hover ul, #header ul.nav li li:hover ul, #header ul.nav li li li:hover ul, #header ul.nav li.sfHover ul, #header ul.nav li li.sfHover ul, #header ul.nav li li li.sfHover ul, #header ul.menu li:hover ul, #header ul.menu li li:hover ul, #header ul.menu li li li:hover ul, #header ul.menu li.sfHover ul, #header ul.menu li li.sfHover ul, #header ul.menu li li li.sfHover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfHover, #subnav li:hover, #subnav li.sfHover, #header ul.nav li:hover, #header ul.nav li.sfHover, #header ul.menu li:hover, #header ul.menu li.sfHover { 
	position: static;
	}
	
/***** Primary Navigation Extras ********************/
	
#nav li.right {
	float: right;
	margin: 0;
	padding: 7px 10px 5px 10px;
	}

#nav li.right a {
	background: none;
	display: inline;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	border: none;
	}
	
#nav li.right a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}

/***** Inner ********************/

#inner {
	width: 966px;
	margin: 0 auto;
	}
	

/***** Content-Sidebar Wrap ********************/

#content-sidebar-wrap {
	width: 790px;
	float: left;
	background: #f8f8f8;
	}

.sidebar-content #content-sidebar-wrap, .content-sidebar #content-sidebar-wrap {
	width: 966px;
	-moz-box-shadow:0 1px 15px #333;
	-webkit-box-shadow:0 1px 15px #333;
	box-shadow:0 1px 15px #333;
	}

.sidebar-sidebar-content #content-sidebar-wrap, .sidebar-content-sidebar #content-sidebar-wrap {
	float: right;
	}
	
/***** Structure ********************/

#content {
	width: 470px;
	float: left;
	padding: 0;
	margin-bottom: 80px;
	background: #f8f8f8;
	}

.sidebar-content #content, .sidebar-sidebar-content #content {
	float: right;
	}

.sidebar-content #content, .content-sidebar #content {
	width: 766px;
	}
	
.full-width-content #content {
	width: 966px;
	}

#content blockquote {
	background: #F7F7F7;
	margin: 0 15px 15px 15px;
	padding: 10px 20px 0 15px;
	border: 1px solid #E6E6E6;
	}

#content .post {
	margin: 0 0 40px 0;
	padding: 0;
	}
	
#content .page {
	padding: 0;
	}

#content .post p {
	margin: 0;
	padding: 0;
	}

.clear {
	clear: both;
	}

.entry-content {
	padding-left: 48px;
	padding-top: 10px;
	padding-right: 40px;
	}	
	
/***** Headlines ********************/

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #header .widget-area h4 {
	color: #333333;
	font-weight: normal;
	font-family: 'TradeGothicLTExtended', sans-serif;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}

#content h1 {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background: transparent url("images/border_gradient_bg.gif") no-repeat left bottom;
	color:#686060;
	display:block;
	font-size:14px;;
	min-height: 26px;
	padding-bottom: 10px;
	text-transform:uppercase;
	width:325px;
	font-weight: normal;
	}
	
#content h2 {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background: transparent url("images/border_gradient_bg1.gif") no-repeat left bottom;
	color:#686060;
	display:block;
	font-size:14px;
	min-height: 26px;
	padding-bottom: 10px;
	text-transform:uppercase;
	width:293px;
	font-weight: normal;
	line-height: 13px;
	}
	
#content h2 a, #content h2 a:visited {
	color: #333333;
	text-decoration: none;
	}
	
#content h2 a:hover {
	color: #2255AA;
	text-decoration: none;
	}
	
#content h3 {
	font-size: 16px;
	}
	
#content h4, #header .widget-area h4 {
	font-size: 14px;
	}

#content h5 {
	font-size: 11px;
	line-height: 11px;
	}
	
#content h6 {
	font-size: 10px;
	}

/***** Post Info ********************/
	
.post-info {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
	text-transform: uppercase;
	}

/***** Post Meta ********************/
	
.post-meta {
	font-size: 11px;
	padding: 5px 0 0 0;
	text-transform: uppercase;
	border-top: 1px solid #E6E6E6;
	clear: both;
	}
	

/***** Archive Page ********************/
	
#content .archive-page {
	float: left;
	width: 50%;
	padding: 20px 0 20px 0;
	}


/***** Images ********************/

#content img, #content p img {
	max-width: 100%;
	}

#content .post-image {
	margin: 0;
	padding: 4px;
	border: 1px solid #E6E6E6;
	}

img.centered, .aligncenter {
	display: block;
	margin: 0 auto 10px;
	}
	
img.alignnone {
	margin: 0;
	display: inline;
	}
	
img.alignleft {
	margin: 0 10px 10px 0;
	display: inline;
	}

img.alignright {
	margin: 0 0 10px 10px;
	display: inline;
	}

.alignleft {
	float: left;
	margin: 0 10px 0 0;
	}

.alignright {
	float: right;
	margin: 0 0 0 10px;
	}

.wp-caption {
	background: #F7F7F7;
	padding: 5px 0 0 1px;
	text-align: center;
	border: 1px solid #E6E6E6;
	}

.wp-caption img {
	border: 0;
	}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	}
	
img.wp-smiley, img.wp-wink {
	float: none;
	border: none;
	}

img, map, area {
	border: none;
	}

.imagep {
	height: 251px;
	}	

/***** Primary & Secondary Sidebars ********************/

#sidebar {
	width: 199px;
	float: left;
	display: inline;
	background: transparent;
	border-right: 1px solid #fbfbfb;
	min-height: 460px;
	}
	
#sidebar-alt {
	width: 150px;
	float: left;
	display: inline;
	}

.sidebar-content #sidebar, .sidebar-sidebar-content #sidebar {
	float: left;
	}
	
.content-sidebar-sidebar #sidebar-alt {
	float: right;
	}

#sidebar .widget, #sidebar-alt .widget {
	background: transparent;
	margin: 0;
	padding: 0;	
	}
	
#sidebar h2, #sidebar h2 a, #sidebar-alt h2, #sidebar-alt h2 a {
	color: #333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
#sidebar h2 a:hover, #sidebar-alt h2 a:hover {
	color: #2255AA;
	text-decoration: none;
	}

#sidebar h4, #sidebar-alt h4 {
	background: transparent;
	color: #686060;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0;
	padding: 5px 5px 5px 16px;
	text-transform: uppercase;
	border: none;
	}
	
#sidebar .textwidget, #sidebar-alt .textwidget {
	margin: 0;
	padding: 10px 0 20px 16px;
	}
	
#sidebar .widget p, #sidebar-alt .widget p {
	margin: 0;
	padding: 0;
	}
	
#sidebar img, #sidebar a img, #sidebar-alt img, #sidebar-alt a img {
	border: none;
	margin: 0;
	padding: 0;
	}

#sidebar ul, #sidebar ol, #sidebar-alt ul, #sidebar-alt ol {
	margin: 25px 0 0 0;
	padding: 0 10px 0 25px;
	}

#sidebar ul ul, #sidebar ol ol, #sidebar-alt ul ul, #sidebar-alt ol ol {
	margin: 0;
	padding: 0 0 0 15px;
	}

.widget {
	width: 199px;
	}	
	
/***** Buttons ********************/
	
#submit, .searchsubmit, .enews #subbutton, .gform_footer .button, .reply a, .reply a:visited {
	background: #333333;
	color: #FFFFFF;
	font-size: 11px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight: normal !important;
	text-decoration: none;
	text-transform: uppercase;
    margin: 0;
	padding: 3px 5px 3px 5px;
	border: 1px solid #666666;
	}

#submit:hover, .searchsubmit:hover, .enews #subbutton:hover, .gform_footer .button:hover, .reply a:hover {
	background: #000000;
	text-decoration: none;
	border: 1px solid #666666;
	}
	
/***** Search Form(s) ********************/

.searchform {
	margin: 0;
	}

#header .searchform {
	float: right;
	padding: 40px 0 0 0;
	}
	
#sidebar .searchform {
	padding: 5px 0 0 10px;
	}
	
#nav .searchform {
	float: right;
	padding: 0;
	}
	
.s {
	background: #F7F7F7 !important;
	color: #333333;
	font-family:Arial,Helvetica,sans-serif;	
	font-size: 11px;
	margin: 5px 4px 0 0;
	padding: 4px 0 4px 5px;
	border: 1px solid #E6E6E6;
	}
	
#header .s, #nav .s, #sidebar .s, #sidebar-alt .s {
	width: 200px;
	}


/***** Booking System ********************/

#booking-content {
	background:url("images/booking_bg_315.gif") transparent no-repeat;
	float:left;
	height:304px;
	
	padding-bottom:30px;
	padding-left:25px;
	padding-right:30px;
	padding-top:10px;
	
	}
h3.booking  {
	color:#4F1313;
	font-size:14px;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 1px;
	font-weight: normal;
	}
#booking-content form {    
	padding: 0px 0px 0px 0px;    
	margin: 15px 0px 0px 0px;
	overflow: hidden;
	}	
#booking-content form label {
	color:#FFFFFF;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:3px;
	text-align:right;
	width:57px;
	}
#booking-content form label.child {    
	width: 63px;    
	float: left;
	color: #ffffff;    
	font-family: Arial, Helvetica, sans-serif;    
	font-size: 12px;   
	padding: 3px 0px 0px 0px;    
	text-align: right;
	}

#booking-content form select.adult {    
	float: left;    
	width: 58px;    
	font-size: 12px;    
	font-family: Arial, Helvetica, sans-serif;    
	margin: 0px 0px 0px 0px;
	}
#booking-content form select.child {    
	float: left;    
	width: 58px;    
	font-size: 12px;    
	font-family: Arial, Helvetica, sans-serif;    
	margin: 0px 0px 0px 0px;    
	position: relative;
	}
#booking-content form input.submit-btn {
	background: transparent url("images/bouton_main_loft_en.jpg") no-repeat;
	display:inline;
	float:left;
	font-size:0;
	height:37px;
	cursor: pointer;
	letter-spacing:19px;
	margin-top:30px;
	padding: 0;
	text-align:left;
	text-indent:-1000px;
	width:259px;
	border: none;
	}		
#booking-content form input.submit-btn_fr { 
	float: left; 
	background: url(images/bouton_main_loft_fr.jpg) no-repeat 0 0; 	width: 259px; 
	height: 37px; 
	display: inline; 
	border: none; 
	font-size: 0; 
	cursor: pointer; 
	padding: 0px; 
	margin: 25px 0px 0px 0px; 
	text-align: left; 
	letter-spacing: 19px; 
	text-indent: -1000px;
	}
#booking-content a.rates { 
  background-color: #4F1313;
  clear: both;
  color: #BBBBBB;
  display: block;
  font-size: 10px;
  line-height: 16px;
  margin-top: 13px;
  outline: medium none;
  padding: 6px 20px;
  text-align: center;
  text-decoration: none;
  width: 218px;
	}
#booking-content a.rates:hover { 
	color: white;
	}

#booking-widget {
	width:180px; 
	position:absolute; 
	padding:5px; 
	border:1px #eeeeee solid;
	margin-left: 5px;
	margin-top: 15px;
	background: #E8E8E8;
	}
	
#booking-widget a.rates { 
  background-color: #444444;
  clear: both;
  color: #BBBBBB;
  display: block;
  font-size: 10px;
  line-height: 16px;
  margin-top: 13px;
  outline: medium none;
  padding: 6px 10px;
  text-align: center;
  text-decoration: none;
  width: 159px;
	}
#booking-widget a.rates:hover { 
	color: white;
	}

.book_select {
	float: right;
	margin-right: 68px;
	margin-top: 0;
	}	
	
	
/***** hr ********************/

hr {
	background-color:#DDDDDD;
	border-top:1px solid #AAAAAA;
	margin:-4px 0 13px;
	padding:0;
	width:226px;
	height:1px;
	}

/***** columns and alternating columns ********************/

ul.alternating {
	width: 289px;
	list-style-image: none;
	display: table;
	margin: 17px 0;
	padding: 0;
	}	
	ul.alternating li {
	list-style-image: none;
	list-style-type: none;
	list-style: none;
	padding: 4px;
	}	
	ul.alternating li:nth-child(even) {
	background-color:#E8E8E8;
	}	

ul.alternating.col1 {
	float: left;
	}	
	
ul.alternating.col2 {
	float: right;
	margin-right: 75px;
	}	

ul.menu {
	margin-top: 25px;
	}

ul.menu li {
	min-height:21px;
	padding : 3px 6px;
	list-style-type: none;
	list-style: none;
	list-style-image: none;
	}
	ul.menu li:nth-child(odd) {
		background-color:#E8E8E8;
		}
	ul.menu li a, ul.menu li a:active, ul.menu li a:visited {
		text-decoration: none;
		}
	ul.menu li a:hover {
		text-decoration: none;
		font-weight: bold;
		}
	ul.menu li.current-menu-item a {
		text-decoration: none;
		font-weight: bold;
		}			

/***** edit button ********************/	

.post-edit-link {
	display:none;
	}		
/***** Footer ********************/

#footer {
	width: 968px;
	color: #605959;
	font-size: 12px;
	margin: 0 auto;
	padding: 5px 0 5px 0;
	text-align: left;
	overflow: hidden;
	clear: both; 
	}

#footer a, #footer a:visited {
	color: #F0EFEA;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #F0EFEA;
	text-decoration: underline;
	}
	
#footer p {
	margin: 0;
	padding: 0;
	}
	
#footer .creds {
	width: 740px;
	margin-left: 40px;
	padding: 0 10px 0 0;
	text-align: left;
	font-size: 11px;
	}

.menu-footer-container {
	margin: 0 auto;
	padding: 0 auto;
	}

ul#menu-footer {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	display: inline;
	margin: 0 auto;
	}
	
ul#menu-footer li {
	width: auto;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	display: inline;
	}
		

/***** language switcher ********************/	
	
#langswitch {
	width: 150px;
	float: right;
	margin-top: -32px;
	margin-right: 5px;
	text-align: right;
	font-weight: bold;
	}
	
ul#qtranslate-chooser, ul.qtrans_language_chooser {
	float:right;
	list-style: none;
	position: relative;
	top: -31px;
	width: 84px;
}
	
.qtrans_language_chooser li.active { 
	display : none; 
	}
	



#content .post-1490 .entry-content h2 {
  margin-bottom: 30px;
  width: 550px;
}
