/*
Theme Name: Shetland Nature
Description: The theme for the Shetland Nature website, redeveloped in 2010.
Version: 1.9
Author: David Gifford
Author URI: http://www.davegifford.co.uk/
*/


/* ################## Resets ### */

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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
background:transparent;
border:0;
font-size:100%;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

:focus {
outline:0;
}

ins {
text-decoration:none;
}

del {
text-decoration:line-through;
}

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


/* ################## Body & Typography ### */

html, body { height: 100%; margin:0 0 1px 0; }
html { background: #005A04;}

body {
background: #fff;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
line-height:1;
min-width:996px;
}

a {
color:#0B4A8E;
}

a:visited,a:active{
color:#4574A0;
}

a:hover {
color:#0C263D;
}



nav a:hover, footer a:hover { color: #fff; }
header nav a:hover { color: #015B04; }

h1,h2,h3,h4,h5 {
background:#fff;
color:#005A04;
font-family:"Franklin Gothic Demi", "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
font-weight:500;
}


/* ################## Layout ### */

#page.homepage-cc, #page.blog-cc, #page.searchresults {
background:url(images/dotted-line.gif) 625px repeat-y;
clear:both;
margin:20px auto 0;
width:948px;
}

#page.page-cc, #page.post-cc { 
clear: both;
margin:20px auto 0;
width:948px;
}

#main-content {
display:block;
float:left;
margin-left:12px;
width:600px;
}

#sidebar {
float:right;
padding-right:25px;
width:275px;
}


.page-cc #main-content {
display:block;
float:right;
width:690px;
margin-right: 10px;
}

#lhc {
float:left;
width: 216px;
display: inline;
}

#clear {
clear:both;
height: 176px;
}

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -148px;
background: #fff;
 }


/* ################## Header ### */

header {
background:#fff;
display:block;
width:100%;
}

header {
border-bottom:3px solid #025C04;
}

#header-container {
margin:0 auto;
position:relative;
width:948px;
}

hgroup {
background:url(images/shetland-nature-logo.gif) no-repeat center left;
display:block;
min-height:93px;
padding-left:93px;
width:648px;
}

#tr {
	position: absolute;
	right: 50px;
	text-align: right;
	top: 22px;
	width: 230px;
}

#header-container h1 {
display:block;
font-size:4.2em;
height:33px;
padding-top:20px;
text-decoration:none;
width:296px;
text-indent: -9999px;
}

#header-container h1 a {
background:url(images/shetland-nature.gif) no-repeat;
color:#015B04;
display:block;
height:33px;
text-decoration:none;
text-indent:-5000px;
}

#header-container h2 {
	color:#015B04;
	font-size:1.6em;
	font-style:normal;
	margin-left:5px;
	margin-top:5px;
	text-decoration:none;
}

.tel {
color:#015B04;
font-size:1.8em;
font-weight:700;
margin-right:34px;
}

#header-container form {
margin-top:8px;
}

#header-container input#s {
background:#F2F6F0 url(images/searchglass.gif) 6px center no-repeat;
border:1px solid #C0CDBA;
color:#015B04;
font-family:"Franklin Gothic Medium", Arial, Helvetica, sans-serif;
font-size:1.3em;
padding:4px 1px 3px 23px;
width:160px;
}

input#searchsubmit {
border:0;
float:right;
margin-left:5px;
}


/* ################## Homepage Slideshow ### */

.slideshow-gen2 #pager { display: none; }

#homepage-slideshow {
height:240px;
overflow:hidden;
position:relative;
border-bottom: 3px solid #015B04;
}

#homepage-slideshow ul {
display:block;
margin:0 auto;
}

#homepage-slideshow ul li {
display:block;
height:240px;
left:50%!important;
margin-left:-1281px;
width:2563px;
position:absolute;
}

#homepage-slideshow .slidecont {
background:url(images/header-image-glow.png);
display:block;
height:240px;
margin:0 auto;
width:996px;
}

#homepage-slideshow img {
display:block;
margin:0 0 0 24px;
}

li.otter-cubs {
background:url(images/otter-cubs-back.jpg);
}

li.killer-whales {
background:url(images/killer-whales-blur.jpg);
}

li.puffin-sunset {
background:url(images/puffin-sunset-back.jpg);
}

li.redthroat {
background:url(images/red-throated-diver-back.jpg);
}

li.bluethroat {
background:url(images/bluethroat-back.jpg);
}


li.arctic-terns {
background:url(images/arctic-terns-bg.jpg);
}

li.bluethroatn {
background:url(images/bluethroatn-bg.jpg);
}

li.mountain-hare {
background:url(images/mountain-hare-bg.jpg);
}

li.killer-whale-watching {
background:url(images/killer-whale-watching-bg.jpg);
}

li.otters-fighting {
background:url(images/otters-fighting-bg.jpg);
}

