/*
Theme Name: Norman Ackroyd
Theme URI: http://www.normanackroyd.com
Description: Custom theme for Norman Ackroyd's portfolio site
Author: Matt Gerrish
*/

/* typo elements */

h1, h2, h3, h4, h5, h6 { margin-bottom: 24px; line-height: 1.45em; font-weight: normal; }
h1 { font-size: 2.333em; /* aka 42px */ }
h2 { font-size: 1.6111em; /* aka 29px */ }
h3 { font-size: 1.1666em; /* aka 21px */}
h4 { font-size: 0.8333em; /* aka 15px */  }
body, input, textarea { color: #666; font-size: 1em; line-height: 1.5em; }
p { margin-bottom: 18px; line-height: 1.45em; }
strong { font-weight: bold; }
em, i { font-style: italic; }
a { color: #6d6145; }
a:link, a:visited { color: #666; text-decoration: none; }
a:active,a:hover { color: #000; text-decoration: none; outline: none; }

/* helper classes */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em,img, small, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
.left { float: left; }
.right { float: right; }
.relative { position: relative; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
a img { border: none; }
ol, ul, li { list-style: none; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.space-above { margin-top: 12px; }
.space-below { margin-bottom: 12px; }
.border-bottom { border-bottom: 1px dotted #ddd; padding-bottom: 36px; margin-bottom: 24px; }
.border-top { border-top: 1px dotted #ddd; padding-top: 36px; margin-top: 24px; }
.centered { text-align: center; }
.ngg-clear { clear: both; }

/* structure */
body { font-family: Georgia, "Bitstream Charter", serif; background-color: #fefdfb; }
.wrapper { width: 960px; margin: 36px auto; }
.wrapper:first-child { padding: 0 36px; min-height: 480px; }

aside { float: left; width: 240px; font-size: 13px; }
.content { float: left; width: 672px; padding-left: 48px; }
.content h1, h2, h3, h4 { color: #000; }
.content p { margin-bottom: 18px; }
.content p:last-child { margin: 0; }
.content li { padding: 8px 0; }
.content em { color:#000; font-size: 13px; }
.content .enquiries { display: none; }
.content .enquiries:last-child { display: block; }

/* header/ footer */

header { margin-bottom: 12px; border-bottom: thin dotted #CCC; }
.site-title { font-size: 20px; letter-spacing: 0.2em; text-transform: uppercase; }
.site-title a:hover, .site-title a:focus, .site-title a:active { color:#3D2D08; }
nav { padding-top: 6px; }
nav li { float: left; margin-left: 30px; padding-bottom: 12px; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; position: relative; }
nav li:first-child { margin: 0; }
nav ul ul { position: absolute; top: 24px; left: -6px; width: 180px; z-index: 99999; background-color: #fff; padding: 6px 12px; border: 1px solid #CCC; display: none; }
nav ul ul li { margin: 0; padding: 8px 0; text-transform: none; font-size: 12px; letter-spacing: 0; }
nav li:hover > a, .menu a:focus { color: #000; }
nav ul li:hover > ul { display: block; }
nav .current_page_item > a, .menu .current_page_ancestor > a { color:#000; }

footer { margin-top: 36px; border-top: thin dotted #CCCCCC; font-size: 12px; padding-top: 12px; }
footer .fb-like { margin-top: 24px; width: 100%; }

/* posts */

.post-title { width: 496px; }
.post-meta { color: #666; text-transform: uppercase; font-size: 13px; letter-spacing: 0.1em; }
.post-thumbnail { width: 140px; }

/* home */

.slideshow { width: 100%; height: 480px; background-color:#fefdfb; position: relative; }
.slideshow a img { display: none; }
.half { float: left; width: 456px; }
.third { float: left; width: 304px; padding-right: 24px; }
.third:last-child { padding: 0; }
.half.headline { padding-right: 24px; }
.half.intro { padding: 12px 0 0 24px; }

/* gb map */

#uk { padding: 0px; width: 220px; height: 342px; margin: 0px auto; position: relative; background-image: url(images/uk2.png); background-repeat: no-repeat; }
#uk li { padding: 0px; display: block; margin:0px; }
#uk li a { display: block; text-indent: 0px; text-decoration: none; font-size:13px; }

.hovertext1 { background-image: url("images/pointer.png");background-position: center bottom;background-repeat: no-repeat;color: #FFFFFF;display: none;left: -15px;padding-bottom: 15px;position: absolute;top: 5px;width: 100px; }
.hovertext2 { background-image: url("images/pointer.png"); background-position: center bottom;background-repeat: no-repeat; color: #FFFFFF; display: none; left: -50px; padding-bottom: 15px; position: absolute; top: 30px; width: 171px; }
.hovertext3 { background-image: url("images/pointer.png"); background-position: 90px bottom; background-repeat: no-repeat; color: #FFFFFF; display: none; left: -65px; padding-bottom: 15px; position: absolute; top: -10px; width: 145px; }
.hovertext4 { display:none; position: absolute; color:#FFF; width: 100px; background-image: url(images/pointer.png); background-repeat: no-repeat; background-position: 15px bottom; padding-bottom: 15px; left: 0; top: -22px; }
.hovertext5 { background-image: url("images/pointer.png"); background-position: 15px bottom; background-repeat: no-repeat; color: #FFFFFF; display: none; left: 2px; padding-bottom: 15px; position: absolute; top: -8px; width: 151px; }
.hovertext6 { background-image: url("images/pointer.png"); background-position: 18px bottom; background-repeat: no-repeat; color: #FFFFFF; display: none; left: -9px; padding-bottom: 15px; position: absolute; top: 5px; width: 131px; }
.hovertext7 { background-image: url("images/pointer.png");background-position: center bottom;background-repeat: no-repeat;color: #FFFFFF;display: none;left: 3px;padding-bottom: 15px;position: absolute;top: 60px; width: auto; }
.hovertext8 { background-image: url("images/pointer.png"); background-position: center bottom; background-repeat: no-repeat; color: #FFFFFF; display: none; left: 0; padding-bottom: 15px; position: absolute; top: 10px; width:174px; }
.hovertext1 span, .hovertext2 span, .hovertext3 span, .hovertext4 span, .hovertext5 span, .hovertext6 span, .hovertext7 span, .hovertext8 span { background-color: #000; padding: 6px; }

a:hover div.hovertext1 { display:block; }
a:hover div.hovertext2 { display:block; }
a:hover div.hovertext3 { display:block; }
a:hover div.hovertext4 { display:block; }
a:hover div.hovertext5 { display:block; }
a:hover div.hovertext6 { display:block; }
a:hover div.hovertext7 { display:block; }
a:hover div.hovertext8 { display:block; }

#scot-n { height: 152px; width: 125px; left: 49px; top: 0px; position: relative; z-index: 100; }
#scot-n a { height: 152px; width: 125px; left: 110px; top: 0px; text-indent: 110px; display: block; list-style-type: none; }
#scot-n a:hover { height: 152px; width: 125px; background-image:url(images/scotland-n.png); background-repeat: no-repeat; }

#scot-s { height: 95px; width: 71px; left: 78px; top: -45px; position: relative; z-index: 400; }
#scot-s a { height: 95px; width: 71px; left: 110px; top: 0px; text-indent: 110px; display: block; list-style-type: none; }
#scot-s a:hover { height: 95px; width: 71px; background-image: url(images/scotland-s.png); background-repeat: no-repeat; }

#eng-n { height: 133px; width: 74px; left: 117px; top: -84px; position: relative; z-index: 100; }
#eng-n a { height: 133px; width: 74px; left: 140px; top: 0px; text-indent: 110px; display: block; list-style-type: none; }
#eng-n a:hover { height: 133px; width: 74px; background-image:url(images/england-n.png); background-repeat: no-repeat; }

#eng-s { height: 93px; width: 143px; left: 75px; top: -131px; position: relative; z-index: 100; }
#eng-s a { height: 93px; width: 143px; text-indent: 110px; left: 140px; top: 0px; display: block; list-style-type: none; }
#eng-s a:hover { height: 93px; width: 143px; background-image:url(images/england-s.png); background-repeat: no-repeat; }

#wales { height: 65px; width: 59px; left: 82px; top: -237px; position: relative; z-index: 200; }
#wales a { height: 65px; width: 59px; left:137px; top:-148px; text-indent: 8px; display: block; list-style-type: none; }
#wales a:hover { height: 65px; width: 59px; background-image:url(images/wales.png); background-repeat: no-repeat; }

#ire-s { height: 54px; width: 51px; left: 1px; top: -360px; position: relative; z-index: 100; }
#ire-s a { height: 54px; width: 51px; left:70px; top:-305px; text-indent: -106px; display: block; list-style-type: none; }
#ire-s a:hover { height: 54px; width: 51px; background-image:url(images/ireland-s.png); background-repeat: no-repeat; }

#ire-n { height: 65px; width: 57px; left: 9px; top: -360px; position: relative; z-index: 100; }
#ire-n a { height: 65px; width: 57px; left:70px; top:-305px; text-indent: -106px; display: block; list-style-type: none; }
#ire-n a:hover { height: 65px; width: 57px; background-image:url(images/ireland-n.png); background-repeat: no-repeat; }

/* prints */

.prints p { display: none; }
.ngg-gallery-thumbnail-box { width: 200px; height: 360px; margin-left: 24px; float: left; line-height: 1.2em; }
.ngg-gallery-thumbnail-box img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }
.ngg-gallery-thumbnail {   background-color: #f2f2f2; position: relative; height: 200px; margin-bottom: 12px; background-color: #f2f2f2; }
.thumb-container { height: 250px; width: 175px; }
.thumb-details-wrapper { position: relative; }
.category-title { margin-left: 24px; padding-bottom: 18px; }
.thumb-title { color: #000; font-size: 14px; padding-right: 24px; }
.thumb-description { color: #666; font-size: 12px; padding-right: 24px; height: auto; }

#map-navigation { float: left; height: auto; padding-right: 50px; width: 210px; padding-bottom: 24px; }
#map-summary { float: left; width: 211px; padding-right:49px; padding-top:24px; height:auto; padding-bottom:25px; }
#map-summary h2 { color:#000; font-size:13px;letter-spacing:0.1em;text-decoration:none;text-transform:uppercase; margin-bottom: 12px; line-height: 1.4em; }
#summary-description { margin:0; padding:0; font-size: 0.875em; line-height: 1.4em; }

/* lightbox */

.sh-title { font-size: 1.25em; text-shadow: 0 -1px 0 #CCCCCC; }
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message {color:#000;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:none;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:0.875em;color:#CCC;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading {background-color:#FEFDFB;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{}
#sb-title-inner{ padding-bottom: 12px;}
#sb-info,#sb-info-inner{}
#sb-info { padding-top: 12px; }
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;width: auto; height: 40px;padding:2px 0;}
#sb-nav a{display:block;float:right;width: 41px; height: 40px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(images/close.png);}
#sb-nav-next{ background-image:url(images/next.png);}
#sb-nav-next:hover {background-image:url(images/next2.png);}
#sb-nav-previous{background-image:url(images/previous.png);}
#sb-nav-previous:hover {background-image:url(images/previous2.png);}
#sb-nav-play{background-color:#C09;background-image:url(images/play.png);}
#sb-nav-pause{background-color:#C09;background-image:url(images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}