/*

Theme Name:     VisitDurness

Theme URI:      http://guide.visitdurness.com/

Description:    Theme for VisitDurness

Version:        1.0

*/

@import url(ss-standard.css);

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}

audio,canvas,video {display: inline-block; *display: inline; *zoom: 1;}

audio:not([controls]) {display: none; height: 0;}

[hidden] {display: none;}

html {font-size: 100%; /* 1 */  -webkit-text-size-adjust: 100%; /* 2 */  -ms-text-size-adjust: 100%; /* 2 */}

html,button,input,select,textarea {font-family: sans-serif;}

body {margin: 0;}

a:focus {outline: thin dotted;}

a:active,a:hover {outline: 0;}

h1 {font-size: 2em;margin: 0.67em 0;}

h2 {font-size: 1.5em;margin: 0.83em 0;}

h3 {font-size: 1.17em;margin: 1em 0; font-weight: normal;}

h4 {font-size: 1em;margin: 1.33em 0;}

h5 {font-size: 0.83em;margin: 1.67em 0;}

h6 {font-size: 0.67em;margin: 2.33em 0;}

abbr[title] {border-bottom: 1px dotted;}

b,strong {font-weight: bold;}

blockquote {margin: 1em 40px;}

dfn {font-style: italic;}

hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;display:none;}

mark {background: #ff0;color: #000;}

p,pre {margin: 0 0 1em 0;}

code,kbd,pre,samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;}

pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}

q {quotes: none;}

q:before,q:after {content: '';content: none;}

small {font-size: 80%;}

sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

dl,menu,ol,ul {margin: 1em 0;}

dd {margin: 0 0 0 40px;}

menu,ol,ul {padding: 0 0 0 40px;}

nav ul,nav ol {list-style: none;list-style-image: none;}

img {border: 0; /* 1 */-ms-interpolation-mode: bicubic; /* 2 */}

svg:not(:root) {overflow: hidden;}

figure {margin: 0;}

form {margin: 0;}

fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}

legend {border: 0; /* 1 */padding: 0;white-space: normal; /* 2 */*margin-left: -7px; /* 3 */}

button,input,select,textarea {font-size: 100%; /* 1 */margin: 0; /* 2 */vertical-align: baseline; /* 3 */*vertical-align: middle; /* 3 */}

button,input {line-height: normal;}

button,select {text-transform: none;}

button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */*verflow: visible;  /* 4 */}

button[disabled],html input[disabled] {cursor: default;}

input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */*height: 13px; /* 3 */*width: 13px; /* 3 */}

input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: ontent-box;}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}

textarea {overflow: auto; /* 1 */vertical-align: top; /* 2 */}

table {border-collapse: collapse;border-spacing: 0;}

::-moz-selection{

background: #AE9A82;

color: #222;

text-shadow: none;

}

::selection{

background: #AE9A82;

color: #222;

text-shadow: none;

}

strong{

font-family: proxima_novasemibold, calibri, sans-serif; 

}

img{

max-width: 100%;

}

.right{

float: right;

}

a:active{

background: none !important;

}

body{

font-size: 100%;

line-height: 1.4;

font-family: proxima_nova_rgregular, calibri, sans-serif;

padding: 1% 2%;

color: #bbb;

background: #3e3e3e url("dark_exa.png") 0 0 repeat;

}

.container{

max-width: 940px;

margin: 10px auto;

background: #1f1f1f url("blackorchid.jpg") 0 0 repeat;

box-shadow: 0 0 5px 5px rgba(0,0,0,.7);

border-radius: 4px;

position: relative;

}

main{

background: rgba(0,0,0,.3);

overflow: hidden;

clear: both;

}

.page header p{

margin-top: 10px;

}

.home header p img{

margin: 0 auto;

}

header p img,

header p a img,

header p a:visited img{

/*background: #fff;*/

display: block;

border: 0;

}

img[alt="Croft103 by Mackays"]{

max-width: 214px;

}

header p a:hover img,

header p a:focus img{

opacity: .5;

}

.page header a:focus{

outline: 0;

opacity: .5;

}

.home header{

padding: 2em 0;

margin: 0 auto;

width: 95%;

text-align: center;

}

.page header{

padding: 2.5%;

overflow: hidden;

}

.page header p{

float: left;

}