li.puffinn {
background:url(images/puffinn-bg.jpg);
}


.puffin-sunset, .killer-whales, .otter-cubs, .redthroat, .bluethroat { opacity: 0; }
.arctic-terns, .bluethroatn, .mountain-hare, .otters-fighting, .puffinn.jpg { opacity: 0; }


#pager {
background:url(images/pager-back.png) no-repeat;
bottom:20px;
height:28px;
left:50%;
margin-left:-450px;
position:absolute;
width:84px;
z-index:200;
}

#pager a {
background:url(images/pager-dot-off.png) no-repeat;
display:block;
float:left;
height:10px;
margin-left:5px;
margin-right:1px;
margin-top:9px;
text-indent:-5000px;
width:10px;
}

#pager a.activeSlide {
background:url(images/pager-dot-on.png) no-repeat;
}

#homepage-slideshow hr {
border:0;
height:15px;
margin:0;
position:absolute;
width:100%;
z-index:100;
}

hr.top {
background:url('images/menubar-shadows.png') top repeat-x;
top:0;
z-index:10;
}

hr.bottom {
background:url('images/menubar-shadows.png') bottom repeat-x;
bottom:0;
z-index:10;
}

.dialog a {
background:url(images/arrow-sgl.png) right 18px no-repeat;
color:#015B04;
display:block;
font-family:"Franklin Gothic Demi", "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
font-size:1.8em;
line-height:1.8em;
min-height:25px;
padding:10px 25px 0 0;
text-align:center;
text-decoration:none;
}

.dialog {
bottom:20px;
margin:0 auto 0 40px;
max-width:460px;
min-width:120px;
position:absolute;
right:45px;
}

.dialog .content,.dialog .t,.dialog .b,.dialog .b div {
background:transparent url(images/caption-back.png) no-repeat top right;
}

.dialog .content {
_overflow-y:hidden;
padding:0 20px 0 0;
position:relative;
}

.dialog .t {
background-position:top left;
height:100%;
left:0;
margin-left:-20px;
position:absolute;
top:0;
width:20px;
}

.dialog .b {
background-position:bottom right;
position:relative;
width:100%;
}

.dialog .b,.dialog .b div {
font-size:1px;
height:9px;
}

.dialog .b div {
background-position:bottom left;
margin-left:-20px;
position:relative;
width:20px;
}

.dialog .wrapper {
max-height:200px;
overflow:auto;
position:static;
}


/* ################## Menu Navigation ### */

nav {
background:#015B04;
display:block;
font-family:"Franklin Gothic Demi", "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
font-size:1.8em;
font-weight:300;
width:100%;
}

header nav { background: #fff; }

nav ul {
margin:0 auto;
width:948px;
}

nav ul li {
display: inline;
}

nav a {
color:#015B04;
line-height:49px;
padding:14px 11px 14px 10px;
text-decoration:none;
}

nav .firsttmenuitem a { padding-left: 0px;}
nav .lastmenuitem a { padding-right: 0px;}

nav a:visited, nav a:active {
color:#fff;
}

header nav a:visited, header nav a:active {
color:#015B04;
}

nav li.current_page_item a {
background:url(images/here3.png) center 42px no-repeat;
}





/* ################## Main Content ### */

.hpmi { width: 175px; float: left; margin-right: 25px }
.hpmi img { padding-bottom: 12px; background:url(images/imgborder.gif) bottom repeat-x; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px;  -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px;  }
.hpmi .button { margin: 5px 0px 0px 20px; }
.hpmilast .button { margin: 0px 0px 0px 40px; }
.hpmilast p { margin-bottom: 0px; }

#main-content table p { margin-bottom: 0px !important; margin-top: 12px; padding-bottom: 0px !important;}

/* #main-content table tr { border-bottom: 1px dotted #999; } */
#main-content table img { margin-top: 0px !important; padding: 0px; border-radius: 3px; }
#main-content table td { margin-top: 0px !important; padding-top: 20px !important; padding-bottom: 20px; vertical-align: top;  }
#main-content table tr.first { border-top: 1px dotted #999; }
#main-content table td.thumb { padding-right: 20px; }
#main-content table h3 { vertical-align: top; margin-top: 0px !important; }

.gallery dt img { border: 0px !important; margin: 0px !important; padding-left: 0px !important; }
.gallery a.group { float: none; margin-left: 0px; }

.navigation a { font-size: 12px !important; }

.postedby { font-weight: bold; }

.archivetitle { margin-bottom: 24px !important; display: block; border-bottom: 1px dotted #e5e5e5; padding-bottom: 20px; font-size: 24px !important; }

.post { margin-bottom: 28px; display: block; border-bottom: 1px dotted #e5e5e5; padding-bottom: 20px; }
.single .post { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.home .post { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

a.articlehead { line-height: 36px !important; text-decoration:none; color:#005A04;}
a.articlehead:hover { text-decoration: underline; }

.share { float: left; font-size: 12px; font-weight: bold; margin-right: 8px; padding-top: 0.2em; margin-top: 10px; }
.addthis_toolbox { float: left; margin-top: 10px;}
.addthis_toolbox a { background: none !important; padding: 0px !important; font-size: 12px; margin-right: 4px; }

#breadcrumbs { font-size: 12px; margin-bottom: 20px; display: block; }
#breadcrumbs ul { list-style: none; background: none; display: inline; }
#breadcrumbs li { font-size: 12px; list-style: none; background: none !important; display: inline; padding-right: 0px !important; padding-left: 0px !important;  }
#breadcrumbs li a { background: none !important; padding-right: 0px !important;  }
#breadcrumbs span { padding-right: 6px !important; }

.hr {width: 100%; height: 2px; display: block; margin: 10px 0 10px 0; background: url(images/dotted-line-hr.gif) repeat-x; }

#main-content li {
background:url(images/bullet.gif) left .7em no-repeat;
padding-left:9px;
}

#main-content.linkspage li {
margin-top: 4px;
}

#main-content.linkspage li a {
margin-right: 6px;
}

.intro {
font-size:16px;
font-style:italic;
color:#005A04;
}

#main-content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:3.6em;
margin-bottom:10px;
margin-top:0px;
}

.home #main-content h1, .page-id-3802 #main-content h1 { font-size: 3.2em; margin-top: 5px;}
.hpvs4 { float: left; margin-right: 20px; position: relative; top: -10px; }

#main-content h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:2.4em;
padding: 25px 0 10px 0;
clear: left;
}

.page-id-4 #main-content h2 { font-size: 2.6em !important; margin: 35px 0 10px !important; font-weight: 500; }

#main-content h3,#main-content h4,#main-content h5,#main-content h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.8em;
margin-top: 18px;
margin-bottom: 8px;
}

