@charset "UTF-8";
/*=============================================================================
 NORMALIZE
 -----------------------------------------
 Based on HTML5 ✰ Boilerplate http://html5boilerplate.com/
 -----------------------------------------
=============================================================================*/

/*-----------------------------------------
   HTML5 element display
  -----------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/*-----------------------------------------
   Base
  -----------------------------------------*/
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 16px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #f1f1f1; color: #444; text-shadow: none; }
::selection { background: #f1f1f1; color: #444; text-shadow: none; }

/*-----------------------------------------
   Links
  -----------------------------------------*/
a { color: #00e; }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }
/*-----------------------------------------
   Typography
  -----------------------------------------*/
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _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: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/*-----------------------------------------
   Lists
  -----------------------------------------*/
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
/*-----------------------------------------
   Embedded content
  -----------------------------------------*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width:100%;}
svg:not(:root) { overflow: hidden; }
/*-----------------------------------------
   Figures
  -----------------------------------------*/
figure { margin: 0; }
/*-----------------------------------------
   Forms
  -----------------------------------------*/
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/*-----------------------------------------
   Tables
  -----------------------------------------*/
table { border-collapse: collapse; border-spacing: 0; }
/*=============================================================================
 SITE STYLES
 -----------------------------------------
 -----------------------------------------
=============================================================================*/
/* ----- Typography ----- */
body { font-family: Georgia, serif; }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, sans-serif; margin-top:0px; }
h1 { font-size:4.5em; padding:0; margin:0 0 20px 0;}
section h1, article h1, h2 { font-size:2.625em; margin-bottom:20px; }
article h1 {  }
article h2, h3 { font-size:1.625em; }
h3 {font-size:1.25em; padding-left:15px;}
h4, h5, h6 { font-size:1em; font-weight:bold; }
p { margin-top:0; padding-right:15px; padding-left:15px; }
nav { font-family:Verdana, sans-serif;; font-size:1.125em; }
nav ul { line-height:2.2em;}
footer { font-size:small; text-align:center; }

header h1 { font-family:Helvetica, sans-serif; font-size:2.375em; font-weight:400; line-height:0.8em;}
header h1 #sm { font-size:0.727em; font-weight:200;}

ul.polaroid li { text-align:center; font-family:"Marker Felt", "Comic Sans", Verdana, sans-serif; }


/* extensions */
a[href$='.doc'], a[href$='.rtf'] { padding: 5px 20px 5px 0; background: transparent url(../resources/icons/icon_doc.gif) no-repeat center right; }
a[href$='.txt'] { padding: 5px 20px 5px 0; background: transparent url(../resources/icons/icon_txt.gif) no-repeat center right; }
a[href$='.xls'] { padding: 5px 20px 5px 0; background: transparent url(../resources/icons/icon_xls.gif) no-repeat center right; }
a[href$='.rss'], a[href$='.atom'] { padding: 5px 20px 5px 0; background: transparent url(../resources/icons/icon_feed.gif) no-repeat center right; }
a[href$='.exe'] { padding: 5px 20px 5px 0; background: transparent url(../resources/icons/icon_exe.gif) no-repeat center right; }
a[href$='.dmg'], a[href$='.app'] { padding: 5px 20px 5px 0;	background: transparent url(../resources/icons/icon_dmg.gif) no-repeat center right; }
a[href$='.pps'] { padding: 5px 20px 5px 0; background: transparent url(../resources/icons/icon_pps.gif) no-repeat center right; }
a[href$='.pdf'] { padding: 5px 20px 5px 0; background: transparent url(../resources/icons/icon_pdf.gif) no-repeat center right; }
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { padding: 5px 20px 5px 0; background: transparent url(../resources/icons/icon_archive.gif) no-repeat center right; }
a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { padding: 5px 20px 5px 0; background: transparent url(../resources/icons/icon_pic.gif) no-repeat center right; }
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { padding: 5px 20px 5px 0; background: transparent url(../resources/icons/icon_film.gif) no-repeat center right; }
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { padding: 5px 20px 5px 0; background: transparent url(../resources/icons/icon_music.gif) no-repeat center right; }
a[href ^="mailto:"] { padding: 5px 20px 5px 0; background: transparent url(../resources/icons/icon_mailto.gif) no-repeat center right; }
a.noicon { padding-right: 0px !important; background: none !important; }


/* ----- Colour & Styles ----- */
body { background:#d0cdc9; color:#444; }
h1, h2, h3, h4, h5, h6, a { color:#726a63; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a { color:#726a63; text-decoration:underline; }
a { color: #d9ba8b; }
a:link { color:#42413C; text-decoration:underline; }
a:visited { color:#6E6C64; text-decoration:underline; }
a:hover, a:active, a:focus {text-decoration:none; }

nav { background:#726a63; }
nav, nav a:link, nav a:visited { color:#f1f1f1; text-decoration:none; }
nav a:hover, nav a:active, nav a:focus { text-decoration:underline; }
nav ul li.active {color:#fff; }
li.active a:hover { text-decoration:none; }
li.active:after { border-right: 15px solid transparent; border-left: 15px solid transparent; border-top: 15px solid #726a63; }

.container { background:#f1f1f1; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; }

header { height:40px; margin:0 20px; padding:35px 0 20px 220px; background:url(../resources/lmb_logo.png) center left no-repeat; }
header a:link { text-decoration:none; color:#726a63; }
header a:visited { color:#726a63; }

.content { background:#fff; border:1px solid #ccc; -moz-box-shadow:inset 0 0 5px #999; -webkit-box-shadow:inset 0 0 5px #999; box-shadow:inset 0 0 5px #999; }

ul.polaroid li { color:#444; background: #fff; border: 1px solid #f9f9f9; -moz-box-shadow: 2px 2px 5px #999; -webkit-box-shadow: 2px 2px 5px #999; -box-shadow: 2px 2px 5px #999; }
ul.polaroid li:hover { -moz-box-shadow: 3px 3px 8px #666; -webkit-box-shadow: 3px 3px 8px #666; -box-shadow: 3px 3px 8px #666; }



/* ----- Layout ----- */
nav { width:100%; margin-bottom:20px; }
nav ul { height:40px; margin-left:12px; }
nav ul li { height:40px; float:left; padding:0 18px; }
li.active a { cursor: default; }
li.active:after { width: 0; height:0; content: ' '; display: block; margin:auto; }

.container { width:960px; min-width:300px; max-width:960px; background:#f1f1f1; margin:50px auto 40px; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; }

.content { padding:40px 20px; margin:2px 20px; width:auto; }
.content ul, .content ol { padding: 0 15px 15px 40px; }
.content li { margin-bottom:20px; }
.spacing li { margin-bottom:40px; }

ul.narrow { margin:40px auto; width:550px; }

section { margin-bottom:40px; }

ul.polaroid li { float: left; padding: 10px 10px 10px 10px; margin:8px; position: relative; width:125px; }
ul.polaroid li:after { content: attr(title); }
ul.polaroid li img { margin-bottom:10px; }
ul.polaroid li { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
ul.polaroid li:nth-child(even) { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); }
ul.polaroid li:nth-child(3n) { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; position: relative; top: -5px; }
ul.polaroid li:nth-child(5n) { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); position: relative; right: 5px; }
ul.polaroid li:nth-child(8n) { position: relative; top: 8px; right: 5px; }
ul.polaroid li:nth-child(11n) { position: relative; top: 3px; left: -5px; }
ul.polaroid li:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); position: relative; z-index: 10; -moz-transition: -moz-transform .15s linear; -webkit-transition: -webkit-transform .15s linear; -ms-transition:-ms-transform .15s linear; transition:transform .15s linear; }

.colorbox { cursor:pointer; }

footer { padding: 10px 0; margin-top:20px; position: relative;/* this gives IE6 hasLayout to properly clear */ clear: both }





/*-----------------------------------------
   Print
  -----------------------------------------*/
@media print {

* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: 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; }
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; }

}
/*=============================================================================
 HELPER STYLES
 -----------------------------------------
 Based on HTML5 ✰ Boilerplate http://html5boilerplate.com/
 -----------------------------------------
=============================================================================*/
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide for both screenreaders and browsers */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders */
.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 */
.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; }
/* Contain floats */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.clear {clear:both;}
.center { text-align:center; }
img.center {display:block;margin:0 auto;}
.center .mejs-container {margin:auto;}
.nobullets { list-style-type:none; }
.right { float:right; margin:5px 0px 5px 15px; }
.left { float:left; margin: 5px 15px 5px 0px; }