.home nav{

margin: 5%;

font-size: 90%;

overflow: hidden;

}

.page header nav{

margin-left: 30%;

overflow: hidden;

}

nav ul{

margin: 0;

padding: 0;

}

.home nav li{

text-align: center;

display: block;

float: left;

margin: 1.666666666665%;

width: 30%;

}

[role="navigation"] li span{

display: none;

}

.page header nav li{

text-align: center;

display: block;

float: left;

margin: 0 0.8333333333325%;

width: 15%;

font-size: 80%;

}

.page header nav li b{

font-weight: normal;

}

nav a{

display: block;

color: #666;

text-decoration: none;

}

nav a:hover,

nav a:focus,

nav a:active{

/*background: none !important;*/

outline: 0;

}

nav a span{

text-align: center;

padding: 15% 10% 5%;

width: 80%;

border-radius: 5px;

background-color: #333;

display: block;

opacity: .5;

color: #ccc;

line-height: 1;

margin-bottom: .1em;

background-size: 100% !important;

}

.home nav a span{

background-size: 100% 100% !important;

}

nav li:nth-of-type(1) span{

background: #333 url('https://guide.croft103.com/wp-content/uploads/2013/12/croft103-checkin.jpg') 0 0 no-repeat;

}

nav li:nth-of-type(2) span{

background: #333 url('https://guide.croft103.com/wp-content/uploads/2014/01/croft103-property-icon.jpg') 0 0 no-repeat;

}

nav li:nth-of-type(3) span{

background: #333 url('https://guide.croft103.com/wp-content/uploads/2013/12/things-to-do.jpg') 0 0 no-repeat;

}

nav li:nth-of-type(4) span{

background: #333 url('https://guide.croft103.com/wp-content/uploads/2013/12/facilities-icon1.jpg') 0 0 no-repeat;

}

nav li:nth-of-type(5) span{

background: #333 url('https://guide.croft103.com/wp-content/uploads/2013/12/guestbook.jpg') 0 0 no-repeat;

}

nav li:nth-of-type(6) span{

background: #333 url('https://guide.croft103.com/wp-content/uploads/2013/12/contact-icon.jpg') 0 0 no-repeat;

}

.home nav a span{

font-size: 4em;

display: block;

min-height: 1.5em

}

.page nav a span{

font-size: 3em;

}

.page nav a span{

min-height: 1em;

margin-bottom: .12em;

}

nav a:focus span,

nav a span:hover,

nav a span:focus,

.page .current_page_item a span,

.page .current-page-ancestor a span,

.guestbook nav .menu-item-74 a span{

/*background: #FFF18C;*/

opacity: 1;

color: #222;

transition: .5s;

/*background: #AE9A82;*/

}

.page .current_page_item > a,

.page .current-page-ancestor > a,

.guestbook nav .menu-item-74 > a{

color: #ccc;

}

.page main{

float:right;

width:100%;

margin-left:-32%;

}

.page #content{

margin-left:32%;

padding: 1em 2em 2em 0;

min-height: 500px;

}

.page #content img{

display: block;

background: #333;

max-width: 100%;

}

.page aside nav{

float:left;

width:28%;

font-size: 90%;

padding: 2% 2% 2em 2%;

}

.page aside nav ul ul{

border-left: solid 3px #555;

margin-bottom: 1em;

}

aside{

padding-top: 2%;

}

aside nav ul ul{

padding-left: 1em;

}

.page aside ul li{

line-height: 1;

}

.page aside nav a{

padding: 5px 0;

display: inline-block;

text-decoration: none;

}

aside ol{

padding: 0;

text-transform: uppercase;

font-size: 80%;

list-style: none;

padding: 2% 2% 0;

clear: left;

display: none;

}

main #content ul{

list-style: none;

}

main #content ul li{

position: relative;

margin-bottom: 1em;

}

main #content nav ul li{

margin-bottom: 0;

}

main #content ul li span{

position: absolute;

top: 0;

left: -1.2em;

font-size: 1.5em;

color: #333;

}

.noimages img,

.no-js img{

}

footer{

overflow: hidden;

padding: 2em;

text-align: center;

clear: both;

}

footer,

footer a,

footer a:visited{

color: #666;

font-size: 1em;

text-decoration: none;

}

footer a,

footer a:visited{

border-bottom: dotted 1px;

}

footer a:hover,