h4.smaller { font-size: 14px !important; font-weight: bold; }


#main-content blockquote {
padding-left: 50px;
margin-top: 22px;
margin-bottom: 35px; 
}

.home #main-content blockquote {
    margin-bottom: 20px;
    margin-left: 163px;
    margin-top: 33px;
}

#main-content blockquote em { 
font-family: "Times New Roman", Times, serif;
font-style:italic;
font-size: 16px;
line-height: 1.5em;
padding-left: 25px;
margin-left: -50px;
background: url(images/quote-l.gif) no-repeat;
display: block;
}

#main-content blockquote strong { font-weight: bold; font-size: 13px; display:block; margin-top: 5px;}
.home #main-content blockquote strong { margin-top: -5px;}

blockquote em:after {
content:url(images/quote-r.gif);
height: 50px;
margin-left: 3px;
}


.page404 #main-content ul { margin-left: 40px; font-size: 14px !important; }
.page404 #main-content ul ul { margin-left: 10px; margin-bottom: 0px !important; padding-bottom: 0px; font-size: 14px !important; }
.page404 #main-content ul li { margin-bottom: 5px; }

.bt-image { float: left; width: 265px; display: block; margin-right: 18px; clear: left; }
.sk-image {
    clear: left;
    display: block;
    float: left;
    margin-right: 18px;
    margin-top: 18px;
    width: 150px;
}
.bt-image img, .sk-image img { padding-bottom: 12px; background:url(images/imgborder.gif) bottom repeat-x; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px;  -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; }
.bt-image span { font-size: 13px;  padding-top: 3px; padding-bottom: 10px; display: block; line-height: 1.2em; }

.hpintro2 { margin-bottom: 20px; }

a.group img { padding-bottom: 12px; background:url(images/imgborder.gif) bottom repeat-x; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px;  -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; padding-left:0px; padding-right:0px; margin-top: 5px; }

a.group { margin-left: 15px; position: relative; float: right; }

a.group:after
{
content:url(images/enlarge.gif);
bottom:17px;
right: 6px;
position:absolute;
z-index: 10;
opacity: 0.8;
}

.alignleft { float: left; display:inline; margin-right: 15px; }
.alignleft a.group { float: left; margin-right: 15px; margin-left:0px; }

.alignright { float: right;display:inline; margin-left: 15px; clear:right; }

