/*
Theme Name: Accomodation Tasmania
Author: David Ajnered
Author URI: http://davidajnered.com/
Description: Default theme for accomdation tasmania
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   border: 0;
   font-family: inherit;
   font-size: 100%;
   font-style: inherit;
   font-weight: inherit;
   margin: 0;
   outline: 0;
   padding: 0;
   vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
   outline: 0;
}
body {
   background: #fff;
   line-height: 1;
}
ol, ul {
   list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
   border-collapse: separate;
   border-spacing: 0;
}
caption, th, td {
   font-weight: normal;
   text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: "";
}
blockquote, q {
   quotes: "" "";
}
a img {
   border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
   display: block;
}


body, html {
   min-height: 100%;
   height: 100%;
}
body {
   background: #b5bcbb;
   font-family: 'Museo Slab W01 100';
   color: #58595b;
   line-height: 1.3em;
}


/* Structure */
.page-wrapper {
   width: 940px;
   min-height: 100%;
   margin: 0px auto;
   padding: 0px 10px;
   background: #fff;
}
.header { position: relative; margin-bottom: 20px; }
#menu-primary-menu {
   position: absolute;
   top: 0px;
   right: 20px;
}
#menu-primary-menu li {
   float: left;
   padding: 20px 10px 5px 10px;
   background: rgba(0, 0, 0, 0.3);
}
#menu-primary-menu li:hover { background: rgba(0, 0, 0, 0.5); }
#menu-primary-menu li:first-child { margin-right: 10px; }
#menu-primary-menu li a {
   display: block;
   color: #fff;
   padding: 0px 4px 0px 2px;
   text-decoration: none;
   background: url(images/menu-border.png) bottom left repeat-x;
}
#menu-primary-menu li.current-menu-item { background: #c1272d; }
#menu-primary-menu li.current-menu-item:hover { background: rgba(193, 39, 45, 0.8); }
.header-background { position: absolute; }
.logo { text-align: center; display: block; }
.logo img {
   position: relative;
   top: 0px;
}
.logo h1 { text-indent: -9999px; }
.widget-bar {
   padding: 0px 20px 20px;
   overflow: hidden;
   font-family: 'Didot W01 Headline';
   color: #666;
   line-height: 1.3em;
   font-size: 22px;
   margin: -20px 20px 0px 20px;
   background: url(images/dashed-line.png) bottom left repeat-x;
}
.widget-bar .left {
   width: 370px;
   float: left;
}
.widget-bar .right {
   width: 370px;
   float: right;
   text-align: right;
}