footer a:focus{

color: #fff;

}

p{

line-height: 1.25;

margin-bottom: 1.5em

}

h1, h2, a{

color: #888;

line-height: 1.1;

}

h1{

font-size: 1.3em;

clear: both;

}

h2{

font-size: 1em;

margin: 0 0 .5em;

}

a:hover,

a:focus{

color: #fff;

}

/* Guest Book */

.guestbook #content{

background: rgba(0,0,0,.3);

overflow: hidden;

clear: both;

margin-left: 0;

padding: 0 2%;

}

.comment-notes{

display: none;

}

.comment {

overflow: hidden;

padding: 0 0 2em;

border-bottom: 1px solid #333;

margin: 2em 0;

*zoom: 1;

}

.comment-img {

float: left;

margin-right: 33px;

border-radius: 5px;

overflow: hidden;

}

.comment-img img {

display: block;

}

.comment-body {

overflow: hidden;

}

.comment .text {

padding: 1em 1.5em;

border: 1px solid #000;

border-radius: 5px;

background: #444;

color: #eee;

}

.comment .text p:last-child {

margin: 0;

}

.comment .attribution {

margin: 0.5em 0 0;

font-size: .8em;

color: #666;

}

/* Decoration */

.comments,

.comment {

position: relative;

}

.comments:before,

.comment:before,

.comment .text:before {

content: "";

position: absolute;

top: 0;

left: 65px;

}

.comments:before {

width: 3px;

top: -20px;

bottom: -20px;

background: #222;

}

.comment:before {

width: 9px;

height: 9px;

border: 3px solid #444;

border-radius: 100px;

margin: 16px 0 0 -6px;

box-shadow: 0 1px 1px rgba(0,0,0,.5), inset 0 1px 1px rgba(0,0,0,.5);

background: #444;

}

.comment:hover:before {

background: #000;

}

.comment .text:before {

top: 18px;

left: 78px;

width: 9px;

height: 9px;

border-width: 0 0 1px 1px;

border-style: solid;

border-color: #000;

background: #444;

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-ms-transform: rotate(45deg);

-o-transform: rotate(45deg);

}

#commentform{

position: relative;

margin-bottom: 50px;

}

#commentform label{

color: #AE9A82;

}

.comment-form-author,

.comment-form-email{

width: 30%;

float: right;

clear: right;

}

.comment-form-author input,

.comment-form-email input,

.comment-form-comment textarea{

font-size: 1rem;

background: #262626;

border: 0;

padding: 3px;

color: #eee;

}

.comment-form-author input:focus,

.comment-form-email input:focus,

.comment-form-comment textarea:focus{

background: #555;

}

.comment-form-author input,

.comment-form-email input{

width: 95%;

}

.comment-form-comment{

width: 70%;

}

.comment-form-comment textarea{

width: 95%;

min-height: 200px;

}

/* ==========================================================================

Helper classes

========================================================================== */

.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}

/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden {display: none !important;visibility: hidden;}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}

/* Hide visually and from screenreaders, but maintain layout */

.invisible {visibility: hidden;}

/* Clearfix: contain floats */

.clearfix:before,.clearfix:after {content: " "; /* 1 */display: table; /* 2 */}

.clearfix:after {clear: both;}

.clearfix {*zoom: 1;}

@media only screen and (max-width: 1000px) {

.home nav a span{

background-size: 100% auto !important;

}

}

@media only screen and (max-width: 830px) {

body{

/*border-top: solid 10px orange;*/

}

.page header nav li{

margin: 1.666666666665%;

width: 30%;

margin-top: 0;

}

.page header{

padding-bottom: 1%;

}

.page header p{

margin-top: 50px;

}

}

@media only screen and (max-width: 600px) {

body{

padding: 0;

}

.container{

margin: 0 auto;

position: relative;

}

.page header{

text-align: center;

padding-bottom: 0;

}

.page header p{

text-align: center;

width: 214px;

float: none;

margin: 1em auto;

}

.page header nav{

margin-left: 0;

}

.page header nav li{

text-align: center;

display: block;

float: left;

margin: 0 0.8333333333325% 1em;

width: 15%;

font-size: 80%;

}

.page main{

float:right;

width:100%;

margin-left: 0;

}

.page #content{

margin-left: 0;

padding: 0 1em 1em;

min-height: 300px;

}