.wp-caption-text { margin-left: 15px; margin-top: 0px; padding-top: 0px; display: block; line-height:18px; font-style:italic; color:#666; }
.gallery-caption { font-size: 12px; font-style: italic; color: #666; }

p.permalink { width: 100%; clear: both; } 

.gallery { margin-bottom: 12px !important; }

.aligncenter { margin-left: -10px; }

.clearleft { clear: left; }
.clearleft { clear: right; }
.homeintro { display: block; margin-left: 282px; }


.otterpic { margin: 0 auto; display:block; border:0px; padding: 0px; }

#ribbon { 
width: 598px; 
line-height: 42px; 
text-align: center; 
display: block; 
margin: 0 auto; 
border:0px; 
padding: 0px; 
background: #136816; /* old browsers */
background: -moz-linear-gradient(top, #017202 0%, #008000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017202), color-stop(100%,#008000)); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017202', endColorstr='#008000',GradientType=0 ); 
}

.ribl { padding-right: 45px; }
#ribbon a { color: #fff; font-size: 18px; text-decoration: none; }
#ribbon a:hover { text-decoration: underline; }



/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}





/* ################## RHC Sidebar ### */

#signupbutton, #mc-embedded-subscribe {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 0 none !important;
    height: 28px !important;
    margin-left: 187px !important;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 79px !important;
}
#signupbutton:focus, #mc-embedded-subscribe:focus {outline:1px dotted #999;}

#categories { margin-top: 30px; margin-bottom: 24px;}

#categories ul {
margin-left: 10px;
}

#categories li {
background:url(images/bullet.gif) left 6px no-repeat;
padding-left:9px;
font-size: 14px;
margin-bottom: 6px;
}

#categories ul ul {margin-top: 5px; }

#archive { padding-bottom: 0px; }
#archive select { width: 175px; }

aside h2 {
font-size:2.4em;
margin-bottom:12px;
}


#latest-posts {
    margin-top: 21px;
}

#latest-posts a {
font-size:1.4em;
}

#latest-posts ul li {
margin-bottom:0.8em;
line-height: 1.8em;
}

#latest-posts ul li span { display: inline; }

#latest-posts ul li span {
color:#999;
font-size:1.2em;
}

#followus ul { clear: both; height:40px;}

#followus li { float: left; margin-right: 5px; }

p.subscribe { padding-right: 70px; background: url(images/newsletter.gif) no-repeat right 7px; width: 196px; }

#newsletter label { float: left; min-width: 60px; font-size: 14px; font-weight: bold; color: #005A04; padding-top: 3px; }
#newsletter input {
    background: #F2F6F0;
    border: 1px solid #C0CDBA;
    color: #015B04;
    font-family: "Franklin Gothic Medium",Arial,Helvetica,sans-serif;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 10px;
    padding: 2px 1px 2px 2px;
    width: 261px;
}
#newsletter-submit { clear: both; }

#followus {
    clear: both;
    display: block;
    margin-bottom: 2.5em;
    padding-top: 6px;
}

#lifestream h4 { font-size: 1.4em; margin-bottom: 0.2em; margin-top: 1em;  }
#lifestream p { margin-bottom: 0px; }
#lifestream li { margin-bottom: 1em; }



/* ################## LHC Sidebar ### */
.working-with-sidebar { margin-top: 65px; margin-left: 17px; }
.paramo-sidebar { display: block; margin-top: 5px; margin-left: 5px; }
.swaro-side { display: block; margin: 15px 0 40px 42px; }
.wws-sidebar { margin-top: 40px; display: block; margin-left: 28px; }
.fourstar { margin-left: 54px; margin-top:30px; }
.wildscotland { margin-left: 34px; margin-top:30px; }
.memberlink { width: 214px; clear: both; display: block; text-align:center; }

#lhc-contact-details {
padding-top: 1px; 
padding-left: 20px;
}

#lhc h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
}

#lhc-contact-details h3 {
font-size: 18px;
margin-bottom: 8px;
}

#lhc-contact-details p {
font-style: italic;
width: 175px;
}

#lhc-contact-details td {
font-size: 12px;
padding-right: 4px;
padding-bottom: 9px;
}

#submenu {  background: #fff url(images/submenu-background.png) bottom left no-repeat; padding-bottom: 26px; width: 216px; margin-bottom: 24px; overflow: hidden; }

#submenu h3 { width: 216px; display: block; background: #fff url(images/submenu-background.png) no-repeat; padding-left: 15px; padding-top: 10px; padding-bottom: 10px;}
#submenu h3 a { padding: 0px !important;line-height: 30px; color:#005A04; display: block; width: 190px; }

#submenu ul li {
display: block;
width: 215px;
margin-left: 1px; 
}

#submenu ul li a {
width: 185px !important;
display: block;
font-size: 14px;
line-height: 1em;
min-height: 24px;
padding: 10px 0 0 18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
margin-bottom:1px;
background: url(images/submenu-item.gif) left center repeat-y;
color: #fff !important;
}

#submenu li.current_page_item {
background: url(images/submenu-current.gif) left center repeat-y;
width: 215px;
}

#submenu li.current_page_item a {
background: url(images/submenu-current.gif) left center repeat-y;
width: 195px !important;
}




/* ################## Footer ### */

footer {
background:#fff url(images/sn-footer-bg.png) bottom repeat-x;
clear:both;
display:block;
height:128px;
margin:0;
padding-top:20px;
width:100%;
}