.accomodations { overflow: hidden; }
.accomodation .top { overflow: hidden; position: relative; }
.accomodation .top img { float: left; }
.accomodation .top h2 {
   font-family: 'Didot W01 Headline';
   font-size: 36px;
   float: left;
   width: 500px;
   margin-left: 40px;
   line-height: 1.4em;
   color: #666;
}
.accomodation .top .rating-and-links {
   position: absolute;
   bottom: 0px;
   right: 40px;
   float: right;
   width: 670px;
}
.accomodation .top .rating-and-links .magic_fields {
   float: right;
   margin: -3px 20px 0px 0px;
}
.accomodation .top .more-details {
   float: right;
   background: url(images/more-details.png) no-repeat;
   height: 29px;
   width: 184px;
   text-indent: -9999px;
}
.book-now {
   float: right;
   background: url(images/book-now.png) no-repeat;
   height: 29px;
   width: 152px;
   text-indent: -9999px;
   margin-left: -5px;
}
.accomodation .middle { margin: 20px 0px; }
.accomodation .middle .quote {
   position: relative;
   float: left;
   width: 190px;
   height: 190px;
   padding: 40px 20px 50px;
   background: #2a3235 url(images/quote.png) 20px 20px no-repeat;
   color: #fff;
   line-height: 1.3em;
}
.accomodation .middle .quote .name {
   position: absolute;
   bottom: 20px;
}
.accomodation .middle .quote .text span { font-size: 40px; }
.accomodation .middle .photos {
   position: relative;
   float: left;
   height: 280px;
   width: 540px;
   margin-left: 10px;
   overflow: hidden;
}
.accomodation .middle .photos .photo {
   position: relative;
   height: 280px;
   width: 540px;
   overflow: hidden;
}
.accomodation .middle .photos .caption {
   position: absolute;
   bottom: 0px;
   right: 0px;
   background: #c1272d;
   color: #fff;
   padding: 8px 10px;
}
.accomodation .middle .photos .photo-switch {
   position: absolute;
   bottom: 0px;
   left: 0px;
   background: url(images/photo-prev.png) no-repeat;
   height: 38px;
   width: 44px;
}
.accomodation .middle .info {
   float: right;
   background: #2a3235;
   color: #fff;
   padding: 20px 10px;
   width: 130px;
   height: 240px;
   line-height: 1.5em;
   font-size: 10px;
}
.accomodation .middle .info a { color: #fff; text-decoration: none; }
.accomodation .middle .info h3 {
   font-size: 20px;
   margin-bottom: 5px;
}
.accomodation .middle .info p {
   font-size: 12px;
   min-height: 40px;
}
.accomodation .middle .info .find-us,
.accomodation .middle .info .phone {
   margin-bottom: 20px;
}
.accomodation .middle .info .find-us p {
   padding-left: 40px;
   background: url(images/circle-compas.png) top left no-repeat;
}
.accomodation .middle .info .phone p {
   padding-left: 40px;
   background: url(images/circle-phone.png) top left no-repeat;
}
.accomodation .middle .info .reception p {
   padding-left: 40px;
   background: url(images/circle-clock.png) top left no-repeat;
}
.accomodation-separator {
   margin: 30px 20px;
}


/* Single */
.more-props {
   display: block;
   float: left;
   text-indent: -9999px;
   width: 232px;
   height: 29px;
   background: url(images/more-props.png) no-repeat;
}
.single .middle,
.page .middle {
   margin-left: 50px;
   margin-right: 70px;
   overflow: hidden;
}
.single .middle .left,
.page .middle .left {
   float: left;
   width: 560px;
}
.single .middle .right,
.page .middle .right {
   float: right;
   width: 240px;
   margin-left: 10px;
}
.single .middle .photos,
.page .middle .photos {
   width: 560px;
   background: #eee;
}


.single-accomodation .accomodation .middle .quote,
.page .accomodation .middle .quote { width: 200px; }
.single-accomodation .accomodation .middle .photo,
.page .accomodation .middle .photo { width: 560px; }


.quotes { overflow: hidden; float: left; }
.quote,
.quote {
   width: 200px;
   margin-top: 0px;
   height: auto;
   display: none;
}
.quotes .quote:first-child,
.quotes .quote:first-child {
   display: block;
}
.quote a { color: #fff; text-decoration: none; }



.single .middle .info,
.page .middle .info {
   width: 200px;
   padding: 20px;
   margin-top: 10px;
}
.single .content,
.page .content {
   float: left;
   width: 450px;
   margin: 20px 0px 40px 100px;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5 {
   font-family: 'Didot W01 Headline';
   font-size: 42px;
   margin-bottom: 20px;
   color: #363d40;
   line-height: 1.3em;
}
.content h4,
.content h5 { font-size: 30px; }
.content a { color: #363d40; }
.content a:visited { color: #7e7f80; }
.content ul {
	list-style: disc;
	margin: 0px 0px 20px 17px;
}
.single .middle .left .more-props {
   margin-left: 90px;
}

/* Footer */
.footer {
   background: #363d40;
   color: #fff;
   margin-top: 40px;
   padding: 20px 10px;
   overflow: hidden;
}
.footer a {
   color: #fff;
   text-decoration: none;
}
.footer .phone {
   float: right;
   padding-left: 40px;
   line-height: 40px;
   background: url(images/icon-phone.png) no-repeat;
   font-size: 28px;
}
.footer .copyright {
   float: right;
   clear: both;
   margin-top: 5px;
   font-size: 13px;
}


.widgets { margin-top: 20px; overflow: hidden; float: right; width: 240px; }
.widgets .widget { margin-top: 20px; text-align: center; }
.widgets .widget:first-child { margin-top: 0px; }


/* WPCF 7 */
.wpcf7 p { margin-bottom: 10px; }
.wpcf7 input[type=text] {
   border: 1px solid #aaa;
   padding: 5px;
}
.wpcf7 textarea {
   border: 1px solid #aaa;
   padding: 5px;
}
.wpcf7 input[type=submit] {
   border: 1px solid #aaa;
   background: #eee;
   padding: 5px 10px;
   text-transform: uppercase;
   color: #333;
   cursor: pointer;
   font-weight: bold;
}