.page aside nav{

font-size: 100%;

padding: 2em;

}

aside{

overflow: hidden;

display: block;

background: #444;

padding: 0;

position: relative;

margin: 0 -1em 1em;

}

.page aside nav{

background: #eee;

float:none;

width: auto;

padding: 0;

display: none;

}

.page aside nav ul ul{

border-left: solid 3px;

margin-bottom: 1em;

}

aside nav ul ul{

padding-left: 0;

margin-left: 1em;

}

.page aside nav[role="navigation"].active{

display: block;

}

.page aside nav a,

.page aside nav a:visited{

padding: 5px 1em;

color: #222;

display: block;

border-top: dotted 1px #aaa;

}

.page aside nav a:hover,

.page aside nav a:focus{

background: #AE9A82 !important;

color: #fff;

transition: .15s;

}

.page aside nav li li a,

.page aside nav li li a:visited{

display: inline-block;

border: 0;

}

.page aside nav li li a:hover,

.page aside nav li li a:focus{

background: #bbb !important;

color: #222

}

aside ol{

padding: 1em;

margin: 0;

display: block;

overflow: hidden;

}

aside ol li:last-child{

float: right;

}

aside ol li{

display: block;

float: left;

line-height: 1.5;

}

aside ol li a,

aside ol li a:active,

aside ol li a:focus{

outline: 0;

line-height: 1;

}

aside ol li:after{

margin-right: 5px;

content: "\00a0\00a0>";

}

aside ol li:last-child:after,

aside ol li.current_item:after,

.guestbook aside ol li:nth-child(2):after{

margin-right: 0;

content: "";

}

aside ol li:last-child a{

color: #fff;

text-decoration: none;

}

aside span{

color: #fff;

line-height: 1;

position: relative;

top: 2px;

margin: 0 5px 0 2em;

}

.comment-form-author,

.comment-form-email{

width: 50%;

float: left;

}

.comment-form-comment{

width: 100%;

}

.comment-form-comment textarea{

width: 97.5%;

}

}

@media only screen and (max-width: 400px) {

body{

padding-top: 0;

font-size: 90%;

}

.page header nav li{

margin: 0 0.8333333333325% 1em;

}

header nav li b{

display: none;

}

.home nav li{

margin: 3%;

width: 44%;

}

.page #content{

}

}

@media only screen and (min-width: 1000px) {

body{

font-size: 120%;

}

.home header{

padding: 2em 0;

margin: 0 auto;

width: 48%;

text-align: center;

}

.home nav li{

margin: 0.8333333333325%;

width: 15%;

}

}

@font-face {

    font-family: 'proxima_nova_rgregular';

    src: url('fonts/proxima_nova_reg-webfont.eot');

    src: url('fonts/proxima_nova_reg-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/proxima_nova_reg-webfont.woff') format('woff'),

         url('fonts/proxima_nova_reg-webfont.ttf') format('truetype'),

         url('fonts/proxima_nova_reg-webfont.svg#proxima_nova_rgregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'proxima_novasemibold';

    src: url('fonts/proxima_nova_sbold-webfont.eot');

    src: url('fonts/proxima_nova_sbold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/proxima_nova_sbold-webfont.woff') format('woff'),

         url('fonts/proxima_nova_sbold-webfont.ttf') format('truetype'),

         url('fonts/proxima_nova_sbold-webfont.svg#proxima_novasemibold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@media print,

(-o-min-device-pixel-ratio: 5/4),

(-webkit-min-device-pixel-ratio: 1.25),

(min-resolution: 120dpi) {

/* Style adjustments for high resolution devices */

}

/* ==========================================================================

Print styles.

Inlined to avoid required HTTP connection: h5bp.com/r

========================================================================== */

@media print {

* {background: transparent !important;color: #000 !important; /* Black prints faster: h5bp.com/s */box-shadow: none !important;text-shadow: none important;}

a,a:visited {text-decoration: underline;}

a[href]:after {content: " (" attr(href) ")";}

abbr[title]:after {content: " (" attr(title) ")";}

.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}

pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}

thead {display: table-header-group; /* h5bp.com/t */}

tr,img {page-break-inside: avoid;}

img {max-width: 100% !important;}

@page {margin: 0.5cm;}

p,h2,h3 {orphans: 3;widows: 3;}

h2,h3 {page-break-after: avoid;}

}