#footerwrap {
background:url(images/sn-footer.png) repeat-x;
display:block;
height:128px;
margin:0 auto;
position:relative;
width:948px;
}

footer ul {
bottom:7px;
position:absolute;
right:320px;
}

footer li {
display:inline;
padding-left:20px;
}

footer li a,footer li a:visited,footer li a:active {
color:#fff;
text-decoration:none;
}

#copyright { float: left; width: 220px; height: 17px; display: block; left: 250px; bottom: 0px; position: absolute; background: none; color: #fff;}
#copyright a,#copyright a:hover, #copyright a:visited { color: #fff !important; text-decoration:none; }
#copyright a:hover { text-decoration: underline; }

#partners { position: absolute; display: block; height: 130px; width: 285px; background: none; overflow: hidden; right: 0px; top: 0px; }
#swaro-footer {
    background: url("http://www.shetlandnature.net/wp-content/themes/sn2010/images/swarovski-logo.png") no-repeat scroll 0 0 transparent;
    bottom: 3px;
    display: block;
    height: 79px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    width: 99px;
}
#zeiss { position: absolute; bottom: 3px; right: 0px; width: 62px; height: 76px; display: block; background: url(http://www.shetlandnature.net/wp-content/themes/sn2010/images/zeiss-logo-2013.png) no-repeat; text-indent: -9999px; }
#wws { position: absolute; top: 0px; right: 0px; width: 150px; height: 46px; display: block; background: url(http://www.shetlandnature.net/wp-content/themes/sn2010/images/wildlife-watching-supplies.jpg) no-repeat; text-indent: -9999px; }
#stealth-gear { position:absolute; left: 0; bottom: 3px; width: 180px; height: 51px; display: block; background: url(http://www.shetlandnature.net/wp-content/uploads/2013/02/stealth-gear.png) no-repeat; text-indent: -9999px; }
#paramo { position:absolute; left: 0; bottom: 3px; width: 180px; height: 76px; display: block; background: url(http://www.shetlandnature.net/wp-content/uploads/2013/02/paramo.png) no-repeat; text-indent: -9999px; }

.proud { text-align: left; width: 160px; line-height: 12px; margin-bottom: 7px; padding-top: 5px; display: block; color: #005A04; font-weight: bold; font-size: 10px; }

p,#main-content ul {
font-size:1.3em;
line-height:1.6em;
margin-bottom:1em;
}

.slidecont,.dialog .hd,.dialog .bd,.dialog .ft {
position:relative;
}

.dialog a:hover,nav a:hover,footer li a:hover {
text-decoration:underline;
}

#latest-posts ul,#latest-activity {
margin-bottom:2.5em;
}


/* ################## Link Icons ### */

#main-content a[href^="http://"] {
	display:inline-block;
	padding:2px 14px 2px 0px;
	line-height:18px;
	min-height:18px;
	overflow:visible;
	background:transparent url(images/external.gif) center right no-repeat;
}
#main-content a[href^="http://www.shetlandnature"] {
	padding:0px;
	background:none;
	display:inline;
}

#main-content a[href$='.pdf'] {
	display:inline-block;
	padding:2px 20px 2px 0px;
	line-height:18px;
	min-height:18px;
	overflow:visible;
	background:transparent url(images/pdf.png) center right no-repeat;
}

#main-content a.group, .searchresult a, .postedby a, a.articlehead, .permalink a, .navigation a, .edit a {
background: none !important;
padding:0px !important;
}


.page404 ul li a {
background: none !important;
}

a[href$='.doc'] {
	display:inline-block;
	line-height:18px;
	min-height:18px;
	overflow:visible;
	background:transparent url(images/word.png) center left no-repeat;
	padding:2px 0 2px 20px;
}
a[href$='.pdf'] {
	display:inline-block;
	line-height:18px;
	min-height:18px;
	overflow:visible;
	background:transparent url(images/pdf.png) center left no-repeat;
	padding:2px 0 2px 20px;
}




a.button {
background: transparent url('images/button2.gif') no-repeat scroll top right; 
display: block;
float: left;
height: 24px;
margin-right: 6px;
padding-right: 15px; 
text-decoration: none;
color: #005904;
font-size:12px;
}

#newsletter a.button {margin-left:60px;  } 
#lhc-contact-details a.button { margin-bottom: 20px; }

a.button span {
background: transparent url('images/button1.gif') no-repeat; 
display: block;
line-height: 24px;
padding: 0px 0 5px 18px;
} 

a.button:hover span{
text-decoration:underline;
}

.button { display: block; margin-top: 12px; }



.searchresult { display: block; margin-bottom: 24px; }

.sold { color: #005A04 !important; font-weight: bold; }

#main-content blockquote.ottert {
border-bottom:1px dotted #999999;
padding-bottom:20px;
margin-bottom:40px;
}

