/*
Theme Name: Brendan O'Sullivan Photography
Theme URI: http://www.brendanosullivan.co.uk/
Description: Template for Brendan O'Sullivan
Version: 2.0
Author: Julian Kommunikation
Author URI: http://www.julian.se
Tags: 
*/

/* =References
-----------------------------------------------
GALLERY             http://tympanus.net/Tutorials/FreshSlidingThumbnailsGallery/
THUMB SCROLLER      http://manos.malihu.gr/jquery-thumbnail-scroller/
----------------------------------------------- */

/* =Content
-----------------------------------------------
01. Structure
02. Header
03. Content
04. Footer
05. Lists
----------------------------------------------- */

/* =Structure (01)
-------------------------------------------------------------- */
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;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html,body { height: 100%; }
body {
  font-family: Verdana;
  color: #fff;
  font-size: 10px;
  overflow: hidden;
  background: #b6b5b1;
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/open-sans-condensed-v15-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/open-sans-condensed-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/open-sans-condensed-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/open-sans-condensed-v15-latin-300.woff') format('woff'), /* Modern Browsers */
         url('/fonts/open-sans-condensed-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/open-sans-condensed-v15-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}

h1 {
  font-family: OpenSans, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 3em;
  padding: 0 0 30px;
  text-align: center;
}

p {

  font-family: OpenSans, Arial, Helvetica, sans-serif;
  font-size: 2.4em;
  line-height: 1.4em;
  padding: 0 0 20px;
  text-align: center;
}
p a {
  color: #fff;
}
p a:hover {
  text-decoration: underline;
}

a {
  text-decoration: none;
  color: #434040;
}

hr {
    margin: 0 0 30px;
}

/* =Header (02)
-------------------------------------------------------------- */
#header{
  height: 25px;
  z-index: 11;
  position: relative;
  margin: 0 auto;
  padding: 15px 20px 0;
  max-width: 1140px;
  font-family: OpenSans, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#logo {
  float: left;
  font-size: 32px;
  font-size: 22px;
}

#mainmenu {
  float: right;
  padding: 5px 0 15px;
  font-size: 16px;
}

/* =Content (03)
-------------------------------------------------------------- */
#page {
  position: relative;
  margin: 0 auto;
  padding: 80px 0 0;
  width: 960px;
}

#loading {
  display:none;
  width:32px;
  height:32px;
  position:absolute;
  top:40%;
  left:50%;
  margin-left:-24px;
  background:transparent url(../images/icons/loading.gif) no-repeat top left;
}
#imageWrapper {
  position:relative;
  padding-top:20px;
  text-align:center;
}
#imageWrapper img{
  margin:0 auto;
  -moz-box-shadow:2px 2px 10px #9a9892;
  -webkit-box-shadow:2px 2px 10px #9a9892;
  box-shadow:2px 2px 10px #9a9892;
}

.jThumbnailScroller {
  position: absolute;
  bottom: 25px;
  width: 100%;
  height: 104px;
  margin: 0 auto;
  padding: 0;
}
.jThumbnailScroller .jTscrollerContainer { position:absolute; }
.jThumbnailScroller .jTscroller {
  position: relative;
  height: 100%;
  margin: 0;
  left: 0;
  top: 0;
  display: inline-block;
  *display: inline;
}
.jThumbnailScroller img {
  float: left;
  margin: 2px;
  display: block;
  cursor: pointer;
  opacity: 0.4;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
#thumbsContainer{
  height:104px;
  display:block;
  margin: 0 auto;   
}

.cursorRight{
   cursor:url("../images/icons/next.cur"),url("images/icons/next.cur"), default;
}
.cursorLeft{
  cursor:url("../images/icons/prev.cur"),url("images/icons/prev.cur"), default;
}

#bg{position:fixed; z-index:1; overflow:hidden; width:100%; height:100%; padding:20px 0 0;}
#bgimg{display:none; -ms-interpolation-mode: bicubic;}
#preloader{
  display: none;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 40%;
  left: 50%;
  margin-left: -24px;
  background: transparent url('images/icons/loading.gif') no-repeat top left;
}

/* =Footer (04)
-------------------------------------------------------------- */
#footer {
  height:25px;
  line-height:22px;
  text-align:center;
  position:fixed;
  left:0px;
  width:100%;
  bottom:0px;
  color: #82817d;
  background: #b6b5b1;
  padding: 3px 0 0;
  z-index: 1000;
}
#footer a {
  color: #82817d;
}
#footer a:hover {
  color: #5c5b57;
}

/* =Lists (05)
-------------------------------------------------------------- */
#mainmenu ul li {
  display: inline;
  list-style-type: none;
  margin: 0 0 0 7px;
  padding: 0 0 0 10px;
  border-left: 1px solid #666;
}
#mainmenu ul li:first-child {
  border: none;
}
#mainmenu ul li.current a,
#mainmenu ul li a:hover {
  color: #268385;
}