#main-content blockquote.ottert strong {
margin-top:15px;
padding-bottom:6px;
}


/* ################## Homepage Ribbon Menu ### */

#ribbon-menu { padding-bottom: 16px; }
#homepage-ribbon-container { margin-left: -3px; width: 598px; /* padding-top: 5px; background:url(images/ribbon-divider.png) center top no-repeat; */ }
#homepage-ribbon-container  h3, #homepage-ribbon-container  p { margin-left: 4px; }
#homepage-ribbon-container h3 { 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 18px;
	color: #005A04;
}
.ribbon-intro {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 10px;
	color: #333;
}
ul.homepage-ribbon {
	list-style-type: none;
	display:block;
	margin: 0px;
	padding: 0px;
}
.homepage-ribbon li {
	position: relative;
	margin: 3px !important;
	/* padding: 4px !important; */
	display: inline-block;
	*display: inline;
    zoom: 1;
	/* border: solid 1px #CCCCCC; */
	/* border-radius: 9px; */
	width: 140px;
	height: 151px;
	overflow: hidden;
background: none !important;
padding-left: 0px !important;
}
.homepage-ribbon li.ribbon-first {
	margin-left: 0px;
	margin-right: 2px !important;
}
.homepage-ribbon li.ribbon-last {
	margin-right: 0px;
	margin-left: 2px !important;
}
.homepage-ribbon li .homepage-ribbon-inner {
	position: relative;
	overflow: hidden;
	height: 150px;
	margin: 0px;
	padding: 0px;
}
.homepage-ribbon li .homepage-ribbon-inner img {
	height: 151px;
	width: 140px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-radius: 3px;
}
.homepage-ribbon li .homepage-ribbon-inner .link-box-background {
	position: absolute;
	top: 120px;
	left: 0px;
	height: 150px;
	width: 140px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	line-height: 14px !important;
	background-color: #fff;
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.homepage-ribbon li .homepage-ribbon-inner .link-box {
	position: absolute;
	top: 120px;
	left: 0px;
	background: none;
	width: 117px;
	text-align: center;
	padding: 8px 3px;
	margin: 0px;
	height: 100%;
	overflow: hidden;
line-height: 14px !important;
}
.homepage-ribbon li .homepage-ribbon-inner .two-lines {
	padding-top: 3px;
	font-size: 11px;
}
.homepage-ribbon li .homepage-ribbon-inner a p {
	color: #015B04;
	font-family: "Arial", san-serif;
	font-weight: 700;
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	opacity: 1;
}
.homepage-ribbon li .homepage-ribbon-inner a {
	text-decoration: none;
	margin: 0px;
	padding: 134px 0 0 0;
	cursor: pointer;
}
.homepage-ribbon li .homepage-ribbon-inner .link-box .link-box-description{
	display: block;
	font-size: 11px;
	text-align: left;
	padding: 12px 0px 0px 0px;
}
#authentic { padding: 4px 0 8px 4px; }

/* ################## Misc ### */

.snc { width: 50%; }
.cleft { float: left; }
.cright { float: right; }

.gal-adjust { margin-top: 25px; }
.cap-adjust { margin-top: -35px; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; }
.gal-adjust2 { margin-bottom: -20px; }

a.bookingbutton:hover { background-color: #0e6511 !important; }

.page-id-3809 #main-content p strong { color: #005A04; }

#sni {
    height: 89px;
    position: absolute;
    right: 0;
    top: 8px;
    width: 40px;
    z-index: 1;
}
#fb {
    background: url("images/facebook32.png") no-repeat scroll left bottom transparent;
    display: block;
    height: 32px;
    margin-bottom: 4px;
    text-indent: -9999px;
    width: 32px;
}
#tw {
    background: url("images/twitter32.png") no-repeat scroll left top transparent;
    display: block;
    height: 32px;
    text-indent: -9999px;
    width: 32px;
}
#fb:hover, #tw:hover, #followus a:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" }

.topbox {
	background: #efffff;
	border: 1px solid #ddd;
	border-radius: 10px;
	box-shadow: 0 0 10px #eee;
	padding: 10px 10px 0px 10px;
	margin: 20px 0;
}

.topbox p {
	font-size: 15px;
	font-family: 'Tahoma';
	font-weight: normal;
	text-align: left;
}

.topbox p a {
	text-decoration: none;
}

.featurebox {
	background: #efffff url(http://www.shetlandnature.net/wp-content/uploads/2012/11/featurebox-back.png) no-repeat bottom;
	border: 1px solid #ddd;
	border-radius: 10px;
	box-shadow: 0 0 10px #eee;
	padding: 0 20px 50px 20px;
	margin: 20px 0;
}

.featurebox .left {
	float: left;
	margin-right: 60px;
}

.featurebox h2 {
	background: transparent;
}

.featurebox table {
	font-size: 15px;
}

.featurebox td {
	padding: 10px;
}
.featurebox td.price {
	color:#572400;
	font-size: 16px;
}

#lodge-feature {
	margin-top: 20px;
}

#lodge-feature a h2 {
	font-size: 22px;
	margin: 5px 0;
}

#lodge-feature a {
	text-decoration: none;
}

#lodge-feature p {
	font-size: 15px;
	margin: 8px 0;
}

#lodge-feature p a {
	font-size: 20px;
}


.page-id-5993 h2 a, .page-id-5993 h2 a{
  color: #005A04;
  text-decoration: none;
}
.page-id-5993 h2 a:hover, .page-id-5993 h2 a:hover{
  text-decoration:underline;
}

#holiday-menu h3 a, .holiday-menu h3 a{
  color: #005A04;
  text-decoration: none;
}
#holiday-menu h3 a:hover, .holiday-menu h3 a:hover{
  text-decoration:underline;
}
#holiday-menu a:hover img, .holiday-menu a:hover img { opacity: 0.85; }

/*Booking Form Styles
--------------------------------------*/
.clearboth {
	clear: both;
}

.logo {
	display: inline-block;
	margin-right: 5px;
}
#holiday-booking-form {
	font-family: 'Arial',sans-serif;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #008000;
	width: 646px;
	padding: 0px 8px 13px 8px;
}
#holiday-booking-form > .title {
	display: inline-block;
	color: #FFFFFF;
	margin: 8px 16px;
	padding: 8px 0px 9px 47px;
	font-size: 26px;
	font-weight: 700;
	background: url('images/booking-form.png') no-repeat;
	background-position: -244px -50px;
}
#holiday-booking-form > .main {
	min-height: 300px;
	background-color: #FFFFFF;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;	
	padding: 20px 16px;
	color: #767676;
	font-size: 11px;
}
#holiday-booking-form > .main .left {
	float: left;
	width: 196px;
}
#holiday-booking-form > .main .right {
	float: right;
	width: 390px;
}
#holiday-booking-form > .main > .left > div,
#holiday-booking-form > .main > .right > div {
	position: relative;
	margin-bottom: 20px;
}
#holiday-booking-form > .main  .left .title,
#holiday-booking-form > .main  .right .title {
	border-bottom: 1px dotted #999999;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 4px;
}
#holiday-booking-form > .main .tour-guides > .title span.logo {
	background: url('images/booking-form.png') no-repeat;
	background-position: -227px -49px;
	width: 17px;
	height: 17px;
}
#holiday-booking-form > .main .fitness > .title span.logo {
	background: url('images/booking-form.png') no-repeat;
	background-position: -210px -49px;
	width: 16px;
	height: 16px;
}
#holiday-booking-form > .main .dates > .title span.logo {
	background: url('images/booking-form.png') no-repeat;
	background-position: -191px -49px;
	width: 18px;
	height: 19px;
}
#holiday-booking-form > .main .tour-guides  ul {
	list-style-position: inside;
	list-style: disc;
	padding: 0px 0px 0px 20px;
	margin: 6px 1px;
}
#holiday-booking-form > .main .tour-guides  ul li {
	color: #6cb66c;
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1;
	background: none;
	padding: 0px;
}
#holiday-booking-form > .main .tour-guides  ul li span a {
	font-size: 12px;
	text-decoration: none;
}
#holiday-booking-form > .main .fitness > .difficulty {
	margin-top: 5px;
	margin-bottom:20px;
	background: url('images/booking-form.png') no-repeat;
	background-position: 0px -49px;
	width: 190px;
	height: 27px;
}
#holiday-booking-form > .main .fitness > .difficulty > div {
	position: absolute;
	width: 40px;
	background: url('images/booking-form.png') no-repeat;
	background-position: 0px -76px;
	height: 27px;
}
#holiday-booking-form > .main .fitness > .difficulty > .easy {
	left: 0px;
	background-position: 0px -76px;
}
#holiday-booking-form > .main .fitness > .difficulty > .moderate {
	left: 75px;
	background-position: -75px -76px;
}
#holiday-booking-form > .main .fitness > .difficulty > .hard {
	left: 150px;
	background-position: -150px -76px;
}
#holiday-booking-form > .main .fitness > .difficulty-text {
position: relative;
margin-top: -14px;
font-size: 10px;
font-family: Arial;
margin-bottom: 8px;
}
#holiday-booking-form > .main .fitness > .easy {
	left: 11px;
}
#holiday-booking-form > .main .fitness > .easy-to-moderate {
	left: 48px;
}
#holiday-booking-form > .main .fitness > .moderate {
	left: 73px;
}
#holiday-booking-form > .main .fitness > .moderate-to-hard {
	left: 127px;
}
#holiday-booking-form > .main .fitness > .hard {
	left: 125px;
}#holiday-booking-form > .main .fitness > .fitness-description {
	font-size: 9px;
}
#holiday-booking-form > .main .price {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #acacac;
	width: auto;
	padding: 15px 20px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 700;
}
#holiday-booking-form > .main .dates {
}
#holiday-booking-form > .main .dates > .title{
	border: none;
}
#holiday-booking-form > .main .dates table {
	padding: 5px;
	border-collapse: collapse;
	font-size: 14px;
	border-top: 1px dotted #999999;
	margin-bottom: 5px;
	width: 100%;
}
#holiday-booking-form > .main .dates table td:first-child {
	text-align: left;
}
#holiday-booking-form > .main .dates table td {
	border-bottom: 1px dotted #999999;
	padding: 5px 5px 5px 0px !important;
	font-weight: 700;
	text-align: right;
}
#holiday-booking-form > .main .dates table td  span.spaces {
	font-size: 12px;
	color: #FFFFFF;
	padding: 3px;
	min-width: 100px;
	display: inline-block;
	text-align: center;
width: 100%;
}
#holiday-booking-form > .main .dates table td  span.available {
	background-color: #EAB600;
}
#holiday-booking-form > .main .dates table td  span.limited {
	background-color: #E67E0E;
}
#holiday-booking-form > .main .dates table td  span.sold-out {
	background-color: #2F2F2F;
}
#holiday-booking-form > .main .dates > .dates-note{
	font-size: 11px;
	font-style: italic;
}
#holiday-booking-form > .main .contact-us {
	font-size: 28px;
	border: none;
	background: url('images/booking-form.png') no-repeat;
	background-position: 0px 0px;
	width: 284px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	font-weight: 700;
	color: #775500;
	cursor: pointer;
}
#holiday-booking-form > .main .contact-us:hover {
	opacity: 0.8;
}
#holiday-booking-form > .main .contact-us a {
	text-decoration: none;
}
#holiday-booking-form > .main .info {
}
#holiday-booking-form > .main .info p {
	font-size: 11px;
	line-height: 11px;
margin-bottom: 10px;
}
#holiday-booking-form > .main .info a{
	color: #4574A0;
	font-weight: 700;
	text-decoration: none;
}
#holiday-booking-form > .main .info a:hover{
	text-decoration: underline;
}
#holiday-booking-form > .main .info ul{
	padding: 0px 0px 0px 20px;
	list-style: disc;
}
 #holiday-booking-form > .main .info ul li{
	font-size: 1.4em;
	background: none;
	line-height: 1;
	padding: 0px;
}
 #holiday-booking-form > .main .info ul li span{
	font-size: 11px;
 }
.contact-us-button { text-decoration: none; }
.contact-us-button span { display: block; }

/* Kit Bag Pages */
.working-with { text-indent: -9999px; display: block; width: 125px; height: 30px; background:url(images/working-with.png) no-repeat; position: absolute; bottom: 85px; left: 88px; }
.page-id-5509 #main-content h1 { display: block; width: 291px; height: 44px; text-indent: -999px; background:url(images/working-with-paramo.png) no-repeat; }


/* Accreditations Footer */
footer { height: 302px; }
#accreditations-bar { background: #F8F8F8; height: 174px; overflow: hidden; width: 100%; } 
#accreditations-wrapper { width: 948px; margin: 0 auto; position: relative; }
#accreditations-bar h4 { font-size: 22px; color: #005904; background: none; }
#accreditations-bar #accreditations-corporate-sponsors h4 { text-align: right; }
#accreditations-bar .accreditation { float: left; }
#accreditations-titles1 { width: 175px; position: absolute; left: 0px; top: 29px; text-align: right; }
#accreditations-titles1 img { margin-top: 10px; }
#accreditations-logos1 { width: 190px; height: 127px; position: absolute; left: 203px; top: 29px; display: block; }
#accreditations-logos h4 { position: absolute; left: 430px; top: 29px; }
#accreditation-logos-row { left: 570px; position: absolute; top: 29px; width: 375px; }
.accreditation { display: block; float: left; margin-left: 16px; text-align: center; width: 108px; }
.accreditation a { color: #0B4A8El !important; font-size: 12px !important; text-decoration:none; line-height: 16px; display: block; }
.accreditation a:hover { text-decoration: underline !important; color: #0C263D !important; }
.accreditation a span {	margin-top: 4px; display: block; }

/* Five Star Logo in Header */
#sn-fs { display: block; position: absolute; top: 0px; left: 420px; height: 103px; width: 220px; }
#sn-fs span { float: right; height: 70px; width: 143px; display: block; padding-top: 20px; color: #015B04; font-size: 1.6em; text-align: center; }

/* Otter Book Links */
.otter-book-link {
	text-decoration: none !important;
}
.otter-book-link:hover {
	text-decoration: underline !important;
}